@undp/data-viz 1.3.0 → 1.3.1

package/dist/BulletChart.js

@@ -1,2 +1,1432 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BHm2KTjD-D8FylaKc.cjs"),j=require("react"),Me=require("./index-BzeLQvXk.cjs"),Ne=require("./Typography-CDR-DAHH.cjs"),Ee=require("./index-BXns0-ng.cjs"),Ce=require("./Modal-cQF2UQIa.cjs"),Re=require("./index-C21TvELx.cjs"),ke=require("./numberFormattingFunction.js"),Oe=require("./Tooltip-BM18N_3l.cjs"),o=require("./checkIfNullOrUndefined.js"),Ie=require("./string2HTML-X4ZYX5jI.cjs"),Fe=require("./XTicksAndGridLines-DuK35ROS.cjs"),He=require("./YAxesLabels-DhBdLk3Z.cjs"),Ve=require("./AxisTitle-BY8MI9jC.cjs"),ze=require("./Axis-BlyBRMNw.cjs"),Te=require("./ReferenceLine-Bsb5jeE4.cjs"),q=require("./use-in-view-Dl1CsAIo.cjs"),qe=require("./linear-BVckp9RD.cjs"),Ae=require("./band-CAApY4Pd.cjs"),$e=require("./index-a2C2Bqn2.cjs"),Le=require("./GraphFooter.js"),Se=require("./GraphHeader.js"),ve=require("./Colors.js"),De=require("./EmptyState-BQguKAp5.cjs"),Be=require("./ColorLegend.js"),Pe=require("./XAxesLabels-C9REbQQs.cjs"),We=require("./YTicksAndGridLines-CtLvzExe.cjs");function Ge(we){const{data:s,barColor:b,suffix:K,prefix:J,barPadding:Q,showValues:re,showTicks:Z,leftMargin:ye,truncateBy:de,width:ee,height:te,rightMargin:be,topMargin:E,bottomMargin:ie,showLabels:c,tooltip:B,onSeriesMouseOver:V,refValues:A,highlightedDataPoints:d,maxValue:U,minValue:w,onSeriesMouseClick:F,labelOrder:ae,rtl:H,maxBarThickness:$,minBarThickness:me,resetSelectionOnDoubleClick:L,detailsOnClick:z,barAxisTitle:ne,valueColor:le,noOfTicks:C,styles:g,classNames:M,targetStyle:se,targetColor:P,qualitativeRangeColors:W,measureBarWidthFactor:u,animate:l,dimmedOpacity:O,precision:G,customLayers:S,naLabel:T}=we,f=j.useRef(null),h=q.useInView(f,{once:l.once,amount:l.amount}),[oe,X]=j.useState(void 0),[N,Y]=j.useState(void 0),[ue,k]=j.useState(void 0),[p,y]=j.useState(void 0),x={top:ne?E+25:E,bottom:ie,left:ye,right:be},D=ee-x.left-x.right,I=te-x.top-x.bottom,ce=Math.max(...s.filter(e=>!o.checkIfNullOrUndefined(e.size)).map(e=>e.size))<0?0:Math.max(...s.filter(e=>!o.checkIfNullOrUndefined(e.size)).map(e=>e.size)),_=Math.max(...s.filter(e=>!o.checkIfNullOrUndefined(e.target)).map(e=>e.target))<0?0:Math.max(...s.filter(e=>!o.checkIfNullOrUndefined(e.target)).map(e=>e.target)),xe=Math.max(...s.map(e=>Re.sum((e.qualitativeRange||[]).filter(r=>!o.checkIfNullOrUndefined(r)))||0)),ge=o.checkIfNullOrUndefined(U)?Math.max(...[ce,_,xe].filter(Number.isFinite))<0?0:Math.max(...[ce,_,xe].filter(Number.isFinite)):U,he=Math.min(...s.filter(e=>!o.checkIfNullOrUndefined(e.size)).map(e=>e.size))>=0?0:Math.min(...s.filter(e=>!o.checkIfNullOrUndefined(e.size)).map(e=>e.size)),R=Math.min(...s.filter(e=>!o.checkIfNullOrUndefined(e.target)).map(e=>e.target))>=0?0:Math.min(...s.filter(e=>!o.checkIfNullOrUndefined(e.target)).map(e=>e.target)),a=o.checkIfNullOrUndefined(w)?Math.min(...[he,R].filter(Number.isFinite))>=0?0:Math.min(...[he,R].filter(Number.isFinite)):w,fe=s.map((e,r)=>({...e,id:ae?`${e.label}`:`${r}`})),n=qe.linear().domain([a,ge]).range([0,D]).nice(),v=ae||fe.map(e=>`${e.id}`),m=Ae.band().domain(v).range([0,me?Math.max(I,me*v.length):$?Math.min(I,$*v.length):I]).paddingInner(Q),t=n.ticks(C);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(q.motion.svg,{width:`${ee}px`,height:`${te}px`,viewBox:`0 0 ${ee} ${te}`,direction:"ltr",ref:f,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[Z?i.jsxRuntimeExports.jsx(Fe.XTicksAndGridLines,{values:t.filter(e=>e!==0),x:t.filter(e=>e!==0).map(e=>n(e)),y1:0-E,y2:I+x.bottom,styles:{gridLines:g?.xAxis?.gridLines,labels:g?.xAxis?.labels},classNames:{gridLines:M?.xAxis?.gridLines,labels:M?.xAxis?.labels},suffix:K,prefix:J,labelType:"secondary",showGridLines:!0,precision:G}):null,i.jsxRuntimeExports.jsx(Ve.AxisTitle,{x:D/2,y:0-x.top+15,style:g?.xAxis?.title,className:M?.xAxis?.title,text:ne}),i.jsxRuntimeExports.jsx(ze.Axis,{x1:n(a<0?0:a),x2:n(a<0?0:a),y1:-2.5,y2:I+x.bottom,classNames:{axis:M?.yAxis?.axis},styles:{axis:g?.yAxis?.axis}}),S.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs($e.AnimatePresence,{children:[fe.map(e=>o.checkIfNullOrUndefined(m(e.id))?null:i.jsxRuntimeExports.jsxs(q.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:r=>{X(e),y(r.clientY),k(r.clientX),V?.(e)},onClick:()=>{(F||z)&&(Ee.isEqual(N,e)&&L?(Y(void 0),F?.(void 0)):(Y(e),F?.(e)))},onMouseMove:r=>{X(e),y(r.clientY),k(r.clientX)},onMouseLeave:()=>{X(void 0),k(void 0),y(void 0),V?.(void 0)},exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:0,y:m(`${e.id}`),opacity:d.length!==0?d.indexOf(e.label)!==-1?.85:O:.85},whileInView:{x:0,y:m(`${e.id}`),opacity:d.length!==0?d.indexOf(e.label)!==-1?.85:O:.85,transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial",children:[e.qualitativeRange?e.qualitativeRange.map((r,pe)=>i.jsxRuntimeExports.jsx(q.motion.rect,{exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0,fill:W[pe]},whileInView:{x:n(pe===0?0:Re.sum(e.qualitativeRange.filter((je,Ue)=>Ue<pe&&je))),width:n(r),fill:W[pe],transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial",y:0,height:m.bandwidth()},pe)):null,e.target&&se==="background"?i.jsxRuntimeExports.jsx(q.motion.rect,{y:0,x:e.target>=0?n(0):n(e.target),height:m.bandwidth(),style:{fill:P},exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0},whileInView:{x:e.target>=0?n(0):n(e.target),width:e.target>=0?n(e.target)-n(0):n(0)-n(e.target),transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial"}):null,e.size?i.jsxRuntimeExports.jsx(q.motion.rect,{y:m.bandwidth()*((1-u)/2),style:{fill:b},height:m.bandwidth()*u,exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0},whileInView:{x:e.size>=0?n(0):n(e.size),width:e.size>=0?n(e.size)-n(0):n(0)-n(e.size),transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial"}):null,e.target&&se==="line"?i.jsxRuntimeExports.jsx(q.motion.rect,{y:0,height:m.bandwidth(),style:{fill:P},width:2,exit:{opacity:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),opacity:0},whileInView:{x:n(e.target)-1,opacity:1,transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial"}):null,c?i.jsxRuntimeExports.jsx(He.YAxesLabels,{value:`${e.label}`.length<de?`${e.label}`:`${`${e.label}`.substring(0,de)}...`,y:0,x:(e.size||0)<0?n(0):0-x.left,width:(e.size||0)<0?ee-n(0):n(0)+x.left,height:m.bandwidth(),alignment:e.size&&e.size<0?"left":"right",style:g?.yAxis?.labels,className:M?.yAxis?.labels,animate:l,isInView:h}):null,re?i.jsxRuntimeExports.jsx(q.motion.text,{y:m.bandwidth()/2,style:{...le?{fill:le}:{fill:b},textAnchor:e.size&&e.size<0?"end":"start",...g?.graphObjectValues||{}},className:Ne.cnExports.cn("graph-value text-sm",!le&&b.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",M?.graphObjectValues),dx:e.size&&e.size<0?-5:5,dy:"0.33em",exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:n(0),opacity:0},whileInView:{x:e.size?n(e.size):n(0),opacity:1,transition:{duration:l.duration}}},initial:"initial",animate:h?"whileInView":"initial",children:ke.numberFormattingFunction(e.size,T,G,J,K)}):null]},e.label)),A?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:A.map((e,r)=>i.jsxRuntimeExports.jsx(Te.RefLineX,{text:e.text,color:e.color,x:n(e.value),y1:0-x.top,y2:I+x.bottom,textSide:n(e.value)>D*.75||H?"left":"right",classNames:e.classNames,styles:e.styles,animate:l,isInView:h},r))}):null]}),S.filter(e=>e.position==="after").map(e=>e.layer)]})}),oe&&B&&ue&&p?i.jsxRuntimeExports.jsx(Oe.Tooltip,{data:oe,body:B,xPos:ue,yPos:p,backgroundStyle:g?.tooltip,className:M?.tooltip}):null,z&&N!==void 0?i.jsxRuntimeExports.jsx(Ce.ModalExports.Modal,{open:N!==void 0,onClose:()=>{Y(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof z=="string"?{__html:Ie.string2HTML(z,N)}:void 0,children:typeof z=="function"?z(N):null})}):null]})}function Xe(we){const{data:s,graphTitle:b,barColor:K=ve.Colors.primaryColors["blue-600"],suffix:J="",sources:Q,prefix:re="",graphDescription:Z,barPadding:ye=.25,showValues:de=!0,showTicks:ee=!0,leftMargin:te=100,rightMargin:be=40,truncateBy:E=999,height:ie,width:c,footNote:B,colorDomain:V,colorLegendTitle:A,highlightedDataPoints:d=[],padding:U,backgroundColor:w=!1,topMargin:F=25,bottomMargin:ae=10,showLabels:H=!0,relativeHeight:$,tooltip:me,onSeriesMouseOver:L,refValues:z,showColorScale:ne=!0,graphID:le,maxValue:C,minValue:g,onSeriesMouseClick:M,graphDownload:se=!1,dataDownload:P=!1,sortData:W,labelOrder:u,language:l="en",minHeight:O=0,theme:G="light",maxBarThickness:S,maxNumberOfBars:T,minBarThickness:f,ariaLabel:h,resetSelectionOnDoubleClick:oe=!0,detailsOnClick:X,barAxisTitle:N,noOfTicks:Y=5,valueColor:ue,styles:k,classNames:p,filterNA:y=!0,targetStyle:x="line",targetColor:D=ve.Colors.light.grays["gray-700"],qualitativeRangeColors:I,measureBarWidthFactor:ce=.4,animate:_=!1,dimmedOpacity:xe=.3,precision:ge=2,customLayers:he=[],naLabel:R="NA"}=we,[a,fe]=j.useState(0),[n,v]=j.useState(0),m=j.useRef(null),t=j.useRef(null);return j.useEffect(()=>{const e=new ResizeObserver(r=>{fe(c||r[0].target.clientWidth||620),v(ie||r[0].target.clientHeight||480)});return m.current&&(v(m.current.clientHeight||480),fe(m.current.clientWidth||620),c||e.observe(m.current)),()=>e.disconnect()},[c,ie]),i.jsxRuntimeExports.jsx("div",{className:`${G||"light"} flex ${c?"w-fit grow-0":"w-full grow"}`,dir:l==="he"||l==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:Ne.cnExports.cn(`${w?w===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l||"en"}`,p?.graphContainer),style:{...k?.graphContainer||{},...w&&w!==!0?{backgroundColor:w}:{}},id:le,ref:t,"aria-label":h||`${b?`The graph shows ${b}. `:""}This is a bar chart. ${Z?` ${Z}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:w?U||"1rem":U||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[b||Z||se||P?i.jsxRuntimeExports.jsx(Se.GraphHeader,{styles:{title:k?.title,description:k?.description},classNames:{title:p?.title,description:p?.description},graphTitle:b,graphDescription:Z,width:c,graphDownload:se?t.current:void 0,dataDownload:P?s.map(e=>e.data).filter(e=>e!==void 0).length>0?s.map(e=>e.data).filter(e=>e!==void 0):s.filter(e=>e!==void 0):null}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(De.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[ne&&s.filter(e=>e.qualitativeRange).length!==0&&V?i.jsxRuntimeExports.jsx(Be.ColorLegend,{width:c,colorLegendTitle:A,colors:I||ve.Colors[G].sequentialColors.positiveColorsx10,colorDomain:V,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:m,"aria-label":"Graph area",children:(c||a)&&(ie||n)?i.jsxRuntimeExports.jsx(Ge,{data:W==="asc"?Me.sortBy(s.filter(e=>y?!o.checkIfNullOrUndefined(e.size):e),e=>e.size).filter((e,r)=>T?r<T:!0):W==="desc"?Me.sortBy(s.filter(e=>y?!o.checkIfNullOrUndefined(e.size):e),e=>e.size).reverse().filter((e,r)=>T?r<T:!0):s.filter(e=>y?!o.checkIfNullOrUndefined(e.size):e).filter((e,r)=>T?r<T:!0),barColor:K,targetColor:D,width:c||a,height:Math.max(O,ie||($?O?(c||a)*$>O?(c||a)*$:O:(c||a)*$:n)),suffix:J,prefix:re,barPadding:ye,showValues:de,showTicks:ee,leftMargin:te,rightMargin:be,topMargin:F,bottomMargin:ae,truncateBy:E,showLabels:H,tooltip:me,onSeriesMouseOver:L,refValues:z,maxValue:C,minValue:g,highlightedDataPoints:d,onSeriesMouseClick:M,labelOrder:u,rtl:l==="he"||l==="ar",maxBarThickness:S,minBarThickness:f,resetSelectionOnDoubleClick:oe,detailsOnClick:X,barAxisTitle:N,noOfTicks:Y,valueColor:ue,classNames:p,styles:k,targetStyle:x,qualitativeRangeColors:I||ve.Colors[G].sequentialColors.positiveColorsx10,measureBarWidthFactor:ce,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},dimmedOpacity:xe,precision:ge,customLayers:he,naLabel:R}):null})]})}),Q||B?i.jsxRuntimeExports.jsx(Le.GraphFooter,{sources:Q,footNote:B,width:c,styles:{footnote:k?.footnote,source:k?.source},classNames:{footnote:p?.footnote,source:p?.source}}):null]})})})})}function Ye(we){const{data:s,width:b,height:K,barColor:J,suffix:Q,prefix:re,barPadding:Z,showLabels:ye,showValues:de,showTicks:ee,truncateBy:te,rightMargin:be,topMargin:E,bottomMargin:ie,leftMargin:c,tooltip:B,onSeriesMouseOver:V,refValues:A,maxValue:d,minValue:U,highlightedDataPoints:w,onSeriesMouseClick:F,labelOrder:ae,maxBarThickness:H,minBarThickness:$,resetSelectionOnDoubleClick:me,detailsOnClick:L,barAxisTitle:z,valueColor:ne,noOfTicks:le,styles:C,classNames:g,targetStyle:M,targetColor:se,qualitativeRangeColors:P,measureBarWidthFactor:W,animate:u,dimmedOpacity:l,precision:O,customLayers:G,naLabel:S}=we,T=j.useRef(null),f=q.useInView(T,{once:u.once,amount:u.amount}),h={top:E,bottom:ie,left:z?c+30:c,right:be},[oe,X]=j.useState(void 0),[N,Y]=j.useState(void 0),[ue,k]=j.useState(void 0),[p,y]=j.useState(void 0),x=b-h.left-h.right,D=K-h.top-h.bottom,I=Math.max(...s.filter(t=>!o.checkIfNullOrUndefined(t.size)).map(t=>t.size))<0?0:Math.max(...s.filter(t=>!o.checkIfNullOrUndefined(t.size)).map(t=>t.size)),ce=Math.max(...s.filter(t=>!o.checkIfNullOrUndefined(t.target)).map(t=>t.target))<0?0:Math.max(...s.filter(t=>!o.checkIfNullOrUndefined(t.size)).map(t=>t.target)),_=Math.max(...s.map(t=>Re.sum((t.qualitativeRange||[]).filter(e=>!o.checkIfNullOrUndefined(e)))||0)),xe=o.checkIfNullOrUndefined(d)?Math.max(...[I,ce,_].filter(Number.isFinite))<0?0:Math.max(...[I,ce,_].filter(Number.isFinite)):d,ge=Math.min(...s.filter(t=>!o.checkIfNullOrUndefined(t.size)).map(t=>t.size))>=0?0:Math.min(...s.filter(t=>!o.checkIfNullOrUndefined(t.size)).map(t=>t.size)),he=Math.min(...s.filter(t=>!o.checkIfNullOrUndefined(t.target)).map(t=>t.target))>=0?0:Math.min(...s.filter(t=>!o.checkIfNullOrUndefined(t.target)).map(t=>t.target)),R=o.checkIfNullOrUndefined(U)?Math.min(...[ge,he].filter(Number.isFinite))>=0?0:Math.min(...[ge,he].filter(Number.isFinite)):U,a=qe.linear().domain([R,xe]).range([D,0]).nice(),fe=s.map((t,e)=>({...t,id:ae?`${t.label}`:`${e}`})),n=ae||fe.map(t=>`${t.id}`),v=Ae.band().domain(n).range([0,$?Math.max(x,$*n.length):H?Math.min(x,H*n.length):x]).paddingInner(Z),m=a.ticks(le);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(q.motion.svg,{width:`${b}px`,height:`${K}px`,viewBox:`0 0 ${b} ${K}`,direction:"ltr",ref:T,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[i.jsxRuntimeExports.jsx(ze.Axis,{y1:a(R<0?0:R),y2:a(R<0?0:R),x1:0-c,x2:x+h.right,label:ke.numberFormattingFunction(R<0?0:R,S,O,re,Q),labelPos:{x:0-c,dx:0,dy:xe<0?"1em":-5,y:a(R<0?0:R)},classNames:{axis:g?.xAxis?.axis,label:g?.yAxis?.labels},styles:{axis:C?.xAxis?.axis,label:C?.yAxis?.labels}}),ee?i.jsxRuntimeExports.jsx(We.YTicksAndGridLines,{values:m.filter(t=>t!==0),y:m.filter(t=>t!==0).map(t=>a(t)),x1:0-c,x2:x+h.right,styles:{gridLines:C?.yAxis?.gridLines,labels:C?.yAxis?.labels},classNames:{gridLines:g?.yAxis?.gridLines,labels:g?.yAxis?.labels},suffix:Q,prefix:re,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:O}):null,i.jsxRuntimeExports.jsx(Ve.AxisTitle,{x:0-c-15,y:D/2,style:C?.yAxis?.title,className:g?.yAxis?.title,text:z,rotate90:!0}),G.filter(t=>t.position==="before").map(t=>t.layer),i.jsxRuntimeExports.jsxs($e.AnimatePresence,{children:[fe.map(t=>o.checkIfNullOrUndefined(v(t.id))?null:i.jsxRuntimeExports.jsxs(q.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:e=>{X(t),y(e.clientY),k(e.clientX),V?.(t)},onClick:()=>{(F||L)&&(Ee.isEqual(N,t)&&me?(Y(void 0),F?.(void 0)):(Y(t),F?.(t)))},onMouseMove:e=>{X(t),y(e.clientY),k(e.clientX)},onMouseLeave:()=>{X(void 0),k(void 0),y(void 0),V?.(void 0)},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:v(`${t.id}`),y:0,opacity:w.length!==0?w.indexOf(t.label)!==-1?.85:l:.85},whileInView:{x:v(`${t.id}`),y:0,opacity:w.length!==0?w.indexOf(t.label)!==-1?.85:l:.85,transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:[t.qualitativeRange?t.qualitativeRange.map((e,r)=>i.jsxRuntimeExports.jsx(q.motion.rect,{x:0,exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0),fill:P[r]},whileInView:{height:Math.abs(a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<=r&&pe)))-a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<r&&pe)))),y:a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<=r&&pe))),fill:P[r],transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial",width:v.bandwidth()},r)):null,t.target&&M==="background"?i.jsxRuntimeExports.jsx(q.motion.rect,{x:0,width:v.bandwidth(),style:{fill:se},exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0)},whileInView:{height:Math.abs(a(t.target)-a(0)),y:t.target>0?a(t.target):a(0),transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial"}):null,t.size?i.jsxRuntimeExports.jsx(q.motion.rect,{x:v.bandwidth()*((1-W)/2),width:v.bandwidth()*W,style:{fill:J},exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0)},whileInView:{height:Math.abs(a(t.size)-a(0)),y:t.size>0?a(t.size):a(0),transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial"}):null,t.target&&M==="line"?i.jsxRuntimeExports.jsx(q.motion.rect,{x:0,width:v.bandwidth(),style:{fill:se},exit:{y:a(0),opacity:0,transition:{duration:u.duration}},variants:{initial:{y:a(0),opacity:0},whileInView:{y:a(t.target)-1,opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial",height:2}):null,ye?i.jsxRuntimeExports.jsx(Pe.XAxesLabels,{value:`${t.label}`.length<te?`${t.label}`:`${`${t.label}`.substring(0,te)}...`,y:(t.size||0)<0?0:a(0)+5,x:0,width:v.bandwidth(),height:(t.size||0)<0?a(0)-5:h.bottom,style:C?.xAxis?.labels,className:g?.xAxis?.labels,alignment:(t.size||0)<0?"bottom":"top",animate:u,isInView:f}):null,de?i.jsxRuntimeExports.jsx(q.motion.text,{x:v.bandwidth()/2,style:{...ne?{fill:ne}:{fill:J},textAnchor:"middle",...C?.graphObjectValues||{}},className:Ne.cnExports.cn("graph-value text-sm",!ne&&J.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",g?.graphObjectValues),dy:t.size?t.size>=0?"-5px":"1em":"-5px",exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{y:a(0),opacity:0},whileInView:{y:a(t.size||0),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:ke.numberFormattingFunction(t.size,S,O,re,Q)}):null]},t.label)),A?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:A.map((t,e)=>i.jsxRuntimeExports.jsx(Te.RefLineY,{text:t.text,color:t.color,y:a(t.value),x1:0-c,x2:x+h.right,classNames:t.classNames,styles:t.styles,animate:u,isInView:f},e))}):null]}),G.filter(t=>t.position==="after").map(t=>t.layer)]})}),oe&&B&&ue&&p?i.jsxRuntimeExports.jsx(Oe.Tooltip,{data:oe,body:B,xPos:ue,yPos:p,backgroundStyle:C?.tooltip,className:g?.tooltip}):null,L&&N!==void 0?i.jsxRuntimeExports.jsx(Ce.ModalExports.Modal,{open:N!==void 0,onClose:()=>{Y(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof L=="string"?{__html:Ie.string2HTML(L,N)}:void 0,children:typeof L=="function"?L(N):null})}):null]})}function _e(we){const{data:s,graphTitle:b,barColor:K=ve.Colors.primaryColors["blue-600"],barPadding:J=.25,showTicks:Q=!0,leftMargin:re=20,rightMargin:Z=20,topMargin:ye=20,bottomMargin:de=25,truncateBy:ee=999,showLabels:te=!0,showValues:be=!0,backgroundColor:E=!1,suffix:ie="",prefix:c="",sources:B,graphDescription:V,height:A,width:d,footNote:U,colorDomain:w,colorLegendTitle:F,padding:ae,relativeHeight:H,tooltip:$,onSeriesMouseOver:me,refValues:L,showColorScale:z=!0,graphID:ne,maxValue:le,minValue:C,highlightedDataPoints:g=[],qualitativeRangeColors:M,onSeriesMouseClick:se,graphDownload:P=!1,dataDownload:W=!1,language:u="en",theme:l="light",sortData:O,labelOrder:G,minHeight:S=0,maxBarThickness:T,maxNumberOfBars:f,minBarThickness:h,ariaLabel:oe,resetSelectionOnDoubleClick:X=!0,detailsOnClick:N,barAxisTitle:Y,noOfTicks:ue=5,valueColor:k,styles:p,classNames:y,targetColor:x=ve.Colors.light.grays["gray-700"],filterNA:D=!0,targetStyle:I="line",measureBarWidthFactor:ce=.4,animate:_=!1,dimmedOpacity:xe=.3,precision:ge=2,customLayers:he=[],naLabel:R="NA"}=we,[a,fe]=j.useState(0),[n,v]=j.useState(0),m=j.useRef(null),t=j.useRef(null);return j.useEffect(()=>{const e=new ResizeObserver(r=>{fe(d||r[0].target.clientWidth||620),v(A||r[0].target.clientHeight||480)});return m.current&&(v(m.current.clientHeight||480),fe(m.current.clientWidth||620),d||e.observe(m.current)),()=>e.disconnect()},[d,A]),i.jsxRuntimeExports.jsx("div",{className:`${l||"light"} flex  ${d?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:Ne.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 ${u||"en"}`,y?.graphContainer),style:{...p?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:t,"aria-label":oe||`${b?`The graph shows ${b}. `:""}This is a grouped bar chart. ${V?` ${V}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?ae||"1rem":ae||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[b||V||P||W?i.jsxRuntimeExports.jsx(Se.GraphHeader,{styles:{title:p?.title,description:p?.description},classNames:{title:y?.title,description:y?.description},graphTitle:b,graphDescription:V,width:d,graphDownload:P?t.current:void 0,dataDownload:W?s.map(e=>e.data).filter(e=>e!==void 0).length>0?s.map(e=>e.data).filter(e=>e!==void 0):s.filter(e=>e!==void 0):null}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(De.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[z&&s.filter(e=>e.qualitativeRange).length!==0&&w?i.jsxRuntimeExports.jsx(Be.ColorLegend,{width:d,colorLegendTitle:F,colors:M||ve.Colors[l].sequentialColors.positiveColorsx10,colorDomain:w,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:m,"aria-label":"Graph area",children:(d||a)&&(A||n)?i.jsxRuntimeExports.jsx(Ye,{data:O==="asc"?Me.sortBy(s.filter(e=>D?!o.checkIfNullOrUndefined(e.size):e),e=>e.size).filter((e,r)=>f?r<f:!0):O==="desc"?Me.sortBy(s.filter(e=>D?!o.checkIfNullOrUndefined(e.size):e),e=>e.size).reverse().filter((e,r)=>f?r<f:!0):s.filter(e=>D?!o.checkIfNullOrUndefined(e.size):e).filter((e,r)=>f?r<f:!0),barColor:K,targetColor:x,width:d||a,refValues:L,height:Math.max(S,A||(H?S?(d||a)*H>S?(d||a)*H:S:(d||a)*H:n)),suffix:ie,prefix:c,barPadding:J,showLabels:te,showValues:be,showTicks:Q,truncateBy:ee,leftMargin:re,rightMargin:Z,qualitativeRangeColors:M||ve.Colors[l].sequentialColors.positiveColorsx10,topMargin:ye,bottomMargin:de,tooltip:$,onSeriesMouseOver:me,maxValue:le,minValue:C,highlightedDataPoints:g,onSeriesMouseClick:se,labelOrder:G,maxBarThickness:T,minBarThickness:h,resetSelectionOnDoubleClick:X,detailsOnClick:N,barAxisTitle:Y,noOfTicks:ue,valueColor:k,styles:p,classNames:y,targetStyle:I,dimmedOpacity:xe,measureBarWidthFactor:ce,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},precision:ge,customLayers:he,naLabel:R}):null})]})}),B||U?i.jsxRuntimeExports.jsx(Le.GraphFooter,{styles:{footnote:p?.footnote,source:p?.source},classNames:{footnote:y?.footnote,source:y?.source},sources:B,footNote:U,width:d}):null]})})})})}function Ke(we){const{data:s,graphTitle:b,barColor:K,barPadding:J,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:c,sources:B,graphDescription:V,height:A,width:d,footNote:U,colorDomain:w,colorLegendTitle:F,padding:ae,relativeHeight:H,tooltip:$,onSeriesMouseOver:me,refValues:L,showColorScale:z,graphID:ne,maxValue:le,minValue:C,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:P,language:W,theme:u,sortData:l,labelOrder:O,minHeight:G,maxBarThickness:S,maxNumberOfBars:T,minBarThickness:f,ariaLabel:h,resetSelectionOnDoubleClick:oe,detailsOnClick:X,barAxisTitle:N,noOfTicks:Y,valueColor:ue,orientation:k="vertical",styles:p,classNames:y,filterNA:x,targetStyle:D,targetColor:I,qualitativeRangeColors:ce,measureBarWidthFactor:_,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R}=we;return k==="vertical"?i.jsxRuntimeExports.jsx(_e,{data:s,graphTitle:b,barColor:K,barPadding:J,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:c,sources:B,graphDescription:V,height:A,width:d,footNote:U,colorDomain:w,colorLegendTitle:F,padding:ae,relativeHeight:H,tooltip:$,onSeriesMouseOver:me,refValues:L,showColorScale:z,graphID:ne,maxValue:le,minValue:C,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:P,language:W,theme:u,sortData:l,labelOrder:O,minHeight:G,maxBarThickness:S,maxNumberOfBars:T,minBarThickness:f,ariaLabel:h,resetSelectionOnDoubleClick:oe,styles:p,detailsOnClick:X,barAxisTitle:N,noOfTicks:Y,valueColor:ue,classNames:y,filterNA:x,targetStyle:D,targetColor:I,measureBarWidthFactor:_,qualitativeRangeColors:ce,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R}):i.jsxRuntimeExports.jsx(Xe,{data:s,graphTitle:b,barColor:K,barPadding:J,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:c,sources:B,graphDescription:V,height:A,width:d,footNote:U,colorDomain:w,colorLegendTitle:F,padding:ae,relativeHeight:H,tooltip:$,onSeriesMouseOver:me,refValues:L,showColorScale:z,graphID:ne,maxValue:le,minValue:C,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:P,language:W,theme:u,sortData:l,labelOrder:O,minHeight:G,maxBarThickness:S,maxNumberOfBars:T,minBarThickness:f,ariaLabel:h,resetSelectionOnDoubleClick:oe,styles:p,detailsOnClick:X,barAxisTitle:N,noOfTicks:Y,valueColor:ue,classNames:y,filterNA:x,targetStyle:D,targetColor:I,measureBarWidthFactor:_,qualitativeRangeColors:ce,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R})}exports.BulletChart=Ke;
+import { j as e, m as Ni } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useRef as ji, useState as gi, useEffect as ki } from "react";
+import { s as Vi } from "./index-DxagiOHo.js";
+import { i as Oi } from "./index-27yTRcko.js";
+import { X as Ti } from "./Modal-CUU6ZK3U.js";
+import { s as Ci } from "./index-D7ltPi18.js";
+import { n as zi } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as $i } from "./Tooltip-DyM5snqx.js";
+import { c as o } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { s as Ai } from "./string2HTML-CWHGfz_d.js";
+import { X as Xi } from "./XTicksAndGridLines-Bn9u5gOM.js";
+import { Y as Yi } from "./YAxesLabels-H5-002X5.js";
+import { A as Di } from "./AxisTitle-BmHLMRJZ.js";
+import { A as Li } from "./Axis-Ddg-seDi.js";
+import { a as Ei, R as _i } from "./ReferenceLine-C1GpoG9d.js";
+import { u as Ii } from "./use-in-view-BAHrBy6b.js";
+import { a as Si } from "./linear-DUdu7l2G.js";
+import { b as Ri } from "./band-BEjh2CHI.js";
+import { m as G } from "./proxy-DJxJg1kD.js";
+import { A as Bi } from "./index-BxAUvrua.js";
+import { GraphFooter as qi } from "./GraphFooter.js";
+import { GraphHeader as Fi } from "./GraphHeader.js";
+import { Colors as wi } from "./Colors.js";
+import { E as Hi } from "./EmptyState-DdTp-Mdn.js";
+import { ColorLegend as Pi } from "./ColorLegend.js";
+import { X as Gi } from "./XAxesLabels-DQFo_z2R.js";
+import { Y as Ui } from "./YTicksAndGridLines-B6ah7CRf.js";
+function Ji(vi) {
+  const {
+    data: l,
+    barColor: b,
+    suffix: U,
+    prefix: J,
+    barPadding: K,
+    showValues: li,
+    showTicks: Q,
+    leftMargin: yi,
+    truncateBy: mi,
+    width: Z,
+    height: ii,
+    rightMargin: bi,
+    topMargin: N,
+    bottomMargin: ti,
+    showLabels: c,
+    tooltip: B,
+    onSeriesMouseOver: T,
+    refValues: D,
+    highlightedDataPoints: m,
+    maxValue: q,
+    minValue: v,
+    onSeriesMouseClick: F,
+    labelOrder: ei,
+    rtl: H,
+    maxBarThickness: L,
+    minBarThickness: di,
+    resetSelectionOnDoubleClick: I,
+    detailsOnClick: $,
+    barAxisTitle: ai,
+    valueColor: si,
+    noOfTicks: z,
+    styles: x,
+    classNames: C,
+    targetStyle: ri,
+    targetColor: P,
+    qualitativeRangeColors: W,
+    measureBarWidthFactor: h,
+    animate: n,
+    dimmedOpacity: k,
+    precision: X,
+    customLayers: S,
+    naLabel: A
+  } = vi, f = ji(null), g = Ii(f, {
+    once: n.once,
+    amount: n.amount
+  }), [ni, Y] = gi(void 0), [j, E] = gi(void 0), [oi, V] = gi(void 0), [p, y] = gi(void 0), u = {
+    top: ai ? N + 25 : N,
+    bottom: ti,
+    left: yi,
+    right: bi
+  }, R = Z - u.left - u.right, O = ii - u.top - u.bottom, hi = Math.max(...l.filter((i) => !o(i.size)).map((i) => i.size)) < 0 ? 0 : Math.max(...l.filter((i) => !o(i.size)).map((i) => i.size)), _ = Math.max(...l.filter((i) => !o(i.target)).map((i) => i.target)) < 0 ? 0 : Math.max(
+    ...l.filter((i) => !o(i.target)).map((i) => i.target)
+  ), ci = Math.max(
+    ...l.map((i) => Ci((i.qualitativeRange || []).filter((s) => !o(s))) || 0)
+  ), xi = o(q) ? Math.max(...[hi, _, ci].filter(Number.isFinite)) < 0 ? 0 : Math.max(
+    ...[hi, _, ci].filter(Number.isFinite)
+  ) : q, ui = Math.min(...l.filter((i) => !o(i.size)).map((i) => i.size)) >= 0 ? 0 : Math.min(...l.filter((i) => !o(i.size)).map((i) => i.size)), M = Math.min(...l.filter((i) => !o(i.target)).map((i) => i.target)) >= 0 ? 0 : Math.min(
+    ...l.filter((i) => !o(i.target)).map((i) => i.target)
+  ), a = o(v) ? Math.min(...[ui, M].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[ui, M].filter(Number.isFinite)) : v, fi = l.map((i, s) => ({
+    ...i,
+    id: ei ? `${i.label}` : `${s}`
+  })), r = Si().domain([a, xi]).range([0, R]).nice(), w = ei || fi.map((i) => `${i.id}`), d = Ri().domain(w).range([
+    0,
+    di ? Math.max(O, di * w.length) : L ? Math.min(O, L * w.length) : O
+  ]).paddingInner(K), t = r.ticks(z);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      G.svg,
+      {
+        width: `${Z}px`,
+        height: `${ii}px`,
+        viewBox: `0 0 ${Z} ${ii}`,
+        direction: "ltr",
+        ref: f,
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
+          Q ? /* @__PURE__ */ e.jsx(
+            Xi,
+            {
+              values: t.filter((i) => i !== 0),
+              x: t.filter((i) => i !== 0).map((i) => r(i)),
+              y1: 0 - N,
+              y2: O + u.bottom,
+              styles: {
+                gridLines: x?.xAxis?.gridLines,
+                labels: x?.xAxis?.labels
+              },
+              classNames: {
+                gridLines: C?.xAxis?.gridLines,
+                labels: C?.xAxis?.labels
+              },
+              suffix: U,
+              prefix: J,
+              labelType: "secondary",
+              showGridLines: !0,
+              precision: X
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Di,
+            {
+              x: R / 2,
+              y: 0 - u.top + 15,
+              style: x?.xAxis?.title,
+              className: C?.xAxis?.title,
+              text: ai
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Li,
+            {
+              x1: r(a < 0 ? 0 : a),
+              x2: r(a < 0 ? 0 : a),
+              y1: -2.5,
+              y2: O + u.bottom,
+              classNames: { axis: C?.yAxis?.axis },
+              styles: { axis: x?.yAxis?.axis }
+            }
+          ),
+          S.filter((i) => i.position === "before").map((i) => i.layer),
+          /* @__PURE__ */ e.jsxs(Bi, { children: [
+            fi.map(
+              (i) => o(d(i.id)) ? null : /* @__PURE__ */ e.jsxs(
+                G.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  onMouseEnter: (s) => {
+                    Y(i), y(s.clientY), V(s.clientX), T?.(i);
+                  },
+                  onClick: () => {
+                    (F || $) && (Oi(j, i) && I ? (E(void 0), F?.(void 0)) : (E(i), F?.(i)));
+                  },
+                  onMouseMove: (s) => {
+                    Y(i), y(s.clientY), V(s.clientX);
+                  },
+                  onMouseLeave: () => {
+                    Y(void 0), V(void 0), y(void 0), T?.(void 0);
+                  },
+                  exit: { opacity: 0, transition: { duration: n.duration } },
+                  variants: {
+                    initial: {
+                      x: 0,
+                      y: d(`${i.id}`),
+                      opacity: m.length !== 0 ? m.indexOf(i.label) !== -1 ? 0.85 : k : 0.85
+                    },
+                    whileInView: {
+                      x: 0,
+                      y: d(`${i.id}`),
+                      opacity: m.length !== 0 ? m.indexOf(i.label) !== -1 ? 0.85 : k : 0.85,
+                      transition: { duration: n.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: g ? "whileInView" : "initial",
+                  children: [
+                    i.qualitativeRange ? i.qualitativeRange.map((s, pi) => /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        exit: {
+                          width: 0,
+                          x: r(0),
+                          transition: { duration: n.duration }
+                        },
+                        variants: {
+                          initial: {
+                            x: r(0),
+                            width: 0,
+                            fill: W[pi]
+                          },
+                          whileInView: {
+                            x: r(
+                              pi === 0 ? 0 : Ci(
+                                i.qualitativeRange.filter(
+                                  (Mi, Wi) => Wi < pi && Mi
+                                )
+                              )
+                            ),
+                            width: r(s),
+                            fill: W[pi],
+                            transition: { duration: n.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: g ? "whileInView" : "initial",
+                        y: 0,
+                        height: d.bandwidth()
+                      },
+                      pi
+                    )) : null,
+                    i.target && ri === "background" ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        y: 0,
+                        x: i.target >= 0 ? r(0) : r(i.target),
+                        height: d.bandwidth(),
+                        style: {
+                          fill: P
+                        },
+                        exit: {
+                          width: 0,
+                          x: r(0),
+                          transition: { duration: n.duration }
+                        },
+                        variants: {
+                          initial: {
+                            x: r(0),
+                            width: 0
+                          },
+                          whileInView: {
+                            x: i.target >= 0 ? r(0) : r(i.target),
+                            width: i.target >= 0 ? r(i.target) - r(0) : r(0) - r(i.target),
+                            transition: { duration: n.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: g ? "whileInView" : "initial"
+                      }
+                    ) : null,
+                    i.size ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        y: d.bandwidth() * ((1 - h) / 2),
+                        style: {
+                          fill: b
+                        },
+                        height: d.bandwidth() * h,
+                        exit: {
+                          width: 0,
+                          x: r(0),
+                          transition: { duration: n.duration }
+                        },
+                        variants: {
+                          initial: {
+                            x: r(0),
+                            width: 0
+                          },
+                          whileInView: {
+                            x: i.size >= 0 ? r(0) : r(i.size),
+                            width: i.size >= 0 ? r(i.size) - r(0) : r(0) - r(i.size),
+                            transition: { duration: n.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: g ? "whileInView" : "initial"
+                      }
+                    ) : null,
+                    i.target && ri === "line" ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        y: 0,
+                        height: d.bandwidth(),
+                        style: {
+                          fill: P
+                        },
+                        width: 2,
+                        exit: {
+                          opacity: 0,
+                          x: r(0),
+                          transition: { duration: n.duration }
+                        },
+                        variants: {
+                          initial: {
+                            x: r(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            x: r(i.target) - 1,
+                            opacity: 1,
+                            transition: { duration: n.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: g ? "whileInView" : "initial"
+                      }
+                    ) : null,
+                    c ? /* @__PURE__ */ e.jsx(
+                      Yi,
+                      {
+                        value: `${i.label}`.length < mi ? `${i.label}` : `${`${i.label}`.substring(0, mi)}...`,
+                        y: 0,
+                        x: (i.size || 0) < 0 ? r(0) : 0 - u.left,
+                        width: (i.size || 0) < 0 ? Z - r(0) : r(0) + u.left,
+                        height: d.bandwidth(),
+                        alignment: i.size && i.size < 0 ? "left" : "right",
+                        style: x?.yAxis?.labels,
+                        className: C?.yAxis?.labels,
+                        animate: n,
+                        isInView: g
+                      }
+                    ) : null,
+                    li ? /* @__PURE__ */ e.jsx(
+                      G.text,
+                      {
+                        y: d.bandwidth() / 2,
+                        style: {
+                          ...si ? { fill: si } : { fill: b },
+                          textAnchor: i.size && i.size < 0 ? "end" : "start",
+                          ...x?.graphObjectValues || {}
+                        },
+                        className: Ni(
+                          "graph-value text-sm",
+                          !si && b.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
+                          C?.graphObjectValues
+                        ),
+                        dx: i.size && i.size < 0 ? -5 : 5,
+                        dy: "0.33em",
+                        exit: { opacity: 0, transition: { duration: n.duration } },
+                        variants: {
+                          initial: {
+                            x: r(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            x: i.size ? r(i.size) : r(0),
+                            opacity: 1,
+                            transition: { duration: n.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: g ? "whileInView" : "initial",
+                        children: zi(i.size, A, X, J, U)
+                      }
+                    ) : null
+                  ]
+                },
+                i.label
+              )
+            ),
+            D ? /* @__PURE__ */ e.jsx(e.Fragment, { children: D.map((i, s) => /* @__PURE__ */ e.jsx(
+              Ei,
+              {
+                text: i.text,
+                color: i.color,
+                x: r(i.value),
+                y1: 0 - u.top,
+                y2: O + u.bottom,
+                textSide: r(i.value) > R * 0.75 || H ? "left" : "right",
+                classNames: i.classNames,
+                styles: i.styles,
+                animate: n,
+                isInView: g
+              },
+              s
+            )) }) : null
+          ] }),
+          S.filter((i) => i.position === "after").map((i) => i.layer)
+        ] })
+      }
+    ),
+    ni && B && oi && p ? /* @__PURE__ */ e.jsx(
+      $i,
+      {
+        data: ni,
+        body: B,
+        xPos: oi,
+        yPos: p,
+        backgroundStyle: x?.tooltip,
+        className: C?.tooltip
+      }
+    ) : null,
+    $ && j !== void 0 ? /* @__PURE__ */ e.jsx(
+      Ti,
+      {
+        open: j !== void 0,
+        onClose: () => {
+          E(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Ai($, j) } : void 0,
+            children: typeof $ == "function" ? $(j) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Ki(vi) {
+  const {
+    data: l,
+    graphTitle: b,
+    barColor: U = wi.primaryColors["blue-600"],
+    suffix: J = "",
+    sources: K,
+    prefix: li = "",
+    graphDescription: Q,
+    barPadding: yi = 0.25,
+    showValues: mi = !0,
+    showTicks: Z = !0,
+    leftMargin: ii = 100,
+    rightMargin: bi = 40,
+    truncateBy: N = 999,
+    height: ti,
+    width: c,
+    footNote: B,
+    colorDomain: T,
+    colorLegendTitle: D,
+    highlightedDataPoints: m = [],
+    padding: q,
+    backgroundColor: v = !1,
+    topMargin: F = 25,
+    bottomMargin: ei = 10,
+    showLabels: H = !0,
+    relativeHeight: L,
+    tooltip: di,
+    onSeriesMouseOver: I,
+    refValues: $,
+    showColorScale: ai = !0,
+    graphID: si,
+    maxValue: z,
+    minValue: x,
+    onSeriesMouseClick: C,
+    graphDownload: ri = !1,
+    dataDownload: P = !1,
+    sortData: W,
+    labelOrder: h,
+    language: n = "en",
+    minHeight: k = 0,
+    theme: X = "light",
+    maxBarThickness: S,
+    maxNumberOfBars: A,
+    minBarThickness: f,
+    ariaLabel: g,
+    resetSelectionOnDoubleClick: ni = !0,
+    detailsOnClick: Y,
+    barAxisTitle: j,
+    noOfTicks: E = 5,
+    valueColor: oi,
+    styles: V,
+    classNames: p,
+    filterNA: y = !0,
+    targetStyle: u = "line",
+    targetColor: R = wi.light.grays["gray-700"],
+    qualitativeRangeColors: O,
+    measureBarWidthFactor: hi = 0.4,
+    animate: _ = !1,
+    dimmedOpacity: ci = 0.3,
+    precision: xi = 2,
+    customLayers: ui = [],
+    naLabel: M = "NA"
+  } = vi, [a, fi] = gi(0), [r, w] = gi(0), d = ji(null), t = ji(null);
+  return ki(() => {
+    const i = new ResizeObserver((s) => {
+      fi(c || s[0].target.clientWidth || 620), w(ti || s[0].target.clientHeight || 480);
+    });
+    return d.current && (w(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), c || i.observe(d.current)), () => i.disconnect();
+  }, [c, ti]), /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${X || "light"} flex ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: n === "he" || n === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ni(
+            `${v ? v === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n || "en"}`,
+            p?.graphContainer
+          ),
+          style: {
+            ...V?.graphContainer || {},
+            ...v && v !== !0 ? { backgroundColor: v } : {}
+          },
+          id: si,
+          ref: t,
+          "aria-label": g || `${b ? `The graph shows ${b}. ` : ""}This is a bar chart. ${Q ? ` ${Q}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: v ? q || "1rem" : q || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                b || Q || ri || P ? /* @__PURE__ */ e.jsx(
+                  Fi,
+                  {
+                    styles: {
+                      title: V?.title,
+                      description: V?.description
+                    },
+                    classNames: {
+                      title: p?.title,
+                      description: p?.description
+                    },
+                    graphTitle: b,
+                    graphDescription: Q,
+                    width: c,
+                    graphDownload: ri ? t.current : void 0,
+                    dataDownload: P ? 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,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  ai && l.filter((i) => i.qualitativeRange).length !== 0 && T ? /* @__PURE__ */ e.jsx(
+                    Pi,
+                    {
+                      width: c,
+                      colorLegendTitle: D,
+                      colors: O || wi[X].sequentialColors.positiveColorsx10,
+                      colorDomain: T,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: "flex grow flex-col justify-center w-full leading-0",
+                      ref: d,
+                      "aria-label": "Graph area",
+                      children: (c || a) && (ti || r) ? /* @__PURE__ */ e.jsx(
+                        Ji,
+                        {
+                          data: W === "asc" ? Vi(
+                            l.filter((i) => y ? !o(i.size) : i),
+                            (i) => i.size
+                          ).filter((i, s) => A ? s < A : !0) : W === "desc" ? Vi(
+                            l.filter(
+                              (i) => y ? !o(i.size) : i
+                            ),
+                            (i) => i.size
+                          ).reverse().filter((i, s) => A ? s < A : !0) : l.filter((i) => y ? !o(i.size) : i).filter((i, s) => A ? s < A : !0),
+                          barColor: U,
+                          targetColor: R,
+                          width: c || a,
+                          height: Math.max(
+                            k,
+                            ti || (L ? k ? (c || a) * L > k ? (c || a) * L : k : (c || a) * L : r)
+                          ),
+                          suffix: J,
+                          prefix: li,
+                          barPadding: yi,
+                          showValues: mi,
+                          showTicks: Z,
+                          leftMargin: ii,
+                          rightMargin: bi,
+                          topMargin: F,
+                          bottomMargin: ei,
+                          truncateBy: N,
+                          showLabels: H,
+                          tooltip: di,
+                          onSeriesMouseOver: I,
+                          refValues: $,
+                          maxValue: z,
+                          minValue: x,
+                          highlightedDataPoints: m,
+                          onSeriesMouseClick: C,
+                          labelOrder: h,
+                          rtl: n === "he" || n === "ar",
+                          maxBarThickness: S,
+                          minBarThickness: f,
+                          resetSelectionOnDoubleClick: ni,
+                          detailsOnClick: Y,
+                          barAxisTitle: j,
+                          noOfTicks: E,
+                          valueColor: oi,
+                          classNames: p,
+                          styles: V,
+                          targetStyle: u,
+                          qualitativeRangeColors: O || wi[X].sequentialColors.positiveColorsx10,
+                          measureBarWidthFactor: hi,
+                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: ci,
+                          precision: xi,
+                          customLayers: ui,
+                          naLabel: M
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                K || B ? /* @__PURE__ */ e.jsx(
+                  qi,
+                  {
+                    sources: K,
+                    footNote: B,
+                    width: c,
+                    styles: { footnote: V?.footnote, source: V?.source },
+                    classNames: {
+                      footnote: p?.footnote,
+                      source: p?.source
+                    }
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Qi(vi) {
+  const {
+    data: l,
+    width: b,
+    height: U,
+    barColor: J,
+    suffix: K,
+    prefix: li,
+    barPadding: Q,
+    showLabels: yi,
+    showValues: mi,
+    showTicks: Z,
+    truncateBy: ii,
+    rightMargin: bi,
+    topMargin: N,
+    bottomMargin: ti,
+    leftMargin: c,
+    tooltip: B,
+    onSeriesMouseOver: T,
+    refValues: D,
+    maxValue: m,
+    minValue: q,
+    highlightedDataPoints: v,
+    onSeriesMouseClick: F,
+    labelOrder: ei,
+    maxBarThickness: H,
+    minBarThickness: L,
+    resetSelectionOnDoubleClick: di,
+    detailsOnClick: I,
+    barAxisTitle: $,
+    valueColor: ai,
+    noOfTicks: si,
+    styles: z,
+    classNames: x,
+    targetStyle: C,
+    targetColor: ri,
+    qualitativeRangeColors: P,
+    measureBarWidthFactor: W,
+    animate: h,
+    dimmedOpacity: n,
+    precision: k,
+    customLayers: X,
+    naLabel: S
+  } = vi, A = ji(null), f = Ii(A, {
+    once: h.once,
+    amount: h.amount
+  }), g = {
+    top: N,
+    bottom: ti,
+    left: $ ? c + 30 : c,
+    right: bi
+  }, [ni, Y] = gi(void 0), [j, E] = gi(void 0), [oi, V] = gi(void 0), [p, y] = gi(void 0), u = b - g.left - g.right, R = U - g.top - g.bottom, O = Math.max(...l.filter((t) => !o(t.size)).map((t) => t.size)) < 0 ? 0 : Math.max(...l.filter((t) => !o(t.size)).map((t) => t.size)), hi = Math.max(...l.filter((t) => !o(t.target)).map((t) => t.target)) < 0 ? 0 : Math.max(...l.filter((t) => !o(t.size)).map((t) => t.target)), _ = Math.max(
+    ...l.map((t) => Ci((t.qualitativeRange || []).filter((i) => !o(i))) || 0)
+  ), ci = o(m) ? Math.max(...[O, hi, _].filter(Number.isFinite)) < 0 ? 0 : Math.max(
+    ...[O, hi, _].filter(Number.isFinite)
+  ) : m, xi = Math.min(...l.filter((t) => !o(t.size)).map((t) => t.size)) >= 0 ? 0 : Math.min(...l.filter((t) => !o(t.size)).map((t) => t.size)), ui = Math.min(...l.filter((t) => !o(t.target)).map((t) => t.target)) >= 0 ? 0 : Math.min(
+    ...l.filter((t) => !o(t.target)).map((t) => t.target)
+  ), M = o(q) ? Math.min(...[xi, ui].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[xi, ui].filter(Number.isFinite)) : q, a = Si().domain([M, ci]).range([R, 0]).nice(), fi = l.map((t, i) => ({
+    ...t,
+    id: ei ? `${t.label}` : `${i}`
+  })), r = ei || fi.map((t) => `${t.id}`), w = Ri().domain(r).range([
+    0,
+    L ? Math.max(u, L * r.length) : H ? Math.min(u, H * r.length) : u
+  ]).paddingInner(Q), d = a.ticks(si);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      G.svg,
+      {
+        width: `${b}px`,
+        height: `${U}px`,
+        viewBox: `0 0 ${b} ${U}`,
+        direction: "ltr",
+        ref: A,
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+          /* @__PURE__ */ e.jsx(
+            Li,
+            {
+              y1: a(M < 0 ? 0 : M),
+              y2: a(M < 0 ? 0 : M),
+              x1: 0 - c,
+              x2: u + g.right,
+              label: zi(
+                M < 0 ? 0 : M,
+                S,
+                k,
+                li,
+                K
+              ),
+              labelPos: {
+                x: 0 - c,
+                dx: 0,
+                dy: ci < 0 ? "1em" : -5,
+                y: a(M < 0 ? 0 : M)
+              },
+              classNames: {
+                axis: x?.xAxis?.axis,
+                label: x?.yAxis?.labels
+              },
+              styles: { axis: z?.xAxis?.axis, label: z?.yAxis?.labels }
+            }
+          ),
+          Z ? /* @__PURE__ */ e.jsx(
+            Ui,
+            {
+              values: d.filter((t) => t !== 0),
+              y: d.filter((t) => t !== 0).map((t) => a(t)),
+              x1: 0 - c,
+              x2: u + g.right,
+              styles: {
+                gridLines: z?.yAxis?.gridLines,
+                labels: z?.yAxis?.labels
+              },
+              classNames: {
+                gridLines: x?.yAxis?.gridLines,
+                labels: x?.yAxis?.labels
+              },
+              suffix: K,
+              prefix: li,
+              labelType: "secondary",
+              showGridLines: !0,
+              labelPos: "vertical",
+              precision: k
+            }
+          ) : null,
+          /* @__PURE__ */ e.jsx(
+            Di,
+            {
+              x: 0 - c - 15,
+              y: R / 2,
+              style: z?.yAxis?.title,
+              className: x?.yAxis?.title,
+              text: $,
+              rotate90: !0
+            }
+          ),
+          X.filter((t) => t.position === "before").map((t) => t.layer),
+          /* @__PURE__ */ e.jsxs(Bi, { children: [
+            fi.map(
+              (t) => o(w(t.id)) ? null : /* @__PURE__ */ e.jsxs(
+                G.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  onMouseEnter: (i) => {
+                    Y(t), y(i.clientY), V(i.clientX), T?.(t);
+                  },
+                  onClick: () => {
+                    (F || I) && (Oi(j, t) && di ? (E(void 0), F?.(void 0)) : (E(t), F?.(t)));
+                  },
+                  onMouseMove: (i) => {
+                    Y(t), y(i.clientY), V(i.clientX);
+                  },
+                  onMouseLeave: () => {
+                    Y(void 0), V(void 0), y(void 0), T?.(void 0);
+                  },
+                  exit: { opacity: 0, transition: { duration: h.duration } },
+                  variants: {
+                    initial: {
+                      x: w(`${t.id}`),
+                      y: 0,
+                      opacity: v.length !== 0 ? v.indexOf(t.label) !== -1 ? 0.85 : n : 0.85
+                    },
+                    whileInView: {
+                      x: w(`${t.id}`),
+                      y: 0,
+                      opacity: v.length !== 0 ? v.indexOf(t.label) !== -1 ? 0.85 : n : 0.85,
+                      transition: { duration: h.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: f ? "whileInView" : "initial",
+                  children: [
+                    t.qualitativeRange ? t.qualitativeRange.map((i, s) => /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        x: 0,
+                        exit: {
+                          height: 0,
+                          y: a(0),
+                          transition: { duration: h.duration }
+                        },
+                        variants: {
+                          initial: {
+                            height: 0,
+                            y: a(0),
+                            fill: P[s]
+                          },
+                          whileInView: {
+                            height: Math.abs(
+                              a(
+                                Ci(
+                                  t.qualitativeRange.filter(
+                                    (pi, Mi) => Mi <= s && pi
+                                  )
+                                )
+                              ) - a(
+                                Ci(
+                                  t.qualitativeRange.filter(
+                                    (pi, Mi) => Mi < s && pi
+                                  )
+                                )
+                              )
+                            ),
+                            y: a(
+                              Ci(
+                                t.qualitativeRange.filter(
+                                  (pi, Mi) => Mi <= s && pi
+                                )
+                              )
+                            ),
+                            fill: P[s],
+                            transition: { duration: h.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: f ? "whileInView" : "initial",
+                        width: w.bandwidth()
+                      },
+                      s
+                    )) : null,
+                    t.target && C === "background" ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        x: 0,
+                        width: w.bandwidth(),
+                        style: {
+                          fill: ri
+                        },
+                        exit: {
+                          height: 0,
+                          y: a(0),
+                          transition: { duration: h.duration }
+                        },
+                        variants: {
+                          initial: {
+                            height: 0,
+                            y: a(0)
+                          },
+                          whileInView: {
+                            height: Math.abs(a(t.target) - a(0)),
+                            y: t.target > 0 ? a(t.target) : a(0),
+                            transition: { duration: h.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: f ? "whileInView" : "initial"
+                      }
+                    ) : null,
+                    t.size ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        x: w.bandwidth() * ((1 - W) / 2),
+                        width: w.bandwidth() * W,
+                        style: {
+                          fill: J
+                        },
+                        exit: {
+                          height: 0,
+                          y: a(0),
+                          transition: { duration: h.duration }
+                        },
+                        variants: {
+                          initial: {
+                            height: 0,
+                            y: a(0)
+                          },
+                          whileInView: {
+                            height: Math.abs(a(t.size) - a(0)),
+                            y: t.size > 0 ? a(t.size) : a(0),
+                            transition: { duration: h.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: f ? "whileInView" : "initial"
+                      }
+                    ) : null,
+                    t.target && C === "line" ? /* @__PURE__ */ e.jsx(
+                      G.rect,
+                      {
+                        x: 0,
+                        width: w.bandwidth(),
+                        style: {
+                          fill: ri
+                        },
+                        exit: {
+                          y: a(0),
+                          opacity: 0,
+                          transition: { duration: h.duration }
+                        },
+                        variants: {
+                          initial: {
+                            y: a(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            y: a(t.target) - 1,
+                            opacity: 1,
+                            transition: { duration: h.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: f ? "whileInView" : "initial",
+                        height: 2
+                      }
+                    ) : null,
+                    yi ? /* @__PURE__ */ e.jsx(
+                      Gi,
+                      {
+                        value: `${t.label}`.length < ii ? `${t.label}` : `${`${t.label}`.substring(0, ii)}...`,
+                        y: (t.size || 0) < 0 ? 0 : a(0) + 5,
+                        x: 0,
+                        width: w.bandwidth(),
+                        height: (t.size || 0) < 0 ? a(0) - 5 : g.bottom,
+                        style: z?.xAxis?.labels,
+                        className: x?.xAxis?.labels,
+                        alignment: (t.size || 0) < 0 ? "bottom" : "top",
+                        animate: h,
+                        isInView: f
+                      }
+                    ) : null,
+                    mi ? /* @__PURE__ */ e.jsx(
+                      G.text,
+                      {
+                        x: w.bandwidth() / 2,
+                        style: {
+                          ...ai ? { fill: ai } : { fill: J },
+                          textAnchor: "middle",
+                          ...z?.graphObjectValues || {}
+                        },
+                        className: Ni(
+                          "graph-value text-sm",
+                          !ai && J.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
+                          x?.graphObjectValues
+                        ),
+                        dy: t.size ? t.size >= 0 ? "-5px" : "1em" : "-5px",
+                        exit: { opacity: 0, transition: { duration: h.duration } },
+                        variants: {
+                          initial: {
+                            y: a(0),
+                            opacity: 0
+                          },
+                          whileInView: {
+                            y: a(t.size || 0),
+                            opacity: 1,
+                            transition: { duration: h.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: f ? "whileInView" : "initial",
+                        children: zi(t.size, S, k, li, K)
+                      }
+                    ) : null
+                  ]
+                },
+                t.label
+              )
+            ),
+            D ? /* @__PURE__ */ e.jsx(e.Fragment, { children: D.map((t, i) => /* @__PURE__ */ e.jsx(
+              _i,
+              {
+                text: t.text,
+                color: t.color,
+                y: a(t.value),
+                x1: 0 - c,
+                x2: u + g.right,
+                classNames: t.classNames,
+                styles: t.styles,
+                animate: h,
+                isInView: f
+              },
+              i
+            )) }) : null
+          ] }),
+          X.filter((t) => t.position === "after").map((t) => t.layer)
+        ] })
+      }
+    ),
+    ni && B && oi && p ? /* @__PURE__ */ e.jsx(
+      $i,
+      {
+        data: ni,
+        body: B,
+        xPos: oi,
+        yPos: p,
+        backgroundStyle: z?.tooltip,
+        className: x?.tooltip
+      }
+    ) : null,
+    I && j !== void 0 ? /* @__PURE__ */ e.jsx(
+      Ti,
+      {
+        open: j !== void 0,
+        onClose: () => {
+          E(void 0);
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof I == "string" ? { __html: Ai(I, j) } : void 0,
+            children: typeof I == "function" ? I(j) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Zi(vi) {
+  const {
+    data: l,
+    graphTitle: b,
+    barColor: U = wi.primaryColors["blue-600"],
+    barPadding: J = 0.25,
+    showTicks: K = !0,
+    leftMargin: li = 20,
+    rightMargin: Q = 20,
+    topMargin: yi = 20,
+    bottomMargin: mi = 25,
+    truncateBy: Z = 999,
+    showLabels: ii = !0,
+    showValues: bi = !0,
+    backgroundColor: N = !1,
+    suffix: ti = "",
+    prefix: c = "",
+    sources: B,
+    graphDescription: T,
+    height: D,
+    width: m,
+    footNote: q,
+    colorDomain: v,
+    colorLegendTitle: F,
+    padding: ei,
+    relativeHeight: H,
+    tooltip: L,
+    onSeriesMouseOver: di,
+    refValues: I,
+    showColorScale: $ = !0,
+    graphID: ai,
+    maxValue: si,
+    minValue: z,
+    highlightedDataPoints: x = [],
+    qualitativeRangeColors: C,
+    onSeriesMouseClick: ri,
+    graphDownload: P = !1,
+    dataDownload: W = !1,
+    language: h = "en",
+    theme: n = "light",
+    sortData: k,
+    labelOrder: X,
+    minHeight: S = 0,
+    maxBarThickness: A,
+    maxNumberOfBars: f,
+    minBarThickness: g,
+    ariaLabel: ni,
+    resetSelectionOnDoubleClick: Y = !0,
+    detailsOnClick: j,
+    barAxisTitle: E,
+    noOfTicks: oi = 5,
+    valueColor: V,
+    styles: p,
+    classNames: y,
+    targetColor: u = wi.light.grays["gray-700"],
+    filterNA: R = !0,
+    targetStyle: O = "line",
+    measureBarWidthFactor: hi = 0.4,
+    animate: _ = !1,
+    dimmedOpacity: ci = 0.3,
+    precision: xi = 2,
+    customLayers: ui = [],
+    naLabel: M = "NA"
+  } = vi, [a, fi] = gi(0), [r, w] = gi(0), d = ji(null), t = ji(null);
+  return ki(() => {
+    const i = new ResizeObserver((s) => {
+      fi(m || s[0].target.clientWidth || 620), w(D || s[0].target.clientHeight || 480);
+    });
+    return d.current && (w(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), m || i.observe(d.current)), () => i.disconnect();
+  }, [m, D]), /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `${n || "light"} flex  ${m ? "w-fit grow-0" : "w-full grow"}`,
+      dir: h === "he" || h === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: Ni(
+            `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${h || "en"}`,
+            y?.graphContainer
+          ),
+          style: {
+            ...p?.graphContainer || {},
+            ...N && N !== !0 ? { backgroundColor: N } : {}
+          },
+          id: ai,
+          ref: t,
+          "aria-label": ni || `${b ? `The graph shows ${b}. ` : ""}This is a grouped bar chart. ${T ? ` ${T}` : ""}`,
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: N ? ei || "1rem" : ei || 0 },
+              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                b || T || P || W ? /* @__PURE__ */ e.jsx(
+                  Fi,
+                  {
+                    styles: {
+                      title: p?.title,
+                      description: p?.description
+                    },
+                    classNames: {
+                      title: y?.title,
+                      description: y?.description
+                    },
+                    graphTitle: b,
+                    graphDescription: T,
+                    width: m,
+                    graphDownload: P ? t.current : void 0,
+                    dataDownload: W ? 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,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  $ && l.filter((i) => i.qualitativeRange).length !== 0 && v ? /* @__PURE__ */ e.jsx(
+                    Pi,
+                    {
+                      width: m,
+                      colorLegendTitle: F,
+                      colors: C || wi[n].sequentialColors.positiveColorsx10,
+                      colorDomain: v,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: "flex grow flex-col justify-center w-full leading-0",
+                      ref: d,
+                      "aria-label": "Graph area",
+                      children: (m || a) && (D || r) ? /* @__PURE__ */ e.jsx(
+                        Qi,
+                        {
+                          data: k === "asc" ? Vi(
+                            l.filter((i) => R ? !o(i.size) : i),
+                            (i) => i.size
+                          ).filter((i, s) => f ? s < f : !0) : k === "desc" ? Vi(
+                            l.filter(
+                              (i) => R ? !o(i.size) : i
+                            ),
+                            (i) => i.size
+                          ).reverse().filter((i, s) => f ? s < f : !0) : l.filter((i) => R ? !o(i.size) : i).filter((i, s) => f ? s < f : !0),
+                          barColor: U,
+                          targetColor: u,
+                          width: m || a,
+                          refValues: I,
+                          height: Math.max(
+                            S,
+                            D || (H ? S ? (m || a) * H > S ? (m || a) * H : S : (m || a) * H : r)
+                          ),
+                          suffix: ti,
+                          prefix: c,
+                          barPadding: J,
+                          showLabels: ii,
+                          showValues: bi,
+                          showTicks: K,
+                          truncateBy: Z,
+                          leftMargin: li,
+                          rightMargin: Q,
+                          qualitativeRangeColors: C || wi[n].sequentialColors.positiveColorsx10,
+                          topMargin: yi,
+                          bottomMargin: mi,
+                          tooltip: L,
+                          onSeriesMouseOver: di,
+                          maxValue: si,
+                          minValue: z,
+                          highlightedDataPoints: x,
+                          onSeriesMouseClick: ri,
+                          labelOrder: X,
+                          maxBarThickness: A,
+                          minBarThickness: g,
+                          resetSelectionOnDoubleClick: Y,
+                          detailsOnClick: j,
+                          barAxisTitle: E,
+                          noOfTicks: oi,
+                          valueColor: V,
+                          styles: p,
+                          classNames: y,
+                          targetStyle: O,
+                          dimmedOpacity: ci,
+                          measureBarWidthFactor: hi,
+                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
+                          precision: xi,
+                          customLayers: ui,
+                          naLabel: M
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                B || q ? /* @__PURE__ */ e.jsx(
+                  qi,
+                  {
+                    styles: { footnote: p?.footnote, source: p?.source },
+                    classNames: {
+                      footnote: y?.footnote,
+                      source: y?.source
+                    },
+                    sources: B,
+                    footNote: q,
+                    width: m
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function zt(vi) {
+  const {
+    data: l,
+    graphTitle: b,
+    barColor: U,
+    barPadding: J,
+    showTicks: K,
+    leftMargin: li,
+    rightMargin: Q,
+    topMargin: yi,
+    bottomMargin: mi,
+    truncateBy: Z,
+    showLabels: ii,
+    showValues: bi,
+    backgroundColor: N,
+    suffix: ti,
+    prefix: c,
+    sources: B,
+    graphDescription: T,
+    height: D,
+    width: m,
+    footNote: q,
+    colorDomain: v,
+    colorLegendTitle: F,
+    padding: ei,
+    relativeHeight: H,
+    tooltip: L,
+    onSeriesMouseOver: di,
+    refValues: I,
+    showColorScale: $,
+    graphID: ai,
+    maxValue: si,
+    minValue: z,
+    highlightedDataPoints: x,
+    onSeriesMouseClick: C,
+    graphDownload: ri,
+    dataDownload: P,
+    language: W,
+    theme: h,
+    sortData: n,
+    labelOrder: k,
+    minHeight: X,
+    maxBarThickness: S,
+    maxNumberOfBars: A,
+    minBarThickness: f,
+    ariaLabel: g,
+    resetSelectionOnDoubleClick: ni,
+    detailsOnClick: Y,
+    barAxisTitle: j,
+    noOfTicks: E,
+    valueColor: oi,
+    orientation: V = "vertical",
+    styles: p,
+    classNames: y,
+    filterNA: u,
+    targetStyle: R,
+    targetColor: O,
+    qualitativeRangeColors: hi,
+    measureBarWidthFactor: _,
+    animate: ci,
+    dimmedOpacity: xi,
+    precision: ui,
+    naLabel: M
+  } = vi;
+  return V === "vertical" ? /* @__PURE__ */ e.jsx(
+    Zi,
+    {
+      data: l,
+      graphTitle: b,
+      barColor: U,
+      barPadding: J,
+      showTicks: K,
+      leftMargin: li,
+      rightMargin: Q,
+      topMargin: yi,
+      bottomMargin: mi,
+      truncateBy: Z,
+      showLabels: ii,
+      showValues: bi,
+      backgroundColor: N,
+      suffix: ti,
+      prefix: c,
+      sources: B,
+      graphDescription: T,
+      height: D,
+      width: m,
+      footNote: q,
+      colorDomain: v,
+      colorLegendTitle: F,
+      padding: ei,
+      relativeHeight: H,
+      tooltip: L,
+      onSeriesMouseOver: di,
+      refValues: I,
+      showColorScale: $,
+      graphID: ai,
+      maxValue: si,
+      minValue: z,
+      highlightedDataPoints: x,
+      onSeriesMouseClick: C,
+      graphDownload: ri,
+      dataDownload: P,
+      language: W,
+      theme: h,
+      sortData: n,
+      labelOrder: k,
+      minHeight: X,
+      maxBarThickness: S,
+      maxNumberOfBars: A,
+      minBarThickness: f,
+      ariaLabel: g,
+      resetSelectionOnDoubleClick: ni,
+      styles: p,
+      detailsOnClick: Y,
+      barAxisTitle: j,
+      noOfTicks: E,
+      valueColor: oi,
+      classNames: y,
+      filterNA: u,
+      targetStyle: R,
+      targetColor: O,
+      measureBarWidthFactor: _,
+      qualitativeRangeColors: hi,
+      animate: ci,
+      dimmedOpacity: xi,
+      precision: ui,
+      naLabel: M
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    Ki,
+    {
+      data: l,
+      graphTitle: b,
+      barColor: U,
+      barPadding: J,
+      showTicks: K,
+      leftMargin: li,
+      rightMargin: Q,
+      topMargin: yi,
+      bottomMargin: mi,
+      truncateBy: Z,
+      showLabels: ii,
+      showValues: bi,
+      backgroundColor: N,
+      suffix: ti,
+      prefix: c,
+      sources: B,
+      graphDescription: T,
+      height: D,
+      width: m,
+      footNote: q,
+      colorDomain: v,
+      colorLegendTitle: F,
+      padding: ei,
+      relativeHeight: H,
+      tooltip: L,
+      onSeriesMouseOver: di,
+      refValues: I,
+      showColorScale: $,
+      graphID: ai,
+      maxValue: si,
+      minValue: z,
+      highlightedDataPoints: x,
+      onSeriesMouseClick: C,
+      graphDownload: ri,
+      dataDownload: P,
+      language: W,
+      theme: h,
+      sortData: n,
+      labelOrder: k,
+      minHeight: X,
+      maxBarThickness: S,
+      maxNumberOfBars: A,
+      minBarThickness: f,
+      ariaLabel: g,
+      resetSelectionOnDoubleClick: ni,
+      styles: p,
+      detailsOnClick: Y,
+      barAxisTitle: j,
+      noOfTicks: E,
+      valueColor: oi,
+      classNames: y,
+      filterNA: u,
+      targetStyle: R,
+      targetColor: O,
+      measureBarWidthFactor: _,
+      qualitativeRangeColors: hi,
+      animate: ci,
+      dimmedOpacity: xi,
+      precision: ui,
+      naLabel: M
+    }
+  );
+}
+export {
+  zt as BulletChart
+};
 //# sourceMappingURL=BulletChart.js.map