@undp/data-viz 2.3.17 → 2.3.19

package/dist/BasicStatCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-6v2a2njQ.cjs"),Q=require("./Typography-CZZxlj1W.cjs"),U=require("./GraphFooter.cjs"),X=require("./GraphHeader.cjs"),Y=require("./numberFormattingFunction-02t-wJta.cjs");function tt(Z){const t=r.compilerRuntimeExports.c(48),{year:l,value:j,graphTitle:i,suffix:q,sources:c,prefix:z,graphDescription:n,footNote:x,padding:W,backgroundColor:L,graphID:w,language:D,theme:P,ariaLabel:_,textBackground:I,headingFontSize:M,centerAlign:O,verticalAlign:V,layout:J,styles:e,classNames:o,precision:b}=Z,v=q===void 0?"":q,R=z===void 0?"":z,a=L===void 0?!1:L,s=D===void 0?"en":D,K=P===void 0?"light":P,E=I===void 0?!1:I,N=M===void 0?"4.375rem":M,k=O===void 0?!1:O,$=V===void 0?"center":V,y=J===void 0?"primary":J,F=`${K||"light"} w-full`,C=s==="he"||s==="ar"?"rtl":void 0,G=`${K||"light"} flex flex-col w-full box-border h-full ${a?a===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${s||"en"}`,T=o?.graphContainer;let u;t[0]!==G||t[1]!==T?(u=r.mo(G,T),t[0]=G,t[1]=T,t[2]=u):u=t[2];let d;t[3]!==e?.graphContainer?(d=e?.graphContainer||{},t[3]=e?.graphContainer,t[4]=d):d=t[4];let p;t[5]!==a?(p=a&&a!==!0?{backgroundColor:a}:{},t[5]=a,t[6]=p):p=t[6];const A=a?W||"1rem":W||0;let m;t[7]!==d||t[8]!==p||t[9]!==A?(m={...d,...p,padding:A},t[7]=d,t[8]=p,t[9]=A,t[10]=m):m=t[10];const B=_||`${i?`The graph shows ${i}. `:""}This is a statistic card.${n?` ${n}`:""}`,H=`flex flex-col w-full grow ${y!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==k||t[12]!==o?.description||t[13]!==o?.footnote||t[14]!==o?.source||t[15]!==o?.title||t[16]!==x||t[17]!==n||t[18]!==i||t[19]!==N||t[20]!==s||t[21]!==y||t[22]!==b||t[23]!==R||t[24]!==c||t[25]!==e?.description||t[26]!==e?.footnote||t[27]!==e?.source||t[28]!==e?.title||t[29]!==v||t[30]!==E||t[31]!==j||t[32]!==$||t[33]!==l?(g=y!=="secondary"?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,r.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${$==="top"?"justify-start":$==="bottom"?"justify-end":"justify-center"}`,children:r.jsxRuntimeExports.jsxs(Q.R,{marginBottom:"base",className:`leading-none text-outline font-heading ${k?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${E?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:N,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,R,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]})}),c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(Q.R,{marginBottom:y==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${k?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${E?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:N,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,R,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]}),i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}),t[11]=k,t[12]=o?.description,t[13]=o?.footnote,t[14]=o?.source,t[15]=o?.title,t[16]=x,t[17]=n,t[18]=i,t[19]=N,t[20]=s,t[21]=y,t[22]=b,t[23]=R,t[24]=c,t[25]=e?.description,t[26]=e?.footnote,t[27]=e?.source,t[28]=e?.title,t[29]=v,t[30]=E,t[31]=j,t[32]=$,t[33]=l,t[34]=g):g=t[34];let f;t[35]!==H||t[36]!==g?(f=r.jsxRuntimeExports.jsx("div",{className:H,children:g}),t[35]=H,t[36]=g,t[37]=f):f=t[37];let h;t[38]!==w||t[39]!==C||t[40]!==u||t[41]!==m||t[42]!==B||t[43]!==f?(h=r.jsxRuntimeExports.jsx("div",{id:w,dir:C,className:u,style:m,"aria-label":B,children:f}),t[38]=w,t[39]=C,t[40]=u,t[41]=m,t[42]=B,t[43]=f,t[44]=h):h=t[44];let S;return t[45]!==F||t[46]!==h?(S=r.jsxRuntimeExports.jsx("div",{className:F,children:h}),t[45]=F,t[46]=h,t[47]=S):S=t[47],S}exports.BasicStatCard=tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),X=require("./Typography-BqmyF1gP.cjs"),Y=require("./GraphFooter.cjs"),Z=require("./GraphHeader.cjs"),_=require("./numberFormattingFunction-Cn9R7CM9.cjs");function ot(tt){const t=o.compilerRuntimeExports.c(49),{year:l,value:j,graphTitle:i,suffix:A,sources:c,prefix:W,graphDescription:n,footNote:x,padding:L,backgroundColor:D,graphID:F,language:P,theme:I,ariaLabel:et,textBackground:M,headingFontSize:O,centerAlign:V,verticalAlign:J,layout:K,styles:e,classNames:r,precision:b,locale:Q}=tt,v=A===void 0?"":A,R=W===void 0?"":W,a=D===void 0?!1:D,s=P===void 0?"en":P,U=I===void 0?"light":I,E=M===void 0?!1:M,k=O===void 0?"4.375rem":O,$=V===void 0?!1:V,N=J===void 0?"center":J,y=K===void 0?"primary":K,S=Q===void 0?"en":Q,C=`${U||"light"} w-full`,G=s==="he"||s==="ar"?"rtl":void 0,T=`${U||"light"} flex flex-col w-full box-border h-full ${a?a===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${s||"en"}`,B=r?.graphContainer;let d;t[0]!==T||t[1]!==B?(d=o.mo(T,B),t[0]=T,t[1]=B,t[2]=d):d=t[2];let u;t[3]!==e?.graphContainer?(u=e?.graphContainer||{},t[3]=e?.graphContainer,t[4]=u):u=t[4];let p;t[5]!==a?(p=a&&a!==!0?{backgroundColor:a}:{},t[5]=a,t[6]=p):p=t[6];const H=a?L||"1rem":L||0;let m;t[7]!==u||t[8]!==p||t[9]!==H?(m={...u,...p,padding:H},t[7]=u,t[8]=p,t[9]=H,t[10]=m):m=t[10];const q=et||`${i?`The graph shows ${i}. `:""}This is a statistic card.${n?` ${n}`:""}`,z=`flex flex-col w-full grow ${y!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==$||t[12]!==r?.description||t[13]!==r?.footnote||t[14]!==r?.source||t[15]!==r?.title||t[16]!==x||t[17]!==n||t[18]!==i||t[19]!==k||t[20]!==s||t[21]!==y||t[22]!==S||t[23]!==b||t[24]!==R||t[25]!==c||t[26]!==e?.description||t[27]!==e?.footnote||t[28]!==e?.source||t[29]!==e?.title||t[30]!==v||t[31]!==E||t[32]!==j||t[33]!==N||t[34]!==l?(g=y!=="secondary"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[i||n?o.jsxRuntimeExports.jsx(Z.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:r?.title,description:r?.description},graphTitle:i,graphDescription:n}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${N==="top"?"justify-start":N==="bottom"?"justify-end":"justify-center"}`,children:o.jsxRuntimeExports.jsxs(X.R,{marginBottom:"base",className:`leading-none text-outline font-heading ${$?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${E?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:k,letterSpacing:"0.05rem"},children:[_.numberFormattingFunction(j,void 0,b,R,v,S)," ",l?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]})}),c||x?o.jsxRuntimeExports.jsx(Y.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:c,footNote:x}):null]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(X.R,{marginBottom:y==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${$?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${E?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:k,letterSpacing:"0.05rem"},children:[_.numberFormattingFunction(j,void 0,b,R,v,S)," ",l?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]}),i||n?o.jsxRuntimeExports.jsx(Z.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:r?.title,description:r?.description},graphTitle:i,graphDescription:n}):null,c||x?o.jsxRuntimeExports.jsx(Y.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:c,footNote:x}):null]}),t[11]=$,t[12]=r?.description,t[13]=r?.footnote,t[14]=r?.source,t[15]=r?.title,t[16]=x,t[17]=n,t[18]=i,t[19]=k,t[20]=s,t[21]=y,t[22]=S,t[23]=b,t[24]=R,t[25]=c,t[26]=e?.description,t[27]=e?.footnote,t[28]=e?.source,t[29]=e?.title,t[30]=v,t[31]=E,t[32]=j,t[33]=N,t[34]=l,t[35]=g):g=t[35];let f;t[36]!==z||t[37]!==g?(f=o.jsxRuntimeExports.jsx("div",{className:z,children:g}),t[36]=z,t[37]=g,t[38]=f):f=t[38];let h;t[39]!==F||t[40]!==G||t[41]!==d||t[42]!==m||t[43]!==q||t[44]!==f?(h=o.jsxRuntimeExports.jsx("div",{id:F,dir:G,className:d,style:m,"aria-label":q,children:f}),t[39]=F,t[40]=G,t[41]=d,t[42]=m,t[43]=q,t[44]=f,t[45]=h):h=t[45];let w;return t[46]!==C||t[47]!==h?(w=o.jsxRuntimeExports.jsx("div",{className:C,children:h}),t[46]=C,t[47]=h,t[48]=w):w=t[48],w}exports.BasicStatCard=ot;
 //# sourceMappingURL=BasicStatCard.cjs.map

