@undp/data-viz 1.3.0 → 1.4.0

package/dist/BarGraph.js

@@ -1,2 +1,4044 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BHm2KTjD-D8FylaKc.cjs"),De=require("./index-CZbIGs8q.cjs"),m=require("react"),$e=require("./index-BzeLQvXk.cjs"),Ee=require("./parse-hMnG_lRV.cjs"),Me=require("./Typography-CDR-DAHH.cjs"),Ce=require("./getSliderMarks-DDJ1CdhL.cjs"),Ae=require("./index-BXns0-ng.cjs"),ze=require("./Modal-cQF2UQIa.cjs"),Ie=require("./numberFormattingFunction.js"),Ve=require("./Tooltip-BM18N_3l.cjs"),Y=require("./checkIfNullOrUndefined.js"),Re=require("./Colors.js"),Le=require("./string2HTML-X4ZYX5jI.cjs"),Qe=require("./XTicksAndGridLines-DuK35ROS.cjs"),Ze=require("./YAxesLabels-DhBdLk3Z.cjs"),Be=require("./AxisTitle-BY8MI9jC.cjs"),Fe=require("./Axis-BlyBRMNw.cjs"),He=require("./ReferenceLine-Bsb5jeE4.cjs"),ge=require("./use-in-view-Dl1CsAIo.cjs"),Pe=require("./linear-BVckp9RD.cjs"),Te=require("./band-CAApY4Pd.cjs"),Ue=require("./index-a2C2Bqn2.cjs"),qe=require("./GraphFooter.js"),Ge=require("./GraphHeader.js"),We=require("./ColorLegendWithMouseOver.js"),Xe=require("./EmptyState-BQguKAp5.cjs"),Se=require("./index-CEc_9zWy.cjs"),Ne=require("./ensureCompleteData-DqWQ2Zbi.cjs"),Ye=require("./init-DU0ybBc_.cjs"),ke=require("./index-C21TvELx.cjs"),Je=require("./getTextColorBasedOnBgColor.js"),et=require("./XAxesLabels-C9REbQQs.cjs"),tt=require("./YTicksAndGridLines-CtLvzExe.cjs");function it(fe){const{data:l,barColor:p,suffix:P,prefix:A,barPadding:U,showValues:me,showTicks:de,leftMargin:he,truncateBy:Q,width:q,height:ie,colorDomain:I,rightMargin:oe,topMargin:xe,bottomMargin:R,showLabels:G,tooltip:_,onSeriesMouseOver:Z,refValues:E,selectedColor:f,highlightedDataPoints:L,maxValue:ae,minValue:se,onSeriesMouseClick:K,labelOrder:ee,rtl:ne,maxBarThickness:W,minBarThickness:pe,resetSelectionOnDoubleClick:ue,detailsOnClick:S,barAxisTitle:b,valueColor:g,noOfTicks:w,styles:D,classNames:N,animate:M,dimmedOpacity:z,precision:V,customLayers:v,naLabel:j}=fe,X=m.useRef(null),$=ge.useInView(X,{once:M.once,amount:M.amount}),[T,ce]=m.useState(void 0),[H,B]=m.useState(void 0),[re,C]=m.useState(void 0),[F,h]=m.useState(void 0),k={top:b?xe+25:xe,bottom:R,left:he,right:oe},y=q-k.left-k.right,u=ie-k.top-k.bottom,d=l.map((s,x)=>({...s,id:ee?`${s.label}`:`${x}`})),o=Pe.linear().domain([se,ae]).range([0,y]).nice(),a=ee||d.map(s=>`${s.id}`),r=Te.band().domain(a).range([0,pe?Math.max(u,pe*a.length):W?Math.min(u,W*a.length):u]).paddingInner(U),t=o.ticks(w);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{ref:X,width:`${q}px`,height:`${ie}px`,viewBox:`0 0 ${q} ${ie}`,direction:"ltr",children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${k.left},${k.top})`,children:[de?e.jsxRuntimeExports.jsx(Qe.XTicksAndGridLines,{values:t.filter(s=>s!==0),x:t.filter(s=>s!==0).map(s=>o(s)),y1:0-xe,y2:u+k.bottom,styles:{gridLines:D?.xAxis?.gridLines,labels:D?.xAxis?.labels},classNames:{gridLines:N?.xAxis?.gridLines,labels:N?.xAxis?.labels},suffix:P,prefix:A,labelType:"secondary",showGridLines:!0,precision:V}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:y/2,y:0-k.top+15,style:D?.xAxis?.title,className:N?.xAxis?.title,text:b}),v.filter(s=>s.position==="before").map(s=>s.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[d.map(s=>Y.checkIfNullOrUndefined(r(s.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{opacity:f?s.color&&p[I.indexOf(s.color)]===f?1:z:L.length!==0?L.indexOf(s.label)!==-1?.85:z:.85},whileInView:{opacity:f?s.color&&p[I.indexOf(s.color)]===f?1:z:L.length!==0?L.indexOf(s.label)!==-1?.85:z:.85,transition:{duration:M.duration}}},initial:"initial",animate:$?"whileInView":"initial",exit:{opacity:0,transition:{duration:M.duration}},onMouseEnter:x=>{ce(s),h(x.clientY),C(x.clientX),Z?.(s)},onClick:()=>{(K||S)&&(Ae.isEqual(H,s)&&ue?(B(void 0),K?.(void 0)):(B(s),K?.(s)))},onMouseMove:x=>{ce(s),h(x.clientY),C(x.clientX)},onMouseLeave:()=>{ce(void 0),C(void 0),h(void 0),Z?.(void 0)},children:[s.size?e.jsxRuntimeExports.jsx(ge.motion.rect,{variants:{initial:{width:0,x:o(0),y:r(`${s.id}`),fill:l.filter(x=>x.color).length===0?p[0]:s.color?p[I.indexOf(s.color)]:Re.Colors.gray},whileInView:{width:s.size>=0?o(s.size)-o(0):o(0)-o(s.size),x:s.size>=0?o(0):o(s.size),y:r(`${s.id}`),fill:l.filter(x=>x.color).length===0?p[0]:s.color?p[I.indexOf(s.color)]:Re.Colors.gray,transition:{duration:M.duration}}},initial:"initial",animate:$?"whileInView":"initial",exit:{width:0,x:o(0),transition:{duration:M.duration}},height:r.bandwidth()}):null,G?e.jsxRuntimeExports.jsx(Ze.YAxesLabels,{value:`${s.label}`.length<Q?`${s.label}`:`${`${s.label}`.substring(0,Q)}...`,y:r(s.id)||0,x:(s.size||0)<0?o(0):0-k.left,width:(s.size||0)<0?q-o(0):o(0)+k.left,height:r.bandwidth(),alignment:s.size&&s.size<0?"left":"right",style:D?.yAxis?.labels,className:N?.yAxis?.labels,animate:M,isInView:$}):null,me?e.jsxRuntimeExports.jsx(ge.motion.text,{style:{textAnchor:s.size&&s.size<0?"end":"start",...D?.graphObjectValues||{}},className:Me.cnExports.cn("graph-value text-sm",!g&&p.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",N?.graphObjectValues),dx:s.size&&s.size<0?-5:5,dy:"0.33em",variants:{initial:{x:o(0),y:r(`${s.id}`)+r.bandwidth()/2,opacity:0,fill:g||(l.filter(x=>x.color).length===0?p[0]:s.color?p[I.indexOf(s.color)]:Re.Colors.gray)},whileInView:{x:s.size?o(s.size):o(0),opacity:1,y:r(`${s.id}`)+r.bandwidth()/2,fill:g||(l.filter(x=>x.color).length===0?p[0]:s.color?p[I.indexOf(s.color)]:Re.Colors.gray),transition:{duration:M.duration}}},initial:"initial",animate:$?"whileInView":"initial",exit:{opacity:0,transition:{duration:M.duration}},children:Ie.numberFormattingFunction(s.size,j,V,A,P)}):null]},s.label)),e.jsxRuntimeExports.jsx(Fe.Axis,{x1:o(se<0?0:se),x2:o(se<0?0:se),y1:-2.5,y2:u+k.bottom,classNames:{axis:N?.yAxis?.axis},styles:{axis:D?.yAxis?.axis}}),E?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:E.map((s,x)=>e.jsxRuntimeExports.jsx(He.RefLineX,{text:s.text,color:s.color,x:o(s.value),y1:0-k.top,y2:u+k.bottom,textSide:o(s.value)>y*.75||ne?"left":"right",classNames:s.classNames,styles:s.styles,animate:M,isInView:$},x))}):null]}),v.filter(s=>s.position==="after").map(s=>s.layer)]})}),T&&_&&re&&F?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:T,body:_,xPos:re,yPos:F,backgroundStyle:D?.tooltip,className:N?.tooltip}):null,S&&H!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:H!==void 0,onClose:()=>{B(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof S=="string"?{__html:Le.string2HTML(S,H)}:void 0,children:typeof S=="function"?S(H):null})}):null]})}function at(fe){const{data:l,graphTitle:p,colors:P,suffix:A="",sources:U,prefix:me="",graphDescription:de,barPadding:he=.25,showValues:Q=!0,showTicks:q=!0,leftMargin:ie=100,rightMargin:I=40,truncateBy:oe=999,height:xe,width:R,footNote:G,colorDomain:_,colorLegendTitle:Z,highlightedDataPoints:E=[],padding:f,backgroundColor:L=!1,topMargin:ae=25,bottomMargin:se=10,showLabels:K=!0,relativeHeight:ee,tooltip:ne,onSeriesMouseOver:W,refValues:pe,showColorScale:ue=!0,graphID:S,maxValue:b,minValue:g,onSeriesMouseClick:w,graphDownload:D=!1,dataDownload:N=!1,sortData:M,labelOrder:z,language:V="en",showNAColor:v=!0,minHeight:j=0,theme:X="light",maxBarThickness:$,maxNumberOfBars:T,minBarThickness:ce,ariaLabel:H,resetSelectionOnDoubleClick:B=!0,detailsOnClick:re,barAxisTitle:C,noOfTicks:F=5,valueColor:h,styles:k,classNames:y,filterNA:u=!0,animate:d=!1,dimmedOpacity:o=.3,precision:a=2,customLayers:r=[],timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:s="NA"}=fe,[x,Oe]=m.useState(0),[J,je]=m.useState(0),[ve,we]=m.useState(t.autoplay),le=Ce.sort(De.uniqBy(l.filter(i=>i.date!==void 0&&i.date!==null),i=>i.date).map(i=>Ee.parse(`${i.date}`,t.dateFormat||"yyyy",new Date).getTime()),(i,be)=>Ye.ascending(i,be)),[ye,c]=m.useState(t.autoplay?0:le.length-1),[te,n]=m.useState(void 0),O=m.useRef(null),_e=m.useRef(null);m.useEffect(()=>{const i=new ResizeObserver(be=>{Oe(R||be[0].target.clientWidth||620),je(xe||be[0].target.clientHeight||480)});return O.current&&(je(O.current.clientHeight||480),Oe(O.current.clientWidth||620),R||i.observe(O.current)),()=>i.disconnect()},[R,xe]),m.useEffect(()=>{const i=setInterval(()=>{c(be=>be<le.length-1?be+1:0)},(t.speed||2)*1e3);return ve||clearInterval(i),()=>clearInterval(i)},[le,ve,t.speed]);const Ke=Ce.getSliderMarks(le,ye,t.showOnlyActiveDate,t.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${X||"light"} flex ${R?"w-fit grow-0":"w-full grow"}`,dir:V==="he"||V==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${L?L===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${V||"en"}`,y?.graphContainer),style:{...k?.graphContainer||{},...L&&L!==!0?{backgroundColor:L}:{}},id:S,ref:_e,"aria-label":H||`${p?`The graph shows ${p}. `:""}This is a bar chart. ${de?` ${de}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:L?f||"1rem":f||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||de||D||N?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:k?.title,description:k?.description},classNames:{title:y?.title,description:y?.description},graphTitle:p,graphDescription:de,width:R,graphDownload:D?_e.current:void 0,dataDownload:N?l.map(i=>i.data).filter(i=>i!==void 0).length>0?l.map(i=>i.data).filter(i=>i!==void 0):l.filter(i=>i!==void 0):null}):null,t.enabled&&le.length>0&&Ke?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!ve)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":ve?"Click to pause animation":"Click to play animation",children:ve?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:le[0],max:le[le.length-1],marks:Ke,step:null,defaultValue:le[le.length-1],value:le[ye],onChangeComplete:i=>{c(le.indexOf(i))},onChange:i=>{c(le.indexOf(i))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[ue&&l.filter(i=>i.color).length!==0?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:R,colorLegendTitle:Z,colors:P||Re.Colors[X].categoricalColors.colors,colorDomain:_||De.uniqBy(l.filter(i=>i.color),"color").map(i=>i.color),setSelectedColor:n,showNAColor:v}):null,e.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:O,"aria-label":"Graph area",children:(R||x)&&(xe||J)?e.jsxRuntimeExports.jsx(it,{data:M==="asc"?$e.sortBy(Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i),i=>i.size).filter((i,be)=>T?be<T:!0):M==="desc"?$e.sortBy(Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i),i=>i.size).reverse().filter((i,be)=>T?be<T:!0):Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i).filter((i,be)=>T?be<T:!0),barColor:l.filter(i=>i.color).length===0?P?[P]:[Re.Colors.primaryColors["blue-600"]]:P||Re.Colors[X].categoricalColors.colors,colorDomain:l.filter(i=>i.color).length===0?[]:_||De.uniqBy(l.filter(i=>i.color),"color").map(i=>i.color),width:R||x,selectedColor:te,height:Math.max(j,xe||(ee?j?(R||x)*ee>j?(R||x)*ee:j:(R||x)*ee:J)),suffix:A,prefix:me,barPadding:he,showValues:Q,showTicks:q,leftMargin:ie,rightMargin:I,topMargin:ae,bottomMargin:se,truncateBy:oe,showLabels:K,tooltip:ne,onSeriesMouseOver:W,refValues:pe,maxValue:Y.checkIfNullOrUndefined(b)?Math.max(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size))<0?0:Math.max(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size)):b,minValue:Y.checkIfNullOrUndefined(g)?Math.min(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size))>=0?0:Math.min(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size)):g,highlightedDataPoints:E,onSeriesMouseClick:w,labelOrder:z,rtl:V==="he"||V==="ar",maxBarThickness:$,minBarThickness:ce,resetSelectionOnDoubleClick:B,detailsOnClick:re,barAxisTitle:C,noOfTicks:F,valueColor:h,classNames:y,styles:k,animate:d===!0?{duration:.5,once:!0,amount:.5}:d||{duration:0,once:!0,amount:0},dimmedOpacity:o,precision:a,customLayers:r,naLabel:s}):null})]})}),U||G?e.jsxRuntimeExports.jsx(qe.GraphFooter,{sources:U,footNote:G,width:R,styles:{footnote:k?.footnote,source:k?.source},classNames:{footnote:y?.footnote,source:y?.source}}):null]})})})})}function st(fe){const{data:l,barColors:p,barPadding:P,showTicks:A,leftMargin:U,truncateBy:me,width:de,height:he,suffix:Q,prefix:q,showValues:ie,rightMargin:I,topMargin:oe,bottomMargin:xe,showLabels:R,tooltip:G,onSeriesMouseOver:_,refValues:Z,maxValue:E,minValue:f,onSeriesMouseClick:L,selectedColor:ae,rtl:se,labelOrder:K,maxBarThickness:ee,resetSelectionOnDoubleClick:ne,detailsOnClick:W,barAxisTitle:pe,valueColor:ue,noOfTicks:S,styles:b,classNames:g,animate:w,colorDomain:D,precision:N,customLayers:M,naLabel:z}=fe,V=m.useRef(null),v=ge.useInView(V,{once:w.once,amount:w.amount}),j={top:pe?oe+25:oe,bottom:xe,left:U,right:I},[X,$]=m.useState(void 0),[T,ce]=m.useState(void 0),[H,B]=m.useState(void 0),[re,C]=m.useState(void 0),F=de-j.left-j.right,h=he-j.top-j.bottom,k=l.map((r,t)=>({...r,id:K?`${r.label}`:`${t}`})),y=K||k.map(r=>`${r.id}`),u=Pe.linear().domain([f,E]).range([0,F]).nice(),d=Te.band().domain(y).range([0,ee?Math.min(h,ee*y.length):h]).paddingInner(P),o=Te.band().domain(l[0].size.map((r,t)=>`${t}`)).range([0,d.bandwidth()]).paddingInner(.1),a=u.ticks(S);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{ref:V,width:`${de}px`,height:`${he}px`,viewBox:`0 0 ${de} ${he}`,direction:"ltr",children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${j.left},${j.top})`,children:[A?e.jsxRuntimeExports.jsx(Qe.XTicksAndGridLines,{values:a.filter(r=>r!==0),x:a.filter(r=>r!==0).map(r=>u(r)),y1:0-oe,y2:h+j.bottom,styles:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},classNames:{gridLines:g?.xAxis?.gridLines,labels:g?.xAxis?.labels},suffix:Q,prefix:q,labelType:"secondary",showGridLines:!0,precision:N}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:F/2,y:0-j.top+15,style:b?.xAxis?.title,className:g?.xAxis?.title,text:pe}),M.filter(r=>r.position==="before").map(r=>r.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[k.map(r=>Y.checkIfNullOrUndefined(d(r.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{variants:{initial:{x:0,y:d(`${r.id}`)},whileInView:{x:0,y:d(`${r.id}`),transition:{duration:w.duration}}},initial:"initial",animate:v?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},children:[r.size.map((t,s)=>e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-g-with-hover",opacity:ae?p[s]===ae?1:.3:.85,onMouseEnter:x=>{$({...r,sizeIndex:s}),C(x.clientY),B(x.clientX),_?.({...r,sizeIndex:s})},onMouseMove:x=>{$({...r,sizeIndex:s}),C(x.clientY),B(x.clientX)},onMouseLeave:()=>{$(void 0),B(void 0),C(void 0),_?.(void 0)},onClick:()=>{(L||W)&&(Ae.isEqual(T,{...r,sizeIndex:s})&&ne?(ce(void 0),L?.(void 0)):(ce({...r,sizeIndex:s}),L&&L({...r,sizeIndex:s})))},children:[Y.checkIfNullOrUndefined(t)?null:e.jsxRuntimeExports.jsx(ge.motion.rect,{y:o(`${s}`),variants:{initial:{width:0,x:u(0),fill:p[s]},whileInView:{width:Y.checkIfNullOrUndefined(t)?0:t>=0?u(t)-u(0):u(0)-u(t),x:t>=0?u(0):u(t),fill:p[s],transition:{duration:w.duration}}},exit:{width:0,x:u(0),transition:{duration:w.duration}},height:o.bandwidth(),initial:"initial",animate:v?"whileInView":"initial"}),ie?e.jsxRuntimeExports.jsx(ge.motion.text,{y:o(`${s}`)+o.bandwidth()/2,style:{fill:ue||p[s],textAnchor:t&&t<0?"end":"start",...b?.graphObjectValues||{}},className:Me.cnExports.cn("graph-value text-sm",g?.graphObjectValues),dx:t&&t<0?-5:5,dy:"0.33em",variants:{initial:{x:u(0),opacity:0},whileInView:{x:u(t||0),opacity:1,transition:{duration:w.duration}}},initial:"initial",animate:v?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},children:Ie.numberFormattingFunction(t,z,N,q,Q)}):null]},`${r.label}-${D[s]||s}`)),R?e.jsxRuntimeExports.jsx(Ze.YAxesLabels,{value:`${r.label}`.length<me?`${r.label}`:`${`${r.label}`.substring(0,me)}...`,y:0,x:0-j.left,width:u(f<0?0:f)+j.left,height:d.bandwidth(),style:b?.yAxis?.labels,className:g?.yAxis?.labels,animate:w,isInView:v}):null]},r.label)),e.jsxRuntimeExports.jsx(Fe.Axis,{x1:u(f<0?0:f),x2:u(f<0?0:f),y1:-2.5,y2:h+j.bottom,classNames:{axis:g?.yAxis?.axis},styles:{axis:b?.yAxis?.axis}}),Z?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Z.map((r,t)=>e.jsxRuntimeExports.jsx(He.RefLineX,{text:r.text,color:r.color,x:u(r.value),y1:0-j.top,y2:h+j.bottom,textSide:u(r.value)>F*.75||se?"left":"right",classNames:r.classNames,styles:r.styles,animate:w,isInView:v},t))}):null]}),M.filter(r=>r.position==="after").map(r=>r.layer)]})}),X&&G&&H&&re?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:X,body:G,xPos:H,yPos:re,backgroundStyle:b?.tooltip,className:g?.tooltip}):null,W&&T!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:T!==void 0,onClose:()=>{ce(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof W=="string"?{__html:Le.string2HTML(W,T)}:void 0,children:typeof W=="function"?W(T):null})}):null]})}function rt(fe){const{data:l,graphTitle:p,colors:P=Re.Colors.light.categoricalColors.colors,sources:A,graphDescription:U,barPadding:me=.25,showTicks:de=!0,truncateBy:he=999,height:Q,width:q,footNote:ie,colorDomain:I,colorLegendTitle:oe,suffix:xe="",prefix:R="",showValues:G=!0,showColorScale:_=!0,padding:Z,backgroundColor:E=!1,leftMargin:f=100,rightMargin:L=40,topMargin:ae=25,bottomMargin:se=10,showLabels:K=!0,relativeHeight:ee,tooltip:ne,onSeriesMouseOver:W,refValues:pe,graphID:ue,maxValue:S,minValue:b,onSeriesMouseClick:g,graphDownload:w=!1,dataDownload:D=!1,language:N="en",labelOrder:M,minHeight:z=0,theme:V="light",maxBarThickness:v,ariaLabel:j,resetSelectionOnDoubleClick:X=!0,detailsOnClick:$,barAxisTitle:T,noOfTicks:ce=5,valueColor:H,styles:B,classNames:re,filterNA:C=!0,animate:F=!1,precision:h=2,customLayers:k=[],timeline:y={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:u="NA"}=fe,[d,o]=m.useState(0),[a,r]=m.useState(0),[t,s]=m.useState(y.autoplay),x=Ce.sort(De.uniqBy(l.filter(c=>c.date!==void 0&&c.date!==null),c=>c.date).map(c=>Ee.parse(`${c.date}`,y.dateFormat||"yyyy",new Date).getTime()),(c,te)=>Ye.ascending(c,te)),[Oe,J]=m.useState(y.autoplay?0:x.length-1),[je,ve]=m.useState(void 0),we=m.useRef(null),le=m.useRef(null);m.useEffect(()=>{const c=new ResizeObserver(te=>{o(q||te[0].target.clientWidth||620),r(Q||te[0].target.clientHeight||480)});return we.current&&(r(we.current.clientHeight||480),o(we.current.clientWidth||620),q||c.observe(we.current)),()=>c.disconnect()},[q,Q]),m.useEffect(()=>{const c=setInterval(()=>{J(te=>te<x.length-1?te+1:0)},(y.speed||2)*1e3);return t||clearInterval(c),()=>clearInterval(c)},[x,t,y.speed]);const ye=Ce.getSliderMarks(x,Oe,y.showOnlyActiveDate,y.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${V||"light"} flex  ${q?"w-fit grow-0":"w-full grow"}`,dir:N==="he"||N==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N||"en"}`,re?.graphContainer),style:{...B?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ue,ref:le,"aria-label":j||`${p?`The graph shows ${p}. `:""}This is a grouped bar chart. ${U?` ${U}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?Z||"1rem":Z||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4 w-full grow justify-between",children:[p||U||w||D?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:B?.title,description:B?.description},classNames:{title:re?.title,description:re?.description},graphTitle:p,graphDescription:U,width:q,graphDownload:w?le.current:void 0,dataDownload:D?l.map(c=>c.data).filter(c=>c!==void 0).length>0?l.map(c=>c.data).filter(c=>c!==void 0):l.filter(c=>c!==void 0):null}):null,y.enabled&&x.length>0&&ye?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{s(!t)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":t?"Click to pause animation":"Click to play animation",children:t?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:x[0],max:x[x.length-1],marks:ye,step:null,defaultValue:x[x.length-1],value:x[Oe],onChangeComplete:c=>{J(x.indexOf(c))},onChange:c=>{J(x.indexOf(c))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:q,colorDomain:I,colors:P,colorLegendTitle:oe,setSelectedColor:ve,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"w-full grow leading-0",ref:we,"aria-label":"Graph area",children:(q||d)&&(Q||a)?e.jsxRuntimeExports.jsx(st,{data:Ne.ensureCompleteDataForStackedBarChart(l,y.dateFormat||"yyyy").filter(c=>y.enabled?c.date===Ee.format(new Date(x[Oe]),y.dateFormat||"yyyy"):c).filter(c=>C?!c.size.every(te=>te==null):c),barColors:P,width:q||d,height:Math.max(z,Q||(ee?z?(q||d)*ee>z?(q||d)*ee:z:(q||d)*ee:a)),suffix:xe,prefix:R,showValues:G,barPadding:me,showTicks:de,leftMargin:f,rightMargin:L,topMargin:ae,bottomMargin:se,truncateBy:he,showLabels:K,tooltip:ne,onSeriesMouseOver:W,refValues:pe,maxValue:Y.checkIfNullOrUndefined(S)?Math.max(...l.map(c=>Math.max(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te)))))<0?0:Math.max(...l.map(c=>Math.max(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te))))):S,minValue:Y.checkIfNullOrUndefined(b)?Math.min(...l.map(c=>Math.min(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te)))))>=0?0:Math.min(...l.map(c=>Math.min(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te))))):b,onSeriesMouseClick:g,selectedColor:je,labelOrder:M,rtl:N==="he"||N==="ar",maxBarThickness:v,resetSelectionOnDoubleClick:X,detailsOnClick:$,barAxisTitle:T,noOfTicks:ce,valueColor:H,styles:B,classNames:re,colorDomain:I,animate:F===!0?{duration:.5,once:!0,amount:.5}:F||{duration:0,once:!0,amount:0},precision:h,customLayers:k,naLabel:u}):null})]})}),A||ie?e.jsxRuntimeExports.jsx(qe.GraphFooter,{styles:{footnote:B?.footnote,source:B?.source},classNames:{footnote:re?.footnote,source:re?.source},sources:A,footNote:ie,width:q}):null]})})})})}function nt(fe){const{data:l,barColors:p,barPadding:P,showTicks:A,leftMargin:U,rightMargin:me,truncateBy:de,width:he,height:Q,topMargin:q,bottomMargin:ie,tooltip:I,onSeriesMouseOver:oe,showLabels:xe,suffix:R,prefix:G,showValues:_,refValues:Z,maxValue:E,onSeriesMouseClick:f,selectedColor:L,rtl:ae,labelOrder:se,maxBarThickness:K,minBarThickness:ee,resetSelectionOnDoubleClick:ne,detailsOnClick:W,barAxisTitle:pe,valueColor:ue,noOfTicks:S,styles:b,classNames:g,animate:w,colorDomain:D,precision:N,customLayers:M,naLabel:z}=fe,V=m.useRef(null),v=ge.useInView(V,{once:w.once,amount:w.amount}),j={top:pe?q+25:q,bottom:ie,left:U,right:me},[X,$]=m.useState(void 0),[T,ce]=m.useState(void 0),[H,B]=m.useState(void 0),[re,C]=m.useState(void 0),F=he-j.left-j.right,h=Q-j.top-j.bottom,k=l.map((a,r)=>({...a,id:se?`${a.label}`:`${r}`})),y=se||k.map(a=>`${a.id}`),u=Pe.linear().domain([0,E]).range([0,F]).nice(),d=Te.band().domain(y).range([0,ee?Math.max(h,ee*y.length):K?Math.min(h,K*y.length):h]).paddingInner(P),o=u.ticks(S);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{ref:V,width:`${he}px`,height:`${Q}px`,viewBox:`0 0 ${he} ${Q}`,direction:"ltr",children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${j.left},${j.top})`,children:[A?e.jsxRuntimeExports.jsx(Qe.XTicksAndGridLines,{values:o.filter(a=>a!==0),x:o.filter(a=>a!==0).map(a=>u(a)),y1:0-q,y2:h+j.bottom,styles:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},classNames:{gridLines:g?.xAxis?.gridLines,labels:g?.xAxis?.labels},suffix:R,prefix:G,labelType:"secondary",showGridLines:!0,precision:N}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:F/2,y:0-j.top+15,style:b?.xAxis?.title,className:g?.xAxis?.title,text:pe}),M.filter(a=>a.position==="before").map(a=>a.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[k.map(a=>Y.checkIfNullOrUndefined(d(a.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-low-opacity undp-viz-g-with-hover",variants:{initial:{x:0,y:d(`${a.id}`)},whileInView:{x:0,y:d(`${a.id}`),transition:{duration:w.duration}}},initial:"initial",animate:v?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},children:[a.size.map((r,t)=>e.jsxRuntimeExports.jsxs(ge.motion.g,{opacity:L?p[t]===L?1:.3:1,onMouseEnter:s=>{$({...a,sizeIndex:t}),C(s.clientY),B(s.clientX),oe?.({...a,sizeIndex:t})},onMouseMove:s=>{$({...a,sizeIndex:t}),C(s.clientY),B(s.clientX)},onMouseLeave:()=>{$(void 0),B(void 0),C(void 0),oe?.(void 0)},onClick:()=>{(f||W)&&(Ae.isEqual(T,{...a,sizeIndex:t})&&ne?(ce(void 0),f?.(void 0)):(ce({...a,sizeIndex:t}),f&&f({...a,sizeIndex:t})))},children:[r?e.jsxRuntimeExports.jsx(ge.motion.rect,{y:0,style:{fill:p[t]},height:d.bandwidth(),exit:{width:0,x:u(0),transition:{duration:w.duration}},variants:{initial:{width:0,x:u(0),fill:p[t]},whileInView:{width:u(r||0),x:u(t===0?0:ke.sum(a.size.filter((s,x)=>x<t&&s))),fill:p[t],transition:{duration:w.duration}}},initial:"initial",animate:v?"whileInView":"initial"},t):null,_?e.jsxRuntimeExports.jsx(ge.motion.text,{y:d.bandwidth()/2,style:{textAnchor:"middle",...b?.graphObjectValues||{}},dy:"0.33em",className:Me.cnExports.cn("graph-value text-sm",g?.graphObjectValues),exit:{opacity:0,transition:{duration:w.duration}},variants:{initial:{x:u(0),opacity:0,fill:Je.getTextColorBasedOnBgColor(p[t])},whileInView:{x:u(t===0?0:ke.sum(a.size.filter((s,x)=>x<t&&s)))+u(r||0)/2,opacity:r&&u(r)/Ie.numberFormattingFunction(r,z,N,G,R).length>12?1:0,fill:Je.getTextColorBasedOnBgColor(p[t]),transition:{duration:w.duration}}},initial:"initial",animate:v?"whileInView":"initial",children:Ie.numberFormattingFunction(r,z,N,G,R)}):null]},`${a.label}-${D[t]||t}`)),xe?e.jsxRuntimeExports.jsx(Ze.YAxesLabels,{value:`${a.label}`.length<de?`${a.label}`:`${`${a.label}`.substring(0,de)}...`,y:0,x:0-j.left,width:0+j.left,height:d.bandwidth(),style:b?.yAxis?.labels,className:g?.yAxis?.labels,animate:w,isInView:v}):null,_?e.jsxRuntimeExports.jsx(ge.motion.text,{className:Me.cnExports.cn("graph-value graph-value-total text-sm",ue?"":" fill-primary-gray-700 dark:fill-primary-gray-300",g?.graphObjectValues),style:{...ue?{fill:ue}:{},textAnchor:"start",...b?.graphObjectValues||{}},y:d.bandwidth()/2,dx:5,dy:"0.33em",variants:{initial:{x:u(0),opacity:0},whileInView:{x:u(ke.sum(a.size.map(r=>r||0))),opacity:1,transition:{duration:w.duration}}},exit:{opacity:0,transition:{duration:w.duration}},initial:"initial",animate:v?"whileInView":"initial",children:Ie.numberFormattingFunction(ke.sum(a.size.filter(r=>r)),z,N,G,R)}):null]},a.label)),e.jsxRuntimeExports.jsx(Fe.Axis,{x1:u(0),x2:u(0),y1:-2.5,y2:h+j.bottom,classNames:{axis:g?.yAxis?.axis},styles:{axis:b?.yAxis?.axis}}),Z?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Z.map((a,r)=>e.jsxRuntimeExports.jsx(He.RefLineX,{text:a.text,color:a.color,x:u(a.value),y1:0-j.top,y2:h+j.bottom,textSide:u(a.value)>F*.75||ae?"left":"right",classNames:a.classNames,styles:a.styles,animate:w,isInView:v},r))}):null]}),M.filter(a=>a.position==="after").map(a=>a.layer)]})}),X&&I&&H&&re?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:X,body:I,xPos:H,yPos:re,backgroundStyle:b?.tooltip,className:g?.tooltip}):null,W&&T!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:T!==void 0,onClose:()=>{ce(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof W=="string"?{__html:Le.string2HTML(W,T)}:void 0,children:typeof W=="function"?W(T):null})}):null]})}function lt(fe){const{data:l,graphTitle:p,colors:P=Re.Colors.light.categoricalColors.colors,sources:A,graphDescription:U,barPadding:me=.25,showTicks:de=!0,leftMargin:he=100,rightMargin:Q=40,truncateBy:q=999,height:ie,width:I,footNote:oe,colorDomain:xe,colorLegendTitle:R,padding:G,backgroundColor:_=!1,topMargin:Z=25,bottomMargin:E=10,tooltip:f,onSeriesMouseOver:L,suffix:ae="",prefix:se="",showLabels:K=!0,relativeHeight:ee,showValues:ne=!0,refValues:W,graphID:pe,maxValue:ue,onSeriesMouseClick:S,graphDownload:b=!1,dataDownload:g=!1,language:w="en",labelOrder:D,minHeight:N=0,theme:M="light",maxBarThickness:z,sortParameter:V,maxNumberOfBars:v,minBarThickness:j,showColorScale:X=!0,ariaLabel:$,resetSelectionOnDoubleClick:T=!0,detailsOnClick:ce,barAxisTitle:H,noOfTicks:B=5,valueColor:re,styles:C,classNames:F,filterNA:h=!0,animate:k=!1,precision:y=2,customLayers:u=[],timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:o="NA"}=fe,[a,r]=m.useState(0),[t,s]=m.useState(0),[x,Oe]=m.useState(d.autoplay),J=Ce.sort(De.uniqBy(l.filter(n=>n.date!==void 0&&n.date!==null),n=>n.date).map(n=>Ee.parse(`${n.date}`,d.dateFormat||"yyyy",new Date).getTime()),(n,O)=>Ye.ascending(n,O)),[je,ve]=m.useState(d.autoplay?0:J.length-1),[we,le]=m.useState(void 0),ye=m.useRef(null),c=m.useRef(null);m.useEffect(()=>{const n=new ResizeObserver(O=>{r(I||O[0].target.clientWidth||620),s(ie||O[0].target.clientHeight||480)});return ye.current&&(s(ye.current.clientHeight||480),r(ye.current.clientWidth||620),I||n.observe(ye.current)),()=>n.disconnect()},[I,ie]),m.useEffect(()=>{const n=setInterval(()=>{ve(O=>O<J.length-1?O+1:0)},(d.speed||2)*1e3);return x||clearInterval(n),()=>clearInterval(n)},[J,x,d.speed]);const te=Ce.getSliderMarks(J,je,d.showOnlyActiveDate,d.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${M||"light"} flex  ${I?"w-fit grow-0":"w-full grow"}`,dir:w==="he"||w==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${_?_===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${w||"en"}`,F?.graphContainer),style:{...C?.graphContainer||{},..._&&_!==!0?{backgroundColor:_}:{}},id:pe,ref:c,"aria-label":$||`${p?`The graph shows ${p}. `:""}This is a stacked bar chart. ${U?` ${U}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:_?G||"1rem":G||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4 w-full grow justify-between",children:[p||U||b||g?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:F?.title,description:F?.description},graphTitle:p,graphDescription:U,width:I,graphDownload:b?c.current:void 0,dataDownload:g?l.map(n=>n.data).filter(n=>n!==void 0).length>0?l.map(n=>n.data).filter(n=>n!==void 0):l.filter(n=>n!==void 0):null}):null,d.enabled&&J.length>0&&te?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Oe(!x)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":x?"Click to pause animation":"Click to play animation",children:x?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:J[0],max:J[J.length-1],marks:te,step:null,defaultValue:J[J.length-1],value:J[je],onChangeComplete:n=>{ve(J.indexOf(n))},onChange:n=>{ve(J.indexOf(n))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[X?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:I,colorDomain:xe,colors:P,colorLegendTitle:R,setSelectedColor:le,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"w-full grow leading-0",ref:ye,"aria-label":"Graph area",children:(I||a)&&(ie||t)?e.jsxRuntimeExports.jsx(nt,{data:V!==void 0?V==="total"?$e.sortBy(Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>d.enabled?n.date===Ee.format(new Date(J[je]),d.dateFormat||"yyyy"):n).filter(n=>h?!n.size.every(O=>O==null):n),n=>ke.sum(n.size.filter(O=>!Y.checkIfNullOrUndefined(O)))).reverse().filter((n,O)=>v?O<v:!0):$e.sortBy(Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>d.enabled?n.date===Ee.format(new Date(J[je]),d.dateFormat||"yyyy"):n).filter(n=>h?!n.size.every(O=>O==null):n),n=>Y.checkIfNullOrUndefined(n.size[V])?-1/0:n.size[V]).reverse().filter((n,O)=>v?O<v:!0):Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>d.enabled?n.date===Ee.format(new Date(J[je]),d.dateFormat||"yyyy"):n).filter(n=>h?!n.size.every(O=>O==null):n).filter((n,O)=>v?O<v:!0),barColors:P,width:I||a,height:Math.max(N,ie||(ee?N?(I||a)*ee>N?(I||a)*ee:N:(I||a)*ee:t)),barPadding:me,showTicks:de,leftMargin:he,rightMargin:Q,topMargin:Z,bottomMargin:E,truncateBy:q,showLabels:K,tooltip:f,onSeriesMouseOver:L,showValues:ne,suffix:ae,prefix:se,refValues:W,maxValue:Y.checkIfNullOrUndefined(ue)?Math.max(...l.map(n=>ke.sum(n.size.filter(O=>!Y.checkIfNullOrUndefined(O)))||0)):ue,onSeriesMouseClick:S,selectedColor:we,rtl:w==="he"||w==="ar",labelOrder:D,maxBarThickness:z,minBarThickness:j,resetSelectionOnDoubleClick:T,detailsOnClick:ce,barAxisTitle:H,noOfTicks:B,valueColor:re,classNames:F,styles:C,animate:k===!0?{duration:.5,once:!0,amount:.5}:k||{duration:0,once:!0,amount:0},colorDomain:xe,precision:y,customLayers:u,naLabel:o}):null})]})}),A||oe?e.jsxRuntimeExports.jsx(qe.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:F?.footnote,source:F?.source},sources:A,footNote:oe,width:I}):null]})})})})}function ot(fe){const{data:l,width:p,height:P,barColor:A,suffix:U,prefix:me,barPadding:de,showLabels:he,showValues:Q,showTicks:q,colorDomain:ie,truncateBy:I,rightMargin:oe,topMargin:xe,bottomMargin:R,leftMargin:G,tooltip:_,onSeriesMouseOver:Z,refValues:E,selectedColor:f,maxValue:L,minValue:ae,highlightedDataPoints:se,onSeriesMouseClick:K,labelOrder:ee,maxBarThickness:ne,minBarThickness:W,resetSelectionOnDoubleClick:pe,detailsOnClick:ue,barAxisTitle:S,valueColor:b,noOfTicks:g,styles:w,classNames:D,dimmedOpacity:N,animate:M,precision:z,customLayers:V,naLabel:v}=fe,j=m.useRef(null),X=ge.useInView(j,{once:M.once,amount:M.amount}),$={top:xe,bottom:R,left:S?G+30:G,right:oe},[T,ce]=m.useState(void 0),[H,B]=m.useState(void 0),[re,C]=m.useState(void 0),[F,h]=m.useState(void 0),k=p-$.left-$.right,y=P-$.top-$.bottom,u=Pe.linear().domain([ae,L]).range([y,0]).nice(),d=l.map((t,s)=>({...t,id:ee?`${t.label}`:`${s}`})),o=ee||d.map(t=>`${t.id}`),a=Te.band().domain(o).range([0,W?Math.max(k,W*o.length):ne?Math.min(k,ne*o.length):k]).paddingInner(de),r=u.ticks(g);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{ref:j,width:`${p}px`,height:`${P}px`,viewBox:`0 0 ${p} ${P}`,direction:"ltr",children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${$.left},${$.top})`,children:[e.jsxRuntimeExports.jsx(Fe.Axis,{y1:u(ae<0?0:ae),y2:u(ae<0?0:ae),x1:0-G,x2:k+$.right,label:Ie.numberFormattingFunction(ae<0?0:ae,v,z,me,U),labelPos:{x:0-G,dx:0,dy:L<0?"1em":-5,y:u(ae<0?0:ae)},classNames:{axis:D?.xAxis?.axis,label:D?.yAxis?.labels},styles:{axis:w?.xAxis?.axis,label:w?.yAxis?.labels}}),q?e.jsxRuntimeExports.jsx(tt.YTicksAndGridLines,{values:r.filter(t=>t!==0),y:r.filter(t=>t!==0).map(t=>u(t)),x1:0-G,x2:k+$.right,styles:{gridLines:w?.yAxis?.gridLines,labels:w?.yAxis?.labels},classNames:{gridLines:D?.yAxis?.gridLines,labels:D?.yAxis?.labels},suffix:U,prefix:me,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:z}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:0-G-15,y:y/2,style:w?.yAxis?.title,className:D?.yAxis?.title,text:S,rotate90:!0}),V.filter(t=>t.position==="before").map(t=>t.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[d.map((t,s)=>Y.checkIfNullOrUndefined(a(t.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:X?"whileInView":"initial",variants:{initial:{opacity:f?t.color&&A[ie.indexOf(t.color)]===f?1:N:se.length!==0?se.indexOf(t.label)!==-1?.85:N:.85},whileInView:{opacity:f?t.color&&A[ie.indexOf(t.color)]===f?1:N:se.length!==0?se.indexOf(t.label)!==-1?.85:N:.85,transition:{duration:M.duration}}},exit:{opacity:0,transition:{duration:M.duration}},onMouseEnter:x=>{ce(t),h(x.clientY),C(x.clientX),Z?.(t)},onClick:()=>{(K||ue)&&(Ae.isEqual(H,t)&&pe?(B(void 0),K?.(void 0)):(B(t),K?.(t)))},onMouseMove:x=>{ce(t),h(x.clientY),C(x.clientX)},onMouseLeave:()=>{ce(void 0),C(void 0),h(void 0),Z?.(void 0)},children:[t.size?e.jsxRuntimeExports.jsx(ge.motion.rect,{width:a.bandwidth(),initial:"initial",animate:X?"whileInView":"initial",variants:{initial:{height:0,x:a(`${t.id}`),y:u(0),fill:l.filter(x=>x.color).length===0?A[0]:t.color?A[ie.indexOf(t.color)]:Re.Colors.gray},whileInView:{height:t.size?Math.abs(u(t.size)-u(0)):0,y:t.size&&t.size>0?u(t.size):u(0),x:a(`${t.id}`),fill:l.filter(x=>x.color).length===0?A[0]:t.color?A[ie.indexOf(t.color)]:Re.Colors.gray,transition:{duration:M.duration}}},exit:{height:0,y:u(0),transition:{duration:M.duration}}}):null,he?e.jsxRuntimeExports.jsx(et.XAxesLabels,{value:`${t.label}`.length<I?`${t.label}`:`${`${t.label}`.substring(0,I)}...`,y:(t.size||0)<0?0:u(0)+5,x:a(`${t.id}`),width:a.bandwidth(),height:(t.size||0)<0?u(0)-5:$.bottom,style:w?.xAxis?.labels,className:D?.xAxis?.labels,alignment:(t.size||0)<0?"bottom":"top",animate:M,isInView:X}):null,Q?e.jsxRuntimeExports.jsx(ge.motion.text,{style:{textAnchor:"middle",...w?.graphObjectValues||{}},className:Me.cnExports.cn("graph-value text-sm",!b&&A.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",D?.graphObjectValues),dy:t.size?t.size>=0?"-5px":"1em":"-5px",variants:{initial:{x:a(`${t.id}`)+a.bandwidth()/2,y:u(0),opacity:0,fill:b||(l.filter(x=>x.color).length===0?A[0]:t.color?A[ie.indexOf(t.color)]:Re.Colors.gray)},whileInView:{x:a(`${t.id}`)+a.bandwidth()/2,y:u(t.size||0),fill:b||(l.filter(x=>x.color).length===0?A[0]:t.color?A[ie.indexOf(t.color)]:Re.Colors.gray),opacity:1,transition:{duration:M.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{opacity:0,transition:{duration:M.duration}},children:Ie.numberFormattingFunction(t.size,v,z,me,U)}):null]},t.label)),E?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:E.map((t,s)=>e.jsxRuntimeExports.jsx(He.RefLineY,{text:t.text,color:t.color,y:u(t.value),x1:0-G,x2:k+$.right,classNames:t.classNames,styles:t.styles,animate:M,isInView:X},s))}):null]}),V.filter(t=>t.position==="after").map(t=>t.layer)]})}),T&&_&&re&&F?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:T,body:_,xPos:re,yPos:F,backgroundStyle:w?.tooltip,className:D?.tooltip}):null,ue&&H!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:H!==void 0,onClose:()=>{B(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof ue=="string"?{__html:Le.string2HTML(ue,H)}:void 0,children:typeof ue=="function"?ue(H):null})}):null]})}function ct(fe){const{data:l,graphTitle:p,colors:P,barPadding:A=.25,showTicks:U=!0,leftMargin:me=20,rightMargin:de=20,topMargin:he=20,bottomMargin:Q=25,truncateBy:q=999,showLabels:ie=!0,showValues:I=!0,backgroundColor:oe=!1,suffix:xe="",prefix:R="",sources:G,graphDescription:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,showColorScale:pe=!0,graphID:ue,maxValue:S,minValue:b,highlightedDataPoints:g=[],onSeriesMouseClick:w,graphDownload:D=!1,dataDownload:N=!1,language:M="en",theme:z="light",sortData:V,labelOrder:v,showNAColor:j=!0,minHeight:X=0,maxBarThickness:$,maxNumberOfBars:T,minBarThickness:ce,ariaLabel:H,resetSelectionOnDoubleClick:B=!0,detailsOnClick:re,barAxisTitle:C,noOfTicks:F=5,valueColor:h,styles:k,classNames:y,filterNA:u=!0,animate:d=!1,dimmedOpacity:o=.3,precision:a=2,customLayers:r=[],timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:s="NA"}=fe,[x,Oe]=m.useState(0),[J,je]=m.useState(0),[ve,we]=m.useState(t.autoplay),le=Ce.sort(De.uniqBy(l.filter(i=>i.date!==void 0&&i.date!==null),i=>i.date).map(i=>Ee.parse(`${i.date}`,t.dateFormat||"yyyy",new Date).getTime()),(i,be)=>Ye.ascending(i,be)),[ye,c]=m.useState(t.autoplay?0:le.length-1),[te,n]=m.useState(void 0),O=m.useRef(null),_e=m.useRef(null);m.useEffect(()=>{const i=new ResizeObserver(be=>{Oe(E||be[0].target.clientWidth||620),je(Z||be[0].target.clientHeight||480)});return O.current&&(je(O.current.clientHeight||480),Oe(O.current.clientWidth||620),E||i.observe(O.current)),()=>i.disconnect()},[E,Z]),m.useEffect(()=>{const i=setInterval(()=>{c(be=>be<le.length-1?be+1:0)},(t.speed||2)*1e3);return ve||clearInterval(i),()=>clearInterval(i)},[le,ve,t.speed]);const Ke=Ce.getSliderMarks(le,ye,t.showOnlyActiveDate,t.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${z||"light"} flex  ${E?"w-fit grow-0":"w-full grow"}`,dir:M==="he"||M==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${oe?oe===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M||"en"}`,y?.graphContainer),style:{...k?.graphContainer||{},...oe&&oe!==!0?{backgroundColor:oe}:{}},id:ue,ref:_e,"aria-label":H||`${p?`The graph shows ${p}. `:""}This is a grouped bar chart. ${_?` ${_}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:oe?se||"1rem":se||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||_||D||N?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:k?.title,description:k?.description},classNames:{title:y?.title,description:y?.description},graphTitle:p,graphDescription:_,width:E,graphDownload:D?_e.current:void 0,dataDownload:N?l.map(i=>i.data).filter(i=>i!==void 0).length>0?l.map(i=>i.data).filter(i=>i!==void 0):l.filter(i=>i!==void 0):null}):null,t.enabled&&le.length>0&&Ke?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!ve)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":ve?"Click to pause animation":"Click to play animation",children:ve?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:le[0],max:le[le.length-1],marks:Ke,step:null,defaultValue:le[le.length-1],value:le[ye],onChangeComplete:i=>{c(le.indexOf(i))},onChange:i=>{c(le.indexOf(i))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[pe&&l.filter(i=>i.color).length!==0?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:E,colorLegendTitle:ae,colors:P||Re.Colors[z].categoricalColors.colors,colorDomain:L||De.uniqBy(l.filter(i=>i.color),"color").map(i=>i.color),setSelectedColor:n,showNAColor:j}):null,e.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:O,"aria-label":"Graph area",children:(E||x)&&(Z||J)?e.jsxRuntimeExports.jsx(ot,{data:V==="asc"?$e.sortBy(Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i),i=>i.size).filter((i,be)=>T?be<T:!0):V==="desc"?$e.sortBy(Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i),i=>i.size).reverse().filter((i,be)=>T?be<T:!0):Ne.ensureCompleteDataForBarChart(l,t.dateFormat||"yyyy").filter(i=>t.enabled?i.date===Ee.format(new Date(le[ye]),t.dateFormat||"yyyy"):i).filter(i=>u?!Y.checkIfNullOrUndefined(i.size):i).filter((i,be)=>T?be<T:!0),barColor:l.filter(i=>i.color).length===0?P?[P]:[Re.Colors.primaryColors["blue-600"]]:P||Re.Colors[z].categoricalColors.colors,colorDomain:l.filter(i=>i.color).length===0?[]:L||De.uniqBy(l.filter(i=>i.color),"color").map(i=>i.color),width:E||x,refValues:W,height:Math.max(X,Z||(K?X?(E||x)*K>X?(E||x)*K:X:(E||x)*K:J)),suffix:xe,prefix:R,barPadding:A,showLabels:ie,showValues:I,showTicks:U,truncateBy:q,leftMargin:me,rightMargin:de,selectedColor:te,topMargin:he,bottomMargin:Q,tooltip:ee,onSeriesMouseOver:ne,maxValue:Y.checkIfNullOrUndefined(S)?Math.max(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size))<0?0:Math.max(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size)):S,minValue:Y.checkIfNullOrUndefined(b)?Math.min(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size))>=0?0:Math.min(...l.filter(i=>!Y.checkIfNullOrUndefined(i.size)).map(i=>i.size)):b,highlightedDataPoints:g,onSeriesMouseClick:w,labelOrder:v,maxBarThickness:$,minBarThickness:ce,resetSelectionOnDoubleClick:B,detailsOnClick:re,barAxisTitle:C,noOfTicks:F,valueColor:h,styles:k,classNames:y,animate:d===!0?{duration:.5,once:!0,amount:.5}:d||{duration:0,once:!0,amount:0},dimmedOpacity:o,precision:a,customLayers:r,naLabel:s}):null})]})}),G||f?e.jsxRuntimeExports.jsx(qe.GraphFooter,{styles:{footnote:k?.footnote,source:k?.source},classNames:{footnote:y?.footnote,source:y?.source},sources:G,footNote:f,width:E}):null]})})})})}function ut(fe){const{data:l,width:p,height:P,barColors:A,suffix:U,prefix:me,barPadding:de,showLabels:he,showValues:Q,showTicks:q,truncateBy:ie,leftMargin:I,rightMargin:oe,topMargin:xe,bottomMargin:R,tooltip:G,onSeriesMouseOver:_,refValues:Z,maxValue:E,minValue:f,onSeriesMouseClick:L,selectedColor:ae,labelOrder:se,maxBarThickness:K,resetSelectionOnDoubleClick:ee,detailsOnClick:ne,barAxisTitle:W,valueColor:pe,noOfTicks:ue,styles:S,classNames:b,animate:g,colorDomain:w,precision:D,customLayers:N,naLabel:M}=fe,z=m.useRef(null),V=ge.useInView(z,{once:g.once,amount:g.amount}),v={top:xe,bottom:R,left:W?I+30:I,right:oe},[j,X]=m.useState(void 0),[$,T]=m.useState(void 0),[ce,H]=m.useState(void 0),[B,re]=m.useState(void 0),C=p-v.left-v.right,F=P-v.top-v.bottom,h=Pe.linear().domain([f,E]).range([F,0]).nice(),k=l.map((a,r)=>({...a,id:se?`${a.label}`:`${r}`})),y=se||k.map(a=>`${a.id}`),u=Te.band().domain(y).range([0,K?Math.min(C,K*y.length):C]).paddingInner(de),d=Te.band().domain(l[0].size.map((a,r)=>`${r}`)).range([0,u.bandwidth()]).paddingInner(.1),o=h.ticks(ue);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{width:`${p}px`,height:`${P}px`,viewBox:`0 0 ${p} ${P}`,direction:"ltr",ref:z,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${v.left},${v.top})`,children:[e.jsxRuntimeExports.jsx(Fe.Axis,{y1:h(f<0?0:f),y2:h(f<0?0:f),x1:0-I,x2:C+v.right,label:Ie.numberFormattingFunction(f<0?0:f,M,D,me,U),labelPos:{x:0-I,dx:0,dy:E<0?"1em":-5,y:h(f<0?0:f)},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:S?.xAxis?.axis,label:S?.yAxis?.labels}}),q?e.jsxRuntimeExports.jsx(tt.YTicksAndGridLines,{values:o.filter(a=>a!==0),y:o.filter(a=>a!==0).map(a=>h(a)),x1:0-I,x2:C+v.right,styles:{gridLines:S?.yAxis?.gridLines,labels:S?.yAxis?.labels},classNames:{gridLines:b?.yAxis?.gridLines,labels:b?.yAxis?.labels},suffix:U,prefix:me,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:D}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:0-I-15,y:F/2,style:S?.yAxis?.title,className:b?.yAxis?.title,text:W,rotate90:!0}),N.filter(a=>a.position==="before").map(a=>a.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[k.map(a=>Y.checkIfNullOrUndefined(u(a.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{variants:{initial:{x:u(`${a.id}`),y:0},whileInView:{x:u(`${a.id}`),y:0,transition:{duration:g.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},children:[a.size.map((r,t)=>e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-g-with-hover",opacity:ae?A[t]===ae?1:.3:.85,onMouseEnter:s=>{X({...a,sizeIndex:t}),re(s.clientY),H(s.clientX),_?.({...a,sizeIndex:t})},onMouseMove:s=>{X({...a,sizeIndex:t}),re(s.clientY),H(s.clientX)},onMouseLeave:()=>{X(void 0),H(void 0),re(void 0),_?.(void 0)},onClick:()=>{(L||ne)&&(Ae.isEqual($,{...a,sizeIndex:t})&&ee?(T(void 0),L?.(void 0)):(T({...a,sizeIndex:t}),L&&L({...a,sizeIndex:t})))},children:[e.jsxRuntimeExports.jsx(ge.motion.rect,{x:d(`${t}`),width:d.bandwidth(),variants:{initial:{height:0,y:h(0),fill:A[t]},whileInView:{height:Y.checkIfNullOrUndefined(r)?0:Math.abs(h(r)-h(0)),y:Y.checkIfNullOrUndefined(r)?h(0):r>0?h(r):h(0),fill:A[t],transition:{duration:g.duration}}},exit:{height:0,y:h(0),transition:{duration:g.duration}},initial:"initial",animate:V?"whileInView":"initial"}),Q?e.jsxRuntimeExports.jsx(ge.motion.text,{x:d(`${t}`)+d.bandwidth()/2,style:{fill:pe||A[t],textAnchor:"middle",...S?.graphObjectValues||{}},className:Me.cnExports.cn("graph-value text-sm",b?.graphObjectValues),dy:r?r>=0?"-5px":"1em":"-5px",variants:{initial:{y:h(0),opacity:0},whileInView:{y:h(r||0),opacity:1,transition:{duration:g.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},children:Ie.numberFormattingFunction(r,M,D,me,U)}):null]},`${a.label}-${w[t]||t}`)),he?e.jsxRuntimeExports.jsx(et.XAxesLabels,{value:`${a.label}`.length<ie?`${a.label}`:`${`${a.label}`.substring(0,ie)}...`,y:h(0)+5,x:0,width:u.bandwidth(),height:v.bottom,style:S?.xAxis?.labels,className:b?.xAxis?.labels,alignment:"top",animate:g,isInView:V}):null]},a.label)),Z?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Z.map((a,r)=>e.jsxRuntimeExports.jsx(He.RefLineY,{text:a.text,color:a.color,y:h(a.value),x1:0-I,x2:C+v.right,classNames:a.classNames,styles:a.styles,animate:g,isInView:V},r))}):null]}),N.filter(a=>a.position==="after").map(a=>a.layer)]})}),j&&G&&ce&&B?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:j,body:G,xPos:ce,yPos:B,backgroundStyle:S?.tooltip,className:b?.tooltip}):null,ne&&$!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:$!==void 0,onClose:()=>{T(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof ne=="string"?{__html:Le.string2HTML(ne,$)}:void 0,children:typeof ne=="function"?ne($):null})}):null]})}function xt(fe){const{data:l,graphTitle:p,colors:P=Re.Colors.light.categoricalColors.colors,sources:A,graphDescription:U,barPadding:me=.25,showTicks:de=!0,leftMargin:he=20,rightMargin:Q=20,topMargin:q=20,bottomMargin:ie=25,truncateBy:I=999,showLabels:oe=!0,showValues:xe=!0,backgroundColor:R=!1,suffix:G="",prefix:_="",height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,graphID:pe,maxValue:ue,minValue:S,onSeriesMouseClick:b,graphDownload:g=!1,dataDownload:w=!1,language:D="en",theme:N="light",labelOrder:M,minHeight:z=0,maxBarThickness:V,ariaLabel:v,resetSelectionOnDoubleClick:j=!0,detailsOnClick:X,barAxisTitle:$,noOfTicks:T=5,valueColor:ce,styles:H,classNames:B,filterNA:re=!0,showColorScale:C=!0,animate:F=!1,precision:h=2,customLayers:k=[],timeline:y={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:u="NA"}=fe,[d,o]=m.useState(0),[a,r]=m.useState(0),[t,s]=m.useState(y.autoplay),x=Ce.sort(De.uniqBy(l.filter(c=>c.date!==void 0&&c.date!==null),c=>c.date).map(c=>Ee.parse(`${c.date}`,y.dateFormat||"yyyy",new Date).getTime()),(c,te)=>Ye.ascending(c,te)),[Oe,J]=m.useState(y.autoplay?0:x.length-1),[je,ve]=m.useState(void 0),we=m.useRef(null),le=m.useRef(null);m.useEffect(()=>{const c=new ResizeObserver(te=>{o(E||te[0].target.clientWidth||620),r(Z||te[0].target.clientHeight||480)});return we.current&&(r(we.current.clientHeight||480),o(we.current.clientWidth||620),E||c.observe(we.current)),()=>c.disconnect()},[E,Z]),m.useEffect(()=>{const c=setInterval(()=>{J(te=>te<x.length-1?te+1:0)},(y.speed||2)*1e3);return t||clearInterval(c),()=>clearInterval(c)},[x,t,y.speed]);const ye=Ce.getSliderMarks(x,Oe,y.showOnlyActiveDate,y.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${N||"light"} flex  ${E?"w-fit grow-0":"w-full grow"}`,dir:D==="he"||D==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${R?R===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D||"en"}`,B?.graphContainer),style:{...H?.graphContainer||{},...R&&R!==!0?{backgroundColor:R}:{}},id:pe,ref:le,"aria-label":v||`${p?`The graph shows ${p}. `:""}This is a grouped bar chart. ${U?` ${U}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:R?se||"1rem":se||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||U||g||w?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:H?.title,description:H?.description},classNames:{title:B?.title,description:B?.description},graphTitle:p,graphDescription:U,width:E,graphDownload:g?le.current:void 0,dataDownload:w?l.map(c=>c.data).filter(c=>c!==void 0).length>0?l.map(c=>c.data).filter(c=>c!==void 0):l.filter(c=>c!==void 0):null}):null,y.enabled&&x.length>0&&ye?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{s(!t)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":t?"Click to pause animation":"Click to play animation",children:t?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:x[0],max:x[x.length-1],marks:ye,step:null,defaultValue:x[x.length-1],value:x[Oe],onChangeComplete:c=>{J(x.indexOf(c))},onChange:c=>{J(x.indexOf(c))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[C?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:E,colorDomain:L,colors:P,colorLegendTitle:ae,setSelectedColor:ve,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"w-full grow leading-0",ref:we,"aria-label":"Graph area",children:(E||d)&&(Z||a)?e.jsxRuntimeExports.jsx(ut,{data:Ne.ensureCompleteDataForStackedBarChart(l,y.dateFormat||"yyyy").filter(c=>y.enabled?c.date===Ee.format(new Date(x[Oe]),y.dateFormat||"yyyy"):c).filter(c=>re?!c.size.every(te=>te==null):c),barColors:P,width:E||d,height:Math.max(z,Z||(K?z?(E||d)*K>z?(E||d)*K:z:(E||d)*K:a)),suffix:G,prefix:_,barPadding:me,showLabels:oe,showValues:xe,showTicks:de,truncateBy:I,leftMargin:he,rightMargin:Q,topMargin:q,bottomMargin:ie,tooltip:ee,onSeriesMouseOver:ne,refValues:W,maxValue:Y.checkIfNullOrUndefined(ue)?Math.max(...l.map(c=>Math.max(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te)))))<0?0:Math.max(...l.map(c=>Math.max(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te))))):ue,minValue:Y.checkIfNullOrUndefined(S)?Math.min(...l.map(c=>Math.min(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te)))))>=0?0:Math.min(...l.map(c=>Math.min(...c.size.filter(te=>!Y.checkIfNullOrUndefined(te))))):S,onSeriesMouseClick:b,selectedColor:je,labelOrder:M,maxBarThickness:V,resetSelectionOnDoubleClick:j,detailsOnClick:X,barAxisTitle:$,noOfTicks:T,valueColor:ce,styles:H,classNames:B,animate:F===!0?{duration:.5,once:!0,amount:.5}:F||{duration:0,once:!0,amount:0},colorDomain:L,precision:h,customLayers:k,naLabel:u}):null})]})}),A||f?e.jsxRuntimeExports.jsx(qe.GraphFooter,{styles:{footnote:H?.footnote,source:H?.source},classNames:{footnote:B?.footnote,source:B?.source},sources:A,footNote:f,width:E}):null]})})})})}function dt(fe){const{data:l,width:p,height:P,barColors:A,barPadding:U,showLabels:me,showTicks:de,truncateBy:he,leftMargin:Q,topMargin:q,bottomMargin:ie,rightMargin:I,tooltip:oe,onSeriesMouseOver:xe,suffix:R,prefix:G,showValues:_,refValues:Z,maxValue:E,onSeriesMouseClick:f,selectedColor:L,labelOrder:ae,maxBarThickness:se,minBarThickness:K,resetSelectionOnDoubleClick:ee,detailsOnClick:ne,barAxisTitle:W,valueColor:pe,noOfTicks:ue,styles:S,classNames:b,animate:g,colorDomain:w,precision:D,customLayers:N,naLabel:M}=fe,z=m.useRef(null),V=ge.useInView(z,{once:g.once,amount:g.amount}),v={top:q,bottom:ie,left:W?Q+30:Q,right:I},[j,X]=m.useState(void 0),[$,T]=m.useState(void 0),[ce,H]=m.useState(void 0),[B,re]=m.useState(void 0),C=p-v.left-v.right,F=P-v.top-v.bottom,h=Pe.linear().domain([0,E]).range([F,0]).nice(),k=l.map((o,a)=>({...o,id:ae?`${o.label}`:`${a}`})),y=ae||k.map(o=>`${o.id}`),u=Te.band().domain(y).range([0,K?Math.max(C,K*y.length):se?Math.min(C,se*y.length):C]).paddingInner(U),d=h.ticks(ue);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ge.motion.svg,{width:`${p}px`,height:`${P}px`,viewBox:`0 0 ${p} ${P}`,direction:"ltr",ref:z,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${v.left},${v.top})`,children:[e.jsxRuntimeExports.jsx(Fe.Axis,{y1:h(0),y2:h(0),x1:0-Q,x2:C+v.right,label:Ie.numberFormattingFunction(0,M,D,G,R),labelPos:{x:0-Q,y:h(0),dx:0,dy:-5},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:S?.xAxis?.axis,label:S?.yAxis?.labels}}),de?e.jsxRuntimeExports.jsx(tt.YTicksAndGridLines,{values:d.filter(o=>o!==0),y:d.filter(o=>o!==0).map(o=>h(o)),x1:0-Q,x2:C+v.right,styles:{gridLines:S?.yAxis?.gridLines,labels:S?.yAxis?.labels},classNames:{gridLines:b?.yAxis?.gridLines,labels:b?.yAxis?.labels},suffix:R,prefix:G,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:D}):null,e.jsxRuntimeExports.jsx(Be.AxisTitle,{x:0-Q-15,y:F/2,style:S?.yAxis?.title,className:b?.yAxis?.title,text:W,rotate90:!0}),N.filter(o=>o.position==="before").map(o=>o.layer),e.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[k.map(o=>Y.checkIfNullOrUndefined(u(o.id))?null:e.jsxRuntimeExports.jsxs(ge.motion.g,{className:"undp-viz-low-opacity undp-viz-g-with-hover",variants:{initial:{x:u(`${o.id}`),y:0},whileInView:{x:u(`${o.id}`),y:0,transition:{duration:g.duration}}},transition:{duration:g.duration},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},children:[o.size.map((a,r)=>e.jsxRuntimeExports.jsxs(ge.motion.g,{opacity:L?A[r]===L?1:.3:1,onMouseEnter:t=>{X({...o,sizeIndex:r}),re(t.clientY),H(t.clientX),xe?.({...o,sizeIndex:r})},onMouseMove:t=>{X({...o,sizeIndex:r}),re(t.clientY),H(t.clientX)},onMouseLeave:()=>{X(void 0),H(void 0),re(void 0),xe?.(void 0)},onClick:()=>{(f||ne)&&(Ae.isEqual($,{...o,sizeIndex:r})&&ee?(T(void 0),f?.(void 0)):(T({...o,sizeIndex:r}),f&&f({...o,sizeIndex:r})))},children:[e.jsxRuntimeExports.jsx(ge.motion.rect,{x:0,width:u.bandwidth(),variants:{initial:{height:0,fill:A[r],y:h(0)},whileInView:{height:Math.abs(h(ke.sum(o.size.filter((t,s)=>s<=r&&t)))-h(ke.sum(o.size.filter((t,s)=>s<r&&t)))),y:h(ke.sum(o.size.filter((t,s)=>s<=r&&t))),fill:A[r],transition:{duration:g.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{height:0,y:h(0),transition:{duration:g.duration}}}),_?e.jsxRuntimeExports.jsx(ge.motion.text,{x:u.bandwidth()/2,style:{fill:Je.getTextColorBasedOnBgColor(A[r]),textAnchor:"middle",...S?.graphObjectValues||{}},className:Me.cnExports.cn("graph-value text-sm",b?.graphObjectValues),dy:"0.33em",variants:{initial:{y:h(0),opacity:0,fill:Je.getTextColorBasedOnBgColor(A[r])},whileInView:{y:h(ke.sum(o.size.filter((t,s)=>s<=r&&t)))+Math.abs(h(ke.sum(o.size.filter((t,s)=>s<=r&&t)))-h(ke.sum(o.size.filter((t,s)=>s<r&&t))))/2,opacity:a&&Math.abs(h(ke.sum(o.size.filter((t,s)=>s<=r&&t)))-h(ke.sum(o.size.filter((t,s)=>s<r&&t))))>20?1:0,fill:Je.getTextColorBasedOnBgColor(A[r]),transition:{duration:g.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},children:Ie.numberFormattingFunction(a,M,D,G,R)}):null]},`${o.label}-${w[r]||r}`)),me?e.jsxRuntimeExports.jsx(et.XAxesLabels,{value:`${o.label}`.length<he?`${o.label}`:`${`${o.label}`.substring(0,he)}...`,y:h(0)+5,x:0,width:u.bandwidth(),height:v.bottom,style:S?.xAxis?.labels,className:b?.xAxis?.labels,alignment:"top",animate:g,isInView:V}):null,_?e.jsxRuntimeExports.jsx(ge.motion.text,{style:{...pe&&{fill:pe},textAnchor:"middle",...S?.graphObjectValues||{}},x:u.bandwidth()/2,dy:-10,className:Me.cnExports.cn("graph-value graph-value-total",pe?"text-sm":"fill-primary-gray-700 dark:fill-primary-gray-300 text-sm",b?.graphObjectValues),variants:{initial:{y:h(0),opacity:0},whileInView:{y:h(ke.sum(o.size.map(a=>a||0))),opacity:1,transition:{duration:g.duration}}},exit:{opacity:0,transition:{duration:g.duration}},initial:"initial",animate:V?"whileInView":"initial",children:Ie.numberFormattingFunction(ke.sum(o.size.filter(a=>a)),M,D,G,R)}):null]},o.label)),Z?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Z.map((o,a)=>e.jsxRuntimeExports.jsx(He.RefLineY,{text:o.text,color:o.color,y:h(o.value),x1:0-Q,x2:C+v.right,classNames:o.classNames,styles:o.styles,animate:g,isInView:V},a))}):null]}),N.filter(o=>o.position==="after").map(o=>o.layer)]})}),j&&oe&&ce&&B?e.jsxRuntimeExports.jsx(Ve.Tooltip,{data:j,body:oe,xPos:ce,yPos:B,backgroundStyle:S?.tooltip,className:b?.tooltip}):null,ne&&$!==void 0?e.jsxRuntimeExports.jsx(ze.ModalExports.Modal,{open:$!==void 0,onClose:()=>{T(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof ne=="string"?{__html:Le.string2HTML(ne,$)}:void 0,children:typeof ne=="function"?ne($):null})}):null]})}function mt(fe){const{data:l,graphTitle:p,colors:P=Re.Colors.light.categoricalColors.colors,sources:A,graphDescription:U,barPadding:me=.25,showTicks:de=!0,leftMargin:he=20,rightMargin:Q=20,topMargin:q=20,bottomMargin:ie=25,truncateBy:I=999,showLabels:oe=!0,showValues:xe=!0,backgroundColor:R=!1,showColorScale:G=!0,suffix:_="",prefix:Z="",height:E,width:f,footNote:L,colorDomain:ae,colorLegendTitle:se,padding:K,tooltip:ee,onSeriesMouseOver:ne,relativeHeight:W,refValues:pe,graphID:ue,maxValue:S,onSeriesMouseClick:b,graphDownload:g=!1,dataDownload:w=!1,language:D="en",theme:N="light",labelOrder:M,minHeight:z=0,maxBarThickness:V,sortParameter:v,maxNumberOfBars:j,minBarThickness:X,ariaLabel:$,resetSelectionOnDoubleClick:T=!0,detailsOnClick:ce,barAxisTitle:H,noOfTicks:B=5,valueColor:re,styles:C,classNames:F,filterNA:h=!0,animate:k=!1,precision:y=2,customLayers:u=[],timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},naLabel:o="NA"}=fe,[a,r]=m.useState(0),[t,s]=m.useState(0),[x,Oe]=m.useState(d.autoplay),J=Ce.sort(De.uniqBy(l.filter(n=>n.date!==void 0&&n.date!==null),n=>n.date).map(n=>Ee.parse(`${n.date}`,d.dateFormat||"yyyy",new Date).getTime()),(n,O)=>Ye.ascending(n,O)),[je,ve]=m.useState(d.autoplay?0:J.length-1),[we,le]=m.useState(void 0),ye=m.useRef(null),c=m.useRef(null);m.useEffect(()=>{const n=new ResizeObserver(O=>{r(f||O[0].target.clientWidth||620),s(E||O[0].target.clientHeight||480)});return ye.current&&(s(ye.current.clientHeight||480),r(ye.current.clientWidth||620),f||n.observe(ye.current)),()=>n.disconnect()},[f,E]),m.useEffect(()=>{const n=setInterval(()=>{ve(O=>O<J.length-1?O+1:0)},(d.speed||2)*1e3);return x||clearInterval(n),()=>clearInterval(n)},[J,x,d.speed]);const te=Ce.getSliderMarks(J,je,d.showOnlyActiveDate,d.dateFormat||"yyyy");return e.jsxRuntimeExports.jsx("div",{className:`${N||"light"} flex  ${f?"w-fit grow-0":"w-full grow"}`,dir:D==="he"||D==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:Me.cnExports.cn(`${R?R===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D||"en"}`,F?.graphContainer),style:{...C?.graphContainer||{},...R&&R!==!0?{backgroundColor:R}:{}},id:ue,ref:c,"aria-label":$||`${p?`The graph shows ${p}. `:""}This is a stacked bar chart. ${U?` ${U}`:""}`,children:e.jsxRuntimeExports.jsx("div",{style:{padding:R?K||"1rem":K||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||U||g||w?e.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:F?.title,description:F?.description},graphTitle:p,graphDescription:U,width:f,graphDownload:g?c.current:void 0,dataDownload:w?l.map(n=>n.data).filter(n=>n!==void 0).length>0?l.map(n=>n.data).filter(n=>n!==void 0):l.filter(n=>n!==void 0):null}):null,d.enabled&&J.length>0&&te?e.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Oe(!x)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":x?"Click to pause animation":"Click to play animation",children:x?e.jsxRuntimeExports.jsx(Se.Pause,{}):e.jsxRuntimeExports.jsx(Se.Play,{})}),e.jsxRuntimeExports.jsx(Ce.SliderUIExports.SliderUI,{min:J[0],max:J[J.length-1],marks:te,step:null,defaultValue:J[J.length-1],value:J[je],onChangeComplete:n=>{ve(J.indexOf(n))},onChange:n=>{ve(J.indexOf(n))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:l.length===0?e.jsxRuntimeExports.jsx(Xe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[G?e.jsxRuntimeExports.jsx(We.ColorLegendWithMouseOver,{width:f,colorDomain:ae,colors:P,colorLegendTitle:se,setSelectedColor:le,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"w-full grow leading-0",ref:ye,"aria-label":"Graph area",children:(f||a)&&(E||t)?e.jsxRuntimeExports.jsx(dt,{data:v!==void 0?v==="total"?$e.sortBy(Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>d.enabled?n.date===Ee.format(new Date(J[je]),d.dateFormat||"yyyy"):n).filter(n=>h?!n.size.every(O=>O==null):n),n=>ke.sum(n.size.filter(O=>!Y.checkIfNullOrUndefined(O)))).filter((n,O)=>j?O<j:!0):$e.sortBy(Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>d.enabled?n.date===Ee.format(new Date(J[je]),d.dateFormat||"yyyy"):n).filter(n=>h?!n.size.every(O=>O==null):n),n=>Y.checkIfNullOrUndefined(n.size[v])?-1/0:n.size[v]).filter((n,O)=>j?O<j:!0):Ne.ensureCompleteDataForStackedBarChart(l,d.dateFormat||"yyyy").filter(n=>h?!n.size.every(O=>O==null):n).filter((n,O)=>j?O<j:!0),barColors:P,width:f||a,height:Math.max(z,E||(W?z?(f||a)*W>z?(f||a)*W:z:(f||a)*W:t)),barPadding:me,showLabels:oe,showTicks:de,truncateBy:I,leftMargin:he,rightMargin:Q,topMargin:q,bottomMargin:ie,tooltip:ee,onSeriesMouseOver:ne,showValues:xe,suffix:_,prefix:Z,refValues:pe,maxValue:Y.checkIfNullOrUndefined(S)?Math.max(...l.map(n=>ke.sum(n.size.filter(O=>!Y.checkIfNullOrUndefined(O)))||0)):S,onSeriesMouseClick:b,selectedColor:we,labelOrder:M,maxBarThickness:V,minBarThickness:X,resetSelectionOnDoubleClick:T,detailsOnClick:ce,barAxisTitle:H,noOfTicks:B,valueColor:re,styles:C,classNames:F,animate:k===!0?{duration:.5,once:!0,amount:.5}:k||{duration:0,once:!0,amount:0},colorDomain:ae,precision:y,customLayers:u,naLabel:o}):null})]})}),A||L?e.jsxRuntimeExports.jsx(qe.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:F?.footnote,source:F?.source},sources:A,footNote:L,width:f}):null]})})})})}function ht(fe){const{data:l,graphTitle:p,colors:P,barPadding:A,showTicks:U,leftMargin:me,rightMargin:de,topMargin:he,bottomMargin:Q,truncateBy:q,showLabels:ie,showValues:I,backgroundColor:oe,suffix:xe,prefix:R,sources:G,graphDescription:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,showColorScale:pe,graphID:ue,maxValue:S,minValue:b,highlightedDataPoints:g,onSeriesMouseClick:w,graphDownload:D,dataDownload:N,language:M,theme:z,sortData:V,labelOrder:v,showNAColor:j,minHeight:X,maxBarThickness:$,maxNumberOfBars:T,minBarThickness:ce,ariaLabel:H,resetSelectionOnDoubleClick:B,detailsOnClick:re,barAxisTitle:C,noOfTicks:F,valueColor:h,orientation:k="vertical",styles:y,classNames:u,filterNA:d,animate:o,dimmedOpacity:a,precision:r,customLayers:t,timeline:s,naLabel:x}=fe;return k==="vertical"?e.jsxRuntimeExports.jsx(ct,{data:l,graphTitle:p,colors:P,barPadding:A,showTicks:U,leftMargin:me,rightMargin:de,topMargin:he,bottomMargin:Q,truncateBy:q,showLabels:ie,showValues:I,backgroundColor:oe,suffix:xe,prefix:R,sources:G,graphDescription:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,showColorScale:pe,graphID:ue,maxValue:S,minValue:b,highlightedDataPoints:g,onSeriesMouseClick:w,graphDownload:D,dataDownload:N,language:M,theme:z,sortData:V,labelOrder:v,showNAColor:j,minHeight:X,maxBarThickness:$,maxNumberOfBars:T,minBarThickness:ce,ariaLabel:H,resetSelectionOnDoubleClick:B,styles:y,detailsOnClick:re,barAxisTitle:C,noOfTicks:F,valueColor:h,classNames:u,filterNA:d,animate:o,dimmedOpacity:a,precision:r,customLayers:t,timeline:s}):e.jsxRuntimeExports.jsx(at,{data:l,graphTitle:p,colors:P,barPadding:A,showTicks:U,leftMargin:me,rightMargin:de,topMargin:he,bottomMargin:Q,truncateBy:q,showLabels:ie,showValues:I,backgroundColor:oe,suffix:xe,prefix:R,sources:G,graphDescription:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,showColorScale:pe,graphID:ue,maxValue:S,minValue:b,highlightedDataPoints:g,onSeriesMouseClick:w,graphDownload:D,dataDownload:N,language:M,theme:z,sortData:V,labelOrder:v,showNAColor:j,minHeight:X,maxBarThickness:$,maxNumberOfBars:T,minBarThickness:ce,ariaLabel:H,resetSelectionOnDoubleClick:B,styles:y,detailsOnClick:re,barAxisTitle:C,noOfTicks:F,valueColor:h,classNames:u,filterNA:d,dimmedOpacity:a,precision:r,customLayers:t,timeline:s,naLabel:x})}function pt(fe){const{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,truncateBy:he,height:Q,width:q,footNote:ie,colorDomain:I,colorLegendTitle:oe,suffix:xe,prefix:R,showValues:G,padding:_,backgroundColor:Z,leftMargin:E,rightMargin:f,topMargin:L,bottomMargin:ae,showLabels:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,graphID:pe,maxValue:ue,minValue:S,onSeriesMouseClick:b,graphDownload:g,dataDownload:w,language:D,labelOrder:N,minHeight:M,theme:z,maxBarThickness:V,ariaLabel:v,resetSelectionOnDoubleClick:j,detailsOnClick:X,barAxisTitle:$,noOfTicks:T,valueColor:ce,orientation:H="vertical",styles:B,classNames:re,filterNA:C,animate:F,precision:h,customLayers:k,showColorScale:y,timeline:u,naLabel:d}=fe;return H==="vertical"?e.jsxRuntimeExports.jsx(xt,{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,truncateBy:he,height:Q,width:q,footNote:ie,colorDomain:I,colorLegendTitle:oe,suffix:xe,prefix:R,showValues:G,padding:_,backgroundColor:Z,leftMargin:E,rightMargin:f,topMargin:L,bottomMargin:ae,showLabels:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,graphID:pe,maxValue:ue,minValue:S,onSeriesMouseClick:b,graphDownload:g,dataDownload:w,language:D,labelOrder:N,minHeight:M,theme:z,maxBarThickness:V,ariaLabel:v,resetSelectionOnDoubleClick:j,styles:B,detailsOnClick:X,barAxisTitle:$,noOfTicks:T,valueColor:ce,classNames:re,filterNA:C,animate:F,precision:h,customLayers:k,showColorScale:y,timeline:u,naLabel:d}):e.jsxRuntimeExports.jsx(rt,{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,truncateBy:he,height:Q,width:q,footNote:ie,colorDomain:I,colorLegendTitle:oe,suffix:xe,prefix:R,showValues:G,padding:_,backgroundColor:Z,leftMargin:E,rightMargin:f,topMargin:L,bottomMargin:ae,showLabels:se,relativeHeight:K,tooltip:ee,onSeriesMouseOver:ne,refValues:W,graphID:pe,maxValue:ue,minValue:S,onSeriesMouseClick:b,graphDownload:g,dataDownload:w,language:D,labelOrder:N,minHeight:M,theme:z,maxBarThickness:V,ariaLabel:v,resetSelectionOnDoubleClick:j,styles:B,detailsOnClick:X,barAxisTitle:$,noOfTicks:T,valueColor:ce,classNames:re,filterNA:C,animate:F,precision:h,customLayers:k,showColorScale:y,timeline:u,naLabel:d})}function gt(fe){const{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,leftMargin:he,rightMargin:Q,topMargin:q,bottomMargin:ie,truncateBy:I,showLabels:oe,showValues:xe,backgroundColor:R,suffix:G,prefix:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,tooltip:K,onSeriesMouseOver:ee,relativeHeight:ne,refValues:W,graphID:pe,maxValue:ue,onSeriesMouseClick:S,graphDownload:b,dataDownload:g,language:w,theme:D,labelOrder:N,minHeight:M,maxBarThickness:z,sortParameter:V,maxNumberOfBars:v,minBarThickness:j,ariaLabel:X,resetSelectionOnDoubleClick:$,detailsOnClick:T,barAxisTitle:ce,noOfTicks:H,valueColor:B,orientation:re="vertical",styles:C,classNames:F,filterNA:h,animate:k,precision:y,customLayers:u,showColorScale:d,timeline:o,naLabel:a}=fe;return re==="vertical"?e.jsxRuntimeExports.jsx(mt,{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,leftMargin:he,rightMargin:Q,topMargin:q,bottomMargin:ie,truncateBy:I,showLabels:oe,showValues:xe,backgroundColor:R,suffix:G,prefix:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,tooltip:K,onSeriesMouseOver:ee,relativeHeight:ne,refValues:W,graphID:pe,maxValue:ue,onSeriesMouseClick:S,graphDownload:b,dataDownload:g,language:w,theme:D,labelOrder:N,minHeight:M,maxBarThickness:z,sortParameter:V,maxNumberOfBars:v,minBarThickness:j,ariaLabel:X,resetSelectionOnDoubleClick:$,styles:C,detailsOnClick:T,barAxisTitle:ce,noOfTicks:H,valueColor:B,classNames:F,filterNA:h,animate:k,precision:y,customLayers:u,showColorScale:d,timeline:o,naLabel:a}):e.jsxRuntimeExports.jsx(lt,{data:l,graphTitle:p,colors:P,sources:A,graphDescription:U,barPadding:me,showTicks:de,leftMargin:he,rightMargin:Q,topMargin:q,bottomMargin:ie,truncateBy:I,showLabels:oe,showValues:xe,backgroundColor:R,suffix:G,prefix:_,height:Z,width:E,footNote:f,colorDomain:L,colorLegendTitle:ae,padding:se,tooltip:K,onSeriesMouseOver:ee,relativeHeight:ne,refValues:W,graphID:pe,maxValue:ue,onSeriesMouseClick:S,graphDownload:b,dataDownload:g,language:w,theme:D,labelOrder:N,minHeight:M,maxBarThickness:z,sortParameter:V,maxNumberOfBars:v,minBarThickness:j,ariaLabel:X,resetSelectionOnDoubleClick:$,styles:C,detailsOnClick:T,barAxisTitle:ce,noOfTicks:H,valueColor:B,classNames:F,filterNA:h,animate:k,precision:y,customLayers:u,showColorScale:d,timeline:o,naLabel:a})}exports.GroupedBarGraph=pt;exports.SimpleBarGraph=ht;exports.StackedBarGraph=gt;
+import { j as e, m as Ne } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as Te } from "./index-CaAIPGZo.js";
+import { useRef as Me, useState as S, useEffect as ze } from "react";
+import { s as Ae } from "./index-DxagiOHo.js";
+import { p as Se, f as $e } from "./parse-DlCRUFh_.js";
+import { s as Be, g as Fe, x as He } from "./getSliderMarks-C0jptXeP.js";
+import { i as Pe } from "./index-27yTRcko.js";
+import { X as We } from "./Modal-CUU6ZK3U.js";
+import { n as De } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Ge } from "./Tooltip-DyM5snqx.js";
+import { c as q } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { Colors as je } from "./Colors.js";
+import { s as Xe } from "./string2HTML-CWHGfz_d.js";
+import { X as st } from "./XTicksAndGridLines-Bn9u5gOM.js";
+import { Y as rt } from "./YAxesLabels-H5-002X5.js";
+import { A as Ye } from "./AxisTitle-BmHLMRJZ.js";
+import { A as _e } from "./Axis-Ddg-seDi.js";
+import { a as ot, R as nt } from "./ReferenceLine-C1GpoG9d.js";
+import { u as Ee } from "./use-in-view-BAHrBy6b.js";
+import { a as Re } from "./linear-DUdu7l2G.js";
+import { b as Ie } from "./band-BEjh2CHI.js";
+import { m as pe } from "./proxy-DJxJg1kD.js";
+import { A as qe } from "./index-BxAUvrua.js";
+import { GraphFooter as Ue } from "./GraphFooter.js";
+import { GraphHeader as Je } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as Ke } from "./ColorLegendWithMouseOver.js";
+import { E as Qe } from "./EmptyState-DdTp-Mdn.js";
+import { P as Ze, f as et } from "./index-BmCqpO1B.js";
+import { c as Le, d as Ve } from "./ensureCompleteData-BBDZbDCE.js";
+import { c as tt } from "./init-BhZylTFx.js";
+import { s as ke } from "./index-D7ltPi18.js";
+import { g as lt } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
+import { X as ct } from "./XAxesLabels-DQFo_z2R.js";
+import { Y as dt } from "./YTicksAndGridLines-B6ah7CRf.js";
+function ht(fe) {
+  const {
+    data: o,
+    barColor: g,
+    suffix: G,
+    prefix: I,
+    barPadding: X,
+    showValues: me,
+    showTicks: ue,
+    leftMargin: ge,
+    truncateBy: Q,
+    width: Y,
+    height: ie,
+    colorDomain: D,
+    rightMargin: ne,
+    topMargin: he,
+    bottomMargin: j,
+    showLabels: _,
+    tooltip: U,
+    onSeriesMouseOver: Z,
+    refValues: C,
+    selectedColor: p,
+    highlightedDataPoints: F,
+    maxValue: ae,
+    minValue: le,
+    onSeriesMouseClick: J,
+    labelOrder: ee,
+    rtl: re,
+    maxBarThickness: E,
+    minBarThickness: xe,
+    resetSelectionOnDoubleClick: de,
+    detailsOnClick: z,
+    barAxisTitle: y,
+    valueColor: x,
+    noOfTicks: w,
+    styles: T,
+    classNames: N,
+    animate: $,
+    dimmedOpacity: L,
+    precision: B,
+    customLayers: b,
+    naLabel: v
+  } = fe, R = Me(null), V = Ee(R, {
+    once: $.once,
+    amount: $.amount
+  }), [A, ce] = S(void 0), [W, H] = S(void 0), [se, M] = S(void 0), [P, m] = S(void 0), k = {
+    top: y ? he + 25 : he,
+    bottom: j,
+    left: ge,
+    right: ne
+  }, f = Y - k.left - k.right, d = ie - k.top - k.bottom, u = o.map((l, h) => ({
+    ...l,
+    id: ee ? `${l.label}` : `${h}`
+  })), n = Re().domain([le, ae]).range([0, f]).nice(), a = ee || u.map((l) => `${l.id}`), s = Ie().domain(a).range([
+    0,
+    xe ? Math.max(d, xe * a.length) : E ? Math.min(d, E * a.length) : d
+  ]).paddingInner(X), t = n.ticks(w);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        ref: R,
+        width: `${Y}px`,
+        height: `${ie}px`,
+        viewBox: `0 0 ${Y} ${ie}`,
+        direction: "ltr",
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${k.left},${k.top})`, children: [
+          ue ? /* @__PURE__ */ e.jsx(
+            st,
+            {
+              values: t.filter((l) => l !== 0),
+              x: t.filter((l) => l !== 0).map((l) => n(l)),
+              y1: 0 - he,
+              y2: d + k.bottom,
+              styles: {
+                gridLines: T?.xAxis?.gridLines,
+                labels: T?.xAxis?.labels
+              },
+              classNames: {
+                gridLines: N?.xAxis?.gridLines,
+                labels: N?.xAxis?.labels
+              },
+              suffix: G,
+              prefix: I,
+              labelType: "secondary",
+              showGridLines: !0,
+              precision: B
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: f / 2,
+              y: 0 - k.top + 15,
+              style: T?.xAxis?.title,
+              className: N?.xAxis?.title,
+              text: y
+            }
+          ),
+          b.filter((l) => l.position === "before").map((l) => l.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            u.map(
+              (l) => q(s(l.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  variants: {
+                    initial: {
+                      opacity: p ? l.color && g[D.indexOf(l.color)] === p ? 1 : L : F.length !== 0 ? F.indexOf(l.label) !== -1 ? 0.85 : L : 0.85
+                    },
+                    whileInView: {
+                      opacity: p ? l.color && g[D.indexOf(l.color)] === p ? 1 : L : F.length !== 0 ? F.indexOf(l.label) !== -1 ? 0.85 : L : 0.85,
+                      transition: { duration: $.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: V ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: $.duration } },
+                  onMouseEnter: (h) => {
+                    ce(l), m(h.clientY), M(h.clientX), Z?.(l);
+                  },
+                  onClick: () => {
+                    (J || z) && (Pe(W, l) && de ? (H(void 0), J?.(void 0)) : (H(l), J?.(l)));
+                  },
+                  onMouseMove: (h) => {
+                    ce(l), m(h.clientY), M(h.clientX);
+                  },
+                  onMouseLeave: () => {
+                    ce(void 0), M(void 0), m(void 0), Z?.(void 0);
+                  },
+                  children: [
+                    l.size ? /* @__PURE__ */ e.jsx(
+                      pe.rect,
+                      {
+                        variants: {
+                          initial: {
+                            width: 0,
+                            x: n(0),
+                            y: s(`${l.id}`),
+                            fill: o.filter((h) => h.color).length === 0 ? g[0] : l.color ? g[D.indexOf(l.color)] : je.gray
+                          },
+                          whileInView: {
+                            width: l.size >= 0 ? n(l.size) - n(0) : n(0) - n(l.size),
+                            x: l.size >= 0 ? n(0) : n(l.size),
+                            y: s(`${l.id}`),
+                            fill: o.filter((h) => h.color).length === 0 ? g[0] : l.color ? g[D.indexOf(l.color)] : je.gray,
+                            transition: { duration: $.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: V ? "whileInView" : "initial",
+                        exit: {
+                          width: 0,
+                          x: n(0),
+                          transition: { duration: $.duration }
+                        },
+                        height: s.bandwidth()
+                      }
+                    ) : null,
+                    _ ? /* @__PURE__ */ e.jsx(
+                      rt,
+                      {
+                        value: `${l.label}`.length < Q ? `${l.label}` : `${`${l.label}`.substring(0, Q)}...`,
+                        y: s(l.id) || 0,
+                        x: (l.size || 0) < 0 ? n(0) : 0 - k.left,
+                        width: (l.size || 0) < 0 ? Y - n(0) : n(0) + k.left,
+                        height: s.bandwidth(),
+                        alignment: l.size && l.size < 0 ? "left" : "right",
+                        style: T?.yAxis?.labels,
+                        className: N?.yAxis?.labels,
+                        animate: $,
+                        isInView: V
+                      }
+                    ) : null,
+                    me ? /* @__PURE__ */ e.jsx(
+                      pe.text,
+                      {
+                        style: {
+                          textAnchor: l.size && l.size < 0 ? "end" : "start",
+                          ...T?.graphObjectValues || {}
+                        },
+                        className: Ne(
+                          "graph-value text-sm",
+                          !x && g.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
+                          N?.graphObjectValues
+                        ),
+                        dx: l.size && l.size < 0 ? -5 : 5,
+                        dy: "0.33em",
+                        variants: {
+                          initial: {
+                            x: n(0),
+                            y: s(`${l.id}`) + s.bandwidth() / 2,
+                            opacity: 0,
+                            fill: x || (o.filter((h) => h.color).length === 0 ? g[0] : l.color ? g[D.indexOf(l.color)] : je.gray)
+                          },
+                          whileInView: {
+                            x: l.size ? n(l.size) : n(0),
+                            opacity: 1,
+                            y: s(`${l.id}`) + s.bandwidth() / 2,
+                            fill: x || (o.filter((h) => h.color).length === 0 ? g[0] : l.color ? g[D.indexOf(l.color)] : je.gray),
+                            transition: { duration: $.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: V ? "whileInView" : "initial",
+                        exit: {
+                          opacity: 0,
+                          transition: { duration: $.duration }
+                        },
+                        children: De(l.size, v, B, I, G)
+                      }
+                    ) : null
+                  ]
+                },
+                l.label
+              )
+            ),
+            /* @__PURE__ */ e.jsx(
+              _e,
+              {
+                x1: n(le < 0 ? 0 : le),
+                x2: n(le < 0 ? 0 : le),
+                y1: -2.5,
+                y2: d + k.bottom,
+                classNames: { axis: N?.yAxis?.axis },
+                styles: { axis: T?.yAxis?.axis }
+              }
+            ),
+            C ? /* @__PURE__ */ e.jsx(e.Fragment, { children: C.map((l, h) => /* @__PURE__ */ e.jsx(
+              ot,
+              {
+                text: l.text,
+                color: l.color,
+                x: n(l.value),
+                y1: 0 - k.top,
+                y2: d + k.bottom,
+                textSide: n(l.value) > f * 0.75 || re ? "left" : "right",
+                classNames: l.classNames,
+                styles: l.styles,
+                animate: $,
+                isInView: V
+              },
+              h
+            )) }) : null
+          ] }),
+          b.filter((l) => l.position === "after").map((l) => l.layer)
+        ] })
+      }
+    ),
+    A && U && se && P ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: A,
+        body: U,
+        xPos: se,
+        yPos: P,
+        backgroundStyle: T?.tooltip,
+        className: N?.tooltip
+      }
+    ) : null,
+    z && W !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: W !== void 0,
+        onClose: () => {
+          H(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof z == "string" ? { __html: Xe(z, W) } : void 0,
+            children: typeof z == "function" ? z(W) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function ut(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G,
+    suffix: I = "",
+    sources: X,
+    prefix: me = "",
+    graphDescription: ue,
+    barPadding: ge = 0.25,
+    showValues: Q = !0,
+    showTicks: Y = !0,
+    leftMargin: ie = 100,
+    rightMargin: D = 40,
+    truncateBy: ne = 999,
+    height: he,
+    width: j,
+    footNote: _,
+    colorDomain: U,
+    colorLegendTitle: Z,
+    highlightedDataPoints: C = [],
+    padding: p,
+    backgroundColor: F = !1,
+    topMargin: ae = 25,
+    bottomMargin: le = 10,
+    showLabels: J = !0,
+    relativeHeight: ee,
+    tooltip: re,
+    onSeriesMouseOver: E,
+    refValues: xe,
+    showColorScale: de = !0,
+    graphID: z,
+    maxValue: y,
+    minValue: x,
+    onSeriesMouseClick: w,
+    graphDownload: T = !1,
+    dataDownload: N = !1,
+    sortData: $,
+    labelOrder: L,
+    language: B = "en",
+    showNAColor: b = !0,
+    minHeight: v = 0,
+    theme: R = "light",
+    maxBarThickness: V,
+    maxNumberOfBars: A,
+    minBarThickness: ce,
+    ariaLabel: W,
+    resetSelectionOnDoubleClick: H = !0,
+    detailsOnClick: se,
+    barAxisTitle: M,
+    noOfTicks: P = 5,
+    valueColor: m,
+    styles: k,
+    classNames: f,
+    filterNA: d = !0,
+    animate: u = !1,
+    dimmedOpacity: n = 0.3,
+    precision: a = 2,
+    customLayers: s = [],
+    timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: l = "NA"
+  } = fe, [h, Oe] = S(0), [K, we] = S(0), [ve, Ce] = S(t.autoplay), oe = Be(
+    Te(
+      o.filter((i) => i.date !== void 0 && i.date !== null),
+      (i) => i.date
+    ).map((i) => Se(`${i.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (i, be) => tt(i, be)
+  ), [ye, c] = S(t.autoplay ? 0 : oe.length - 1), [te, r] = S(void 0), O = Me(null), it = Me(null);
+  ze(() => {
+    const i = new ResizeObserver((be) => {
+      Oe(j || be[0].target.clientWidth || 620), we(he || be[0].target.clientHeight || 480);
+    });
+    return O.current && (we(O.current.clientHeight || 480), Oe(O.current.clientWidth || 620), j || i.observe(O.current)), () => i.disconnect();
+  }, [j, he]), ze(() => {
+    const i = setInterval(
+      () => {
+        c((be) => be < oe.length - 1 ? be + 1 : 0);
+      },
+      (t.speed || 2) * 1e3
+    );
+    return ve || clearInterval(i), () => clearInterval(i);
+  }, [oe, ve, t.speed]);
+  const at = Fe(
+    oe,
+    ye,
+    t.showOnlyActiveDate,
+    t.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${R || "light"} flex ${j ? "w-fit grow-0" : "w-full grow"}`,
+      dir: B === "he" || B === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${F ? F === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${B || "en"}`,
+            f?.graphContainer
+          ),
+          style: {
+            ...k?.graphContainer || {},
+            ...F && F !== !0 ? { backgroundColor: F } : {}
+          },
+          id: z,
+          ref: it,
+          "aria-label": W || `${g ? `The graph shows ${g}. ` : ""}This is a bar chart. ${ue ? ` ${ue}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: F ? p || "1rem" : p || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                g || ue || T || N ? /* @__PURE__ */ e.jsx(
+                  Je,
+                  {
+                    styles: {
+                      title: k?.title,
+                      description: k?.description
+                    },
+                    classNames: {
+                      title: f?.title,
+                      description: f?.description
+                    },
+                    graphTitle: g,
+                    graphDescription: ue,
+                    width: j,
+                    graphDownload: T ? it.current : void 0,
+                    dataDownload: N ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
+                  }
+                ) : null,
+                t.enabled && oe.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ce(!ve);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": ve ? "Click to pause animation" : "Click to play animation",
+                      children: ve ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    He,
+                    {
+                      min: oe[0],
+                      max: oe[oe.length - 1],
+                      marks: at,
+                      step: null,
+                      defaultValue: oe[oe.length - 1],
+                      value: oe[ye],
+                      onChangeComplete: (i) => {
+                        c(oe.indexOf(i));
+                      },
+                      onChange: (i) => {
+                        c(oe.indexOf(i));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  de && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ e.jsx(
+                    Ke,
+                    {
+                      width: j,
+                      colorLegendTitle: Z,
+                      colors: G || je[R].categoricalColors.colors,
+                      colorDomain: U || Te(
+                        o.filter((i) => i.color),
+                        "color"
+                      ).map((i) => i.color),
+                      setSelectedColor: r,
+                      showNAColor: b
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: "flex grow flex-col justify-center w-full leading-0",
+                      ref: O,
+                      "aria-label": "Graph area",
+                      children: (j || h) && (he || K) ? /* @__PURE__ */ e.jsx(
+                        ht,
+                        {
+                          data: $ === "asc" ? Ae(
+                            Le(o, t.dateFormat || "yyyy").filter(
+                              (i) => t.enabled ? i.date === $e(
+                                new Date(oe[ye]),
+                                t.dateFormat || "yyyy"
+                              ) : i
+                            ).filter((i) => d ? !q(i.size) : i),
+                            (i) => i.size
+                          ).filter((i, be) => A ? be < A : !0) : $ === "desc" ? Ae(
+                            Le(o, t.dateFormat || "yyyy").filter(
+                              (i) => t.enabled ? i.date === $e(
+                                new Date(oe[ye]),
+                                t.dateFormat || "yyyy"
+                              ) : i
+                            ).filter((i) => d ? !q(i.size) : i),
+                            (i) => i.size
+                          ).reverse().filter((i, be) => A ? be < A : !0) : Le(o, t.dateFormat || "yyyy").filter(
+                            (i) => t.enabled ? i.date === $e(
+                              new Date(oe[ye]),
+                              t.dateFormat || "yyyy"
+                            ) : i
+                          ).filter((i) => d ? !q(i.size) : i).filter((i, be) => A ? be < A : !0),
+                          barColor: o.filter((i) => i.color).length === 0 ? G ? [G] : [je.primaryColors["blue-600"]] : G || je[R].categoricalColors.colors,
+                          colorDomain: o.filter((i) => i.color).length === 0 ? [] : U || Te(
+                            o.filter((i) => i.color),
+                            "color"
+                          ).map((i) => i.color),
+                          width: j || h,
+                          selectedColor: te,
+                          height: Math.max(
+                            v,
+                            he || (ee ? v ? (j || h) * ee > v ? (j || h) * ee : v : (j || h) * ee : K)
+                          ),
+                          suffix: I,
+                          prefix: me,
+                          barPadding: ge,
+                          showValues: Q,
+                          showTicks: Y,
+                          leftMargin: ie,
+                          rightMargin: D,
+                          topMargin: ae,
+                          bottomMargin: le,
+                          truncateBy: ne,
+                          showLabels: J,
+                          tooltip: re,
+                          onSeriesMouseOver: E,
+                          refValues: xe,
+                          maxValue: q(y) ? Math.max(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) < 0 ? 0 : Math.max(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) : y,
+                          minValue: q(x) ? Math.min(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) >= 0 ? 0 : Math.min(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) : x,
+                          highlightedDataPoints: C,
+                          onSeriesMouseClick: w,
+                          labelOrder: L,
+                          rtl: B === "he" || B === "ar",
+                          maxBarThickness: V,
+                          minBarThickness: ce,
+                          resetSelectionOnDoubleClick: H,
+                          detailsOnClick: se,
+                          barAxisTitle: M,
+                          noOfTicks: P,
+                          valueColor: m,
+                          classNames: f,
+                          styles: k,
+                          animate: u === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : u || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: n,
+                          precision: a,
+                          customLayers: s,
+                          naLabel: l
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                X || _ ? /* @__PURE__ */ e.jsx(
+                  Ue,
+                  {
+                    sources: X,
+                    footNote: _,
+                    width: j,
+                    styles: { footnote: k?.footnote, source: k?.source },
+                    classNames: {
+                      footnote: f?.footnote,
+                      source: f?.source
+                    }
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function mt(fe) {
+  const {
+    data: o,
+    barColors: g,
+    barPadding: G,
+    showTicks: I,
+    leftMargin: X,
+    truncateBy: me,
+    width: ue,
+    height: ge,
+    suffix: Q,
+    prefix: Y,
+    showValues: ie,
+    rightMargin: D,
+    topMargin: ne,
+    bottomMargin: he,
+    showLabels: j,
+    tooltip: _,
+    onSeriesMouseOver: U,
+    refValues: Z,
+    maxValue: C,
+    minValue: p,
+    onSeriesMouseClick: F,
+    selectedColor: ae,
+    rtl: le,
+    labelOrder: J,
+    maxBarThickness: ee,
+    resetSelectionOnDoubleClick: re,
+    detailsOnClick: E,
+    barAxisTitle: xe,
+    valueColor: de,
+    noOfTicks: z,
+    styles: y,
+    classNames: x,
+    animate: w,
+    colorDomain: T,
+    precision: N,
+    customLayers: $,
+    naLabel: L
+  } = fe, B = Me(null), b = Ee(B, {
+    once: w.once,
+    amount: w.amount
+  }), v = {
+    top: xe ? ne + 25 : ne,
+    bottom: he,
+    left: X,
+    right: D
+  }, [R, V] = S(void 0), [A, ce] = S(void 0), [W, H] = S(void 0), [se, M] = S(void 0), P = ue - v.left - v.right, m = ge - v.top - v.bottom, k = o.map((s, t) => ({
+    ...s,
+    id: J ? `${s.label}` : `${t}`
+  })), f = J || k.map((s) => `${s.id}`), d = Re().domain([p, C]).range([0, P]).nice(), u = Ie().domain(f).range([
+    0,
+    ee ? Math.min(m, ee * f.length) : m
+  ]).paddingInner(G), n = Ie().domain(o[0].size.map((s, t) => `${t}`)).range([0, u.bandwidth()]).paddingInner(0.1), a = d.ticks(z);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        ref: B,
+        width: `${ue}px`,
+        height: `${ge}px`,
+        viewBox: `0 0 ${ue} ${ge}`,
+        direction: "ltr",
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
+          I ? /* @__PURE__ */ e.jsx(
+            st,
+            {
+              values: a.filter((s) => s !== 0),
+              x: a.filter((s) => s !== 0).map((s) => d(s)),
+              y1: 0 - ne,
+              y2: m + v.bottom,
+              styles: {
+                gridLines: y?.xAxis?.gridLines,
+                labels: y?.xAxis?.labels
+              },
+              classNames: {
+                gridLines: x?.xAxis?.gridLines,
+                labels: x?.xAxis?.labels
+              },
+              suffix: Q,
+              prefix: Y,
+              labelType: "secondary",
+              showGridLines: !0,
+              precision: N
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: P / 2,
+              y: 0 - v.top + 15,
+              style: y?.xAxis?.title,
+              className: x?.xAxis?.title,
+              text: xe
+            }
+          ),
+          $.filter((s) => s.position === "before").map((s) => s.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            k.map(
+              (s) => q(u(s.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  variants: {
+                    initial: {
+                      x: 0,
+                      y: u(`${s.id}`)
+                    },
+                    whileInView: {
+                      x: 0,
+                      y: u(`${s.id}`),
+                      transition: { duration: w.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: b ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: w.duration } },
+                  children: [
+                    s.size.map((t, l) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
+                      {
+                        className: "undp-viz-g-with-hover",
+                        opacity: ae ? g[l] === ae ? 1 : 0.3 : 0.85,
+                        onMouseEnter: (h) => {
+                          V({ ...s, sizeIndex: l }), M(h.clientY), H(h.clientX), U?.({ ...s, sizeIndex: l });
+                        },
+                        onMouseMove: (h) => {
+                          V({ ...s, sizeIndex: l }), M(h.clientY), H(h.clientX);
+                        },
+                        onMouseLeave: () => {
+                          V(void 0), H(void 0), M(void 0), U?.(void 0);
+                        },
+                        onClick: () => {
+                          (F || E) && (Pe(A, { ...s, sizeIndex: l }) && re ? (ce(void 0), F?.(void 0)) : (ce({ ...s, sizeIndex: l }), F && F({ ...s, sizeIndex: l })));
+                        },
+                        children: [
+                          q(t) ? null : /* @__PURE__ */ e.jsx(
+                            pe.rect,
+                            {
+                              y: n(`${l}`),
+                              variants: {
+                                initial: {
+                                  width: 0,
+                                  x: d(0),
+                                  fill: g[l]
+                                },
+                                whileInView: {
+                                  width: q(t) ? 0 : t >= 0 ? d(t) - d(0) : d(0) - d(t),
+                                  x: t >= 0 ? d(0) : d(t),
+                                  fill: g[l],
+                                  transition: { duration: w.duration }
+                                }
+                              },
+                              exit: {
+                                width: 0,
+                                x: d(0),
+                                transition: { duration: w.duration }
+                              },
+                              height: n.bandwidth(),
+                              initial: "initial",
+                              animate: b ? "whileInView" : "initial"
+                            }
+                          ),
+                          ie ? /* @__PURE__ */ e.jsx(
+                            pe.text,
+                            {
+                              y: n(`${l}`) + n.bandwidth() / 2,
+                              style: {
+                                fill: de || g[l],
+                                textAnchor: t && t < 0 ? "end" : "start",
+                                ...y?.graphObjectValues || {}
+                              },
+                              className: Ne("graph-value text-sm", x?.graphObjectValues),
+                              dx: t && t < 0 ? -5 : 5,
+                              dy: "0.33em",
+                              variants: {
+                                initial: { x: d(0), opacity: 0 },
+                                whileInView: {
+                                  x: d(t || 0),
+                                  opacity: 1,
+                                  transition: { duration: w.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: b ? "whileInView" : "initial",
+                              exit: {
+                                opacity: 0,
+                                transition: { duration: w.duration }
+                              },
+                              children: De(t, L, N, Y, Q)
+                            }
+                          ) : null
+                        ]
+                      },
+                      `${s.label}-${T[l] || l}`
+                    )),
+                    j ? /* @__PURE__ */ e.jsx(
+                      rt,
+                      {
+                        value: `${s.label}`.length < me ? `${s.label}` : `${`${s.label}`.substring(0, me)}...`,
+                        y: 0,
+                        x: 0 - v.left,
+                        width: d(p < 0 ? 0 : p) + v.left,
+                        height: u.bandwidth(),
+                        style: y?.yAxis?.labels,
+                        className: x?.yAxis?.labels,
+                        animate: w,
+                        isInView: b
+                      }
+                    ) : null
+                  ]
+                },
+                s.label
+              )
+            ),
+            /* @__PURE__ */ e.jsx(
+              _e,
+              {
+                x1: d(p < 0 ? 0 : p),
+                x2: d(p < 0 ? 0 : p),
+                y1: -2.5,
+                y2: m + v.bottom,
+                classNames: { axis: x?.yAxis?.axis },
+                styles: { axis: y?.yAxis?.axis }
+              }
+            ),
+            Z ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Z.map((s, t) => /* @__PURE__ */ e.jsx(
+              ot,
+              {
+                text: s.text,
+                color: s.color,
+                x: d(s.value),
+                y1: 0 - v.top,
+                y2: m + v.bottom,
+                textSide: d(s.value) > P * 0.75 || le ? "left" : "right",
+                classNames: s.classNames,
+                styles: s.styles,
+                animate: w,
+                isInView: b
+              },
+              t
+            )) }) : null
+          ] }),
+          $.filter((s) => s.position === "after").map((s) => s.layer)
+        ] })
+      }
+    ),
+    R && _ && W && se ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: R,
+        body: _,
+        xPos: W,
+        yPos: se,
+        backgroundStyle: y?.tooltip,
+        className: x?.tooltip
+      }
+    ) : null,
+    E && A !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: A !== void 0,
+        onClose: () => {
+          ce(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof E == "string" ? { __html: Xe(E, A) } : void 0,
+            children: typeof E == "function" ? E(A) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function gt(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G = je.light.categoricalColors.colors,
+    sources: I,
+    graphDescription: X,
+    barPadding: me = 0.25,
+    showTicks: ue = !0,
+    truncateBy: ge = 999,
+    height: Q,
+    width: Y,
+    footNote: ie,
+    colorDomain: D,
+    colorLegendTitle: ne,
+    suffix: he = "",
+    prefix: j = "",
+    showValues: _ = !0,
+    showColorScale: U = !0,
+    padding: Z,
+    backgroundColor: C = !1,
+    leftMargin: p = 100,
+    rightMargin: F = 40,
+    topMargin: ae = 25,
+    bottomMargin: le = 10,
+    showLabels: J = !0,
+    relativeHeight: ee,
+    tooltip: re,
+    onSeriesMouseOver: E,
+    refValues: xe,
+    graphID: de,
+    maxValue: z,
+    minValue: y,
+    onSeriesMouseClick: x,
+    graphDownload: w = !1,
+    dataDownload: T = !1,
+    language: N = "en",
+    labelOrder: $,
+    minHeight: L = 0,
+    theme: B = "light",
+    maxBarThickness: b,
+    ariaLabel: v,
+    resetSelectionOnDoubleClick: R = !0,
+    detailsOnClick: V,
+    barAxisTitle: A,
+    noOfTicks: ce = 5,
+    valueColor: W,
+    styles: H,
+    classNames: se,
+    filterNA: M = !0,
+    animate: P = !1,
+    precision: m = 2,
+    customLayers: k = [],
+    timeline: f = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: d = "NA"
+  } = fe, [u, n] = S(0), [a, s] = S(0), [t, l] = S(f.autoplay), h = Be(
+    Te(
+      o.filter((c) => c.date !== void 0 && c.date !== null),
+      (c) => c.date
+    ).map((c) => Se(`${c.date}`, f.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (c, te) => tt(c, te)
+  ), [Oe, K] = S(f.autoplay ? 0 : h.length - 1), [we, ve] = S(void 0), Ce = Me(null), oe = Me(null);
+  ze(() => {
+    const c = new ResizeObserver((te) => {
+      n(Y || te[0].target.clientWidth || 620), s(Q || te[0].target.clientHeight || 480);
+    });
+    return Ce.current && (s(Ce.current.clientHeight || 480), n(Ce.current.clientWidth || 620), Y || c.observe(Ce.current)), () => c.disconnect();
+  }, [Y, Q]), ze(() => {
+    const c = setInterval(
+      () => {
+        K((te) => te < h.length - 1 ? te + 1 : 0);
+      },
+      (f.speed || 2) * 1e3
+    );
+    return t || clearInterval(c), () => clearInterval(c);
+  }, [h, t, f.speed]);
+  const ye = Fe(
+    h,
+    Oe,
+    f.showOnlyActiveDate,
+    f.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${B || "light"} flex  ${Y ? "w-fit grow-0" : "w-full grow"}`,
+      dir: N === "he" || N === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N || "en"}`,
+            se?.graphContainer
+          ),
+          style: {
+            ...H?.graphContainer || {},
+            ...C && C !== !0 ? { backgroundColor: C } : {}
+          },
+          id: de,
+          ref: oe,
+          "aria-label": v || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${X ? ` ${X}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: C ? Z || "1rem" : Z || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
+                g || X || w || T ? /* @__PURE__ */ e.jsx(
+                  Je,
+                  {
+                    styles: {
+                      title: H?.title,
+                      description: H?.description
+                    },
+                    classNames: {
+                      title: se?.title,
+                      description: se?.description
+                    },
+                    graphTitle: g,
+                    graphDescription: X,
+                    width: Y,
+                    graphDownload: w ? oe.current : void 0,
+                    dataDownload: T ? o.map((c) => c.data).filter((c) => c !== void 0).length > 0 ? o.map((c) => c.data).filter((c) => c !== void 0) : o.filter((c) => c !== void 0) : null
+                  }
+                ) : null,
+                f.enabled && h.length > 0 && ye ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        l(!t);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": t ? "Click to pause animation" : "Click to play animation",
+                      children: t ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    He,
+                    {
+                      min: h[0],
+                      max: h[h.length - 1],
+                      marks: ye,
+                      step: null,
+                      defaultValue: h[h.length - 1],
+                      value: h[Oe],
+                      onChangeComplete: (c) => {
+                        K(h.indexOf(c));
+                      },
+                      onChange: (c) => {
+                        K(h.indexOf(c));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  U ? /* @__PURE__ */ e.jsx(
+                    Ke,
+                    {
+                      width: Y,
+                      colorDomain: D,
+                      colors: G,
+                      colorLegendTitle: ne,
+                      setSelectedColor: ve,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: Ce, "aria-label": "Graph area", children: (Y || u) && (Q || a) ? /* @__PURE__ */ e.jsx(
+                    mt,
+                    {
+                      data: Ve(
+                        o,
+                        f.dateFormat || "yyyy"
+                      ).filter(
+                        (c) => f.enabled ? c.date === $e(
+                          new Date(h[Oe]),
+                          f.dateFormat || "yyyy"
+                        ) : c
+                      ).filter((c) => M ? !c.size.every((te) => te == null) : c),
+                      barColors: G,
+                      width: Y || u,
+                      height: Math.max(
+                        L,
+                        Q || (ee ? L ? (Y || u) * ee > L ? (Y || u) * ee : L : (Y || u) * ee : a)
+                      ),
+                      suffix: he,
+                      prefix: j,
+                      showValues: _,
+                      barPadding: me,
+                      showTicks: ue,
+                      leftMargin: p,
+                      rightMargin: F,
+                      topMargin: ae,
+                      bottomMargin: le,
+                      truncateBy: ge,
+                      showLabels: J,
+                      tooltip: re,
+                      onSeriesMouseOver: E,
+                      refValues: xe,
+                      maxValue: q(z) ? Math.max(
+                        ...o.map(
+                          (c) => Math.max(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) < 0 ? 0 : Math.max(
+                        ...o.map(
+                          (c) => Math.max(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) : z,
+                      minValue: q(y) ? Math.min(
+                        ...o.map(
+                          (c) => Math.min(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) >= 0 ? 0 : Math.min(
+                        ...o.map(
+                          (c) => Math.min(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) : y,
+                      onSeriesMouseClick: x,
+                      selectedColor: we,
+                      labelOrder: $,
+                      rtl: N === "he" || N === "ar",
+                      maxBarThickness: b,
+                      resetSelectionOnDoubleClick: R,
+                      detailsOnClick: V,
+                      barAxisTitle: A,
+                      noOfTicks: ce,
+                      valueColor: W,
+                      styles: H,
+                      classNames: se,
+                      colorDomain: D,
+                      animate: P === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : P || { duration: 0, once: !0, amount: 0 },
+                      precision: m,
+                      customLayers: k,
+                      naLabel: d
+                    }
+                  ) : null })
+                ] }) }),
+                I || ie ? /* @__PURE__ */ e.jsx(
+                  Ue,
+                  {
+                    styles: { footnote: H?.footnote, source: H?.source },
+                    classNames: {
+                      footnote: se?.footnote,
+                      source: se?.source
+                    },
+                    sources: I,
+                    footNote: ie,
+                    width: Y
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function xt(fe) {
+  const {
+    data: o,
+    barColors: g,
+    barPadding: G,
+    showTicks: I,
+    leftMargin: X,
+    rightMargin: me,
+    truncateBy: ue,
+    width: ge,
+    height: Q,
+    topMargin: Y,
+    bottomMargin: ie,
+    tooltip: D,
+    onSeriesMouseOver: ne,
+    showLabels: he,
+    suffix: j,
+    prefix: _,
+    showValues: U,
+    refValues: Z,
+    maxValue: C,
+    onSeriesMouseClick: p,
+    selectedColor: F,
+    rtl: ae,
+    labelOrder: le,
+    maxBarThickness: J,
+    minBarThickness: ee,
+    resetSelectionOnDoubleClick: re,
+    detailsOnClick: E,
+    barAxisTitle: xe,
+    valueColor: de,
+    noOfTicks: z,
+    styles: y,
+    classNames: x,
+    animate: w,
+    colorDomain: T,
+    precision: N,
+    customLayers: $,
+    naLabel: L
+  } = fe, B = Me(null), b = Ee(B, {
+    once: w.once,
+    amount: w.amount
+  }), v = {
+    top: xe ? Y + 25 : Y,
+    bottom: ie,
+    left: X,
+    right: me
+  }, [R, V] = S(void 0), [A, ce] = S(void 0), [W, H] = S(void 0), [se, M] = S(void 0), P = ge - v.left - v.right, m = Q - v.top - v.bottom, k = o.map((a, s) => ({
+    ...a,
+    id: le ? `${a.label}` : `${s}`
+  })), f = le || k.map((a) => `${a.id}`), d = Re().domain([0, C]).range([0, P]).nice(), u = Ie().domain(f).range([
+    0,
+    ee ? Math.max(m, ee * f.length) : J ? Math.min(m, J * f.length) : m
+  ]).paddingInner(G), n = d.ticks(z);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        ref: B,
+        width: `${ge}px`,
+        height: `${Q}px`,
+        viewBox: `0 0 ${ge} ${Q}`,
+        direction: "ltr",
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
+          I ? /* @__PURE__ */ e.jsx(
+            st,
+            {
+              values: n.filter((a) => a !== 0),
+              x: n.filter((a) => a !== 0).map((a) => d(a)),
+              y1: 0 - Y,
+              y2: m + v.bottom,
+              styles: {
+                gridLines: y?.xAxis?.gridLines,
+                labels: y?.xAxis?.labels
+              },
+              classNames: {
+                gridLines: x?.xAxis?.gridLines,
+                labels: x?.xAxis?.labels
+              },
+              suffix: j,
+              prefix: _,
+              labelType: "secondary",
+              showGridLines: !0,
+              precision: N
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: P / 2,
+              y: 0 - v.top + 15,
+              style: y?.xAxis?.title,
+              className: x?.xAxis?.title,
+              text: xe
+            }
+          ),
+          $.filter((a) => a.position === "before").map((a) => a.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            k.map(
+              (a) => q(u(a.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  className: "undp-viz-low-opacity undp-viz-g-with-hover",
+                  variants: {
+                    initial: { x: 0, y: u(`${a.id}`) },
+                    whileInView: {
+                      x: 0,
+                      y: u(`${a.id}`),
+                      transition: { duration: w.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: b ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: w.duration } },
+                  children: [
+                    a.size.map((s, t) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
+                      {
+                        opacity: F ? g[t] === F ? 1 : 0.3 : 1,
+                        onMouseEnter: (l) => {
+                          V({ ...a, sizeIndex: t }), M(l.clientY), H(l.clientX), ne?.({ ...a, sizeIndex: t });
+                        },
+                        onMouseMove: (l) => {
+                          V({ ...a, sizeIndex: t }), M(l.clientY), H(l.clientX);
+                        },
+                        onMouseLeave: () => {
+                          V(void 0), H(void 0), M(void 0), ne?.(void 0);
+                        },
+                        onClick: () => {
+                          (p || E) && (Pe(A, { ...a, sizeIndex: t }) && re ? (ce(void 0), p?.(void 0)) : (ce({ ...a, sizeIndex: t }), p && p({ ...a, sizeIndex: t })));
+                        },
+                        children: [
+                          s ? /* @__PURE__ */ e.jsx(
+                            pe.rect,
+                            {
+                              y: 0,
+                              style: { fill: g[t] },
+                              height: u.bandwidth(),
+                              exit: {
+                                width: 0,
+                                x: d(0),
+                                transition: { duration: w.duration }
+                              },
+                              variants: {
+                                initial: {
+                                  width: 0,
+                                  x: d(0),
+                                  fill: g[t]
+                                },
+                                whileInView: {
+                                  width: d(s || 0),
+                                  x: d(
+                                    t === 0 ? 0 : ke(a.size.filter((l, h) => h < t && l))
+                                  ),
+                                  fill: g[t],
+                                  transition: { duration: w.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: b ? "whileInView" : "initial"
+                            },
+                            t
+                          ) : null,
+                          U ? /* @__PURE__ */ e.jsx(
+                            pe.text,
+                            {
+                              y: u.bandwidth() / 2,
+                              style: {
+                                textAnchor: "middle",
+                                ...y?.graphObjectValues || {}
+                              },
+                              dy: "0.33em",
+                              className: Ne("graph-value text-sm", x?.graphObjectValues),
+                              exit: {
+                                opacity: 0,
+                                transition: { duration: w.duration }
+                              },
+                              variants: {
+                                initial: {
+                                  x: d(0),
+                                  opacity: 0,
+                                  fill: lt(g[t])
+                                },
+                                whileInView: {
+                                  x: d(
+                                    t === 0 ? 0 : ke(a.size.filter((l, h) => h < t && l))
+                                  ) + d(s || 0) / 2,
+                                  opacity: s && d(s) / De(s, L, N, _, j).length > 12 ? 1 : 0,
+                                  fill: lt(g[t]),
+                                  transition: { duration: w.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: b ? "whileInView" : "initial",
+                              children: De(s, L, N, _, j)
+                            }
+                          ) : null
+                        ]
+                      },
+                      `${a.label}-${T[t] || t}`
+                    )),
+                    he ? /* @__PURE__ */ e.jsx(
+                      rt,
+                      {
+                        value: `${a.label}`.length < ue ? `${a.label}` : `${`${a.label}`.substring(0, ue)}...`,
+                        y: 0,
+                        x: 0 - v.left,
+                        width: 0 + v.left,
+                        height: u.bandwidth(),
+                        style: y?.yAxis?.labels,
+                        className: x?.yAxis?.labels,
+                        animate: w,
+                        isInView: b
+                      }
+                    ) : null,
+                    U ? /* @__PURE__ */ e.jsx(
+                      pe.text,
+                      {
+                        className: Ne(
+                          "graph-value graph-value-total text-sm",
+                          de ? "" : " fill-primary-gray-700 dark:fill-primary-gray-300",
+                          x?.graphObjectValues
+                        ),
+                        style: {
+                          ...de ? { fill: de } : {},
+                          textAnchor: "start",
+                          ...y?.graphObjectValues || {}
+                        },
+                        y: u.bandwidth() / 2,
+                        dx: 5,
+                        dy: "0.33em",
+                        variants: {
+                          initial: {
+                            x: d(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            x: d(ke(a.size.map((s) => s || 0))),
+                            opacity: 1,
+                            transition: { duration: w.duration }
+                          }
+                        },
+                        exit: {
+                          opacity: 0,
+                          transition: { duration: w.duration }
+                        },
+                        initial: "initial",
+                        animate: b ? "whileInView" : "initial",
+                        children: De(
+                          ke(a.size.filter((s) => s)),
+                          L,
+                          N,
+                          _,
+                          j
+                        )
+                      }
+                    ) : null
+                  ]
+                },
+                a.label
+              )
+            ),
+            /* @__PURE__ */ e.jsx(
+              _e,
+              {
+                x1: d(0),
+                x2: d(0),
+                y1: -2.5,
+                y2: m + v.bottom,
+                classNames: { axis: x?.yAxis?.axis },
+                styles: { axis: y?.yAxis?.axis }
+              }
+            ),
+            Z ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Z.map((a, s) => /* @__PURE__ */ e.jsx(
+              ot,
+              {
+                text: a.text,
+                color: a.color,
+                x: d(a.value),
+                y1: 0 - v.top,
+                y2: m + v.bottom,
+                textSide: d(a.value) > P * 0.75 || ae ? "left" : "right",
+                classNames: a.classNames,
+                styles: a.styles,
+                animate: w,
+                isInView: b
+              },
+              s
+            )) }) : null
+          ] }),
+          $.filter((a) => a.position === "after").map((a) => a.layer)
+        ] })
+      }
+    ),
+    R && D && W && se ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: R,
+        body: D,
+        xPos: W,
+        yPos: se,
+        backgroundStyle: y?.tooltip,
+        className: x?.tooltip
+      }
+    ) : null,
+    E && A !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: A !== void 0,
+        onClose: () => {
+          ce(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof E == "string" ? { __html: Xe(E, A) } : void 0,
+            children: typeof E == "function" ? E(A) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function pt(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G = je.light.categoricalColors.colors,
+    sources: I,
+    graphDescription: X,
+    barPadding: me = 0.25,
+    showTicks: ue = !0,
+    leftMargin: ge = 100,
+    rightMargin: Q = 40,
+    truncateBy: Y = 999,
+    height: ie,
+    width: D,
+    footNote: ne,
+    colorDomain: he,
+    colorLegendTitle: j,
+    padding: _,
+    backgroundColor: U = !1,
+    topMargin: Z = 25,
+    bottomMargin: C = 10,
+    tooltip: p,
+    onSeriesMouseOver: F,
+    suffix: ae = "",
+    prefix: le = "",
+    showLabels: J = !0,
+    relativeHeight: ee,
+    showValues: re = !0,
+    refValues: E,
+    graphID: xe,
+    maxValue: de,
+    onSeriesMouseClick: z,
+    graphDownload: y = !1,
+    dataDownload: x = !1,
+    language: w = "en",
+    labelOrder: T,
+    minHeight: N = 0,
+    theme: $ = "light",
+    maxBarThickness: L,
+    sortParameter: B,
+    maxNumberOfBars: b,
+    minBarThickness: v,
+    showColorScale: R = !0,
+    ariaLabel: V,
+    resetSelectionOnDoubleClick: A = !0,
+    detailsOnClick: ce,
+    barAxisTitle: W,
+    noOfTicks: H = 5,
+    valueColor: se,
+    styles: M,
+    classNames: P,
+    filterNA: m = !0,
+    animate: k = !1,
+    precision: f = 2,
+    customLayers: d = [],
+    timeline: u = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: n = "NA"
+  } = fe, [a, s] = S(0), [t, l] = S(0), [h, Oe] = S(u.autoplay), K = Be(
+    Te(
+      o.filter((r) => r.date !== void 0 && r.date !== null),
+      (r) => r.date
+    ).map((r) => Se(`${r.date}`, u.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (r, O) => tt(r, O)
+  ), [we, ve] = S(u.autoplay ? 0 : K.length - 1), [Ce, oe] = S(void 0), ye = Me(null), c = Me(null);
+  ze(() => {
+    const r = new ResizeObserver((O) => {
+      s(D || O[0].target.clientWidth || 620), l(ie || O[0].target.clientHeight || 480);
+    });
+    return ye.current && (l(ye.current.clientHeight || 480), s(ye.current.clientWidth || 620), D || r.observe(ye.current)), () => r.disconnect();
+  }, [D, ie]), ze(() => {
+    const r = setInterval(
+      () => {
+        ve((O) => O < K.length - 1 ? O + 1 : 0);
+      },
+      (u.speed || 2) * 1e3
+    );
+    return h || clearInterval(r), () => clearInterval(r);
+  }, [K, h, u.speed]);
+  const te = Fe(
+    K,
+    we,
+    u.showOnlyActiveDate,
+    u.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${$ || "light"} flex  ${D ? "w-fit grow-0" : "w-full grow"}`,
+      dir: w === "he" || w === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${U ? U === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${w || "en"}`,
+            P?.graphContainer
+          ),
+          style: {
+            ...M?.graphContainer || {},
+            ...U && U !== !0 ? { backgroundColor: U } : {}
+          },
+          id: xe,
+          ref: c,
+          "aria-label": V || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${X ? ` ${X}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: U ? _ || "1rem" : _ || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
+                g || X || y || x ? /* @__PURE__ */ e.jsx(
+                  Je,
+                  {
+                    styles: {
+                      title: M?.title,
+                      description: M?.description
+                    },
+                    classNames: {
+                      title: P?.title,
+                      description: P?.description
+                    },
+                    graphTitle: g,
+                    graphDescription: X,
+                    width: D,
+                    graphDownload: y ? c.current : void 0,
+                    dataDownload: x ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
+                  }
+                ) : null,
+                u.enabled && K.length > 0 && te ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Oe(!h);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": h ? "Click to pause animation" : "Click to play animation",
+                      children: h ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    He,
+                    {
+                      min: K[0],
+                      max: K[K.length - 1],
+                      marks: te,
+                      step: null,
+                      defaultValue: K[K.length - 1],
+                      value: K[we],
+                      onChangeComplete: (r) => {
+                        ve(K.indexOf(r));
+                      },
+                      onChange: (r) => {
+                        ve(K.indexOf(r));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  R ? /* @__PURE__ */ e.jsx(
+                    Ke,
+                    {
+                      width: D,
+                      colorDomain: he,
+                      colors: G,
+                      colorLegendTitle: j,
+                      setSelectedColor: oe,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: ye, "aria-label": "Graph area", children: (D || a) && (ie || t) ? /* @__PURE__ */ e.jsx(
+                    xt,
+                    {
+                      data: B !== void 0 ? B === "total" ? Ae(
+                        Ve(
+                          o,
+                          u.dateFormat || "yyyy"
+                        ).filter(
+                          (r) => u.enabled ? r.date === $e(
+                            new Date(K[we]),
+                            u.dateFormat || "yyyy"
+                          ) : r
+                        ).filter(
+                          (r) => m ? !r.size.every((O) => O == null) : r
+                        ),
+                        (r) => ke(r.size.filter((O) => !q(O)))
+                      ).reverse().filter((r, O) => b ? O < b : !0) : Ae(
+                        Ve(
+                          o,
+                          u.dateFormat || "yyyy"
+                        ).filter(
+                          (r) => u.enabled ? r.date === $e(
+                            new Date(K[we]),
+                            u.dateFormat || "yyyy"
+                          ) : r
+                        ).filter(
+                          (r) => m ? !r.size.every((O) => O == null) : r
+                        ),
+                        (r) => q(r.size[B]) ? -1 / 0 : r.size[B]
+                      ).reverse().filter((r, O) => b ? O < b : !0) : Ve(
+                        o,
+                        u.dateFormat || "yyyy"
+                      ).filter(
+                        (r) => u.enabled ? r.date === $e(
+                          new Date(K[we]),
+                          u.dateFormat || "yyyy"
+                        ) : r
+                      ).filter((r) => m ? !r.size.every((O) => O == null) : r).filter((r, O) => b ? O < b : !0),
+                      barColors: G,
+                      width: D || a,
+                      height: Math.max(
+                        N,
+                        ie || (ee ? N ? (D || a) * ee > N ? (D || a) * ee : N : (D || a) * ee : t)
+                      ),
+                      barPadding: me,
+                      showTicks: ue,
+                      leftMargin: ge,
+                      rightMargin: Q,
+                      topMargin: Z,
+                      bottomMargin: C,
+                      truncateBy: Y,
+                      showLabels: J,
+                      tooltip: p,
+                      onSeriesMouseOver: F,
+                      showValues: re,
+                      suffix: ae,
+                      prefix: le,
+                      refValues: E,
+                      maxValue: q(de) ? Math.max(
+                        ...o.map(
+                          (r) => ke(r.size.filter((O) => !q(O))) || 0
+                        )
+                      ) : de,
+                      onSeriesMouseClick: z,
+                      selectedColor: Ce,
+                      rtl: w === "he" || w === "ar",
+                      labelOrder: T,
+                      maxBarThickness: L,
+                      minBarThickness: v,
+                      resetSelectionOnDoubleClick: A,
+                      detailsOnClick: ce,
+                      barAxisTitle: W,
+                      noOfTicks: H,
+                      valueColor: se,
+                      classNames: P,
+                      styles: M,
+                      animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
+                      colorDomain: he,
+                      precision: f,
+                      customLayers: d,
+                      naLabel: n
+                    }
+                  ) : null })
+                ] }) }),
+                I || ne ? /* @__PURE__ */ e.jsx(
+                  Ue,
+                  {
+                    styles: { footnote: M?.footnote, source: M?.source },
+                    classNames: {
+                      footnote: P?.footnote,
+                      source: P?.source
+                    },
+                    sources: I,
+                    footNote: ne,
+                    width: D
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function ft(fe) {
+  const {
+    data: o,
+    width: g,
+    height: G,
+    barColor: I,
+    suffix: X,
+    prefix: me,
+    barPadding: ue,
+    showLabels: ge,
+    showValues: Q,
+    showTicks: Y,
+    colorDomain: ie,
+    truncateBy: D,
+    rightMargin: ne,
+    topMargin: he,
+    bottomMargin: j,
+    leftMargin: _,
+    tooltip: U,
+    onSeriesMouseOver: Z,
+    refValues: C,
+    selectedColor: p,
+    maxValue: F,
+    minValue: ae,
+    highlightedDataPoints: le,
+    onSeriesMouseClick: J,
+    labelOrder: ee,
+    maxBarThickness: re,
+    minBarThickness: E,
+    resetSelectionOnDoubleClick: xe,
+    detailsOnClick: de,
+    barAxisTitle: z,
+    valueColor: y,
+    noOfTicks: x,
+    styles: w,
+    classNames: T,
+    dimmedOpacity: N,
+    animate: $,
+    precision: L,
+    customLayers: B,
+    naLabel: b
+  } = fe, v = Me(null), R = Ee(v, {
+    once: $.once,
+    amount: $.amount
+  }), V = {
+    top: he,
+    bottom: j,
+    left: z ? _ + 30 : _,
+    right: ne
+  }, [A, ce] = S(void 0), [W, H] = S(void 0), [se, M] = S(void 0), [P, m] = S(void 0), k = g - V.left - V.right, f = G - V.top - V.bottom, d = Re().domain([ae, F]).range([f, 0]).nice(), u = o.map((t, l) => ({
+    ...t,
+    id: ee ? `${t.label}` : `${l}`
+  })), n = ee || u.map((t) => `${t.id}`), a = Ie().domain(n).range([
+    0,
+    E ? Math.max(k, E * n.length) : re ? Math.min(k, re * n.length) : k
+  ]).paddingInner(ue), s = d.ticks(x);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        ref: v,
+        width: `${g}px`,
+        height: `${G}px`,
+        viewBox: `0 0 ${g} ${G}`,
+        direction: "ltr",
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${V.left},${V.top})`, children: [
+          /* @__PURE__ */ e.jsx(
+            _e,
+            {
+              y1: d(ae < 0 ? 0 : ae),
+              y2: d(ae < 0 ? 0 : ae),
+              x1: 0 - _,
+              x2: k + V.right,
+              label: De(
+                ae < 0 ? 0 : ae,
+                b,
+                L,
+                me,
+                X
+              ),
+              labelPos: {
+                x: 0 - _,
+                dx: 0,
+                dy: F < 0 ? "1em" : -5,
+                y: d(ae < 0 ? 0 : ae)
+              },
+              classNames: {
+                axis: T?.xAxis?.axis,
+                label: T?.yAxis?.labels
+              },
+              styles: { axis: w?.xAxis?.axis, label: w?.yAxis?.labels }
+            }
+          ),
+          Y ? /* @__PURE__ */ e.jsx(
+            dt,
+            {
+              values: s.filter((t) => t !== 0),
+              y: s.filter((t) => t !== 0).map((t) => d(t)),
+              x1: 0 - _,
+              x2: k + V.right,
+              styles: {
+                gridLines: w?.yAxis?.gridLines,
+                labels: w?.yAxis?.labels
+              },
+              classNames: {
+                gridLines: T?.yAxis?.gridLines,
+                labels: T?.yAxis?.labels
+              },
+              suffix: X,
+              prefix: me,
+              labelType: "secondary",
+              showGridLines: !0,
+              labelPos: "vertical",
+              precision: L
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: 0 - _ - 15,
+              y: f / 2,
+              style: w?.yAxis?.title,
+              className: T?.yAxis?.title,
+              text: z,
+              rotate90: !0
+            }
+          ),
+          B.filter((t) => t.position === "before").map((t) => t.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            u.map(
+              (t, l) => q(a(t.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  initial: "initial",
+                  animate: R ? "whileInView" : "initial",
+                  variants: {
+                    initial: {
+                      opacity: p ? t.color && I[ie.indexOf(t.color)] === p ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85
+                    },
+                    whileInView: {
+                      opacity: p ? t.color && I[ie.indexOf(t.color)] === p ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85,
+                      transition: { duration: $.duration }
+                    }
+                  },
+                  exit: { opacity: 0, transition: { duration: $.duration } },
+                  onMouseEnter: (h) => {
+                    ce(t), m(h.clientY), M(h.clientX), Z?.(t);
+                  },
+                  onClick: () => {
+                    (J || de) && (Pe(W, t) && xe ? (H(void 0), J?.(void 0)) : (H(t), J?.(t)));
+                  },
+                  onMouseMove: (h) => {
+                    ce(t), m(h.clientY), M(h.clientX);
+                  },
+                  onMouseLeave: () => {
+                    ce(void 0), M(void 0), m(void 0), Z?.(void 0);
+                  },
+                  children: [
+                    t.size ? /* @__PURE__ */ e.jsx(
+                      pe.rect,
+                      {
+                        width: a.bandwidth(),
+                        initial: "initial",
+                        animate: R ? "whileInView" : "initial",
+                        variants: {
+                          initial: {
+                            height: 0,
+                            x: a(`${t.id}`),
+                            y: d(0),
+                            fill: o.filter((h) => h.color).length === 0 ? I[0] : t.color ? I[ie.indexOf(t.color)] : je.gray
+                          },
+                          whileInView: {
+                            height: t.size ? Math.abs(d(t.size) - d(0)) : 0,
+                            y: t.size && t.size > 0 ? d(t.size) : d(0),
+                            x: a(`${t.id}`),
+                            fill: o.filter((h) => h.color).length === 0 ? I[0] : t.color ? I[ie.indexOf(t.color)] : je.gray,
+                            transition: { duration: $.duration }
+                          }
+                        },
+                        exit: {
+                          height: 0,
+                          y: d(0),
+                          transition: { duration: $.duration }
+                        }
+                      }
+                    ) : null,
+                    ge ? /* @__PURE__ */ e.jsx(
+                      ct,
+                      {
+                        value: `${t.label}`.length < D ? `${t.label}` : `${`${t.label}`.substring(0, D)}...`,
+                        y: (t.size || 0) < 0 ? 0 : d(0) + 5,
+                        x: a(`${t.id}`),
+                        width: a.bandwidth(),
+                        height: (t.size || 0) < 0 ? d(0) - 5 : V.bottom,
+                        style: w?.xAxis?.labels,
+                        className: T?.xAxis?.labels,
+                        alignment: (t.size || 0) < 0 ? "bottom" : "top",
+                        animate: $,
+                        isInView: R
+                      }
+                    ) : null,
+                    Q ? /* @__PURE__ */ e.jsx(
+                      pe.text,
+                      {
+                        style: {
+                          textAnchor: "middle",
+                          ...w?.graphObjectValues || {}
+                        },
+                        className: Ne(
+                          "graph-value text-sm",
+                          !y && I.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
+                          T?.graphObjectValues
+                        ),
+                        dy: t.size ? t.size >= 0 ? "-5px" : "1em" : "-5px",
+                        variants: {
+                          initial: {
+                            x: a(`${t.id}`) + a.bandwidth() / 2,
+                            y: d(0),
+                            opacity: 0,
+                            fill: y || (o.filter((h) => h.color).length === 0 ? I[0] : t.color ? I[ie.indexOf(t.color)] : je.gray)
+                          },
+                          whileInView: {
+                            x: a(`${t.id}`) + a.bandwidth() / 2,
+                            y: d(t.size || 0),
+                            fill: y || (o.filter((h) => h.color).length === 0 ? I[0] : t.color ? I[ie.indexOf(t.color)] : je.gray),
+                            opacity: 1,
+                            transition: { duration: $.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: R ? "whileInView" : "initial",
+                        exit: {
+                          opacity: 0,
+                          transition: { duration: $.duration }
+                        },
+                        children: De(t.size, b, L, me, X)
+                      }
+                    ) : null
+                  ]
+                },
+                t.label
+              )
+            ),
+            C ? /* @__PURE__ */ e.jsx(e.Fragment, { children: C.map((t, l) => /* @__PURE__ */ e.jsx(
+              nt,
+              {
+                text: t.text,
+                color: t.color,
+                y: d(t.value),
+                x1: 0 - _,
+                x2: k + V.right,
+                classNames: t.classNames,
+                styles: t.styles,
+                animate: $,
+                isInView: R
+              },
+              l
+            )) }) : null
+          ] }),
+          B.filter((t) => t.position === "after").map((t) => t.layer)
+        ] })
+      }
+    ),
+    A && U && se && P ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: A,
+        body: U,
+        xPos: se,
+        yPos: P,
+        backgroundStyle: w?.tooltip,
+        className: T?.tooltip
+      }
+    ) : null,
+    de && W !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: W !== void 0,
+        onClose: () => {
+          H(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof de == "string" ? { __html: Xe(de, W) } : void 0,
+            children: typeof de == "function" ? de(W) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function yt(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G,
+    barPadding: I = 0.25,
+    showTicks: X = !0,
+    leftMargin: me = 20,
+    rightMargin: ue = 20,
+    topMargin: ge = 20,
+    bottomMargin: Q = 25,
+    truncateBy: Y = 999,
+    showLabels: ie = !0,
+    showValues: D = !0,
+    backgroundColor: ne = !1,
+    suffix: he = "",
+    prefix: j = "",
+    sources: _,
+    graphDescription: U,
+    height: Z,
+    width: C,
+    footNote: p,
+    colorDomain: F,
+    colorLegendTitle: ae,
+    padding: le,
+    relativeHeight: J,
+    tooltip: ee,
+    onSeriesMouseOver: re,
+    refValues: E,
+    showColorScale: xe = !0,
+    graphID: de,
+    maxValue: z,
+    minValue: y,
+    highlightedDataPoints: x = [],
+    onSeriesMouseClick: w,
+    graphDownload: T = !1,
+    dataDownload: N = !1,
+    language: $ = "en",
+    theme: L = "light",
+    sortData: B,
+    labelOrder: b,
+    showNAColor: v = !0,
+    minHeight: R = 0,
+    maxBarThickness: V,
+    maxNumberOfBars: A,
+    minBarThickness: ce,
+    ariaLabel: W,
+    resetSelectionOnDoubleClick: H = !0,
+    detailsOnClick: se,
+    barAxisTitle: M,
+    noOfTicks: P = 5,
+    valueColor: m,
+    styles: k,
+    classNames: f,
+    filterNA: d = !0,
+    animate: u = !1,
+    dimmedOpacity: n = 0.3,
+    precision: a = 2,
+    customLayers: s = [],
+    timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: l = "NA"
+  } = fe, [h, Oe] = S(0), [K, we] = S(0), [ve, Ce] = S(t.autoplay), oe = Be(
+    Te(
+      o.filter((i) => i.date !== void 0 && i.date !== null),
+      (i) => i.date
+    ).map((i) => Se(`${i.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (i, be) => tt(i, be)
+  ), [ye, c] = S(t.autoplay ? 0 : oe.length - 1), [te, r] = S(void 0), O = Me(null), it = Me(null);
+  ze(() => {
+    const i = new ResizeObserver((be) => {
+      Oe(C || be[0].target.clientWidth || 620), we(Z || be[0].target.clientHeight || 480);
+    });
+    return O.current && (we(O.current.clientHeight || 480), Oe(O.current.clientWidth || 620), C || i.observe(O.current)), () => i.disconnect();
+  }, [C, Z]), ze(() => {
+    const i = setInterval(
+      () => {
+        c((be) => be < oe.length - 1 ? be + 1 : 0);
+      },
+      (t.speed || 2) * 1e3
+    );
+    return ve || clearInterval(i), () => clearInterval(i);
+  }, [oe, ve, t.speed]);
+  const at = Fe(
+    oe,
+    ye,
+    t.showOnlyActiveDate,
+    t.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${L || "light"} flex  ${C ? "w-fit grow-0" : "w-full grow"}`,
+      dir: $ === "he" || $ === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${ne ? ne === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${$ || "en"}`,
+            f?.graphContainer
+          ),
+          style: {
+            ...k?.graphContainer || {},
+            ...ne && ne !== !0 ? { backgroundColor: ne } : {}
+          },
+          id: de,
+          ref: it,
+          "aria-label": W || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${U ? ` ${U}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: ne ? le || "1rem" : le || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                g || U || T || N ? /* @__PURE__ */ e.jsx(
+                  Je,
+                  {
+                    styles: {
+                      title: k?.title,
+                      description: k?.description
+                    },
+                    classNames: {
+                      title: f?.title,
+                      description: f?.description
+                    },
+                    graphTitle: g,
+                    graphDescription: U,
+                    width: C,
+                    graphDownload: T ? it.current : void 0,
+                    dataDownload: N ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
+                  }
+                ) : null,
+                t.enabled && oe.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ce(!ve);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": ve ? "Click to pause animation" : "Click to play animation",
+                      children: ve ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    He,
+                    {
+                      min: oe[0],
+                      max: oe[oe.length - 1],
+                      marks: at,
+                      step: null,
+                      defaultValue: oe[oe.length - 1],
+                      value: oe[ye],
+                      onChangeComplete: (i) => {
+                        c(oe.indexOf(i));
+                      },
+                      onChange: (i) => {
+                        c(oe.indexOf(i));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  xe && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ e.jsx(
+                    Ke,
+                    {
+                      width: C,
+                      colorLegendTitle: ae,
+                      colors: G || je[L].categoricalColors.colors,
+                      colorDomain: F || Te(
+                        o.filter((i) => i.color),
+                        "color"
+                      ).map((i) => i.color),
+                      setSelectedColor: r,
+                      showNAColor: v
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: "flex grow flex-col justify-center w-full leading-0",
+                      ref: O,
+                      "aria-label": "Graph area",
+                      children: (C || h) && (Z || K) ? /* @__PURE__ */ e.jsx(
+                        ft,
+                        {
+                          data: B === "asc" ? Ae(
+                            Le(o, t.dateFormat || "yyyy").filter(
+                              (i) => t.enabled ? i.date === $e(
+                                new Date(oe[ye]),
+                                t.dateFormat || "yyyy"
+                              ) : i
+                            ).filter((i) => d ? !q(i.size) : i),
+                            (i) => i.size
+                          ).filter((i, be) => A ? be < A : !0) : B === "desc" ? Ae(
+                            Le(o, t.dateFormat || "yyyy").filter(
+                              (i) => t.enabled ? i.date === $e(
+                                new Date(oe[ye]),
+                                t.dateFormat || "yyyy"
+                              ) : i
+                            ).filter((i) => d ? !q(i.size) : i),
+                            (i) => i.size
+                          ).reverse().filter((i, be) => A ? be < A : !0) : Le(o, t.dateFormat || "yyyy").filter(
+                            (i) => t.enabled ? i.date === $e(
+                              new Date(oe[ye]),
+                              t.dateFormat || "yyyy"
+                            ) : i
+                          ).filter((i) => d ? !q(i.size) : i).filter((i, be) => A ? be < A : !0),
+                          barColor: o.filter((i) => i.color).length === 0 ? G ? [G] : [je.primaryColors["blue-600"]] : G || je[L].categoricalColors.colors,
+                          colorDomain: o.filter((i) => i.color).length === 0 ? [] : F || Te(
+                            o.filter((i) => i.color),
+                            "color"
+                          ).map((i) => i.color),
+                          width: C || h,
+                          refValues: E,
+                          height: Math.max(
+                            R,
+                            Z || (J ? R ? (C || h) * J > R ? (C || h) * J : R : (C || h) * J : K)
+                          ),
+                          suffix: he,
+                          prefix: j,
+                          barPadding: I,
+                          showLabels: ie,
+                          showValues: D,
+                          showTicks: X,
+                          truncateBy: Y,
+                          leftMargin: me,
+                          rightMargin: ue,
+                          selectedColor: te,
+                          topMargin: ge,
+                          bottomMargin: Q,
+                          tooltip: ee,
+                          onSeriesMouseOver: re,
+                          maxValue: q(z) ? Math.max(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) < 0 ? 0 : Math.max(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) : z,
+                          minValue: q(y) ? Math.min(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) >= 0 ? 0 : Math.min(
+                            ...o.filter((i) => !q(i.size)).map((i) => i.size)
+                          ) : y,
+                          highlightedDataPoints: x,
+                          onSeriesMouseClick: w,
+                          labelOrder: b,
+                          maxBarThickness: V,
+                          minBarThickness: ce,
+                          resetSelectionOnDoubleClick: H,
+                          detailsOnClick: se,
+                          barAxisTitle: M,
+                          noOfTicks: P,
+                          valueColor: m,
+                          styles: k,
+                          classNames: f,
+                          animate: u === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : u || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: n,
+                          precision: a,
+                          customLayers: s,
+                          naLabel: l
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                _ || p ? /* @__PURE__ */ e.jsx(
+                  Ue,
+                  {
+                    styles: { footnote: k?.footnote, source: k?.source },
+                    classNames: {
+                      footnote: f?.footnote,
+                      source: f?.source
+                    },
+                    sources: _,
+                    footNote: p,
+                    width: C
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function bt(fe) {
+  const {
+    data: o,
+    width: g,
+    height: G,
+    barColors: I,
+    suffix: X,
+    prefix: me,
+    barPadding: ue,
+    showLabels: ge,
+    showValues: Q,
+    showTicks: Y,
+    truncateBy: ie,
+    leftMargin: D,
+    rightMargin: ne,
+    topMargin: he,
+    bottomMargin: j,
+    tooltip: _,
+    onSeriesMouseOver: U,
+    refValues: Z,
+    maxValue: C,
+    minValue: p,
+    onSeriesMouseClick: F,
+    selectedColor: ae,
+    labelOrder: le,
+    maxBarThickness: J,
+    resetSelectionOnDoubleClick: ee,
+    detailsOnClick: re,
+    barAxisTitle: E,
+    valueColor: xe,
+    noOfTicks: de,
+    styles: z,
+    classNames: y,
+    animate: x,
+    colorDomain: w,
+    precision: T,
+    customLayers: N,
+    naLabel: $
+  } = fe, L = Me(null), B = Ee(L, {
+    once: x.once,
+    amount: x.amount
+  }), b = {
+    top: he,
+    bottom: j,
+    left: E ? D + 30 : D,
+    right: ne
+  }, [v, R] = S(void 0), [V, A] = S(void 0), [ce, W] = S(void 0), [H, se] = S(void 0), M = g - b.left - b.right, P = G - b.top - b.bottom, m = Re().domain([p, C]).range([P, 0]).nice(), k = o.map((a, s) => ({
+    ...a,
+    id: le ? `${a.label}` : `${s}`
+  })), f = le || k.map((a) => `${a.id}`), d = Ie().domain(f).range([
+    0,
+    J ? Math.min(M, J * f.length) : M
+  ]).paddingInner(ue), u = Ie().domain(o[0].size.map((a, s) => `${s}`)).range([0, d.bandwidth()]).paddingInner(0.1), n = m.ticks(de);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        width: `${g}px`,
+        height: `${G}px`,
+        viewBox: `0 0 ${g} ${G}`,
+        direction: "ltr",
+        ref: L,
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
+          /* @__PURE__ */ e.jsx(
+            _e,
+            {
+              y1: m(p < 0 ? 0 : p),
+              y2: m(p < 0 ? 0 : p),
+              x1: 0 - D,
+              x2: M + b.right,
+              label: De(
+                p < 0 ? 0 : p,
+                $,
+                T,
+                me,
+                X
+              ),
+              labelPos: {
+                x: 0 - D,
+                dx: 0,
+                dy: C < 0 ? "1em" : -5,
+                y: m(p < 0 ? 0 : p)
+              },
+              classNames: {
+                axis: y?.xAxis?.axis,
+                label: y?.yAxis?.labels
+              },
+              styles: { axis: z?.xAxis?.axis, label: z?.yAxis?.labels }
+            }
+          ),
+          Y ? /* @__PURE__ */ e.jsx(
+            dt,
+            {
+              values: n.filter((a) => a !== 0),
+              y: n.filter((a) => a !== 0).map((a) => m(a)),
+              x1: 0 - D,
+              x2: M + b.right,
+              styles: {
+                gridLines: z?.yAxis?.gridLines,
+                labels: z?.yAxis?.labels
+              },
+              classNames: {
+                gridLines: y?.yAxis?.gridLines,
+                labels: y?.yAxis?.labels
+              },
+              suffix: X,
+              prefix: me,
+              labelType: "secondary",
+              showGridLines: !0,
+              labelPos: "vertical",
+              precision: T
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: 0 - D - 15,
+              y: P / 2,
+              style: z?.yAxis?.title,
+              className: y?.yAxis?.title,
+              text: E,
+              rotate90: !0
+            }
+          ),
+          N.filter((a) => a.position === "before").map((a) => a.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            k.map(
+              (a) => q(d(a.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  variants: {
+                    initial: {
+                      x: d(`${a.id}`),
+                      y: 0
+                    },
+                    whileInView: {
+                      x: d(`${a.id}`),
+                      y: 0,
+                      transition: { duration: x.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: B ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: x.duration } },
+                  children: [
+                    a.size.map((s, t) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
+                      {
+                        className: "undp-viz-g-with-hover",
+                        opacity: ae ? I[t] === ae ? 1 : 0.3 : 0.85,
+                        onMouseEnter: (l) => {
+                          R({ ...a, sizeIndex: t }), se(l.clientY), W(l.clientX), U?.({ ...a, sizeIndex: t });
+                        },
+                        onMouseMove: (l) => {
+                          R({ ...a, sizeIndex: t }), se(l.clientY), W(l.clientX);
+                        },
+                        onMouseLeave: () => {
+                          R(void 0), W(void 0), se(void 0), U?.(void 0);
+                        },
+                        onClick: () => {
+                          (F || re) && (Pe(V, { ...a, sizeIndex: t }) && ee ? (A(void 0), F?.(void 0)) : (A({ ...a, sizeIndex: t }), F && F({ ...a, sizeIndex: t })));
+                        },
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            pe.rect,
+                            {
+                              x: u(`${t}`),
+                              width: u.bandwidth(),
+                              variants: {
+                                initial: {
+                                  height: 0,
+                                  y: m(0),
+                                  fill: I[t]
+                                },
+                                whileInView: {
+                                  height: q(s) ? 0 : Math.abs(m(s) - m(0)),
+                                  y: q(s) ? m(0) : s > 0 ? m(s) : m(0),
+                                  fill: I[t],
+                                  transition: { duration: x.duration }
+                                }
+                              },
+                              exit: {
+                                height: 0,
+                                y: m(0),
+                                transition: { duration: x.duration }
+                              },
+                              initial: "initial",
+                              animate: B ? "whileInView" : "initial"
+                            }
+                          ),
+                          Q ? /* @__PURE__ */ e.jsx(
+                            pe.text,
+                            {
+                              x: u(`${t}`) + u.bandwidth() / 2,
+                              style: {
+                                fill: xe || I[t],
+                                textAnchor: "middle",
+                                ...z?.graphObjectValues || {}
+                              },
+                              className: Ne("graph-value text-sm", y?.graphObjectValues),
+                              dy: s ? s >= 0 ? "-5px" : "1em" : "-5px",
+                              variants: {
+                                initial: { y: m(0), opacity: 0 },
+                                whileInView: {
+                                  y: m(s || 0),
+                                  opacity: 1,
+                                  transition: { duration: x.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: B ? "whileInView" : "initial",
+                              exit: {
+                                opacity: 0,
+                                transition: { duration: x.duration }
+                              },
+                              children: De(s, $, T, me, X)
+                            }
+                          ) : null
+                        ]
+                      },
+                      `${a.label}-${w[t] || t}`
+                    )),
+                    ge ? /* @__PURE__ */ e.jsx(
+                      ct,
+                      {
+                        value: `${a.label}`.length < ie ? `${a.label}` : `${`${a.label}`.substring(0, ie)}...`,
+                        y: m(0) + 5,
+                        x: 0,
+                        width: d.bandwidth(),
+                        height: b.bottom,
+                        style: z?.xAxis?.labels,
+                        className: y?.xAxis?.labels,
+                        alignment: "top",
+                        animate: x,
+                        isInView: B
+                      }
+                    ) : null
+                  ]
+                },
+                a.label
+              )
+            ),
+            Z ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Z.map((a, s) => /* @__PURE__ */ e.jsx(
+              nt,
+              {
+                text: a.text,
+                color: a.color,
+                y: m(a.value),
+                x1: 0 - D,
+                x2: M + b.right,
+                classNames: a.classNames,
+                styles: a.styles,
+                animate: x,
+                isInView: B
+              },
+              s
+            )) }) : null
+          ] }),
+          N.filter((a) => a.position === "after").map((a) => a.layer)
+        ] })
+      }
+    ),
+    v && _ && ce && H ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: v,
+        body: _,
+        xPos: ce,
+        yPos: H,
+        backgroundStyle: z?.tooltip,
+        className: y?.tooltip
+      }
+    ) : null,
+    re && V !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: V !== void 0,
+        onClose: () => {
+          A(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof re == "string" ? { __html: Xe(re, V) } : void 0,
+            children: typeof re == "function" ? re(V) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function vt(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G = je.light.categoricalColors.colors,
+    sources: I,
+    graphDescription: X,
+    barPadding: me = 0.25,
+    showTicks: ue = !0,
+    leftMargin: ge = 20,
+    rightMargin: Q = 20,
+    topMargin: Y = 20,
+    bottomMargin: ie = 25,
+    truncateBy: D = 999,
+    showLabels: ne = !0,
+    showValues: he = !0,
+    backgroundColor: j = !1,
+    suffix: _ = "",
+    prefix: U = "",
+    height: Z,
+    width: C,
+    footNote: p,
+    colorDomain: F,
+    colorLegendTitle: ae,
+    padding: le,
+    relativeHeight: J,
+    tooltip: ee,
+    onSeriesMouseOver: re,
+    refValues: E,
+    graphID: xe,
+    maxValue: de,
+    minValue: z,
+    onSeriesMouseClick: y,
+    graphDownload: x = !1,
+    dataDownload: w = !1,
+    language: T = "en",
+    theme: N = "light",
+    labelOrder: $,
+    minHeight: L = 0,
+    maxBarThickness: B,
+    ariaLabel: b,
+    resetSelectionOnDoubleClick: v = !0,
+    detailsOnClick: R,
+    barAxisTitle: V,
+    noOfTicks: A = 5,
+    valueColor: ce,
+    styles: W,
+    classNames: H,
+    filterNA: se = !0,
+    showColorScale: M = !0,
+    animate: P = !1,
+    precision: m = 2,
+    customLayers: k = [],
+    timeline: f = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: d = "NA"
+  } = fe, [u, n] = S(0), [a, s] = S(0), [t, l] = S(f.autoplay), h = Be(
+    Te(
+      o.filter((c) => c.date !== void 0 && c.date !== null),
+      (c) => c.date
+    ).map((c) => Se(`${c.date}`, f.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (c, te) => tt(c, te)
+  ), [Oe, K] = S(f.autoplay ? 0 : h.length - 1), [we, ve] = S(void 0), Ce = Me(null), oe = Me(null);
+  ze(() => {
+    const c = new ResizeObserver((te) => {
+      n(C || te[0].target.clientWidth || 620), s(Z || te[0].target.clientHeight || 480);
+    });
+    return Ce.current && (s(Ce.current.clientHeight || 480), n(Ce.current.clientWidth || 620), C || c.observe(Ce.current)), () => c.disconnect();
+  }, [C, Z]), ze(() => {
+    const c = setInterval(
+      () => {
+        K((te) => te < h.length - 1 ? te + 1 : 0);
+      },
+      (f.speed || 2) * 1e3
+    );
+    return t || clearInterval(c), () => clearInterval(c);
+  }, [h, t, f.speed]);
+  const ye = Fe(
+    h,
+    Oe,
+    f.showOnlyActiveDate,
+    f.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${N || "light"} flex  ${C ? "w-fit grow-0" : "w-full grow"}`,
+      dir: T === "he" || T === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${T || "en"}`,
+            H?.graphContainer
+          ),
+          style: {
+            ...W?.graphContainer || {},
+            ...j && j !== !0 ? { backgroundColor: j } : {}
+          },
+          id: xe,
+          ref: oe,
+          "aria-label": b || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${X ? ` ${X}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: j ? le || "1rem" : le || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                g || X || x || w ? /* @__PURE__ */ e.jsx(
+                  Je,
+                  {
+                    styles: {
+                      title: W?.title,
+                      description: W?.description
+                    },
+                    classNames: {
+                      title: H?.title,
+                      description: H?.description
+                    },
+                    graphTitle: g,
+                    graphDescription: X,
+                    width: C,
+                    graphDownload: x ? oe.current : void 0,
+                    dataDownload: w ? o.map((c) => c.data).filter((c) => c !== void 0).length > 0 ? o.map((c) => c.data).filter((c) => c !== void 0) : o.filter((c) => c !== void 0) : null
+                  }
+                ) : null,
+                f.enabled && h.length > 0 && ye ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        l(!t);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": t ? "Click to pause animation" : "Click to play animation",
+                      children: t ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    He,
+                    {
+                      min: h[0],
+                      max: h[h.length - 1],
+                      marks: ye,
+                      step: null,
+                      defaultValue: h[h.length - 1],
+                      value: h[Oe],
+                      onChangeComplete: (c) => {
+                        K(h.indexOf(c));
+                      },
+                      onChange: (c) => {
+                        K(h.indexOf(c));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  M ? /* @__PURE__ */ e.jsx(
+                    Ke,
+                    {
+                      width: C,
+                      colorDomain: F,
+                      colors: G,
+                      colorLegendTitle: ae,
+                      setSelectedColor: ve,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: Ce, "aria-label": "Graph area", children: (C || u) && (Z || a) ? /* @__PURE__ */ e.jsx(
+                    bt,
+                    {
+                      data: Ve(
+                        o,
+                        f.dateFormat || "yyyy"
+                      ).filter(
+                        (c) => f.enabled ? c.date === $e(
+                          new Date(h[Oe]),
+                          f.dateFormat || "yyyy"
+                        ) : c
+                      ).filter((c) => se ? !c.size.every((te) => te == null) : c),
+                      barColors: G,
+                      width: C || u,
+                      height: Math.max(
+                        L,
+                        Z || (J ? L ? (C || u) * J > L ? (C || u) * J : L : (C || u) * J : a)
+                      ),
+                      suffix: _,
+                      prefix: U,
+                      barPadding: me,
+                      showLabels: ne,
+                      showValues: he,
+                      showTicks: ue,
+                      truncateBy: D,
+                      leftMargin: ge,
+                      rightMargin: Q,
+                      topMargin: Y,
+                      bottomMargin: ie,
+                      tooltip: ee,
+                      onSeriesMouseOver: re,
+                      refValues: E,
+                      maxValue: q(de) ? Math.max(
+                        ...o.map(
+                          (c) => Math.max(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) < 0 ? 0 : Math.max(
+                        ...o.map(
+                          (c) => Math.max(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) : de,
+                      minValue: q(z) ? Math.min(
+                        ...o.map(
+                          (c) => Math.min(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) >= 0 ? 0 : Math.min(
+                        ...o.map(
+                          (c) => Math.min(
+                            ...c.size.filter(
+                              (te) => !q(te)
+                            )
+                          )
+                        )
+                      ) : z,
+                      onSeriesMouseClick: y,
+                      selectedColor: we,
+                      labelOrder: $,
+                      maxBarThickness: B,
+                      resetSelectionOnDoubleClick: v,
+                      detailsOnClick: R,
+                      barAxisTitle: V,
+                      noOfTicks: A,
+                      valueColor: ce,
+                      styles: W,
+                      classNames: H,
+                      animate: P === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : P || { duration: 0, once: !0, amount: 0 },
+                      colorDomain: F,
+                      precision: m,
+                      customLayers: k,
+                      naLabel: d
+                    }
+                  ) : null })
+                ] }) }),
+                I || p ? /* @__PURE__ */ e.jsx(
+                  Ue,
+                  {
+                    styles: { footnote: W?.footnote, source: W?.source },
+                    classNames: {
+                      footnote: H?.footnote,
+                      source: H?.source
+                    },
+                    sources: I,
+                    footNote: p,
+                    width: C
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function wt(fe) {
+  const {
+    data: o,
+    width: g,
+    height: G,
+    barColors: I,
+    barPadding: X,
+    showLabels: me,
+    showTicks: ue,
+    truncateBy: ge,
+    leftMargin: Q,
+    topMargin: Y,
+    bottomMargin: ie,
+    rightMargin: D,
+    tooltip: ne,
+    onSeriesMouseOver: he,
+    suffix: j,
+    prefix: _,
+    showValues: U,
+    refValues: Z,
+    maxValue: C,
+    onSeriesMouseClick: p,
+    selectedColor: F,
+    labelOrder: ae,
+    maxBarThickness: le,
+    minBarThickness: J,
+    resetSelectionOnDoubleClick: ee,
+    detailsOnClick: re,
+    barAxisTitle: E,
+    valueColor: xe,
+    noOfTicks: de,
+    styles: z,
+    classNames: y,
+    animate: x,
+    colorDomain: w,
+    precision: T,
+    customLayers: N,
+    naLabel: $
+  } = fe, L = Me(null), B = Ee(L, {
+    once: x.once,
+    amount: x.amount
+  }), b = {
+    top: Y,
+    bottom: ie,
+    left: E ? Q + 30 : Q,
+    right: D
+  }, [v, R] = S(void 0), [V, A] = S(void 0), [ce, W] = S(void 0), [H, se] = S(void 0), M = g - b.left - b.right, P = G - b.top - b.bottom, m = Re().domain([0, C]).range([P, 0]).nice(), k = o.map((n, a) => ({
+    ...n,
+    id: ae ? `${n.label}` : `${a}`
+  })), f = ae || k.map((n) => `${n.id}`), d = Ie().domain(f).range([
+    0,
+    J ? Math.max(M, J * f.length) : le ? Math.min(M, le * f.length) : M
+  ]).paddingInner(X), u = m.ticks(de);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      pe.svg,
+      {
+        width: `${g}px`,
+        height: `${G}px`,
+        viewBox: `0 0 ${g} ${G}`,
+        direction: "ltr",
+        ref: L,
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
+          /* @__PURE__ */ e.jsx(
+            _e,
+            {
+              y1: m(0),
+              y2: m(0),
+              x1: 0 - Q,
+              x2: M + b.right,
+              label: De(0, $, T, _, j),
+              labelPos: {
+                x: 0 - Q,
+                y: m(0),
+                dx: 0,
+                dy: -5
+              },
+              classNames: {
+                axis: y?.xAxis?.axis,
+                label: y?.yAxis?.labels
+              },
+              styles: { axis: z?.xAxis?.axis, label: z?.yAxis?.labels }
+            }
+          ),
+          ue ? /* @__PURE__ */ e.jsx(
+            dt,
+            {
+              values: u.filter((n) => n !== 0),
+              y: u.filter((n) => n !== 0).map((n) => m(n)),
+              x1: 0 - Q,
+              x2: M + b.right,
+              styles: {
+                gridLines: z?.yAxis?.gridLines,
+                labels: z?.yAxis?.labels
+              },
+              classNames: {
+                gridLines: y?.yAxis?.gridLines,
+                labels: y?.yAxis?.labels
+              },
+              suffix: j,
+              prefix: _,
+              labelType: "secondary",
+              showGridLines: !0,
+              labelPos: "vertical",
+              precision: T
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Ye,
+            {
+              x: 0 - Q - 15,
+              y: P / 2,
+              style: z?.yAxis?.title,
+              className: y?.yAxis?.title,
+              text: E,
+              rotate90: !0
+            }
+          ),
+          N.filter((n) => n.position === "before").map((n) => n.layer),
+          /* @__PURE__ */ e.jsxs(qe, { children: [
+            k.map(
+              (n) => q(d(n.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
+                {
+                  className: "undp-viz-low-opacity undp-viz-g-with-hover",
+                  variants: {
+                    initial: { x: d(`${n.id}`), y: 0 },
+                    whileInView: {
+                      x: d(`${n.id}`),
+                      y: 0,
+                      transition: { duration: x.duration }
+                    }
+                  },
+                  transition: { duration: x.duration },
+                  initial: "initial",
+                  animate: B ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: x.duration } },
+                  children: [
+                    n.size.map((a, s) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
+                      {
+                        opacity: F ? I[s] === F ? 1 : 0.3 : 1,
+                        onMouseEnter: (t) => {
+                          R({ ...n, sizeIndex: s }), se(t.clientY), W(t.clientX), he?.({ ...n, sizeIndex: s });
+                        },
+                        onMouseMove: (t) => {
+                          R({ ...n, sizeIndex: s }), se(t.clientY), W(t.clientX);
+                        },
+                        onMouseLeave: () => {
+                          R(void 0), W(void 0), se(void 0), he?.(void 0);
+                        },
+                        onClick: () => {
+                          (p || re) && (Pe(V, { ...n, sizeIndex: s }) && ee ? (A(void 0), p?.(void 0)) : (A({ ...n, sizeIndex: s }), p && p({ ...n, sizeIndex: s })));
+                        },
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            pe.rect,
+                            {
+                              x: 0,
+                              width: d.bandwidth(),
+                              variants: {
+                                initial: {
+                                  height: 0,
+                                  fill: I[s],
+                                  y: m(0)
+                                },
+                                whileInView: {
+                                  height: Math.abs(
+                                    m(ke(n.size.filter((t, l) => l <= s && t))) - m(ke(n.size.filter((t, l) => l < s && t)))
+                                  ),
+                                  y: m(ke(n.size.filter((t, l) => l <= s && t))),
+                                  fill: I[s],
+                                  transition: { duration: x.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: B ? "whileInView" : "initial",
+                              exit: {
+                                height: 0,
+                                y: m(0),
+                                transition: { duration: x.duration }
+                              }
+                            }
+                          ),
+                          U ? /* @__PURE__ */ e.jsx(
+                            pe.text,
+                            {
+                              x: d.bandwidth() / 2,
+                              style: {
+                                fill: lt(I[s]),
+                                textAnchor: "middle",
+                                ...z?.graphObjectValues || {}
+                              },
+                              className: Ne("graph-value text-sm", y?.graphObjectValues),
+                              dy: "0.33em",
+                              variants: {
+                                initial: {
+                                  y: m(0),
+                                  opacity: 0,
+                                  fill: lt(I[s])
+                                },
+                                whileInView: {
+                                  y: m(ke(n.size.filter((t, l) => l <= s && t))) + Math.abs(
+                                    m(ke(n.size.filter((t, l) => l <= s && t))) - m(ke(n.size.filter((t, l) => l < s && t)))
+                                  ) / 2,
+                                  opacity: a && Math.abs(
+                                    m(ke(n.size.filter((t, l) => l <= s && t))) - m(ke(n.size.filter((t, l) => l < s && t)))
+                                  ) > 20 ? 1 : 0,
+                                  fill: lt(I[s]),
+                                  transition: { duration: x.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: B ? "whileInView" : "initial",
+                              exit: { opacity: 0, transition: { duration: x.duration } },
+                              children: De(a, $, T, _, j)
+                            }
+                          ) : null
+                        ]
+                      },
+                      `${n.label}-${w[s] || s}`
+                    )),
+                    me ? /* @__PURE__ */ e.jsx(
+                      ct,
+                      {
+                        value: `${n.label}`.length < ge ? `${n.label}` : `${`${n.label}`.substring(0, ge)}...`,
+                        y: m(0) + 5,
+                        x: 0,
+                        width: d.bandwidth(),
+                        height: b.bottom,
+                        style: z?.xAxis?.labels,
+                        className: y?.xAxis?.labels,
+                        alignment: "top",
+                        animate: x,
+                        isInView: B
+                      }
+                    ) : null,
+                    U ? /* @__PURE__ */ e.jsx(
+                      pe.text,
+                      {
+                        style: {
+                          ...xe && { fill: xe },
+                          textAnchor: "middle",
+                          ...z?.graphObjectValues || {}
+                        },
+                        x: d.bandwidth() / 2,
+                        dy: -10,
+                        className: Ne(
+                          "graph-value graph-value-total",
+                          xe ? "text-sm" : "fill-primary-gray-700 dark:fill-primary-gray-300 text-sm",
+                          y?.graphObjectValues
+                        ),
+                        variants: {
+                          initial: {
+                            y: m(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            y: m(ke(n.size.map((a) => a || 0))),
+                            opacity: 1,
+                            transition: { duration: x.duration }
+                          }
+                        },
+                        exit: {
+                          opacity: 0,
+                          transition: { duration: x.duration }
+                        },
+                        initial: "initial",
+                        animate: B ? "whileInView" : "initial",
+                        children: De(
+                          ke(n.size.filter((a) => a)),
+                          $,
+                          T,
+                          _,
+                          j
+                        )
+                      }
+                    ) : null
+                  ]
+                },
+                n.label
+              )
+            ),
+            Z ? /* @__PURE__ */ e.jsx(e.Fragment, { children: Z.map((n, a) => /* @__PURE__ */ e.jsx(
+              nt,
+              {
+                text: n.text,
+                color: n.color,
+                y: m(n.value),
+                x1: 0 - Q,
+                x2: M + b.right,
+                classNames: n.classNames,
+                styles: n.styles,
+                animate: x,
+                isInView: B
+              },
+              a
+            )) }) : null
+          ] }),
+          N.filter((n) => n.position === "after").map((n) => n.layer)
+        ] })
+      }
+    ),
+    v && ne && ce && H ? /* @__PURE__ */ e.jsx(
+      Ge,
+      {
+        data: v,
+        body: ne,
+        xPos: ce,
+        yPos: H,
+        backgroundStyle: z?.tooltip,
+        className: y?.tooltip
+      }
+    ) : null,
+    re && V !== void 0 ? /* @__PURE__ */ e.jsx(
+      We,
+      {
+        open: V !== void 0,
+        onClose: () => {
+          A(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof re == "string" ? { __html: Xe(re, V) } : void 0,
+            children: typeof re == "function" ? re(V) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Ct(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G = je.light.categoricalColors.colors,
+    sources: I,
+    graphDescription: X,
+    barPadding: me = 0.25,
+    showTicks: ue = !0,
+    leftMargin: ge = 20,
+    rightMargin: Q = 20,
+    topMargin: Y = 20,
+    bottomMargin: ie = 25,
+    truncateBy: D = 999,
+    showLabels: ne = !0,
+    showValues: he = !0,
+    backgroundColor: j = !1,
+    showColorScale: _ = !0,
+    suffix: U = "",
+    prefix: Z = "",
+    height: C,
+    width: p,
+    footNote: F,
+    colorDomain: ae,
+    colorLegendTitle: le,
+    padding: J,
+    tooltip: ee,
+    onSeriesMouseOver: re,
+    relativeHeight: E,
+    refValues: xe,
+    graphID: de,
+    maxValue: z,
+    onSeriesMouseClick: y,
+    graphDownload: x = !1,
+    dataDownload: w = !1,
+    language: T = "en",
+    theme: N = "light",
+    labelOrder: $,
+    minHeight: L = 0,
+    maxBarThickness: B,
+    sortParameter: b,
+    maxNumberOfBars: v,
+    minBarThickness: R,
+    ariaLabel: V,
+    resetSelectionOnDoubleClick: A = !0,
+    detailsOnClick: ce,
+    barAxisTitle: W,
+    noOfTicks: H = 5,
+    valueColor: se,
+    styles: M,
+    classNames: P,
+    filterNA: m = !0,
+    animate: k = !1,
+    precision: f = 2,
+    customLayers: d = [],
+    timeline: u = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    naLabel: n = "NA"
+  } = fe, [a, s] = S(0), [t, l] = S(0), [h, Oe] = S(u.autoplay), K = Be(
+    Te(
+      o.filter((r) => r.date !== void 0 && r.date !== null),
+      (r) => r.date
+    ).map((r) => Se(`${r.date}`, u.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (r, O) => tt(r, O)
+  ), [we, ve] = S(u.autoplay ? 0 : K.length - 1), [Ce, oe] = S(void 0), ye = Me(null), c = Me(null);
+  ze(() => {
+    const r = new ResizeObserver((O) => {
+      s(p || O[0].target.clientWidth || 620), l(C || O[0].target.clientHeight || 480);
+    });
+    return ye.current && (l(ye.current.clientHeight || 480), s(ye.current.clientWidth || 620), p || r.observe(ye.current)), () => r.disconnect();
+  }, [p, C]), ze(() => {
+    const r = setInterval(
+      () => {
+        ve((O) => O < K.length - 1 ? O + 1 : 0);
+      },
+      (u.speed || 2) * 1e3
+    );
+    return h || clearInterval(r), () => clearInterval(r);
+  }, [K, h, u.speed]);
+  const te = Fe(
+    K,
+    we,
+    u.showOnlyActiveDate,
+    u.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${N || "light"} flex  ${p ? "w-fit grow-0" : "w-full grow"}`,
+      dir: T === "he" || T === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ne(
+            `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${T || "en"}`,
+            P?.graphContainer
+          ),
+          style: {
+            ...M?.graphContainer || {},
+            ...j && j !== !0 ? { backgroundColor: j } : {}
+          },
+          id: de,
+          ref: c,
+          "aria-label": V || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${X ? ` ${X}` : ""}`,
+          children: /* @__PURE__ */ e.jsx("div", { style: { padding: j ? J || "1rem" : J || 0 }, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+            g || X || x || w ? /* @__PURE__ */ e.jsx(
+              Je,
+              {
+                styles: {
+                  title: M?.title,
+                  description: M?.description
+                },
+                classNames: {
+                  title: P?.title,
+                  description: P?.description
+                },
+                graphTitle: g,
+                graphDescription: X,
+                width: p,
+                graphDownload: x ? c.current : void 0,
+                dataDownload: w ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
+              }
+            ) : null,
+            u.enabled && K.length > 0 && te ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    Oe(!h);
+                  },
+                  className: "p-0 border-0 cursor-pointer bg-transparent",
+                  "aria-label": h ? "Click to pause animation" : "Click to play animation",
+                  children: h ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsx(et, {})
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                He,
+                {
+                  min: K[0],
+                  max: K[K.length - 1],
+                  marks: te,
+                  step: null,
+                  defaultValue: K[K.length - 1],
+                  value: K[we],
+                  onChangeComplete: (r) => {
+                    ve(K.indexOf(r));
+                  },
+                  onChange: (r) => {
+                    ve(K.indexOf(r));
+                  },
+                  "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              _ ? /* @__PURE__ */ e.jsx(
+                Ke,
+                {
+                  width: p,
+                  colorDomain: ae,
+                  colors: G,
+                  colorLegendTitle: le,
+                  setSelectedColor: oe,
+                  showNAColor: !1
+                }
+              ) : null,
+              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: ye, "aria-label": "Graph area", children: (p || a) && (C || t) ? /* @__PURE__ */ e.jsx(
+                wt,
+                {
+                  data: b !== void 0 ? b === "total" ? Ae(
+                    Ve(
+                      o,
+                      u.dateFormat || "yyyy"
+                    ).filter(
+                      (r) => u.enabled ? r.date === $e(
+                        new Date(K[we]),
+                        u.dateFormat || "yyyy"
+                      ) : r
+                    ).filter(
+                      (r) => m ? !r.size.every((O) => O == null) : r
+                    ),
+                    (r) => ke(r.size.filter((O) => !q(O)))
+                  ).filter((r, O) => v ? O < v : !0) : Ae(
+                    Ve(
+                      o,
+                      u.dateFormat || "yyyy"
+                    ).filter(
+                      (r) => u.enabled ? r.date === $e(
+                        new Date(K[we]),
+                        u.dateFormat || "yyyy"
+                      ) : r
+                    ).filter(
+                      (r) => m ? !r.size.every((O) => O == null) : r
+                    ),
+                    (r) => q(r.size[b]) ? -1 / 0 : r.size[b]
+                  ).filter((r, O) => v ? O < v : !0) : Ve(
+                    o,
+                    u.dateFormat || "yyyy"
+                  ).filter((r) => m ? !r.size.every((O) => O == null) : r).filter((r, O) => v ? O < v : !0),
+                  barColors: G,
+                  width: p || a,
+                  height: Math.max(
+                    L,
+                    C || (E ? L ? (p || a) * E > L ? (p || a) * E : L : (p || a) * E : t)
+                  ),
+                  barPadding: me,
+                  showLabels: ne,
+                  showTicks: ue,
+                  truncateBy: D,
+                  leftMargin: ge,
+                  rightMargin: Q,
+                  topMargin: Y,
+                  bottomMargin: ie,
+                  tooltip: ee,
+                  onSeriesMouseOver: re,
+                  showValues: he,
+                  suffix: U,
+                  prefix: Z,
+                  refValues: xe,
+                  maxValue: q(z) ? Math.max(
+                    ...o.map(
+                      (r) => ke(r.size.filter((O) => !q(O))) || 0
+                    )
+                  ) : z,
+                  onSeriesMouseClick: y,
+                  selectedColor: Ce,
+                  labelOrder: $,
+                  maxBarThickness: B,
+                  minBarThickness: R,
+                  resetSelectionOnDoubleClick: A,
+                  detailsOnClick: ce,
+                  barAxisTitle: W,
+                  noOfTicks: H,
+                  valueColor: se,
+                  styles: M,
+                  classNames: P,
+                  animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
+                  colorDomain: ae,
+                  precision: f,
+                  customLayers: d,
+                  naLabel: n
+                }
+              ) : null })
+            ] }) }),
+            I || F ? /* @__PURE__ */ e.jsx(
+              Ue,
+              {
+                styles: { footnote: M?.footnote, source: M?.source },
+                classNames: {
+                  footnote: P?.footnote,
+                  source: P?.source
+                },
+                sources: I,
+                footNote: F,
+                width: p
+              }
+            ) : null
+          ] }) })
+        }
+      )
+    }
+  );
+}
+function ai(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G,
+    barPadding: I,
+    showTicks: X,
+    leftMargin: me,
+    rightMargin: ue,
+    topMargin: ge,
+    bottomMargin: Q,
+    truncateBy: Y,
+    showLabels: ie,
+    showValues: D,
+    backgroundColor: ne,
+    suffix: he,
+    prefix: j,
+    sources: _,
+    graphDescription: U,
+    height: Z,
+    width: C,
+    footNote: p,
+    colorDomain: F,
+    colorLegendTitle: ae,
+    padding: le,
+    relativeHeight: J,
+    tooltip: ee,
+    onSeriesMouseOver: re,
+    refValues: E,
+    showColorScale: xe,
+    graphID: de,
+    maxValue: z,
+    minValue: y,
+    highlightedDataPoints: x,
+    onSeriesMouseClick: w,
+    graphDownload: T,
+    dataDownload: N,
+    language: $,
+    theme: L,
+    sortData: B,
+    labelOrder: b,
+    showNAColor: v,
+    minHeight: R,
+    maxBarThickness: V,
+    maxNumberOfBars: A,
+    minBarThickness: ce,
+    ariaLabel: W,
+    resetSelectionOnDoubleClick: H,
+    detailsOnClick: se,
+    barAxisTitle: M,
+    noOfTicks: P,
+    valueColor: m,
+    orientation: k = "vertical",
+    styles: f,
+    classNames: d,
+    filterNA: u,
+    animate: n,
+    dimmedOpacity: a,
+    precision: s,
+    customLayers: t,
+    timeline: l,
+    naLabel: h
+  } = fe;
+  return k === "vertical" ? /* @__PURE__ */ e.jsx(
+    yt,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      barPadding: I,
+      showTicks: X,
+      leftMargin: me,
+      rightMargin: ue,
+      topMargin: ge,
+      bottomMargin: Q,
+      truncateBy: Y,
+      showLabels: ie,
+      showValues: D,
+      backgroundColor: ne,
+      suffix: he,
+      prefix: j,
+      sources: _,
+      graphDescription: U,
+      height: Z,
+      width: C,
+      footNote: p,
+      colorDomain: F,
+      colorLegendTitle: ae,
+      padding: le,
+      relativeHeight: J,
+      tooltip: ee,
+      onSeriesMouseOver: re,
+      refValues: E,
+      showColorScale: xe,
+      graphID: de,
+      maxValue: z,
+      minValue: y,
+      highlightedDataPoints: x,
+      onSeriesMouseClick: w,
+      graphDownload: T,
+      dataDownload: N,
+      language: $,
+      theme: L,
+      sortData: B,
+      labelOrder: b,
+      showNAColor: v,
+      minHeight: R,
+      maxBarThickness: V,
+      maxNumberOfBars: A,
+      minBarThickness: ce,
+      ariaLabel: W,
+      resetSelectionOnDoubleClick: H,
+      styles: f,
+      detailsOnClick: se,
+      barAxisTitle: M,
+      noOfTicks: P,
+      valueColor: m,
+      classNames: d,
+      filterNA: u,
+      animate: n,
+      dimmedOpacity: a,
+      precision: s,
+      customLayers: t,
+      timeline: l
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    ut,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      barPadding: I,
+      showTicks: X,
+      leftMargin: me,
+      rightMargin: ue,
+      topMargin: ge,
+      bottomMargin: Q,
+      truncateBy: Y,
+      showLabels: ie,
+      showValues: D,
+      backgroundColor: ne,
+      suffix: he,
+      prefix: j,
+      sources: _,
+      graphDescription: U,
+      height: Z,
+      width: C,
+      footNote: p,
+      colorDomain: F,
+      colorLegendTitle: ae,
+      padding: le,
+      relativeHeight: J,
+      tooltip: ee,
+      onSeriesMouseOver: re,
+      refValues: E,
+      showColorScale: xe,
+      graphID: de,
+      maxValue: z,
+      minValue: y,
+      highlightedDataPoints: x,
+      onSeriesMouseClick: w,
+      graphDownload: T,
+      dataDownload: N,
+      language: $,
+      theme: L,
+      sortData: B,
+      labelOrder: b,
+      showNAColor: v,
+      minHeight: R,
+      maxBarThickness: V,
+      maxNumberOfBars: A,
+      minBarThickness: ce,
+      ariaLabel: W,
+      resetSelectionOnDoubleClick: H,
+      styles: f,
+      detailsOnClick: se,
+      barAxisTitle: M,
+      noOfTicks: P,
+      valueColor: m,
+      classNames: d,
+      filterNA: u,
+      dimmedOpacity: a,
+      precision: s,
+      customLayers: t,
+      timeline: l,
+      naLabel: h
+    }
+  );
+}
+function li(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G,
+    sources: I,
+    graphDescription: X,
+    barPadding: me,
+    showTicks: ue,
+    truncateBy: ge,
+    height: Q,
+    width: Y,
+    footNote: ie,
+    colorDomain: D,
+    colorLegendTitle: ne,
+    suffix: he,
+    prefix: j,
+    showValues: _,
+    padding: U,
+    backgroundColor: Z,
+    leftMargin: C,
+    rightMargin: p,
+    topMargin: F,
+    bottomMargin: ae,
+    showLabels: le,
+    relativeHeight: J,
+    tooltip: ee,
+    onSeriesMouseOver: re,
+    refValues: E,
+    graphID: xe,
+    maxValue: de,
+    minValue: z,
+    onSeriesMouseClick: y,
+    graphDownload: x,
+    dataDownload: w,
+    language: T,
+    labelOrder: N,
+    minHeight: $,
+    theme: L,
+    maxBarThickness: B,
+    ariaLabel: b,
+    resetSelectionOnDoubleClick: v,
+    detailsOnClick: R,
+    barAxisTitle: V,
+    noOfTicks: A,
+    valueColor: ce,
+    orientation: W = "vertical",
+    styles: H,
+    classNames: se,
+    filterNA: M,
+    animate: P,
+    precision: m,
+    customLayers: k,
+    showColorScale: f,
+    timeline: d,
+    naLabel: u
+  } = fe;
+  return W === "vertical" ? /* @__PURE__ */ e.jsx(
+    vt,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      sources: I,
+      graphDescription: X,
+      barPadding: me,
+      showTicks: ue,
+      truncateBy: ge,
+      height: Q,
+      width: Y,
+      footNote: ie,
+      colorDomain: D,
+      colorLegendTitle: ne,
+      suffix: he,
+      prefix: j,
+      showValues: _,
+      padding: U,
+      backgroundColor: Z,
+      leftMargin: C,
+      rightMargin: p,
+      topMargin: F,
+      bottomMargin: ae,
+      showLabels: le,
+      relativeHeight: J,
+      tooltip: ee,
+      onSeriesMouseOver: re,
+      refValues: E,
+      graphID: xe,
+      maxValue: de,
+      minValue: z,
+      onSeriesMouseClick: y,
+      graphDownload: x,
+      dataDownload: w,
+      language: T,
+      labelOrder: N,
+      minHeight: $,
+      theme: L,
+      maxBarThickness: B,
+      ariaLabel: b,
+      resetSelectionOnDoubleClick: v,
+      styles: H,
+      detailsOnClick: R,
+      barAxisTitle: V,
+      noOfTicks: A,
+      valueColor: ce,
+      classNames: se,
+      filterNA: M,
+      animate: P,
+      precision: m,
+      customLayers: k,
+      showColorScale: f,
+      timeline: d,
+      naLabel: u
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    gt,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      sources: I,
+      graphDescription: X,
+      barPadding: me,
+      showTicks: ue,
+      truncateBy: ge,
+      height: Q,
+      width: Y,
+      footNote: ie,
+      colorDomain: D,
+      colorLegendTitle: ne,
+      suffix: he,
+      prefix: j,
+      showValues: _,
+      padding: U,
+      backgroundColor: Z,
+      leftMargin: C,
+      rightMargin: p,
+      topMargin: F,
+      bottomMargin: ae,
+      showLabels: le,
+      relativeHeight: J,
+      tooltip: ee,
+      onSeriesMouseOver: re,
+      refValues: E,
+      graphID: xe,
+      maxValue: de,
+      minValue: z,
+      onSeriesMouseClick: y,
+      graphDownload: x,
+      dataDownload: w,
+      language: T,
+      labelOrder: N,
+      minHeight: $,
+      theme: L,
+      maxBarThickness: B,
+      ariaLabel: b,
+      resetSelectionOnDoubleClick: v,
+      styles: H,
+      detailsOnClick: R,
+      barAxisTitle: V,
+      noOfTicks: A,
+      valueColor: ce,
+      classNames: se,
+      filterNA: M,
+      animate: P,
+      precision: m,
+      customLayers: k,
+      showColorScale: f,
+      timeline: d,
+      naLabel: u
+    }
+  );
+}
+function si(fe) {
+  const {
+    data: o,
+    graphTitle: g,
+    colors: G,
+    sources: I,
+    graphDescription: X,
+    barPadding: me,
+    showTicks: ue,
+    leftMargin: ge,
+    rightMargin: Q,
+    topMargin: Y,
+    bottomMargin: ie,
+    truncateBy: D,
+    showLabels: ne,
+    showValues: he,
+    backgroundColor: j,
+    suffix: _,
+    prefix: U,
+    height: Z,
+    width: C,
+    footNote: p,
+    colorDomain: F,
+    colorLegendTitle: ae,
+    padding: le,
+    tooltip: J,
+    onSeriesMouseOver: ee,
+    relativeHeight: re,
+    refValues: E,
+    graphID: xe,
+    maxValue: de,
+    onSeriesMouseClick: z,
+    graphDownload: y,
+    dataDownload: x,
+    language: w,
+    theme: T,
+    labelOrder: N,
+    minHeight: $,
+    maxBarThickness: L,
+    sortParameter: B,
+    maxNumberOfBars: b,
+    minBarThickness: v,
+    ariaLabel: R,
+    resetSelectionOnDoubleClick: V,
+    detailsOnClick: A,
+    barAxisTitle: ce,
+    noOfTicks: W,
+    valueColor: H,
+    orientation: se = "vertical",
+    styles: M,
+    classNames: P,
+    filterNA: m,
+    animate: k,
+    precision: f,
+    customLayers: d,
+    showColorScale: u,
+    timeline: n,
+    naLabel: a
+  } = fe;
+  return se === "vertical" ? /* @__PURE__ */ e.jsx(
+    Ct,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      sources: I,
+      graphDescription: X,
+      barPadding: me,
+      showTicks: ue,
+      leftMargin: ge,
+      rightMargin: Q,
+      topMargin: Y,
+      bottomMargin: ie,
+      truncateBy: D,
+      showLabels: ne,
+      showValues: he,
+      backgroundColor: j,
+      suffix: _,
+      prefix: U,
+      height: Z,
+      width: C,
+      footNote: p,
+      colorDomain: F,
+      colorLegendTitle: ae,
+      padding: le,
+      tooltip: J,
+      onSeriesMouseOver: ee,
+      relativeHeight: re,
+      refValues: E,
+      graphID: xe,
+      maxValue: de,
+      onSeriesMouseClick: z,
+      graphDownload: y,
+      dataDownload: x,
+      language: w,
+      theme: T,
+      labelOrder: N,
+      minHeight: $,
+      maxBarThickness: L,
+      sortParameter: B,
+      maxNumberOfBars: b,
+      minBarThickness: v,
+      ariaLabel: R,
+      resetSelectionOnDoubleClick: V,
+      styles: M,
+      detailsOnClick: A,
+      barAxisTitle: ce,
+      noOfTicks: W,
+      valueColor: H,
+      classNames: P,
+      filterNA: m,
+      animate: k,
+      precision: f,
+      customLayers: d,
+      showColorScale: u,
+      timeline: n,
+      naLabel: a
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    pt,
+    {
+      data: o,
+      graphTitle: g,
+      colors: G,
+      sources: I,
+      graphDescription: X,
+      barPadding: me,
+      showTicks: ue,
+      leftMargin: ge,
+      rightMargin: Q,
+      topMargin: Y,
+      bottomMargin: ie,
+      truncateBy: D,
+      showLabels: ne,
+      showValues: he,
+      backgroundColor: j,
+      suffix: _,
+      prefix: U,
+      height: Z,
+      width: C,
+      footNote: p,
+      colorDomain: F,
+      colorLegendTitle: ae,
+      padding: le,
+      tooltip: J,
+      onSeriesMouseOver: ee,
+      relativeHeight: re,
+      refValues: E,
+      graphID: xe,
+      maxValue: de,
+      onSeriesMouseClick: z,
+      graphDownload: y,
+      dataDownload: x,
+      language: w,
+      theme: T,
+      labelOrder: N,
+      minHeight: $,
+      maxBarThickness: L,
+      sortParameter: B,
+      maxNumberOfBars: b,
+      minBarThickness: v,
+      ariaLabel: R,
+      resetSelectionOnDoubleClick: V,
+      styles: M,
+      detailsOnClick: A,
+      barAxisTitle: ce,
+      noOfTicks: W,
+      valueColor: H,
+      classNames: P,
+      filterNA: m,
+      animate: k,
+      precision: f,
+      customLayers: d,
+      showColorScale: u,
+      timeline: n,
+      naLabel: a
+    }
+  );
+}
+export {
+  li as GroupedBarGraph,
+  ai as SimpleBarGraph,
+  si as StackedBarGraph
+};
 //# sourceMappingURL=BarGraph.js.map