package/dist/BasicStatCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"2RA8DO,SAAAA,GAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAA,EAAAC,WAAAA,EAAAC,OAAAC,EAAAC,QAAAA,EAAAC,OAAAC,EAAAC,iBAAAA,EAAAC,SAAAA,EAAAC,QAAAA,EAAAC,gBAAAC,EAAAC,QAAAA,EAAAC,SAAAC,EAAAC,MAAAC,EAAAC,UAAAA,EAAAC,eAAAC,EAAAC,gBAAAC,EAAAC,YAAAC,EAAAC,cAAAC,EAAAC,OAAAC,EAAAC,OAAAA,EAAAC,WAAAA,EAAAC,UAAAA,CAAAA,EAuBIlC,EAnBFM,EAAAC,IAAA4B,OAAA,GAAA5B,EAEAE,EAAAC,IAAAyB,OAAA,GAAAzB,EAIAI,EAAAC,IAAAoB,OAAA,GAAApB,EAEAE,EAAAC,IAAAiB,OAAA,KAAAjB,EACAC,EAAAC,IAAAe,OAAA,QAAAf,EAEAE,EAAAC,IAAAY,OAAA,GAAAZ,EACAC,EAAAC,IAAAU,OAAA,WAAAV,EACAC,EAAAC,IAAAQ,OAAA,GAAAR,EACAC,EAAAC,IAAAM,OAAA,SAAAN,EACAC,EAAAC,IAAAI,OAAA,UAAAJ,EAMgBK,EAAA,GAAGjB,GAAA,OAAgB,UAG1BkB,EAAApB,IAAa,MAAQA,IAAa,KAAlC,MAAAkB,OAEHG,KAAGnB,GAAA,OAAgB,2CAChBL,EAEGA,IAAoB,GAApB,+CAAA,GAFJ,gBAIQ,IACNG,GAAA,IAAgB,GACpBsB,EAAAN,GAAUO,eAAgB,IAAAC,EAAAxC,EAAA,CAAA,IAAAqC,GAAArC,OAAAsC,GARjBE,EAAAC,EAAAA,GACTJ,EAOAC,CACF,EAACtC,KAAAqC,EAAArC,KAAAsC,EAAAtC,KAAAwC,GAAAA,EAAAxC,EAAA,CAAA,EAAA,IAAA0C,EAAA1C,EAAA,CAAA,IAAA+B,GAAAQ,gBAEKG,EAAAX,GAAMQ,gBAAN,CAAA,EAA4BvC,EAAA,CAAA,EAAA+B,GAAAQ,eAAAvC,KAAA0C,GAAAA,EAAA1C,EAAA,CAAA,EAAA,IAAA2C,EAAA3C,OAAAa,GAC5B8B,EAAA9B,GAAmBA,IAAoB,GAAvC,CAAAA,gBAAAA,CAAAA,EAAA,CAAA,EAAsEb,KAAAa,EAAAb,KAAA2C,GAAAA,EAAA3C,EAAA,CAAA,EACjE,MAAA4C,EAAA/B,EAAkBD,GAAA,OAAoBA,GAAA,EAAY,IAAAiC,EAAA7C,EAAA,CAAA,IAAA0C,GAAA1C,OAAA2C,GAAA3C,EAAA,CAAA,IAAA4C,GAHtDC,EAAA,CAAA,GACDH,EAA4B,GAC5BC,EAAsE/B,QACjEgC,CAAAA,EACV5C,KAAA0C,EAAA1C,KAAA2C,EAAA3C,KAAA4C,EAAA5C,MAAA6C,GAAAA,EAAA7C,EAAA,EAAA,EAEC,MAAA8C,EAAA1B,GAAA,GACGhB,EAAA,mBAAgCA,CAAU,KAA1C,EAAmD,4BACpDM,EAAA,IAAuBA,CAAgB,GAAvC,EAA8C,GAKrCqC,+BAA6BlB,IAAW,YAAX,yBAAA,sBAA0E,GAAE,IAAAmB,EAAAhD,QAAAyB,GAAAzB,EAAA,EAAA,IAAAgC,GAAAiB,aAAAjD,QAAAgC,GAAAkB,UAAAlD,EAAA,EAAA,IAAAgC,GAAAmB,QAAAnD,EAAA,EAAA,IAAAgC,GAAAoB,OAAApD,EAAA,EAAA,IAAAW,GAAAX,EAAA,EAAA,IAAAU,GAAAV,EAAA,EAAA,IAAAI,GAAAJ,EAAA,EAAA,IAAAuB,GAAAvB,EAAA,EAAA,IAAAgB,GAAAhB,EAAA,EAAA,IAAA6B,GAAA7B,QAAAiC,GAAAjC,EAAA,EAAA,IAAAQ,GAAAR,EAAA,EAAA,IAAAO,GAAAP,EAAA,EAAA,IAAA+B,GAAAkB,aAAAjD,EAAA,EAAA,IAAA+B,GAAAmB,UAAAlD,EAAA,EAAA,IAAA+B,GAAAoB,QAAAnD,EAAA,EAAA,IAAA+B,GAAAqB,OAAApD,EAAA,EAAA,IAAAK,GAAAL,EAAA,EAAA,IAAAqB,GAAArB,EAAA,EAAA,IAAAG,GAAAH,QAAA2B,GAAA3B,EAAA,EAAA,IAAAE,GAEnH8C,EAAAnB,IAAW,YAAXwB,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAEIlD,SAAAA,CAAAA,GAAAM,EACC6C,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CACS,OAAA,CAAAJ,MACCrB,GAAMqB,MAAOH,YACPlB,GAAMkB,WAAAA,EAET,WAAA,CAAAG,MACHpB,GAAUoB,MAAOH,YACXjB,GAAUiB,WAAAA,EAEb7C,WAAAA,EACMM,iBAAAA,CAAAA,CAAgB,EAXrC,KAcD6C,EAAAA,kBAAAA,IAAA,MAAA,CACa,UAAA,sCACT5B,IAAkB,MAAlB,gBAEIA,IAAkB,SAAlB,cAAA,gBAEkB,GAGxB,kCAAC8B,EAAAA,EAAA,CACc,aAAA,OACF,UAAA,0CACThC,EAAA,cAEIT,IAAa,MAAQA,IAAa,KAAlC,aAAA,WAEa,IACfK,EAAA,6CAAA,aAA6E,GAC1E,MAAA,CAAAqC,SACKnC,EAAeoC,cACV,SAAA,EAGhBC,SAAAA,CAAAA,EAAAA,yBAAyBzD,EAAO,KAAM8B,EAAWzB,EAAQH,CAAM,EAAG,IAClEH,EACCmD,EAAAA,kBAAAA,KAAA,OAAA,CACY,UAAA,iFACH,MAAA,CAAAQ,WACO,OAAMC,WACN,OAAMC,WACN,OAAMC,sBACK,CAAA,EAE1B,SAAA,CAAA,IACG9D,EAAK,GAAA,CAAA,CACT,EAXD,IAAA,CAAA,CAaH,CAAA,CACF,EACCK,GAAAI,EACC4C,EAAAA,kBAAAA,IAACU,EAAAA,YAAA,CACS,OAAA,CAAAf,SAAYnB,GAAMmB,SAAUC,OAAUpB,GAAMoB,MAAAA,EACxC,WAAA,CAAAD,SACAlB,GAAUkB,SAAUC,OACtBnB,GAAUmB,MAAAA,EAEX5C,QAAAA,EACCI,SAAAA,CAAAA,CAAQ,EARrB,IAAA,CAAA,CAUO,EAjEX0C,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAqEG,SAAA,CAAAD,EAAAA,kBAAAA,KAACI,EAAAA,EAAA,CACe,aAAA5B,IAAW,YAAX,OAAA,OACH,UAAA,0CACTJ,EAAA,cAEIT,IAAa,MAAQA,IAAa,KAAlC,aAAA,WAEa,IACfK,EAAA,6CAAA,aAA6E,GAC1E,MAAA,CAAAqC,SACKnC,EAAeoC,cACV,SAAA,EAGhBC,SAAAA,CAAAA,EAAAA,yBAAyBzD,EAAO,KAAM8B,EAAWzB,EAAQH,CAAM,EAAG,IAClEH,EACCmD,EAAAA,kBAAAA,KAAA,OAAA,CACY,UAAA,iFACH,MAAA,CAAAQ,WACO,OAAMC,WACN,OAAMC,WACN,OAAMC,sBACK,CAAA,EAE1B,SAAA,CAAA,IACG9D,EAAK,GAAA,CAAA,CACT,EAXD,IAAA,EAaH,EACCE,GAAAM,EACC6C,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CACS,OAAA,CAAAJ,MACCrB,GAAMqB,MAAOH,YACPlB,GAAMkB,WAAAA,EAET,WAAA,CAAAG,MACHpB,GAAUoB,MAAOH,YACXjB,GAAUiB,WAAAA,EAEb7C,WAAAA,EACMM,iBAAAA,CAAAA,CAAgB,EAXrC,KAcAH,GAAAI,EACC4C,EAAAA,kBAAAA,IAACU,EAAAA,YAAA,CACS,OAAA,CAAAf,SAAYnB,GAAMmB,SAAUC,OAAUpB,GAAMoB,MAAAA,EACxC,WAAA,CAAAD,SACAlB,GAAUkB,SAAUC,OACtBnB,GAAUmB,MAAAA,EAEX5C,QAAAA,EACCI,SAAAA,CAAAA,CAAQ,EARrB,IAAA,EAUO,EAEXX,MAAAyB,EAAAzB,EAAA,EAAA,EAAAgC,GAAAiB,YAAAjD,EAAA,EAAA,EAAAgC,GAAAkB,SAAAlD,EAAA,EAAA,EAAAgC,GAAAmB,OAAAnD,EAAA,EAAA,EAAAgC,GAAAoB,MAAApD,MAAAW,EAAAX,MAAAU,EAAAV,MAAAI,EAAAJ,MAAAuB,EAAAvB,MAAAgB,EAAAhB,MAAA6B,EAAA7B,MAAAiC,EAAAjC,MAAAQ,EAAAR,MAAAO,EAAAP,EAAA,EAAA,EAAA+B,GAAAkB,YAAAjD,EAAA,EAAA,EAAA+B,GAAAmB,SAAAlD,EAAA,EAAA,EAAA+B,GAAAoB,OAAAnD,EAAA,EAAA,EAAA+B,GAAAqB,MAAApD,MAAAK,EAAAL,MAAAqB,EAAArB,MAAAG,EAAAH,MAAA2B,EAAA3B,MAAAE,EAAAF,MAAAgD,GAAAA,EAAAhD,EAAA,EAAA,EAAA,IAAAkE,EAAAlE,EAAA,EAAA,IAAA+C,GAAA/C,QAAAgD,GA/HHkB,EAAAX,EAAAA,kBAAAA,IAAA,MAAA,CACa,UAAAR,EAEVC,SAAAA,EA6HH,EAAMhD,MAAA+C,EAAA/C,MAAAgD,EAAAhD,MAAAkE,GAAAA,EAAAlE,EAAA,EAAA,EAAA,IAAAmE,EAAAnE,QAAAe,GAAAf,EAAA,EAAA,IAAAoC,GAAApC,EAAA,EAAA,IAAAwC,GAAAxC,EAAA,EAAA,IAAA6C,GAAA7C,QAAA8C,GAAA9C,EAAA,EAAA,IAAAkE,GAzJRC,EAAAZ,EAAAA,kBAAAA,IAAA,MAAA,CACMxC,KACC,IAAAqB,EACM,UAAAI,EAUJ,MAAAK,EAML,aAAAC,EAMFoB,SAAAA,EAiIF,EAAMlE,MAAAe,EAAAf,MAAAoC,EAAApC,MAAAwC,EAAAxC,MAAA6C,EAAA7C,MAAA8C,EAAA9C,MAAAkE,EAAAlE,MAAAmE,GAAAA,EAAAnE,EAAA,EAAA,EAAA,IAAAoE,EAAA,OAAApE,EAAA,EAAA,IAAAmC,GAAAnC,QAAAmE,GA3JRC,EAAAb,EAAAA,kBAAAA,IAAA,MAAA,CAAgB,UAAApB,EACdgC,SAAAA,EA2JF,EAAMnE,MAAAmC,EAAAnC,MAAAmE,EAAAnE,MAAAoE,GAAAA,EAAApE,EAAA,EAAA,EA5JNoE,CA4JM"}
+{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    locale = 'en',\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, undefined, precision, prefix, suffix, locale)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, undefined, precision, prefix, suffix, locale)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","locale","t10","undefined","t11","t12","t13","t14","graphContainer","t15","cn","t16","t17","t18","t19","t20","t21","t22","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t23","t24","t25"],"mappings":"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"}

package/dist/BasicStatCard.d.ts

@@ -76,6 +76,8 @@ declare interface Props {
     value: number | string;
     /** Sub text next to main text */
     year?: number | string;
+    /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */
+    locale?: string;
     /** Language setting  */
     language?: Languages;
     /** Color theme */

package/dist/BasicStatCard.js

@@ -1,63 +1,64 @@
-import { c as tt, m as et, j as r } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { R as U } from "./Typography-DMVW6JnV.js";
-import { GraphFooter as V } from "./GraphFooter.js";
-import { GraphHeader as X } from "./GraphHeader.js";
-import { n as Y } from "./numberFormattingFunction-14YCbkN2.js";
-function at(Z) {
-  const t = tt.c(48), {
+import { c as ot, m as rt, j as r } from "./index-CHPV5EwG-BzibaIRc.js";
+import { R as X } from "./Typography-BO0gQDIT.js";
+import { GraphFooter as Y } from "./GraphFooter.js";
+import { GraphHeader as Z } from "./GraphHeader.js";
+import { n as _ } from "./numberFormattingFunction-DqMf_v1m.js";
+function ct(tt) {
+  const t = ot.c(49), {
     year: l,
     value: j,
     graphTitle: s,
-    suffix: R,
+    suffix: D,
     sources: c,
-    prefix: D,
+    prefix: E,
     graphDescription: n,
     footNote: d,
-    padding: E,
-    backgroundColor: G,
-    graphID: F,
-    language: I,
-    theme: q,
-    ariaLabel: _,
-    textBackground: J,
-    headingFontSize: K,
-    centerAlign: M,
-    verticalAlign: O,
-    layout: P,
+    padding: G,
+    backgroundColor: I,
+    graphID: B,
+    language: q,
+    theme: J,
+    ariaLabel: et,
+    textBackground: K,
+    headingFontSize: M,
+    centerAlign: O,
+    verticalAlign: P,
+    layout: Q,
     styles: e,
     classNames: o,
-    precision: b
-  } = Z, v = R === void 0 ? "" : R, N = D === void 0 ? "" : D, a = G === void 0 ? !1 : G, i = I === void 0 ? "en" : I, Q = q === void 0 ? "light" : q, k = J === void 0 ? !1 : J, $ = K === void 0 ? "4.375rem" : K, w = M === void 0 ? !1 : M, S = O === void 0 ? "center" : O, y = P === void 0 ? "primary" : P, A = `${Q || "light"} w-full`, B = i === "he" || i === "ar" ? "rtl" : void 0, T = `${Q || "light"} flex flex-col w-full box-border h-full ${a ? a === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${i || "en"}`, z = o?.graphContainer;
+    precision: b,
+    locale: U
+  } = tt, v = D === void 0 ? "" : D, k = E === void 0 ? "" : E, a = I === void 0 ? !1 : I, i = q === void 0 ? "en" : q, V = J === void 0 ? "light" : J, $ = K === void 0 ? !1 : K, N = M === void 0 ? "4.375rem" : M, w = O === void 0 ? !1 : O, S = P === void 0 ? "center" : P, y = Q === void 0 ? "primary" : Q, C = U === void 0 ? "en" : U, T = `${V || "light"} w-full`, z = i === "he" || i === "ar" ? "rtl" : void 0, A = `${V || "light"} flex flex-col w-full box-border h-full ${a ? a === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${i || "en"}`, W = o?.graphContainer;
   let f;
-  t[0] !== T || t[1] !== z ? (f = et(T, z), t[0] = T, t[1] = z, t[2] = f) : f = t[2];
+  t[0] !== A || t[1] !== W ? (f = rt(A, W), t[0] = A, t[1] = W, t[2] = f) : f = t[2];
   let m;
   t[3] !== e?.graphContainer ? (m = e?.graphContainer || {}, t[3] = e?.graphContainer, t[4] = m) : m = t[4];
   let p;
   t[5] !== a ? (p = a && a !== !0 ? {
     backgroundColor: a
   } : {}, t[5] = a, t[6] = p) : p = t[6];
-  const W = a ? E || "1rem" : E || 0;
+  const H = a ? G || "1rem" : G || 0;
   let g;
-  t[7] !== m || t[8] !== p || t[9] !== W ? (g = {
+  t[7] !== m || t[8] !== p || t[9] !== H ? (g = {
     ...m,
     ...p,
-    padding: W
-  }, t[7] = m, t[8] = p, t[9] = W, t[10] = g) : g = t[10];
-  const H = _ || `${s ? `The graph shows ${s}. ` : ""}This is a statistic card.${n ? ` ${n}` : ""}`, L = `flex flex-col w-full grow ${y !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
+    padding: H
+  }, t[7] = m, t[8] = p, t[9] = H, t[10] = g) : g = t[10];
+  const L = et || `${s ? `The graph shows ${s}. ` : ""}This is a statistic card.${n ? ` ${n}` : ""}`, R = `flex flex-col w-full grow ${y !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
   let x;
-  t[11] !== w || t[12] !== o?.description || t[13] !== o?.footnote || t[14] !== o?.source || t[15] !== o?.title || t[16] !== d || t[17] !== n || t[18] !== s || t[19] !== $ || t[20] !== i || t[21] !== y || t[22] !== b || t[23] !== N || t[24] !== c || t[25] !== e?.description || t[26] !== e?.footnote || t[27] !== e?.source || t[28] !== e?.title || t[29] !== v || t[30] !== k || t[31] !== j || t[32] !== S || t[33] !== l ? (x = y !== "secondary" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
+  t[11] !== w || t[12] !== o?.description || t[13] !== o?.footnote || t[14] !== o?.source || t[15] !== o?.title || t[16] !== d || t[17] !== n || t[18] !== s || t[19] !== N || t[20] !== i || t[21] !== y || t[22] !== C || t[23] !== b || t[24] !== k || t[25] !== c || t[26] !== e?.description || t[27] !== e?.footnote || t[28] !== e?.source || t[29] !== e?.title || t[30] !== v || t[31] !== $ || t[32] !== j || t[33] !== S || t[34] !== l ? (x = y !== "secondary" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    s || n ? /* @__PURE__ */ r.jsx(Z, { styles: {
       title: e?.title,
       description: e?.description
     }, classNames: {
       title: o?.title,
       description: o?.description
     }, graphTitle: s, graphDescription: n }) : null,
-    /* @__PURE__ */ r.jsx("div", { className: `flex flex-col justify-between grow ${S === "top" ? "justify-start" : S === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ r.jsxs(U, { marginBottom: "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${k ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: $,
+    /* @__PURE__ */ r.jsx("div", { className: `flex flex-col justify-between grow ${S === "top" ? "justify-start" : S === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ r.jsxs(X, { marginBottom: "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${$ ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: N,
       letterSpacing: "0.05rem"
     }, children: [
-      Y(j, "NA", b, N, v),
+      _(j, void 0, b, k, v, C),
       " ",
       l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
         marginLeft: "-8px",
@@ -70,7 +71,7 @@ function at(Z) {
         ")"
       ] }) : null
     ] }) }),
-    c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
+    c || d ? /* @__PURE__ */ r.jsx(Y, { styles: {
       footnote: e?.footnote,
       source: e?.source
     }, classNames: {
@@ -78,11 +79,11 @@ function at(Z) {
       source: o?.source
     }, sources: c, footNote: d }) : null
   ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs(U, { marginBottom: y === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${k ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: $,
+    /* @__PURE__ */ r.jsxs(X, { marginBottom: y === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${$ ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: N,
       letterSpacing: "0.05rem"
     }, children: [
-      Y(j, "NA", b, N, v),
+      _(j, void 0, b, k, v, C),
       " ",
       l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
         marginLeft: "-8px",
@@ -95,29 +96,29 @@ function at(Z) {
         ")"
       ] }) : null
     ] }),
-    s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
+    s || n ? /* @__PURE__ */ r.jsx(Z, { styles: {
       title: e?.title,
       description: e?.description
     }, classNames: {
       title: o?.title,
       description: o?.description
     }, graphTitle: s, graphDescription: n }) : null,
-    c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
+    c || d ? /* @__PURE__ */ r.jsx(Y, { styles: {
       footnote: e?.footnote,
       source: e?.source
     }, classNames: {
       footnote: o?.footnote,
       source: o?.source
     }, sources: c, footNote: d }) : null
-  ] }), t[11] = w, t[12] = o?.description, t[13] = o?.footnote, t[14] = o?.source, t[15] = o?.title, t[16] = d, t[17] = n, t[18] = s, t[19] = $, t[20] = i, t[21] = y, t[22] = b, t[23] = N, t[24] = c, t[25] = e?.description, t[26] = e?.footnote, t[27] = e?.source, t[28] = e?.title, t[29] = v, t[30] = k, t[31] = j, t[32] = S, t[33] = l, t[34] = x) : x = t[34];
+  ] }), t[11] = w, t[12] = o?.description, t[13] = o?.footnote, t[14] = o?.source, t[15] = o?.title, t[16] = d, t[17] = n, t[18] = s, t[19] = N, t[20] = i, t[21] = y, t[22] = C, t[23] = b, t[24] = k, t[25] = c, t[26] = e?.description, t[27] = e?.footnote, t[28] = e?.source, t[29] = e?.title, t[30] = v, t[31] = $, t[32] = j, t[33] = S, t[34] = l, t[35] = x) : x = t[35];
   let u;
-  t[35] !== L || t[36] !== x ? (u = /* @__PURE__ */ r.jsx("div", { className: L, children: x }), t[35] = L, t[36] = x, t[37] = u) : u = t[37];
+  t[36] !== R || t[37] !== x ? (u = /* @__PURE__ */ r.jsx("div", { className: R, children: x }), t[36] = R, t[37] = x, t[38] = u) : u = t[38];
   let h;
-  t[38] !== F || t[39] !== B || t[40] !== f || t[41] !== g || t[42] !== H || t[43] !== u ? (h = /* @__PURE__ */ r.jsx("div", { id: F, dir: B, className: f, style: g, "aria-label": H, children: u }), t[38] = F, t[39] = B, t[40] = f, t[41] = g, t[42] = H, t[43] = u, t[44] = h) : h = t[44];
-  let C;
-  return t[45] !== A || t[46] !== h ? (C = /* @__PURE__ */ r.jsx("div", { className: A, children: h }), t[45] = A, t[46] = h, t[47] = C) : C = t[47], C;
+  t[39] !== B || t[40] !== z || t[41] !== f || t[42] !== g || t[43] !== L || t[44] !== u ? (h = /* @__PURE__ */ r.jsx("div", { id: B, dir: z, className: f, style: g, "aria-label": L, children: u }), t[39] = B, t[40] = z, t[41] = f, t[42] = g, t[43] = L, t[44] = u, t[45] = h) : h = t[45];
+  let F;
+  return t[46] !== T || t[47] !== h ? (F = /* @__PURE__ */ r.jsx("div", { className: T, children: h }), t[46] = T, t[47] = h, t[48] = F) : F = t[48], F;
 }
 export {
-  at as BasicStatCard
+  ct as BasicStatCard
 };
 //# sourceMappingURL=BasicStatCard.js.map

package/dist/BasicStatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}
+{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    locale = 'en',\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, undefined, precision, prefix, suffix, locale)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, undefined, precision, prefix, suffix, locale)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","locale","t10","undefined","t11","t12","t13","t14","graphContainer","t15","cn","t16","t17","t18","t19","t20","t21","t22","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t23","t24","t25"],"mappings":"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"}

package/dist/BeeSwarmChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-6v2a2njQ.cjs"),p=require("react"),Ye=require("./index-DQA8q5sC.cjs"),He=require("./index-Cno4Q0YE.cjs"),ze=require("./Spinner-jTMOLuw_.cjs"),st=require("./Typography-CZZxlj1W.cjs"),We=require("./numberFormattingFunction-02t-wJta.cjs"),Ze=require("./Tooltip-BLa2EfMs.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Je=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ye=require("./Colors.cjs"),Ke=require("./Axis-Jt_tmhxS.cjs"),Qe=require("./ReferenceLine-M9aP3dj-.cjs"),rt=require("./YTicksAndGridLines-UzVC5eBM.cjs"),lt=require("./XTicksAndGridLines-CekrPykD.cjs"),_e=require("./DetailsModal-DIRTulvr.cjs"),et=require("./pow-BnyPO-NX.cjs"),tt=require("./linear-CgUCbw9F.cjs"),le=require("./y-QcCbqrzx.cjs"),Pe=require("./uniqBy-O05lp2S5.cjs"),at=require("./GraphHeader.cjs"),Xe=require("./GraphContainer-B1EDxJ0S.cjs"),ct=require("./EmptyState-B4c-CrXs.cjs"),ut=require("./ColorLegendWithMouseOver.cjs"),dt=require("./GraphFooter.cjs");function xt(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:j,showTicks:ae,width:S,height:w,colorDomain:P,topMargin:C,bottomMargin:ee,leftMargin:te,rightMargin:ce,suffix:h,prefix:A,showLabels:T,tooltip:X,onSeriesMouseOver:ue,refValues:D,selectedColor:g,startFromZero:L,radius:m,maxRadiusValue:Y,maxValue:H,minValue:z,highlightedDataPoints:ge,onSeriesMouseClick:me,resetSelectionOnDoubleClick:W,detailsOnClick:V,styles:R,classNames:a,noOfTicks:y,dimmedOpacity:de,precision:xe,customLayers:fe,hideAxisLine:ve}=t,pe=C===void 0?25:C,I=ee===void 0?10:ee,ie=te===void 0?100:te,oe=ce===void 0?40:ce,he=p.useRef(null),[ne,Z]=p.useState(void 0),[F,U]=p.useState(void 0),[u,c]=p.useState(null),[se,J]=p.useState(void 0),[K,$]=p.useState(void 0);let Q;e[0]!==I||e[1]!==ie||e[2]!==oe||e[3]!==pe?(Q={top:pe,bottom:I,left:ie,right:oe},e[0]=I,e[1]=ie,e[2]=oe,e[3]=pe,e[4]=Q):Q=e[4];const d=Q,x=S-d.left-d.right,re=w-d.top-d.bottom,q=i.filter(At).length===0?i:He.orderBy(i.filter(qt),"radius","desc");let _;e[5]!==i||e[6]!==H||e[7]!==L?(_=v.checkIfNullOrUndefined(H)?Math.max(...i.filter($t).map(Lt))<0&&!L?0:Math.max(...i.filter(Dt).map(wt)):H,e[5]=i,e[6]=H,e[7]=L,e[8]=_):_=e[8];const B=_;let G;e[9]!==i||e[10]!==z||e[11]!==L?(G=v.checkIfNullOrUndefined(z)?Math.min(...i.filter(St).map(Nt))>=0&&!L?0:Math.min(...i.filter(Ct).map(kt)):z,e[9]=i,e[10]=z,e[11]=L,e[12]=G):G=e[12];const f=G,r=i.filter(Ot).length!==i.length?et.sqrt().domain([0,v.checkIfNullOrUndefined(Y)?Math.max(...i.map(Rt).filter(Et)):Y]).range([.25,m]).nice():void 0,l=tt.linear().domain([f,B]).range([re,0]).nice(),b=l.ticks(y);p.useEffect(()=>{const s=q.map(Mt).filter(bt);le.forceSimulation(s).force("y",le.forceY(o=>l(o.position)).strength(5)).force("x",le.forceX(o=>x/2).strength(1)).force("collide",le.forceCollide(o=>r?r(o.radius||0)+1:m+1)).force("charge",le.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{c(s)}).on("end",()=>{c(s)})},[i,m,re,x,f,B,q,l,r]);const M=u?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:he,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[ae?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ke.Axis,{hideAxisLine:ve,y1:l(f<0?0:f),y2:l(f<0?0:f),x1:0-d.left,x2:x+d.right,label:ae?We.numberFormattingFunction(f<0?0:f,"NA",xe,A,h):void 0,labelPos:{x:0-d.left,y:l(f<0?0:f),dx:0,dy:B<0?"1em":-5},classNames:{axis:a?.xAxis?.axis,label:a?.yAxis?.labels},styles:{axis:R?.xAxis?.axis,label:R?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(rt.YTicksAndGridLines,{values:b.filter(jt),y:b.filter(yt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:R?.yAxis?.gridLines,labels:R?.yAxis?.labels},classNames:{gridLines:a?.yAxis?.gridLines,labels:a?.yAxis?.labels},suffix:h,prefix:A,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:xe})]}):null,fe.filter(vt).map(gt),u.map(s=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&j[P.indexOf(s.color)]===g?1:de:ge.length!==0?ge.indexOf(s.label)!==-1?.85:de:.85,onMouseEnter:o=>{Z(s),$(o.clientY),J(o.clientX),ue?.(s)},onMouseMove:o=>{Z(s),$(o.clientY),J(o.clientX)},onClick:()=>{(me||V)&&(Ye.isEqual(F,s)&&W?(U(void 0),me?.(void 0)):(U(s),me?.(s)))},onMouseLeave:()=>{Z(void 0),J(void 0),$(void 0),ue?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):m,fill:i.filter(ht).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ye.Colors.gray}),(r?r(s.radius||0):m)>10&&T?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):m),x:0-(r?r(s.radius||0):m),width:2*(r?r(s.radius||0):m),height:2*(r?r(s.radius||0):m),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:T?n.jsxRuntimeExports.jsx("p",{className:n.mo("text-center leading-none m-0",a?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):m)/4),10),Math.max(Math.round((r?r(s.radius||0):m)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Je.getTextColorBasedOnBgColor(i.filter(pt).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ye.Colors.gray),...R?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),D?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:D.map((s,o)=>n.jsxRuntimeExports.jsx(Qe.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-d.left,x2:x+d.right,classNames:s.classNames,styles:s.styles,isInView:!0},o))}):null,fe.filter(ft).map(mt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(ze.w,{})})});let N;e[13]!==a?.tooltip||e[14]!==se||e[15]!==K||e[16]!==ne||e[17]!==R?.tooltip||e[18]!==X?(N=ne&&X&&se&&K?n.jsxRuntimeExports.jsx(Ze.Tooltip,{data:ne,body:X,xPos:se,yPos:K,backgroundStyle:R?.tooltip,className:a?.tooltip}):null,e[13]=a?.tooltip,e[14]=se,e[15]=K,e[16]=ne,e[17]=R?.tooltip,e[18]=X,e[19]=N):N=e[19];let O;e[20]!==a?.modal||e[21]!==V||e[22]!==F?(O=V&&F!==void 0?n.jsxRuntimeExports.jsx(_e.DetailsModal,{body:V,data:F,setData:U,className:a?.modal}):null,e[20]=a?.modal,e[21]=V,e[22]=F,e[23]=O):O=e[23];let k;return e[24]!==M||e[25]!==N||e[26]!==O?(k=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[M,N,O]}),e[24]=M,e[25]=N,e[26]=O,e[27]=k):k=e[27],k}function mt(t){return t.layer}function ft(t){return t.position==="after"}function pt(t){return t.color}function ht(t){return t.color}function gt(t){return t.layer}function vt(t){return t.position==="before"}function yt(t){return t!==0}function jt(t){return t!==0}function bt(t){return t.position}function Mt(t){return{...t,...t.data&&{data:{...t.data}}}}function Et(t){return t!=null}function Rt(t){return t.radius}function Ot(t){return t.radius===void 0||t.radius===null}function kt(t){return t.position}function Ct(t){return!v.checkIfNullOrUndefined(t.position)}function Nt(t){return t.position}function St(t){return!v.checkIfNullOrUndefined(t.position)}function wt(t){return t.position}function Dt(t){return!v.checkIfNullOrUndefined(t.position)}function Lt(t){return t.position}function $t(t){return!v.checkIfNullOrUndefined(t.position)}function qt(t){return!v.checkIfNullOrUndefined(t.radius)}function At(t){return!v.checkIfNullOrUndefined(t.radius)}function Tt(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:j,showTicks:ae,width:S,height:w,colorDomain:P,topMargin:C,bottomMargin:ee,leftMargin:te,rightMargin:ce,showLabels:h,tooltip:A,onSeriesMouseOver:T,refValues:X,selectedColor:ue,startFromZero:D,radius:g,maxRadiusValue:L,maxValue:m,minValue:Y,highlightedDataPoints:H,onSeriesMouseClick:z,rtl:ge,resetSelectionOnDoubleClick:me,detailsOnClick:W,suffix:V,prefix:R,styles:a,classNames:y,noOfTicks:de,dimmedOpacity:xe,precision:fe,customLayers:ve,hideAxisLine:pe}=t,I=C===void 0?25:C,ie=ee===void 0?10:ee,oe=te===void 0?10:te,he=ce===void 0?10:ce,ne=p.useRef(null),[Z,F]=p.useState(void 0),[U,u]=p.useState(void 0),[c,se]=p.useState(null),[J,K]=p.useState(void 0),[$,Q]=p.useState(void 0);let d;e[0]!==ie||e[1]!==oe||e[2]!==he||e[3]!==I?(d={top:I,bottom:ie,left:oe,right:he},e[0]=ie,e[1]=oe,e[2]=he,e[3]=I,e[4]=d):d=e[4];const x=d,re=S-x.left-x.right,q=w-x.top-x.bottom,_=i.filter(si).length===0?i:He.orderBy(i.filter(ni),"radius","desc");let B;e[5]!==i||e[6]!==m||e[7]!==D?(B=v.checkIfNullOrUndefined(m)?Math.max(...i.filter(oi).map(ii))<0&&!D?0:Math.max(...i.filter(ti).map(ei)):m,e[5]=i,e[6]=m,e[7]=D,e[8]=B):B=e[8];const G=B;let f;e[9]!==i||e[10]!==Y||e[11]!==D?(f=v.checkIfNullOrUndefined(Y)?Math.min(...i.filter(_t).map(Qt))>=0&&!D?0:Math.min(...i.filter(Kt).map(Jt)):Y,e[9]=i,e[10]=Y,e[11]=D,e[12]=f):f=e[12];const r=f,l=i.filter(Zt).length!==i.length?et.sqrt().domain([0,v.checkIfNullOrUndefined(L)?Math.max(...i.map(Wt).filter(zt)):L]).range([.25,g]).nice():void 0,b=tt.linear().domain([r,G]).range([0,re]).nice(),M=b.ticks(de);p.useEffect(()=>{const o=_.map(Ht).filter(Yt);le.forceSimulation(o).force("x",le.forceX(E=>b(E.position)).strength(5)).force("y",le.forceY(E=>q/2).strength(1)).force("collide",le.forceCollide(E=>l?l(E.radius||0)+1:g+1)).force("charge",le.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{se(o)}).on("end",()=>{se(o)})},[i,g,q,re,r,G,_,b,l]);const N=c?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:ne,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[ae?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ke.Axis,{hideAxisLine:pe,x1:b(r<0?0:r),x2:b(r<0?0:r),y1:0-x.top,y2:q+x.bottom,label:ae?We.numberFormattingFunction(r<0?0:r,"NA",fe,R,V):void 0,labelPos:{x:b(r<0?0:r),y:0-I,dy:"0.75em",dx:3},classNames:{axis:y?.xAxis?.axis,label:y?.yAxis?.labels},styles:{axis:a?.xAxis?.axis,label:a?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(lt.XTicksAndGridLines,{values:M.filter(Xt),x:M.filter(Pt).map(o=>b(o)),y1:0-I,y2:q+x.bottom,styles:{gridLines:a?.xAxis?.gridLines,labels:a?.xAxis?.labels},classNames:{gridLines:y?.xAxis?.gridLines,labels:y?.xAxis?.labels},suffix:V,prefix:R,labelType:"secondary",showGridLines:!0,precision:fe})]}):null,ve.filter(Gt).map(Bt),c.map(o=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:ue?o.color&&j[P.indexOf(o.color)]===ue?1:xe:H.length!==0?H.indexOf(o.label)!==-1?.85:xe:.85,onMouseEnter:E=>{F(o),Q(E.clientY),K(E.clientX),T?.(o)},onMouseMove:E=>{F(o),Q(E.clientY),K(E.clientX)},onClick:()=>{(z||W)&&(Ye.isEqual(U,o)&&me?(u(void 0),z?.(void 0)):(u(o),z?.(o)))},onMouseLeave:()=>{F(void 0),K(void 0),Q(void 0),T?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter(Ut).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ye.Colors.gray,radius:l?l(o.radius||0):g}),(l?l(o.radius||0):g)>10&&h?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(o.radius||0):g),x:0-(l?l(o.radius||0):g),width:2*(l?l(o.radius||0):g),height:2*(l?l(o.radius||0):g),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?n.jsxRuntimeExports.jsx(st._,{className:n.mo("text-center leading-none m-0",y?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(o.radius||0):g)/4),10),Math.max(Math.round((l?l(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:Je.getTextColorBasedOnBgColor(i.filter(Ft).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ye.Colors.gray),hyphens:"auto",...a?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),X?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:X.map((o,E)=>n.jsxRuntimeExports.jsx(Qe.RefLineX,{text:o.text,color:o.color,x:b(o.value),y1:0-x.top,y2:q+x.bottom,textSide:b(o.value)>re*.75||ge?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},E))}):null,ve.filter(It).map(Vt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(ze.w,{})})});let O;e[13]!==y?.tooltip||e[14]!==J||e[15]!==$||e[16]!==Z||e[17]!==a?.tooltip||e[18]!==A?(O=Z&&A&&J&&$?n.jsxRuntimeExports.jsx(Ze.Tooltip,{data:Z,body:A,xPos:J,yPos:$,backgroundStyle:a?.tooltip,className:y?.tooltip}):null,e[13]=y?.tooltip,e[14]=J,e[15]=$,e[16]=Z,e[17]=a?.tooltip,e[18]=A,e[19]=O):O=e[19];let k;e[20]!==y?.modal||e[21]!==W||e[22]!==U?(k=W&&U!==void 0?n.jsxRuntimeExports.jsx(_e.DetailsModal,{body:W,data:U,setData:u,className:y?.modal}):null,e[20]=y?.modal,e[21]=W,e[22]=U,e[23]=k):k=e[23];let s;return e[24]!==N||e[25]!==O||e[26]!==k?(s=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[N,O,k]}),e[24]=N,e[25]=O,e[26]=k,e[27]=s):s=e[27],s}function Vt(t){return t.layer}function It(t){return t.position==="after"}function Ft(t){return t.color}function Ut(t){return t.color}function Bt(t){return t.layer}function Gt(t){return t.position==="before"}function Pt(t){return t!==0}function Xt(t){return t!==0}function Yt(t){return t.position}function Ht(t){return{...t,...t.data&&{data:{...t.data}}}}function zt(t){return t!=null}function Wt(t){return t.radius}function Zt(t){return t.radius===void 0||t.radius===null}function Jt(t){return t.position}function Kt(t){return!v.checkIfNullOrUndefined(t.position)}function Qt(t){return t.position}function _t(t){return!v.checkIfNullOrUndefined(t.position)}function ei(t){return t.position}function ti(t){return!v.checkIfNullOrUndefined(t.position)}function ii(t){return t.position}function oi(t){return!v.checkIfNullOrUndefined(t.position)}function ni(t){return!v.checkIfNullOrUndefined(t.radius)}function si(t){return!v.checkIfNullOrUndefined(t.radius)}function ri(t){const e=n.compilerRuntimeExports.c(92),{data:i,graphTitle:j,topMargin:ae,bottomMargin:S,leftMargin:w,rightMargin:P,colors:C,sources:ee,graphDescription:te,height:ce,width:h,footNote:A,colorDomain:T,colorLegendTitle:X,padding:ue,relativeHeight:D,tooltip:g,onSeriesMouseOver:L,refValues:m,showColorScale:Y,graphID:H,radius:z,showLabels:ge,showTicks:me,maxRadiusValue:W,maxValue:V,minValue:R,highlightedDataPoints:a,onSeriesMouseClick:y,ariaLabel:de,backgroundColor:xe,graphDownload:fe,dataDownload:ve,language:pe,showNAColor:I,minHeight:ie,theme:oe,resetSelectionOnDoubleClick:he,detailsOnClick:ne,orientation:Z,suffix:F,prefix:U,styles:u,classNames:c,noOfTicks:se,dimmedOpacity:J,precision:K,customLayers:$,hideAxisLine:Q}=t,d=z===void 0?5:z,x=ge===void 0?!0:ge,re=me===void 0?!0:me;let q;e[0]!==a?(q=a===void 0?[]:a,e[0]=a,e[1]=q):q=e[1];const _=q,B=xe===void 0?!1:xe,G=fe===void 0?!1:fe,f=ve===void 0?!1:ve,r=pe===void 0?"en":pe,l=I===void 0?!0:I,b=ie===void 0?0:ie,M=oe===void 0?"light":oe,N=he===void 0?!0:he,O=Z===void 0?"vertical":Z,k=F===void 0?"":F,s=U===void 0?"":U,o=se===void 0?5:se,E=J===void 0?.3:J,Le=K===void 0?2:K;let ke;e[2]!==$?(ke=$===void 0?[]:$,e[2]=$,e[3]=ke):ke=e[3];const $e=ke,qe=Q===void 0?!1:Q,[Ce,it]=p.useState(0),[Ne,ot]=p.useState(0),[Ae,nt]=p.useState(void 0),Te=p.useRef(null),Ue=p.useRef(null),Ve=O==="horizontal"?Tt:xt;let Se,we;e[4]===Symbol.for("react.memo_cache_sentinel")?(Se=()=>{const Be=new ResizeObserver(Ge=>{it(Ge[0].target.clientWidth||620),ot(Ge[0].target.clientHeight||480)});return Te.current&&Be.observe(Te.current),()=>Be.disconnect()},we=[],e[4]=Se,e[5]=we):(Se=e[4],we=e[5]),p.useEffect(Se,we);const Ie=c?.graphContainer,Fe=u?.graphContainer;let je;e[6]!==c?.description||e[7]!==c?.title||e[8]!==i||e[9]!==f||e[10]!==te||e[11]!==G||e[12]!==j||e[13]!==u?.description||e[14]!==u?.title||e[15]!==h?(je=j||te||G||f?n.jsxRuntimeExports.jsx(at.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:c?.title,description:c?.description},graphTitle:j,graphDescription:te,width:h,graphDownload:G?Ue:void 0,dataDownload:f?i.map(fi).filter(mi).length>0?i.map(xi).filter(di):i.filter(ui):null}):null,e[6]=c?.description,e[7]=c?.title,e[8]=i,e[9]=f,e[10]=te,e[11]=G,e[12]=j,e[13]=u?.description,e[14]=u?.title,e[15]=h,e[16]=je):je=e[16];let be;e[17]!==c?.colorLegend||e[18]!==T||e[19]!==X||e[20]!==C||e[21]!==i||e[22]!==Y||e[23]!==l||e[24]!==M||e[25]!==h?(be=Y!==!1&&i.filter(ci).length!==0&&i.length>0?n.jsxRuntimeExports.jsx(ut.ColorLegendWithMouseOver,{width:h,colorLegendTitle:X,colors:C||ye.Colors[M].categoricalColors.colors,colorDomain:T||Pe.uniqBy(i,"color",!0),setSelectedColor:nt,showNAColor:l,className:c?.colorLegend}):null,e[17]=c?.colorLegend,e[18]=T,e[19]=X,e[20]=C,e[21]=i,e[22]=Y,e[23]=l,e[24]=M,e[25]=h,e[26]=be):be=e[26];let Me;e[27]!==i.length?(Me=i.length===0&&n.jsxRuntimeExports.jsx(ct.EmptyState,{}),e[27]=i.length,e[28]=Me):Me=e[28];let Ee;e[29]!==Ve||e[30]!==S||e[31]!==c||e[32]!==T||e[33]!==C||e[34]!==$e||e[35]!==i||e[36]!==ne||e[37]!==E||e[38]!==qe||e[39]!==_||e[40]!==w||e[41]!==W||e[42]!==V||e[43]!==R||e[44]!==o||e[45]!==y||e[46]!==L||e[47]!==Le||e[48]!==s||e[49]!==d||e[50]!==m||e[51]!==N||e[52]!==P||e[53]!==Ae||e[54]!==x||e[55]!==re||e[56]!==u||e[57]!==k||e[58]!==Ne||e[59]!==Ce||e[60]!==M||e[61]!==g||e[62]!==ae?(Ee=Ce&&Ne&&i.length>0?n.jsxRuntimeExports.jsx(Ve,{hideAxisLine:qe,data:i,circleColors:i.filter(ai).length===0?C?[C]:[ye.Colors.primaryColors["blue-600"]]:C||ye.Colors[M].categoricalColors.colors,colorDomain:i.filter(li).length===0?[]:T||Pe.uniqBy(i,"color",!0),width:Ce,selectedColor:Ae,height:Ne,showTicks:re,leftMargin:w,rightMargin:P,topMargin:ae,bottomMargin:S,showLabels:x,tooltip:g,onSeriesMouseOver:L,refValues:m,startFromZero:!1,radius:d,maxRadiusValue:W,maxValue:V,minValue:R,highlightedDataPoints:_,onSeriesMouseClick:y,resetSelectionOnDoubleClick:N,detailsOnClick:ne,styles:u,classNames:c,suffix:k,prefix:s,noOfTicks:o||5,dimmedOpacity:E,precision:Le,customLayers:$e}):null,e[29]=Ve,e[30]=S,e[31]=c,e[32]=T,e[33]=C,e[34]=$e,e[35]=i,e[36]=ne,e[37]=E,e[38]=qe,e[39]=_,e[40]=w,e[41]=W,e[42]=V,e[43]=R,e[44]=o,e[45]=y,e[46]=L,e[47]=Le,e[48]=s,e[49]=d,e[50]=m,e[51]=N,e[52]=P,e[53]=Ae,e[54]=x,e[55]=re,e[56]=u,e[57]=k,e[58]=Ne,e[59]=Ce,e[60]=M,e[61]=g,e[62]=ae,e[63]=Ee):Ee=e[63];let Re;e[64]!==Me||e[65]!==Ee?(Re=n.jsxRuntimeExports.jsxs(Xe.GraphArea,{ref:Te,children:[Me,Ee]}),e[64]=Me,e[65]=Ee,e[66]=Re):Re=e[66];let Oe;e[67]!==c?.footnote||e[68]!==c?.source||e[69]!==A||e[70]!==ee||e[71]!==u?.footnote||e[72]!==u?.source||e[73]!==h?(Oe=ee||A?n.jsxRuntimeExports.jsx(dt.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:ee,footNote:A,width:h}):null,e[67]=c?.footnote,e[68]=c?.source,e[69]=A,e[70]=ee,e[71]=u?.footnote,e[72]=u?.source,e[73]=h,e[74]=Oe):Oe=e[74];let De;return e[75]!==de||e[76]!==B||e[77]!==H||e[78]!==ce||e[79]!==r||e[80]!==b||e[81]!==ue||e[82]!==D||e[83]!==Ie||e[84]!==Fe||e[85]!==je||e[86]!==be||e[87]!==Re||e[88]!==Oe||e[89]!==M||e[90]!==h?(De=n.jsxRuntimeExports.jsxs(Xe.GraphContainer,{className:Ie,style:Fe,id:H,ref:Ue,"aria-label":de,backgroundColor:B,theme:M,language:r,minHeight:b,width:h,height:ce,relativeHeight:D,padding:ue,children:[je,be,Re,Oe]}),e[75]=de,e[76]=B,e[77]=H,e[78]=ce,e[79]=r,e[80]=b,e[81]=ue,e[82]=D,e[83]=Ie,e[84]=Fe,e[85]=je,e[86]=be,e[87]=Re,e[88]=Oe,e[89]=M,e[90]=h,e[91]=De):De=e[91],De}function li(t){return t.color}function ai(t){return t.color}function ci(t){return t.color}function ui(t){return t!==void 0}function di(t){return t!==void 0}function xi(t){return t.data}function mi(t){return t!==void 0}function fi(t){return t.data}exports.BeeSwarmChart=ri;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-D4pAp7u0.cjs"),p=require("react"),ze=require("./index-DQA8q5sC.cjs"),We=require("./index-Cno4Q0YE.cjs"),Ze=require("./Spinner-WHzzloYQ.cjs"),lt=require("./Typography-BqmyF1gP.cjs"),Je=require("./numberFormattingFunction-Cn9R7CM9.cjs"),Ke=require("./Tooltip-Hr46paWP.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Qe=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),je=require("./Colors.cjs"),_e=require("./Axis-BTaS9oPQ.cjs"),et=require("./ReferenceLine-CpU4G01Y.cjs"),at=require("./YTicksAndGridLines-DFjm8RCc.cjs"),ct=require("./XTicksAndGridLines-C5DuC5oY.cjs"),tt=require("./DetailsModal-jmmKRMRM.cjs"),it=require("./pow-BnyPO-NX.cjs"),ot=require("./linear-CgUCbw9F.cjs"),se=require("./y-QcCbqrzx.cjs"),Ye=require("./uniqBy-O05lp2S5.cjs"),ut=require("./GraphHeader.cjs"),He=require("./GraphContainer-Cul9b74X.cjs"),dt=require("./EmptyState-CFmiFPHz.cjs"),xt=require("./ColorLegendWithMouseOver.cjs"),mt=require("./GraphFooter.cjs");function ft(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:j,showTicks:re,width:S,height:w,colorDomain:G,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:le,suffix:h,prefix:A,showLabels:T,tooltip:P,onSeriesMouseOver:ae,refValues:D,selectedColor:g,startFromZero:L,radius:m,maxRadiusValue:X,maxValue:Y,minValue:H,highlightedDataPoints:ge,onSeriesMouseClick:fe,resetSelectionOnDoubleClick:z,detailsOnClick:V,styles:R,classNames:u,noOfTicks:y,dimmedOpacity:ce,precision:ue,customLayers:pe,hideAxisLine:ve,locale:ye}=t,de=C===void 0?25:C,I=_===void 0?10:_,te=ee===void 0?100:ee,ie=le===void 0?40:le,xe=p.useRef(null),[me,W]=p.useState(void 0),[F,a]=p.useState(void 0),[c,he]=p.useState(null),[oe,Z]=p.useState(void 0),[$,J]=p.useState(void 0);let K;e[0]!==I||e[1]!==te||e[2]!==ie||e[3]!==de?(K={top:de,bottom:I,left:te,right:ie},e[0]=I,e[1]=te,e[2]=ie,e[3]=de,e[4]=K):K=e[4];const d=K,x=S-d.left-d.right,ne=w-d.top-d.bottom,q=i.filter(Vt).length===0?i:We.orderBy(i.filter(Tt),"radius","desc");let Q;e[5]!==i||e[6]!==Y||e[7]!==L?(Q=v.checkIfNullOrUndefined(Y)?Math.max(...i.filter(At).map(qt))<0&&!L?0:Math.max(...i.filter($t).map(Lt)):Y,e[5]=i,e[6]=Y,e[7]=L,e[8]=Q):Q=e[8];const U=Q;let B;e[9]!==i||e[10]!==H||e[11]!==L?(B=v.checkIfNullOrUndefined(H)?Math.min(...i.filter(Dt).map(wt))>=0&&!L?0:Math.min(...i.filter(St).map(Nt)):H,e[9]=i,e[10]=H,e[11]=L,e[12]=B):B=e[12];const f=B,r=i.filter(Ct).length!==i.length?it.sqrt().domain([0,v.checkIfNullOrUndefined(X)?Math.max(...i.map(kt).filter(Ot)):X]).range([.25,m]).nice():void 0,l=ot.linear().domain([f,U]).range([ne,0]).nice(),b=l.ticks(y);p.useEffect(()=>{const s=q.map(Rt).filter(Et);se.forceSimulation(s).force("y",se.forceY(o=>l(o.position)).strength(5)).force("x",se.forceX(o=>x/2).strength(1)).force("collide",se.forceCollide(o=>r?r(o.radius||0)+1:m+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{he(s)}).on("end",()=>{he(s)})},[i,m,ne,x,f,U,q,l,r]);const M=c?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:xe,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[re?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(_e.Axis,{hideAxisLine:ve,y1:l(f<0?0:f),y2:l(f<0?0:f),x1:0-d.left,x2:x+d.right,label:re?Je.numberFormattingFunction(f<0?0:f,void 0,ue,A,h,ye):void 0,labelPos:{x:0-d.left,y:l(f<0?0:f),dx:0,dy:U<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:R?.xAxis?.axis,label:R?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(at.YTicksAndGridLines,{values:b.filter(Mt),y:b.filter(bt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:R?.yAxis?.gridLines,labels:R?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:h,prefix:A,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:ue,locale:ye})]}):null,pe.filter(jt).map(yt),c.map(s=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&j[G.indexOf(s.color)]===g?1:ce:ge.length!==0?ge.indexOf(s.label)!==-1?.85:ce:.85,onMouseEnter:o=>{W(s),J(o.clientY),Z(o.clientX),ae?.(s)},onMouseMove:o=>{W(s),J(o.clientY),Z(o.clientX)},onClick:()=>{(fe||V)&&(ze.isEqual(F,s)&&z?(a(void 0),fe?.(void 0)):(a(s),fe?.(s)))},onMouseLeave:()=>{W(void 0),Z(void 0),J(void 0),ae?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):m,fill:i.filter(vt).length===0?j[0]:s.color?j[G.indexOf(s.color)]:je.Colors.gray}),(r?r(s.radius||0):m)>10&&T?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):m),x:0-(r?r(s.radius||0):m),width:2*(r?r(s.radius||0):m),height:2*(r?r(s.radius||0):m),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:T?n.jsxRuntimeExports.jsx("p",{className:n.mo("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):m)/4),10),Math.max(Math.round((r?r(s.radius||0):m)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Qe.getTextColorBasedOnBgColor(i.filter(gt).length===0?j[0]:s.color?j[G.indexOf(s.color)]:je.Colors.gray),...R?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),D?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:D.map((s,o)=>n.jsxRuntimeExports.jsx(et.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-d.left,x2:x+d.right,classNames:s.classNames,styles:s.styles,isInView:!0},o))}):null,pe.filter(ht).map(pt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(Ze.w,{})})});let N;e[13]!==u?.tooltip||e[14]!==oe||e[15]!==$||e[16]!==me||e[17]!==R?.tooltip||e[18]!==P?(N=me&&P&&oe&&$?n.jsxRuntimeExports.jsx(Ke.Tooltip,{data:me,body:P,xPos:oe,yPos:$,backgroundStyle:R?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=oe,e[15]=$,e[16]=me,e[17]=R?.tooltip,e[18]=P,e[19]=N):N=e[19];let O;e[20]!==u?.modal||e[21]!==V||e[22]!==F?(O=V&&F!==void 0?n.jsxRuntimeExports.jsx(tt.DetailsModal,{body:V,data:F,setData:a,className:u?.modal}):null,e[20]=u?.modal,e[21]=V,e[22]=F,e[23]=O):O=e[23];let k;return e[24]!==M||e[25]!==N||e[26]!==O?(k=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[M,N,O]}),e[24]=M,e[25]=N,e[26]=O,e[27]=k):k=e[27],k}function pt(t){return t.layer}function ht(t){return t.position==="after"}function gt(t){return t.color}function vt(t){return t.color}function yt(t){return t.layer}function jt(t){return t.position==="before"}function bt(t){return t!==0}function Mt(t){return t!==0}function Et(t){return t.position}function Rt(t){return{...t,...t.data&&{data:{...t.data}}}}function Ot(t){return t!=null}function kt(t){return t.radius}function Ct(t){return t.radius===void 0||t.radius===null}function Nt(t){return t.position}function St(t){return!v.checkIfNullOrUndefined(t.position)}function wt(t){return t.position}function Dt(t){return!v.checkIfNullOrUndefined(t.position)}function Lt(t){return t.position}function $t(t){return!v.checkIfNullOrUndefined(t.position)}function qt(t){return t.position}function At(t){return!v.checkIfNullOrUndefined(t.position)}function Tt(t){return!v.checkIfNullOrUndefined(t.radius)}function Vt(t){return!v.checkIfNullOrUndefined(t.radius)}function It(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:j,showTicks:re,width:S,height:w,colorDomain:G,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:le,showLabels:h,tooltip:A,onSeriesMouseOver:T,refValues:P,selectedColor:ae,startFromZero:D,radius:g,maxRadiusValue:L,maxValue:m,minValue:X,highlightedDataPoints:Y,onSeriesMouseClick:H,rtl:ge,resetSelectionOnDoubleClick:fe,detailsOnClick:z,suffix:V,prefix:R,styles:u,classNames:y,noOfTicks:ce,dimmedOpacity:ue,precision:pe,customLayers:ve,hideAxisLine:ye,locale:de}=t,I=C===void 0?25:C,te=_===void 0?10:_,ie=ee===void 0?10:ee,xe=le===void 0?10:le,me=p.useRef(null),[W,F]=p.useState(void 0),[a,c]=p.useState(void 0),[he,oe]=p.useState(null),[Z,$]=p.useState(void 0),[J,K]=p.useState(void 0);let d;e[0]!==te||e[1]!==ie||e[2]!==xe||e[3]!==I?(d={top:I,bottom:te,left:ie,right:xe},e[0]=te,e[1]=ie,e[2]=xe,e[3]=I,e[4]=d):d=e[4];const x=d,ne=S-x.left-x.right,q=w-x.top-x.bottom,Q=i.filter(li).length===0?i:We.orderBy(i.filter(ri),"radius","desc");let U;e[5]!==i||e[6]!==m||e[7]!==D?(U=v.checkIfNullOrUndefined(m)?Math.max(...i.filter(si).map(ni))<0&&!D?0:Math.max(...i.filter(oi).map(ii)):m,e[5]=i,e[6]=m,e[7]=D,e[8]=U):U=e[8];const B=U;let f;e[9]!==i||e[10]!==X||e[11]!==D?(f=v.checkIfNullOrUndefined(X)?Math.min(...i.filter(ti).map(ei))>=0&&!D?0:Math.min(...i.filter(_t).map(Qt)):X,e[9]=i,e[10]=X,e[11]=D,e[12]=f):f=e[12];const r=f,l=i.filter(Kt).length!==i.length?it.sqrt().domain([0,v.checkIfNullOrUndefined(L)?Math.max(...i.map(Jt).filter(Zt)):L]).range([.25,g]).nice():void 0,b=ot.linear().domain([r,B]).range([0,ne]).nice(),M=b.ticks(ce);p.useEffect(()=>{const o=Q.map(Wt).filter(zt);se.forceSimulation(o).force("x",se.forceX(E=>b(E.position)).strength(5)).force("y",se.forceY(E=>q/2).strength(1)).force("collide",se.forceCollide(E=>l?l(E.radius||0)+1:g+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{oe(o)}).on("end",()=>{oe(o)})},[i,g,q,ne,r,B,Q,b,l]);const N=he?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:me,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[re?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(_e.Axis,{hideAxisLine:ye,x1:b(r<0?0:r),x2:b(r<0?0:r),y1:0-x.top,y2:q+x.bottom,label:re?Je.numberFormattingFunction(r<0?0:r,void 0,pe,R,V,de):void 0,labelPos:{x:b(r<0?0:r),y:0-I,dy:"0.75em",dx:3},classNames:{axis:y?.xAxis?.axis,label:y?.yAxis?.labels},styles:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(ct.XTicksAndGridLines,{values:M.filter(Ht),x:M.filter(Yt).map(o=>b(o)),y1:0-I,y2:q+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:y?.xAxis?.gridLines,labels:y?.xAxis?.labels},suffix:V,prefix:R,labelType:"secondary",showGridLines:!0,precision:pe,locale:de})]}):null,ve.filter(Xt).map(Pt),he.map(o=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:ae?o.color&&j[G.indexOf(o.color)]===ae?1:ue:Y.length!==0?Y.indexOf(o.label)!==-1?.85:ue:.85,onMouseEnter:E=>{F(o),K(E.clientY),$(E.clientX),T?.(o)},onMouseMove:E=>{F(o),K(E.clientY),$(E.clientX)},onClick:()=>{(H||z)&&(ze.isEqual(a,o)&&fe?(c(void 0),H?.(void 0)):(c(o),H?.(o)))},onMouseLeave:()=>{F(void 0),$(void 0),K(void 0),T?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter(Gt).length===0?j[0]:o.color?j[G.indexOf(o.color)]:je.Colors.gray,radius:l?l(o.radius||0):g}),(l?l(o.radius||0):g)>10&&h?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(o.radius||0):g),x:0-(l?l(o.radius||0):g),width:2*(l?l(o.radius||0):g),height:2*(l?l(o.radius||0):g),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?n.jsxRuntimeExports.jsx(lt._,{className:n.mo("text-center leading-none m-0",y?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(o.radius||0):g)/4),10),Math.max(Math.round((l?l(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:Qe.getTextColorBasedOnBgColor(i.filter(Bt).length===0?j[0]:o.color?j[G.indexOf(o.color)]:je.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),P?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:P.map((o,E)=>n.jsxRuntimeExports.jsx(et.RefLineX,{text:o.text,color:o.color,x:b(o.value),y1:0-x.top,y2:q+x.bottom,textSide:b(o.value)>ne*.75||ge?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},E))}):null,ve.filter(Ut).map(Ft)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(Ze.w,{})})});let O;e[13]!==y?.tooltip||e[14]!==Z||e[15]!==J||e[16]!==W||e[17]!==u?.tooltip||e[18]!==A?(O=W&&A&&Z&&J?n.jsxRuntimeExports.jsx(Ke.Tooltip,{data:W,body:A,xPos:Z,yPos:J,backgroundStyle:u?.tooltip,className:y?.tooltip}):null,e[13]=y?.tooltip,e[14]=Z,e[15]=J,e[16]=W,e[17]=u?.tooltip,e[18]=A,e[19]=O):O=e[19];let k;e[20]!==y?.modal||e[21]!==z||e[22]!==a?(k=z&&a!==void 0?n.jsxRuntimeExports.jsx(tt.DetailsModal,{body:z,data:a,setData:c,className:y?.modal}):null,e[20]=y?.modal,e[21]=z,e[22]=a,e[23]=k):k=e[23];let s;return e[24]!==N||e[25]!==O||e[26]!==k?(s=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[N,O,k]}),e[24]=N,e[25]=O,e[26]=k,e[27]=s):s=e[27],s}function Ft(t){return t.layer}function Ut(t){return t.position==="after"}function Bt(t){return t.color}function Gt(t){return t.color}function Pt(t){return t.layer}function Xt(t){return t.position==="before"}function Yt(t){return t!==0}function Ht(t){return t!==0}function zt(t){return t.position}function Wt(t){return{...t,...t.data&&{data:{...t.data}}}}function Zt(t){return t!=null}function Jt(t){return t.radius}function Kt(t){return t.radius===void 0||t.radius===null}function Qt(t){return t.position}function _t(t){return!v.checkIfNullOrUndefined(t.position)}function ei(t){return t.position}function ti(t){return!v.checkIfNullOrUndefined(t.position)}function ii(t){return t.position}function oi(t){return!v.checkIfNullOrUndefined(t.position)}function ni(t){return t.position}function si(t){return!v.checkIfNullOrUndefined(t.position)}function ri(t){return!v.checkIfNullOrUndefined(t.radius)}function li(t){return!v.checkIfNullOrUndefined(t.radius)}function ai(t){const e=n.compilerRuntimeExports.c(93),{data:i,graphTitle:j,topMargin:re,bottomMargin:S,leftMargin:w,rightMargin:G,colors:C,sources:_,graphDescription:ee,height:le,width:h,footNote:A,colorDomain:T,colorLegendTitle:P,padding:ae,relativeHeight:D,tooltip:g,onSeriesMouseOver:L,refValues:m,showColorScale:X,graphID:Y,radius:H,showLabels:ge,showTicks:fe,maxRadiusValue:z,maxValue:V,minValue:R,highlightedDataPoints:u,onSeriesMouseClick:y,ariaLabel:ce,backgroundColor:ue,graphDownload:pe,dataDownload:ve,language:ye,showNAColor:de,minHeight:I,theme:te,resetSelectionOnDoubleClick:ie,detailsOnClick:xe,orientation:me,suffix:W,prefix:F,styles:a,classNames:c,noOfTicks:he,dimmedOpacity:oe,precision:Z,customLayers:$,hideAxisLine:J,locale:K}=t,d=H===void 0?5:H,x=ge===void 0?!0:ge,ne=fe===void 0?!0:fe;let q;e[0]!==u?(q=u===void 0?[]:u,e[0]=u,e[1]=q):q=e[1];const Q=q,U=ue===void 0?!1:ue,B=pe===void 0?!1:pe,f=ve===void 0?!1:ve,r=ye===void 0?"en":ye,l=de===void 0?!0:de,b=I===void 0?0:I,M=te===void 0?"light":te,N=ie===void 0?!0:ie,O=me===void 0?"vertical":me,k=W===void 0?"":W,s=F===void 0?"":F,o=he===void 0?5:he,E=oe===void 0?.3:oe,$e=Z===void 0?2:Z;let Ce;e[2]!==$?(Ce=$===void 0?[]:$,e[2]=$,e[3]=Ce):Ce=e[3];const qe=Ce,Ae=J===void 0?!1:J,Te=K===void 0?"en":K,[Ne,nt]=p.useState(0),[Se,st]=p.useState(0),[Ve,rt]=p.useState(void 0),Ie=p.useRef(null),Ge=p.useRef(null),Fe=O==="horizontal"?It:ft;let we,De;e[4]===Symbol.for("react.memo_cache_sentinel")?(we=()=>{const Pe=new ResizeObserver(Xe=>{nt(Xe[0].target.clientWidth||620),st(Xe[0].target.clientHeight||480)});return Ie.current&&Pe.observe(Ie.current),()=>Pe.disconnect()},De=[],e[4]=we,e[5]=De):(we=e[4],De=e[5]),p.useEffect(we,De);const Ue=c?.graphContainer,Be=a?.graphContainer;let be;e[6]!==c?.description||e[7]!==c?.title||e[8]!==i||e[9]!==f||e[10]!==ee||e[11]!==B||e[12]!==j||e[13]!==a?.description||e[14]!==a?.title||e[15]!==h?(be=j||ee||B||f?n.jsxRuntimeExports.jsx(ut.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:c?.title,description:c?.description},graphTitle:j,graphDescription:ee,width:h,graphDownload:B?Ge:void 0,dataDownload:f?i.map(hi).filter(pi).length>0?i.map(fi).filter(mi):i.filter(xi):null}):null,e[6]=c?.description,e[7]=c?.title,e[8]=i,e[9]=f,e[10]=ee,e[11]=B,e[12]=j,e[13]=a?.description,e[14]=a?.title,e[15]=h,e[16]=be):be=e[16];let Me;e[17]!==c?.colorLegend||e[18]!==T||e[19]!==P||e[20]!==C||e[21]!==i||e[22]!==X||e[23]!==l||e[24]!==M||e[25]!==h?(Me=X!==!1&&i.filter(di).length!==0&&i.length>0?n.jsxRuntimeExports.jsx(xt.ColorLegendWithMouseOver,{width:h,colorLegendTitle:P,colors:C||je.Colors[M].categoricalColors.colors,colorDomain:T||Ye.uniqBy(i,"color",!0),setSelectedColor:rt,showNAColor:l,className:c?.colorLegend}):null,e[17]=c?.colorLegend,e[18]=T,e[19]=P,e[20]=C,e[21]=i,e[22]=X,e[23]=l,e[24]=M,e[25]=h,e[26]=Me):Me=e[26];let Ee;e[27]!==i.length?(Ee=i.length===0&&n.jsxRuntimeExports.jsx(dt.EmptyState,{}),e[27]=i.length,e[28]=Ee):Ee=e[28];let Re;e[29]!==Fe||e[30]!==S||e[31]!==c||e[32]!==T||e[33]!==C||e[34]!==qe||e[35]!==i||e[36]!==xe||e[37]!==E||e[38]!==Ae||e[39]!==Q||e[40]!==w||e[41]!==Te||e[42]!==z||e[43]!==V||e[44]!==R||e[45]!==o||e[46]!==y||e[47]!==L||e[48]!==$e||e[49]!==s||e[50]!==d||e[51]!==m||e[52]!==N||e[53]!==G||e[54]!==Ve||e[55]!==x||e[56]!==ne||e[57]!==a||e[58]!==k||e[59]!==Se||e[60]!==Ne||e[61]!==M||e[62]!==g||e[63]!==re?(Re=Ne&&Se&&i.length>0?n.jsxRuntimeExports.jsx(Fe,{hideAxisLine:Ae,data:i,circleColors:i.filter(ui).length===0?C?[C]:[je.Colors.primaryColors["blue-600"]]:C||je.Colors[M].categoricalColors.colors,colorDomain:i.filter(ci).length===0?[]:T||Ye.uniqBy(i,"color",!0),width:Ne,selectedColor:Ve,height:Se,showTicks:ne,leftMargin:w,rightMargin:G,topMargin:re,bottomMargin:S,showLabels:x,tooltip:g,onSeriesMouseOver:L,refValues:m,startFromZero:!1,radius:d,maxRadiusValue:z,maxValue:V,minValue:R,highlightedDataPoints:Q,onSeriesMouseClick:y,resetSelectionOnDoubleClick:N,detailsOnClick:xe,styles:a,classNames:c,suffix:k,prefix:s,noOfTicks:o||5,dimmedOpacity:E,precision:$e,customLayers:qe,locale:Te}):null,e[29]=Fe,e[30]=S,e[31]=c,e[32]=T,e[33]=C,e[34]=qe,e[35]=i,e[36]=xe,e[37]=E,e[38]=Ae,e[39]=Q,e[40]=w,e[41]=Te,e[42]=z,e[43]=V,e[44]=R,e[45]=o,e[46]=y,e[47]=L,e[48]=$e,e[49]=s,e[50]=d,e[51]=m,e[52]=N,e[53]=G,e[54]=Ve,e[55]=x,e[56]=ne,e[57]=a,e[58]=k,e[59]=Se,e[60]=Ne,e[61]=M,e[62]=g,e[63]=re,e[64]=Re):Re=e[64];let Oe;e[65]!==Ee||e[66]!==Re?(Oe=n.jsxRuntimeExports.jsxs(He.GraphArea,{ref:Ie,children:[Ee,Re]}),e[65]=Ee,e[66]=Re,e[67]=Oe):Oe=e[67];let ke;e[68]!==c?.footnote||e[69]!==c?.source||e[70]!==A||e[71]!==_||e[72]!==a?.footnote||e[73]!==a?.source||e[74]!==h?(ke=_||A?n.jsxRuntimeExports.jsx(mt.GraphFooter,{styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:_,footNote:A,width:h}):null,e[68]=c?.footnote,e[69]=c?.source,e[70]=A,e[71]=_,e[72]=a?.footnote,e[73]=a?.source,e[74]=h,e[75]=ke):ke=e[75];let Le;return e[76]!==ce||e[77]!==U||e[78]!==Y||e[79]!==le||e[80]!==r||e[81]!==b||e[82]!==ae||e[83]!==D||e[84]!==Ue||e[85]!==Be||e[86]!==be||e[87]!==Me||e[88]!==Oe||e[89]!==ke||e[90]!==M||e[91]!==h?(Le=n.jsxRuntimeExports.jsxs(He.GraphContainer,{className:Ue,style:Be,id:Y,ref:Ge,"aria-label":ce,backgroundColor:U,theme:M,language:r,minHeight:b,width:h,height:le,relativeHeight:D,padding:ae,children:[be,Me,Oe,ke]}),e[76]=ce,e[77]=U,e[78]=Y,e[79]=le,e[80]=r,e[81]=b,e[82]=ae,e[83]=D,e[84]=Ue,e[85]=Be,e[86]=be,e[87]=Me,e[88]=Oe,e[89]=ke,e[90]=M,e[91]=h,e[92]=Le):Le=e[92],Le}function ci(t){return t.color}function ui(t){return t.color}function di(t){return t.color}function xi(t){return t!==void 0}function mi(t){return t!==void 0}function fi(t){return t.data}function pi(t){return t!==void 0}function hi(t){return t.data}exports.BeeSwarmChart=ai;
 //# sourceMappingURL=BeeSwarmChart.cjs.map