@undp/data-viz 2.4.1 → 2.5.0

package/dist/BasicStatCard.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),V=require("./Typography-BqmyF1gP.cjs"),J=require("./GraphFooter.cjs"),K=require("./GraphHeader.cjs"),Q=require("./numberFormattingFunction-u2iNHL_c.cjs");function Y(U){const t=o.compilerRuntimeExports.c(51),{year:c,value:b,graphTitle:n,sources:x,graphDescription:a,footNote:p,padding:q,backgroundColor:A,graphID:S,language:L,theme:z,ariaLabel:X,textBackground:W,headingFontSize:Z,centerAlign:D,verticalAlign:O,layout:P,styles:r,classNames:s,numberDisplayOptions:e,naLabel:I}=U,l=A===void 0?!1:A,i=L===void 0?"en":L,M=z===void 0?"light":z,R=W===void 0?!1:W,v=Z===void 0?"4.375rem":Z,E=D===void 0?!1:D,k=O===void 0?"center":O,j=P===void 0?"primary":P,N=I===void 0?"NA":I,w=`${M||"light"} w-full`,F=i==="he"||i==="ar"?"rtl":void 0,C=`${M||"light"} flex flex-col w-full box-border h-full ${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${i||"en"}`,G=s?.graphContainer;let u;t[0]!==C||t[1]!==G?(u=o.mo(C,G),t[0]=C,t[1]=G,t[2]=u):u=t[2];let d;t[3]!==r?.graphContainer?(d=r?.graphContainer||{},t[3]=r?.graphContainer,t[4]=d):d=t[4];let m;t[5]!==l?(m=l&&l!==!0?{backgroundColor:l}:{},t[5]=l,t[6]=m):m=t[6];const T=l?q||"1rem":q||0;let f;t[7]!==d||t[8]!==m||t[9]!==T?(f={...d,...m,padding:T},t[7]=d,t[8]=m,t[9]=T,t[10]=f):f=t[10];const B=X||`${n?`The graph shows ${n}. `:""}This is a statistic card.${a?` ${a}`:""}`,H=`flex flex-col w-full grow ${j!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==E||t[12]!==s?.description||t[13]!==s?.footnote||t[14]!==s?.source||t[15]!==s?.title||t[16]!==p||t[17]!==a||t[18]!==n||t[19]!==v||t[20]!==i||t[21]!==j||t[22]!==N||t[23]!==e?.locale||t[24]!==e?.padZeros||t[25]!==e?.precision||t[26]!==e?.prefix||t[27]!==e?.suffix||t[28]!==x||t[29]!==r?.description||t[30]!==r?.footnote||t[31]!==r?.source||t[32]!==r?.title||t[33]!==R||t[34]!==b||t[35]!==k||t[36]!==c?(g=j!=="secondary"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[n||a?o.jsxRuntimeExports.jsx(K.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:s?.title,description:s?.description},graphTitle:n,graphDescription:a}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${k==="top"?"justify-start":k==="bottom"?"justify-end":"justify-center"}`,children:o.jsxRuntimeExports.jsxs(V.R,{marginBottom:"base",className:`leading-none text-outline font-heading ${E?"text-center":i==="he"||i==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:v,letterSpacing:"0.05rem"},children:[Q.numberFormattingFunction(b,N,e?.precision??2,e?.prefix,e?.suffix,e?.locale,e?.padZeros)," ",c?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:["(",c,")"]}):null]})}),x||p?o.jsxRuntimeExports.jsx(J.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:s?.footnote,source:s?.source},sources:x,footNote:p}):null]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(V.R,{marginBottom:j==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${E?"text-center":i==="he"||i==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:v,letterSpacing:"0.05rem"},children:[Q.numberFormattingFunction(b,N,e?.precision??2,e?.prefix,e?.suffix,e?.locale,e?.padZeros)," ",c?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:["(",c,")"]}):null]}),n||a?o.jsxRuntimeExports.jsx(K.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:s?.title,description:s?.description},graphTitle:n,graphDescription:a}):null,x||p?o.jsxRuntimeExports.jsx(J.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:s?.footnote,source:s?.source},sources:x,footNote:p}):null]}),t[11]=E,t[12]=s?.description,t[13]=s?.footnote,t[14]=s?.source,t[15]=s?.title,t[16]=p,t[17]=a,t[18]=n,t[19]=v,t[20]=i,t[21]=j,t[22]=N,t[23]=e?.locale,t[24]=e?.padZeros,t[25]=e?.precision,t[26]=e?.prefix,t[27]=e?.suffix,t[28]=x,t[29]=r?.description,t[30]=r?.footnote,t[31]=r?.source,t[32]=r?.title,t[33]=R,t[34]=b,t[35]=k,t[36]=c,t[37]=g):g=t[37];let h;t[38]!==H||t[39]!==g?(h=o.jsxRuntimeExports.jsx("div",{className:H,children:g}),t[38]=H,t[39]=g,t[40]=h):h=t[40];let y;t[41]!==S||t[42]!==F||t[43]!==u||t[44]!==f||t[45]!==B||t[46]!==h?(y=o.jsxRuntimeExports.jsx("div",{id:S,dir:F,className:u,style:f,"aria-label":B,children:h}),t[41]=S,t[42]=F,t[43]=u,t[44]=f,t[45]=B,t[46]=h,t[47]=y):y=t[47];let $;return t[48]!==y||t[49]!==w?($=o.jsxRuntimeExports.jsx("div",{className:w,children:y}),t[48]=y,t[49]=w,t[50]=$):$=t[50],$}exports.BasicStatCard=Y;
 //# 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  /** 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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"}
+{"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 {\r\n  ClassNameObject,\r\n  Languages,\r\n  NumberFormatOptions,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} 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  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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    sources,\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    numberDisplayOptions,\r\n    naLabel = 'NA',\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(\r\n                    value,\r\n                    naLabel,\r\n                    numberDisplayOptions?.precision ?? 2,\r\n                    numberDisplayOptions?.prefix,\r\n                    numberDisplayOptions?.suffix,\r\n                    numberDisplayOptions?.locale,\r\n                    numberDisplayOptions?.padZeros,\r\n                  )}{' '}\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(\r\n                  value,\r\n                  naLabel,\r\n                  numberDisplayOptions?.precision ?? 2,\r\n                  numberDisplayOptions?.prefix,\r\n                  numberDisplayOptions?.suffix,\r\n                  numberDisplayOptions?.locale,\r\n                  numberDisplayOptions?.padZeros,\r\n                )}{' '}\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","sources","graphDescription","footNote","padding","backgroundColor","t0","graphID","language","t1","theme","t2","ariaLabel","textBackground","t3","headingFontSize","t4","centerAlign","t5","verticalAlign","t6","layout","t7","styles","classNames","numberDisplayOptions","naLabel","t8","undefined","t9","t10","t11","t12","graphContainer","t13","cn","t14","t15","t16","t17","t18","t19","t20","description","footnote","source","title","locale","padZeros","precision","prefix","suffix","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t21","t22","t23"],"mappings":"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"}

package/dist/BasicStatCard.d.ts

@@ -35,7 +35,15 @@ declare interface ClassNameObject {
     modal?: string;
 }
 
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+
+declare interface NumberFormatOptions {
+    locale?: string;
+    precision?: number;
+    prefix?: string;
+    suffix?: string;
+    padZeros?: boolean;
+}
 
 declare interface Props {
     /** Title of the graph */
@@ -66,18 +74,14 @@ declare interface Props {
     styles?: StyleObject;
     /** Custom class names */
     classNames?: ClassNameObject;
-    /** Prefix for values */
-    prefix?: string;
-    /** Suffix for values */
-    suffix?: string;
-    /** Specifies the number of decimal places to display in the value. */
-    precision?: number;
+    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
+    numberDisplayOptions?: NumberFormatOptions;
+    /** Defines how “NA” values should be displayed/labelled in the graph */
+    naLabel?: string;
     /** Main text */
     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,124 +1,122 @@
-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,
+import { c as Y, m as _, j as i } from "./index-CHPV5EwG-BzibaIRc.js";
+import { R as M } from "./Typography-BO0gQDIT.js";
+import { GraphFooter as P } from "./GraphFooter.js";
+import { GraphHeader as Q } from "./GraphHeader.js";
+import { n as U } from "./numberFormattingFunction-BUUV_luR.js";
+function st(V) {
+  const t = Y.c(51), {
+    year: c,
     value: j,
-    graphTitle: s,
-    suffix: D,
-    sources: c,
-    prefix: E,
-    graphDescription: n,
-    footNote: d,
-    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,
-    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;
+    graphTitle: n,
+    sources: d,
+    graphDescription: a,
+    footNote: p,
+    padding: Z,
+    backgroundColor: D,
+    graphID: C,
+    language: H,
+    theme: R,
+    ariaLabel: X,
+    textBackground: E,
+    headingFontSize: G,
+    centerAlign: I,
+    verticalAlign: O,
+    layout: q,
+    styles: o,
+    classNames: r,
+    numberDisplayOptions: e,
+    naLabel: J
+  } = V, l = D === void 0 ? !1 : D, s = H === void 0 ? "en" : H, K = R === void 0 ? "light" : R, v = E === void 0 ? !1 : E, k = G === void 0 ? "4.375rem" : G, N = I === void 0 ? !1 : I, $ = O === void 0 ? "center" : O, b = q === void 0 ? "primary" : q, w = J === void 0 ? "NA" : J, F = `${K || "light"} w-full`, A = s === "he" || s === "ar" ? "rtl" : void 0, B = `${K || "light"} flex flex-col w-full box-border h-full ${l ? l === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${s || "en"}`, L = r?.graphContainer;
   let f;
-  t[0] !== A || t[1] !== W ? (f = rt(A, W), t[0] = A, t[1] = W, t[2] = f) : f = t[2];
+  t[0] !== B || t[1] !== L ? (f = _(B, L), t[0] = B, t[1] = L, 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 H = a ? G || "1rem" : G || 0;
+  t[3] !== o?.graphContainer ? (m = o?.graphContainer || {}, t[3] = o?.graphContainer, t[4] = m) : m = t[4];
   let g;
-  t[7] !== m || t[8] !== p || t[9] !== H ? (g = {
-    ...m,
-    ...p,
-    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"}`;
+  t[5] !== l ? (g = l && l !== !0 ? {
+    backgroundColor: l
+  } : {}, t[5] = l, t[6] = g) : g = t[6];
+  const T = l ? Z || "1rem" : Z || 0;
   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] !== 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: {
+  t[7] !== m || t[8] !== g || t[9] !== T ? (x = {
+    ...m,
+    ...g,
+    padding: T
+  }, t[7] = m, t[8] = g, t[9] = T, t[10] = x) : x = t[10];
+  const z = X || `${n ? `The graph shows ${n}. ` : ""}This is a statistic card.${a ? ` ${a}` : ""}`, W = `flex flex-col w-full grow ${b !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
+  let u;
+  t[11] !== N || t[12] !== r?.description || t[13] !== r?.footnote || t[14] !== r?.source || t[15] !== r?.title || t[16] !== p || t[17] !== a || t[18] !== n || t[19] !== k || t[20] !== s || t[21] !== b || t[22] !== w || t[23] !== e?.locale || t[24] !== e?.padZeros || t[25] !== e?.precision || t[26] !== e?.prefix || t[27] !== e?.suffix || t[28] !== d || t[29] !== o?.description || t[30] !== o?.footnote || t[31] !== o?.source || t[32] !== o?.title || t[33] !== v || t[34] !== j || t[35] !== $ || t[36] !== c ? (u = b !== "secondary" ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    n || a ? /* @__PURE__ */ i.jsx(Q, { styles: {
       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(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,
+    }, classNames: {
+      title: r?.title,
+      description: r?.description
+    }, graphTitle: n, graphDescription: a }) : null,
+    /* @__PURE__ */ i.jsx("div", { className: `flex flex-col justify-between grow ${$ === "top" ? "justify-start" : $ === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ i.jsxs(M, { marginBottom: "base", className: `leading-none text-outline font-heading ${N ? "text-center" : s === "he" || s === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: k,
       letterSpacing: "0.05rem"
     }, children: [
-      _(j, void 0, b, k, v, C),
+      U(j, w, e?.precision ?? 2, e?.prefix, e?.suffix, e?.locale, e?.padZeros),
       " ",
-      l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+      c ? /* @__PURE__ */ i.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,
+        c,
         ")"
       ] }) : null
     ] }) }),
-    c || d ? /* @__PURE__ */ r.jsx(Y, { styles: {
-      footnote: e?.footnote,
-      source: e?.source
-    }, classNames: {
+    d || p ? /* @__PURE__ */ i.jsx(P, { styles: {
       footnote: o?.footnote,
       source: o?.source
-    }, sources: c, footNote: d }) : null
-  ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__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,
+    }, classNames: {
+      footnote: r?.footnote,
+      source: r?.source
+    }, sources: d, footNote: p }) : null
+  ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(M, { marginBottom: b === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${N ? "text-center" : s === "he" || s === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: k,
       letterSpacing: "0.05rem"
     }, children: [
-      _(j, void 0, b, k, v, C),
+      U(j, w, e?.precision ?? 2, e?.prefix, e?.suffix, e?.locale, e?.padZeros),
       " ",
-      l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+      c ? /* @__PURE__ */ i.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,
+        c,
         ")"
       ] }) : null
     ] }),
-    s || n ? /* @__PURE__ */ r.jsx(Z, { styles: {
-      title: e?.title,
-      description: e?.description
-    }, classNames: {
+    n || a ? /* @__PURE__ */ i.jsx(Q, { styles: {
       title: o?.title,
       description: o?.description
-    }, graphTitle: s, graphDescription: n }) : null,
-    c || d ? /* @__PURE__ */ r.jsx(Y, { styles: {
-      footnote: e?.footnote,
-      source: e?.source
     }, classNames: {
+      title: r?.title,
+      description: r?.description
+    }, graphTitle: n, graphDescription: a }) : null,
+    d || p ? /* @__PURE__ */ i.jsx(P, { styles: {
       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] = 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[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];
+    }, classNames: {
+      footnote: r?.footnote,
+      source: r?.source
+    }, sources: d, footNote: p }) : null
+  ] }), t[11] = N, t[12] = r?.description, t[13] = r?.footnote, t[14] = r?.source, t[15] = r?.title, t[16] = p, t[17] = a, t[18] = n, t[19] = k, t[20] = s, t[21] = b, t[22] = w, t[23] = e?.locale, t[24] = e?.padZeros, t[25] = e?.precision, t[26] = e?.prefix, t[27] = e?.suffix, t[28] = d, t[29] = o?.description, t[30] = o?.footnote, t[31] = o?.source, t[32] = o?.title, t[33] = v, t[34] = j, t[35] = $, t[36] = c, t[37] = u) : u = t[37];
   let h;
-  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;
+  t[38] !== W || t[39] !== u ? (h = /* @__PURE__ */ i.jsx("div", { className: W, children: u }), t[38] = W, t[39] = u, t[40] = h) : h = t[40];
+  let y;
+  t[41] !== C || t[42] !== A || t[43] !== f || t[44] !== x || t[45] !== z || t[46] !== h ? (y = /* @__PURE__ */ i.jsx("div", { id: C, dir: A, className: f, style: x, "aria-label": z, children: h }), t[41] = C, t[42] = A, t[43] = f, t[44] = x, t[45] = z, t[46] = h, t[47] = y) : y = t[47];
+  let S;
+  return t[48] !== y || t[49] !== F ? (S = /* @__PURE__ */ i.jsx("div", { className: F, children: y }), t[48] = y, t[49] = F, t[50] = S) : S = t[50], S;
 }
 export {
-  ct as BasicStatCard
+  st 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  /** 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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"}
+{"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 {\r\n  ClassNameObject,\r\n  Languages,\r\n  NumberFormatOptions,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} 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  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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    sources,\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    numberDisplayOptions,\r\n    naLabel = 'NA',\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(\r\n                    value,\r\n                    naLabel,\r\n                    numberDisplayOptions?.precision ?? 2,\r\n                    numberDisplayOptions?.prefix,\r\n                    numberDisplayOptions?.suffix,\r\n                    numberDisplayOptions?.locale,\r\n                    numberDisplayOptions?.padZeros,\r\n                  )}{' '}\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(\r\n                  value,\r\n                  naLabel,\r\n                  numberDisplayOptions?.precision ?? 2,\r\n                  numberDisplayOptions?.prefix,\r\n                  numberDisplayOptions?.suffix,\r\n                  numberDisplayOptions?.locale,\r\n                  numberDisplayOptions?.padZeros,\r\n                )}{' '}\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","sources","graphDescription","footNote","padding","backgroundColor","t0","graphID","language","t1","theme","t2","ariaLabel","textBackground","t3","headingFontSize","t4","centerAlign","t5","verticalAlign","t6","layout","t7","styles","classNames","numberDisplayOptions","naLabel","t8","undefined","t9","t10","t11","t12","graphContainer","t13","cn","t14","t15","t16","t17","t18","t19","t20","description","footnote","source","title","locale","padZeros","precision","prefix","suffix","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t21","t22","t23"],"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-D4pAp7u0.cjs"),f=require("react"),Ye=require("./index-DQA8q5sC.cjs"),He=require("./index-Cno4Q0YE.cjs"),ze=require("./Spinner-WHzzloYQ.cjs"),st=require("./Typography-BqmyF1gP.cjs"),We=require("./numberFormattingFunction-Cn9R7CM9.cjs"),Ze=require("./Tooltip-Hr46paWP.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Je=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),je=require("./Colors.cjs"),Ke=require("./Axis-BTaS9oPQ.cjs"),Qe=require("./ReferenceLine-CpU4G01Y.cjs"),rt=require("./YTicksAndGridLines-DFjm8RCc.cjs"),lt=require("./XTicksAndGridLines-C5DuC5oY.cjs"),_e=require("./DetailsModal-jmmKRMRM.cjs"),et=require("./pow-BnyPO-NX.cjs"),tt=require("./linear-CgUCbw9F.cjs"),ne=require("./y-QcCbqrzx.cjs"),Pe=require("./uniqBy-O05lp2S5.cjs"),at=require("./GraphHeader.cjs"),Xe=require("./GraphContainer-Cul9b74X.cjs"),ct=require("./EmptyState-CFmiFPHz.cjs"),ut=require("./ColorLegendWithMouseOver.cjs"),dt=require("./GraphFooter.cjs");function xt(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:M,showTicks:se,width:N,height:S,colorDomain:B,topMargin:k,bottomMargin:Q,leftMargin:_,rightMargin:re,suffix:h,prefix:q,showLabels:A,tooltip:G,onSeriesMouseOver:le,refValues:w,selectedColor:g,startFromZero:D,radius:m,maxRadiusValue:P,maxValue:X,minValue:Y,highlightedDataPoints:ge,onSeriesMouseClick:me,resetSelectionOnDoubleClick:H,detailsOnClick:T,styles:R,classNames:u,noOfTicks:y,dimmedOpacity:ae,precision:ce,customLayers:fe,hideAxisLine:ve,locale:ye}=t,ue=k===void 0?25:k,V=Q===void 0?10:Q,ee=_===void 0?100:_,te=re===void 0?40:re,de=f.useRef(null),[xe,z]=f.useState(void 0),[I,a]=f.useState(void 0),[c,pe]=f.useState(null),[ie,W]=f.useState(void 0),[L,Z]=f.useState(void 0);let J;e[0]!==V||e[1]!==ee||e[2]!==te||e[3]!==ue?(J={top:ue,bottom:V,left:ee,right:te},e[0]=V,e[1]=ee,e[2]=te,e[3]=ue,e[4]=J):J=e[4];const d=J,x=N-d.left-d.right,oe=S-d.top-d.bottom,F=i.filter(At).length===0?i:He.orderBy(i.filter(qt),"radius","desc");let U;e[5]!==i||e[6]!==X||e[7]!==D?(U=v.checkIfNullOrUndefined(X)?Math.max(...i.filter($t).map(Lt))<0&&!D?0:Math.max(...i.filter(Dt).map(wt)):X,e[5]=i,e[6]=X,e[7]=D,e[8]=U):U=e[8];const $=U;let K;e[9]!==i||e[10]!==Y||e[11]!==D?(K=v.checkIfNullOrUndefined(Y)?Math.min(...i.filter(St).map(Nt))>=0&&!D?0:Math.min(...i.filter(Ct).map(kt)):Y,e[9]=i,e[10]=Y,e[11]=D,e[12]=K):K=e[12];const p=K,l=i.filter(Ot).length!==i.length?et.sqrt().domain([0,v.checkIfNullOrUndefined(P)?Math.max(...i.map(Rt).filter(Et)):P]).range([.25,m]).nice():void 0,r=tt.linear().domain([p,$]).range([oe,0]).nice(),E=r.ticks(y);f.useEffect(()=>{const s=F.map(Mt).filter(bt);ne.forceSimulation(s).force("y",ne.forceY(o=>r(o.position)).strength(5)).force("x",ne.forceX(o=>x/2).strength(1)).force("collide",ne.forceCollide(o=>l?l(o.radius||0)+1:m+1)).force("charge",ne.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{pe(s)}).on("end",()=>{pe(s)})},[i,m,oe,x,p,$,F,r,l]);const he=c?n.jsxRuntimeExports.jsx("svg",{width:`${N}px`,height:`${S}px`,viewBox:`0 0 ${N} ${S}`,direction:"ltr",ref:de,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[se?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ke.Axis,{hideAxisLine:ve,y1:r(p<0?0:p),y2:r(p<0?0:p),x1:0-d.left,x2:x+d.right,label:se?We.numberFormattingFunction(p<0?0:p,void 0,ce,q,h,ye):void 0,labelPos:{x:0-d.left,y:r(p<0?0:p),dx:0,dy:$<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:R?.xAxis?.axis,label:R?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(rt.YTicksAndGridLines,{values:E.filter(jt),y:E.filter(yt).map(s=>r(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:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:ce,locale:ye})]}):null,fe.filter(vt).map(gt),c.map(s=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&M[B.indexOf(s.color)]===g?1:ae:ge?ge.indexOf(s.label)!==-1?.85:ae:.85,onMouseEnter:o=>{z(s),Z(o.clientY),W(o.clientX),le?.(s)},onMouseMove:o=>{z(s),Z(o.clientY),W(o.clientX)},onClick:()=>{(me||T)&&(Ye.isEqual(I,s)&&H?(a(void 0),me?.(void 0)):(a(s),me?.(s)))},onMouseLeave:()=>{z(void 0),W(void 0),Z(void 0),le?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:l?l(s.radius||0):m,fill:i.filter(ht).length===0?M[0]:s.color?M[B.indexOf(s.color)]:je.Colors.gray}),(l?l(s.radius||0):m)>10&&A?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(s.radius||0):m),x:0-(l?l(s.radius||0):m),width:2*(l?l(s.radius||0):m),height:2*(l?l(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:A?n.jsxRuntimeExports.jsx("p",{className:n.mo("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((l?l(s.radius||0):m)/4),10),Math.max(Math.round((l?l(s.radius||0):m)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Je.getTextColorBasedOnBgColor(i.filter(pt).length===0?M[0]:s.color?M[B.indexOf(s.color)]:je.Colors.gray),...R?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),w?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:w.map((s,o)=>n.jsxRuntimeExports.jsx(Qe.RefLineY,{text:s.text,color:s.color,y:r(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:`${N}px`,height:`${S}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 C;e[13]!==u?.tooltip||e[14]!==ie||e[15]!==L||e[16]!==xe||e[17]!==R?.tooltip||e[18]!==G?(C=xe&&G&&ie&&L?n.jsxRuntimeExports.jsx(Ze.Tooltip,{data:xe,body:G,xPos:ie,yPos:L,backgroundStyle:R?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=ie,e[15]=L,e[16]=xe,e[17]=R?.tooltip,e[18]=G,e[19]=C):C=e[19];let j;e[20]!==u?.modal||e[21]!==T||e[22]!==I?(j=T&&I!==void 0?n.jsxRuntimeExports.jsx(_e.DetailsModal,{body:T,data:I,setData:a,className:u?.modal}):null,e[20]=u?.modal,e[21]=T,e[22]=I,e[23]=j):j=e[23];let O;return e[24]!==he||e[25]!==C||e[26]!==j?(O=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[he,C,j]}),e[24]=he,e[25]=C,e[26]=j,e[27]=O):O=e[27],O}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:M,showTicks:se,width:N,height:S,colorDomain:B,topMargin:k,bottomMargin:Q,leftMargin:_,rightMargin:re,showLabels:h,tooltip:q,onSeriesMouseOver:A,refValues:G,selectedColor:le,startFromZero:w,radius:g,maxRadiusValue:D,maxValue:m,minValue:P,highlightedDataPoints:X,onSeriesMouseClick:Y,rtl:ge,resetSelectionOnDoubleClick:me,detailsOnClick:H,suffix:T,prefix:R,styles:u,classNames:y,noOfTicks:ae,dimmedOpacity:ce,precision:fe,customLayers:ve,hideAxisLine:ye,locale:ue}=t,V=k===void 0?25:k,ee=Q===void 0?10:Q,te=_===void 0?10:_,de=re===void 0?10:re,xe=f.useRef(null),[z,I]=f.useState(void 0),[a,c]=f.useState(void 0),[pe,ie]=f.useState(null),[W,L]=f.useState(void 0),[Z,J]=f.useState(void 0);let d;e[0]!==ee||e[1]!==te||e[2]!==de||e[3]!==V?(d={top:V,bottom:ee,left:te,right:de},e[0]=ee,e[1]=te,e[2]=de,e[3]=V,e[4]=d):d=e[4];const x=d,oe=N-x.left-x.right,F=S-x.top-x.bottom,U=i.filter(si).length===0?i:He.orderBy(i.filter(ni),"radius","desc");let $;e[5]!==i||e[6]!==m||e[7]!==w?($=v.checkIfNullOrUndefined(m)?Math.max(...i.filter(oi).map(ii))<0&&!w?0:Math.max(...i.filter(ti).map(ei)):m,e[5]=i,e[6]=m,e[7]=w,e[8]=$):$=e[8];const K=$;let p;e[9]!==i||e[10]!==P||e[11]!==w?(p=v.checkIfNullOrUndefined(P)?Math.min(...i.filter(_t).map(Qt))>=0&&!w?0:Math.min(...i.filter(Kt).map(Jt)):P,e[9]=i,e[10]=P,e[11]=w,e[12]=p):p=e[12];const l=p,r=i.filter(Zt).length!==i.length?et.sqrt().domain([0,v.checkIfNullOrUndefined(D)?Math.max(...i.map(Wt).filter(zt)):D]).range([.25,g]).nice():void 0,E=tt.linear().domain([l,K]).range([0,oe]).nice(),he=E.ticks(ae);f.useEffect(()=>{const o=U.map(Ht).filter(Yt);ne.forceSimulation(o).force("x",ne.forceX(b=>E(b.position)).strength(5)).force("y",ne.forceY(b=>F/2).strength(1)).force("collide",ne.forceCollide(b=>r?r(b.radius||0)+1:g+1)).force("charge",ne.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{ie(o)}).on("end",()=>{ie(o)})},[i,g,F,oe,l,K,U,E,r]);const C=pe?n.jsxRuntimeExports.jsx("svg",{width:`${N}px`,height:`${S}px`,viewBox:`0 0 ${N} ${S}`,direction:"ltr",ref:xe,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[se?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ke.Axis,{hideAxisLine:ye,x1:E(l<0?0:l),x2:E(l<0?0:l),y1:0-x.top,y2:F+x.bottom,label:se?We.numberFormattingFunction(l<0?0:l,void 0,fe,R,T,ue):void 0,labelPos:{x:E(l<0?0:l),y:0-V,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(lt.XTicksAndGridLines,{values:he.filter(Xt),x:he.filter(Pt).map(o=>E(o)),y1:0-V,y2:F+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:y?.xAxis?.gridLines,labels:y?.xAxis?.labels},suffix:T,prefix:R,labelType:"secondary",showGridLines:!0,precision:fe,locale:ue})]}):null,ve.filter(Gt).map(Bt),pe.map(o=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:le?o.color&&M[B.indexOf(o.color)]===le?1:ce:X?X.indexOf(o.label)!==-1?.85:ce:.85,onMouseEnter:b=>{I(o),J(b.clientY),L(b.clientX),A?.(o)},onMouseMove:b=>{I(o),J(b.clientY),L(b.clientX)},onClick:()=>{(Y||H)&&(Ye.isEqual(a,o)&&me?(c(void 0),Y?.(void 0)):(c(o),Y?.(o)))},onMouseLeave:()=>{I(void 0),L(void 0),J(void 0),A?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter(Ut).length===0?M[0]:o.color?M[B.indexOf(o.color)]:je.Colors.gray,radius:r?r(o.radius||0):g}),(r?r(o.radius||0):g)>10&&h?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(o.radius||0):g),x:0-(r?r(o.radius||0):g),width:2*(r?r(o.radius||0):g),height:2*(r?r(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((r?r(o.radius||0):g)/4),10),Math.max(Math.round((r?r(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:Je.getTextColorBasedOnBgColor(i.filter(Ft).length===0?M[0]:o.color?M[B.indexOf(o.color)]:je.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),G?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:G.map((o,b)=>n.jsxRuntimeExports.jsx(Qe.RefLineX,{text:o.text,color:o.color,x:E(o.value),y1:0-x.top,y2:F+x.bottom,textSide:E(o.value)>oe*.75||ge?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},b))}):null,ve.filter(It).map(Vt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${N}px`,height:`${S}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 j;e[13]!==y?.tooltip||e[14]!==W||e[15]!==Z||e[16]!==z||e[17]!==u?.tooltip||e[18]!==q?(j=z&&q&&W&&Z?n.jsxRuntimeExports.jsx(Ze.Tooltip,{data:z,body:q,xPos:W,yPos:Z,backgroundStyle:u?.tooltip,className:y?.tooltip}):null,e[13]=y?.tooltip,e[14]=W,e[15]=Z,e[16]=z,e[17]=u?.tooltip,e[18]=q,e[19]=j):j=e[19];let O;e[20]!==y?.modal||e[21]!==H||e[22]!==a?(O=H&&a!==void 0?n.jsxRuntimeExports.jsx(_e.DetailsModal,{body:H,data:a,setData:c,className:y?.modal}):null,e[20]=y?.modal,e[21]=H,e[22]=a,e[23]=O):O=e[23];let s;return e[24]!==C||e[25]!==j||e[26]!==O?(s=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[C,j,O]}),e[24]=C,e[25]=j,e[26]=O,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(91),{data:i,graphTitle:M,topMargin:se,bottomMargin:N,leftMargin:S,rightMargin:B,colors:k,sources:Q,graphDescription:_,height:re,width:h,footNote:q,colorDomain:A,colorLegendTitle:G,padding:le,relativeHeight:w,tooltip:g,onSeriesMouseOver:D,refValues:m,showColorScale:P,graphID:X,radius:Y,showLabels:ge,showTicks:me,maxRadiusValue:H,maxValue:T,minValue:R,highlightedDataPoints:u,onSeriesMouseClick:y,ariaLabel:ae,backgroundColor:ce,graphDownload:fe,dataDownload:ve,language:ye,showNAColor:ue,minHeight:V,theme:ee,resetSelectionOnDoubleClick:te,detailsOnClick:de,orientation:xe,suffix:z,prefix:I,styles:a,classNames:c,noOfTicks:pe,dimmedOpacity:ie,precision:W,customLayers:L,hideAxisLine:Z,locale:J}=t,d=Y===void 0?5:Y,x=ge===void 0?!0:ge,oe=me===void 0?!0:me,F=ce===void 0?!1:ce,U=fe===void 0?!1:fe,$=ve===void 0?!1:ve,K=ye===void 0?"en":ye,p=ue===void 0?!0:ue,l=V===void 0?0:V,r=ee===void 0?"light":ee,E=te===void 0?!0:te,he=xe===void 0?"vertical":xe,C=z===void 0?"":z,j=I===void 0?"":I,O=pe===void 0?5:pe,s=ie===void 0?.3:ie,o=W===void 0?2:W;let b;e[0]!==L?(b=L===void 0?[]:L,e[0]=L,e[1]=b):b=e[1];const Le=b,$e=Z===void 0?!1:Z,qe=J===void 0?"en":J,[Ce,it]=f.useState(0),[Ne,ot]=f.useState(0),[Ae,nt]=f.useState(void 0),Te=f.useRef(null),Ue=f.useRef(null),Ve=he==="horizontal"?Tt:xt;let Se,we;e[2]===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[2]=Se,e[3]=we):(Se=e[2],we=e[3]),f.useEffect(Se,we);const Ie=c?.graphContainer,Fe=a?.graphContainer;let be;e[4]!==c?.description||e[5]!==c?.title||e[6]!==i||e[7]!==$||e[8]!==_||e[9]!==U||e[10]!==M||e[11]!==a?.description||e[12]!==a?.title||e[13]!==h?(be=M||_||U||$?n.jsxRuntimeExports.jsx(at.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:c?.title,description:c?.description},graphTitle:M,graphDescription:_,width:h,graphDownload:U?Ue:void 0,dataDownload:$?i.map(fi).filter(mi).length>0?i.map(xi).filter(di):i.filter(ui):null}):null,e[4]=c?.description,e[5]=c?.title,e[6]=i,e[7]=$,e[8]=_,e[9]=U,e[10]=M,e[11]=a?.description,e[12]=a?.title,e[13]=h,e[14]=be):be=e[14];let Me;e[15]!==c?.colorLegend||e[16]!==A||e[17]!==G||e[18]!==k||e[19]!==i||e[20]!==P||e[21]!==p||e[22]!==r||e[23]!==h?(Me=P!==!1&&i.filter(ci).length!==0&&i.length>0?n.jsxRuntimeExports.jsx(ut.ColorLegendWithMouseOver,{width:h,colorLegendTitle:G,colors:k||je.Colors[r].categoricalColors.colors,colorDomain:A||Pe.uniqBy(i,"color",!0),setSelectedColor:nt,showNAColor:p,className:c?.colorLegend}):null,e[15]=c?.colorLegend,e[16]=A,e[17]=G,e[18]=k,e[19]=i,e[20]=P,e[21]=p,e[22]=r,e[23]=h,e[24]=Me):Me=e[24];let Ee;e[25]!==i.length?(Ee=i.length===0&&n.jsxRuntimeExports.jsx(ct.EmptyState,{}),e[25]=i.length,e[26]=Ee):Ee=e[26];let Re;e[27]!==Ve||e[28]!==N||e[29]!==c||e[30]!==A||e[31]!==k||e[32]!==Le||e[33]!==i||e[34]!==de||e[35]!==s||e[36]!==$e||e[37]!==u||e[38]!==S||e[39]!==qe||e[40]!==H||e[41]!==T||e[42]!==R||e[43]!==O||e[44]!==y||e[45]!==D||e[46]!==o||e[47]!==j||e[48]!==d||e[49]!==m||e[50]!==E||e[51]!==B||e[52]!==Ae||e[53]!==x||e[54]!==oe||e[55]!==a||e[56]!==C||e[57]!==Ne||e[58]!==Ce||e[59]!==r||e[60]!==g||e[61]!==se?(Re=Ce&&Ne&&i.length>0?n.jsxRuntimeExports.jsx(Ve,{hideAxisLine:$e,data:i,circleColors:i.filter(ai).length===0?k?[k]:[je.Colors.primaryColors["blue-600"]]:k||je.Colors[r].categoricalColors.colors,colorDomain:i.filter(li).length===0?[]:A||Pe.uniqBy(i,"color",!0),width:Ce,selectedColor:Ae,height:Ne,showTicks:oe,leftMargin:S,rightMargin:B,topMargin:se,bottomMargin:N,showLabels:x,tooltip:g,onSeriesMouseOver:D,refValues:m,startFromZero:!1,radius:d,maxRadiusValue:H,maxValue:T,minValue:R,highlightedDataPoints:u,onSeriesMouseClick:y,resetSelectionOnDoubleClick:E,detailsOnClick:de,styles:a,classNames:c,suffix:C,prefix:j,noOfTicks:O||5,dimmedOpacity:s,precision:o,customLayers:Le,locale:qe}):null,e[27]=Ve,e[28]=N,e[29]=c,e[30]=A,e[31]=k,e[32]=Le,e[33]=i,e[34]=de,e[35]=s,e[36]=$e,e[37]=u,e[38]=S,e[39]=qe,e[40]=H,e[41]=T,e[42]=R,e[43]=O,e[44]=y,e[45]=D,e[46]=o,e[47]=j,e[48]=d,e[49]=m,e[50]=E,e[51]=B,e[52]=Ae,e[53]=x,e[54]=oe,e[55]=a,e[56]=C,e[57]=Ne,e[58]=Ce,e[59]=r,e[60]=g,e[61]=se,e[62]=Re):Re=e[62];let Oe;e[63]!==Ee||e[64]!==Re?(Oe=n.jsxRuntimeExports.jsxs(Xe.GraphArea,{ref:Te,children:[Ee,Re]}),e[63]=Ee,e[64]=Re,e[65]=Oe):Oe=e[65];let ke;e[66]!==c?.footnote||e[67]!==c?.source||e[68]!==q||e[69]!==Q||e[70]!==a?.footnote||e[71]!==a?.source||e[72]!==h?(ke=Q||q?n.jsxRuntimeExports.jsx(dt.GraphFooter,{styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:Q,footNote:q,width:h}):null,e[66]=c?.footnote,e[67]=c?.source,e[68]=q,e[69]=Q,e[70]=a?.footnote,e[71]=a?.source,e[72]=h,e[73]=ke):ke=e[73];let De;return e[74]!==ae||e[75]!==F||e[76]!==X||e[77]!==re||e[78]!==K||e[79]!==l||e[80]!==le||e[81]!==w||e[82]!==Ie||e[83]!==Fe||e[84]!==be||e[85]!==Me||e[86]!==Oe||e[87]!==ke||e[88]!==r||e[89]!==h?(De=n.jsxRuntimeExports.jsxs(Xe.GraphContainer,{className:Ie,style:Fe,id:X,ref:Ue,"aria-label":ae,backgroundColor:F,theme:r,language:K,minHeight:l,width:h,height:re,relativeHeight:w,padding:le,children:[be,Me,Oe,ke]}),e[74]=ae,e[75]=F,e[76]=X,e[77]=re,e[78]=K,e[79]=l,e[80]=le,e[81]=w,e[82]=Ie,e[83]=Fe,e[84]=be,e[85]=Me,e[86]=Oe,e[87]=ke,e[88]=r,e[89]=h,e[90]=De):De=e[90],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 o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),m=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),Ge=require("./Spinner-WHzzloYQ.cjs"),Qe=require("./Typography-BqmyF1gP.cjs"),Pe=require("./numberFormattingFunction-u2iNHL_c.cjs"),Xe=require("./Tooltip-C9F3uYG0.cjs"),j=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),be=require("./Colors.cjs"),He=require("./Axis-BTaS9oPQ.cjs"),Ze=require("./ReferenceLine-CpU4G01Y.cjs"),_e=require("./YTicksAndGridLines-sT3zdCs6.cjs"),et=require("./XTicksAndGridLines-B4UhDVyU.cjs"),ze=require("./DetailsModal-Du8Fr1QD.cjs"),We=require("./pow-BnyPO-NX.cjs"),Je=require("./linear-CgUCbw9F.cjs"),re=require("./y-QcCbqrzx.cjs"),Ie=require("./uniqBy-O05lp2S5.cjs"),tt=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-Cul9b74X.cjs"),it=require("./EmptyState-CFmiFPHz.cjs"),ot=require("./ColorLegendWithMouseOver.cjs"),nt=require("./GraphFooter.cjs");function st(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,suffix:h,prefix:q,showLabels:A,tooltip:Y,onSeriesMouseOver:ce,refValues:D,selectedColor:g,startFromZero:L,radius:f,maxRadiusValue:H,maxValue:Z,minValue:z,highlightedDataPoints:ve,onSeriesMouseClick:fe,resetSelectionOnDoubleClick:W,detailsOnClick:T,styles:k,classNames:u,noOfTicks:b,dimmedOpacity:ue,precision:de,customLayers:me,hideAxisLine:ye,locale:je,padZeros:he}=t,pe=C===void 0?25:C,V=_===void 0?10:_,te=ee===void 0?100:ee,J=ae===void 0?40:ae,ge=m.useRef(null),[p,c]=m.useState(void 0),[a,I]=m.useState(void 0),[xe,ie]=m.useState(null),[oe,F]=m.useState(void 0),[U,B]=m.useState(void 0);let G;e[0]!==V||e[1]!==te||e[2]!==J||e[3]!==pe?(G={top:pe,bottom:V,left:te,right:J},e[0]=V,e[1]=te,e[2]=J,e[3]=pe,e[4]=G):G=e[4];const d=G,x=S-d.left-d.right,ne=w-d.top-d.bottom,P=i.filter(Nt).length===0?i:Be.orderBy(i.filter(Ct),"radius","desc");let K;e[5]!==i||e[6]!==Z||e[7]!==L?(K=j.checkIfNullOrUndefined(Z)?Math.max(...i.filter(kt).map(Rt))<0&&!L?0:Math.max(...i.filter(Ot).map(Et)):Z,e[5]=i,e[6]=Z,e[7]=L,e[8]=K):K=e[8];const v=K;let Q;e[9]!==i||e[10]!==z||e[11]!==L?(Q=j.checkIfNullOrUndefined(z)?Math.min(...i.filter(Mt).map(bt))>=0&&!L?0:Math.min(...i.filter(jt).map(yt)):z,e[9]=i,e[10]=z,e[11]=L,e[12]=Q):Q=e[12];const M=Q,r=i.filter(vt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(H)?Math.max(...i.map(gt).filter(ht)):H]).range([.25,f]).nice():void 0,l=Je.linear().domain([M,v]).range([ne,0]).nice(),E=l.ticks(b);m.useEffect(()=>{const s=P.map(mt).filter(ft);re.forceSimulation(s).force("y",re.forceY(n=>l(n.position)).strength(5)).force("x",re.forceX(n=>x/2).strength(1)).force("collide",re.forceCollide(n=>r?r(n.radius||0)+1:f+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{ie(s)}).on("end",()=>{ie(s)})},[i,f,ne,x,M,v,P,l,r]);const se=xe?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:ge,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:ye,y1:l(M<0?0:M),y2:l(M<0?0:M),x1:0-d.left,x2:x+d.right,label:le?Pe.numberFormattingFunction(M<0?0:M,void 0,de,q,h,je,he):void 0,labelPos:{x:0-d.left,y:l(M<0?0:M),dx:0,dy:v<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:E.filter(xt),y:E.filter(pt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:k?.yAxis?.gridLines,labels:k?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:h,prefix:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:de,locale:je,padZeros:he})]}):null,me.filter(dt).map(ut),xe.map(s=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&O[X.indexOf(s.color)]===g?1:ue:ve?ve.indexOf(s.label)!==-1?.85:ue:.85,onMouseEnter:n=>{c(s),B(n.clientY),F(n.clientX),ce?.(s)},onMouseMove:n=>{c(s),B(n.clientY),F(n.clientX)},onClick:()=>{(fe||T)&&(Ue.isEqual(a,s)&&W?(I(void 0),fe?.(void 0)):(I(s),fe?.(s)))},onMouseLeave:()=>{c(void 0),F(void 0),B(void 0),ce?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):f,fill:i.filter(ct).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray}),(r?r(s.radius||0):f)>10&&A?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):f),x:0-(r?r(s.radius||0):f),width:2*(r?r(s.radius||0):f),height:2*(r?r(s.radius||0):f),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:A?o.jsxRuntimeExports.jsx("p",{className:o.mo("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):f)/4),10),Math.max(Math.round((r?r(s.radius||0):f)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Ye.getTextColorBasedOnBgColor(i.filter(at).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray),...k?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),D?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:D.map((s,n)=>o.jsxRuntimeExports.jsx(Ze.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},n))}):null,me.filter(lt).map(rt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let N;e[13]!==u?.tooltip||e[14]!==oe||e[15]!==U||e[16]!==p||e[17]!==k?.tooltip||e[18]!==Y?(N=p&&Y&&oe&&U?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:p,body:Y,xPos:oe,yPos:U,backgroundStyle:k?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=oe,e[15]=U,e[16]=p,e[17]=k?.tooltip,e[18]=Y,e[19]=N):N=e[19];let y;e[20]!==u?.modal||e[21]!==T||e[22]!==a?(y=T&&a!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:T,data:a,setData:I,className:u?.modal}):null,e[20]=u?.modal,e[21]=T,e[22]=a,e[23]=y):y=e[23];let $;return e[24]!==se||e[25]!==N||e[26]!==y?($=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[se,N,y]}),e[24]=se,e[25]=N,e[26]=y,e[27]=$):$=e[27],$}function rt(t){return t.layer}function lt(t){return t.position==="after"}function at(t){return t.color}function ct(t){return t.color}function ut(t){return t.layer}function dt(t){return t.position==="before"}function pt(t){return t!==0}function xt(t){return t!==0}function ft(t){return t.position}function mt(t){return{...t,...t.data&&{data:{...t.data}}}}function ht(t){return t!=null}function gt(t){return t.radius}function vt(t){return t.radius===void 0||t.radius===null}function yt(t){return t.position}function jt(t){return!j.checkIfNullOrUndefined(t.position)}function bt(t){return t.position}function Mt(t){return!j.checkIfNullOrUndefined(t.position)}function Et(t){return t.position}function Ot(t){return!j.checkIfNullOrUndefined(t.position)}function Rt(t){return t.position}function kt(t){return!j.checkIfNullOrUndefined(t.position)}function Ct(t){return!j.checkIfNullOrUndefined(t.radius)}function Nt(t){return!j.checkIfNullOrUndefined(t.radius)}function St(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,showLabels:h,tooltip:q,onSeriesMouseOver:A,refValues:Y,selectedColor:ce,startFromZero:D,radius:g,maxRadiusValue:L,maxValue:f,minValue:H,highlightedDataPoints:Z,onSeriesMouseClick:z,rtl:ve,resetSelectionOnDoubleClick:fe,detailsOnClick:W,suffix:T,prefix:k,styles:u,classNames:b,noOfTicks:ue,dimmedOpacity:de,precision:me,customLayers:ye,hideAxisLine:je,locale:he,padZeros:pe}=t,V=C===void 0?25:C,te=_===void 0?10:_,J=ee===void 0?10:ee,ge=ae===void 0?10:ae,p=m.useRef(null),[c,a]=m.useState(void 0),[I,xe]=m.useState(void 0),[ie,oe]=m.useState(null),[F,U]=m.useState(void 0),[B,G]=m.useState(void 0);let d;e[0]!==te||e[1]!==J||e[2]!==ge||e[3]!==V?(d={top:V,bottom:te,left:J,right:ge},e[0]=te,e[1]=J,e[2]=ge,e[3]=V,e[4]=d):d=e[4];const x=d,ne=S-x.left-x.right,P=w-x.top-x.bottom,K=i.filter(Qt).length===0?i:Be.orderBy(i.filter(Kt),"radius","desc");let v;e[5]!==i||e[6]!==f||e[7]!==D?(v=j.checkIfNullOrUndefined(f)?Math.max(...i.filter(Jt).map(Wt))<0&&!D?0:Math.max(...i.filter(zt).map(Zt)):f,e[5]=i,e[6]=f,e[7]=D,e[8]=v):v=e[8];const Q=v;let M;e[9]!==i||e[10]!==H||e[11]!==D?(M=j.checkIfNullOrUndefined(H)?Math.min(...i.filter(Ht).map(Yt))>=0&&!D?0:Math.min(...i.filter(Xt).map(Pt)):H,e[9]=i,e[10]=H,e[11]=D,e[12]=M):M=e[12];const r=M,l=i.filter(Gt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(L)?Math.max(...i.map(Bt).filter(Ut)):L]).range([.25,g]).nice():void 0,E=Je.linear().domain([r,Q]).range([0,ne]).nice(),se=E.ticks(ue);m.useEffect(()=>{const n=K.map(Ft).filter(It);re.forceSimulation(n).force("x",re.forceX(R=>E(R.position)).strength(5)).force("y",re.forceY(R=>P/2).strength(1)).force("collide",re.forceCollide(R=>l?l(R.radius||0)+1:g+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{oe(n)}).on("end",()=>{oe(n)})},[i,g,P,ne,r,Q,K,E,l]);const N=ie?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:p,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:je,x1:E(r<0?0:r),x2:E(r<0?0:r),y1:0-x.top,y2:P+x.bottom,label:le?Pe.numberFormattingFunction(r<0?0:r,void 0,me,k,T,he,pe):void 0,labelPos:{x:E(r<0?0:r),y:0-V,dy:"0.75em",dx:3},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(et.XTicksAndGridLines,{values:se.filter(Vt),x:se.filter(Tt).map(n=>E(n)),y1:0-V,y2:P+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},suffix:T,prefix:k,labelType:"secondary",showGridLines:!0,precision:me,locale:he,padZeros:pe})]}):null,ye.filter(At).map(qt),ie.map(n=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${n.x},${n.y})`,opacity:ce?n.color&&O[X.indexOf(n.color)]===ce?1:de:Z?Z.indexOf(n.label)!==-1?.85:de:.85,onMouseEnter:R=>{a(n),G(R.clientY),U(R.clientX),A?.(n)},onMouseMove:R=>{a(n),G(R.clientY),U(R.clientX)},onClick:()=>{(z||W)&&(Ue.isEqual(I,n)&&fe?(xe(void 0),z?.(void 0)):(xe(n),z?.(n)))},onMouseLeave:()=>{a(void 0),U(void 0),G(void 0),A?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter($t).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray,radius:l?l(n.radius||0):g}),(l?l(n.radius||0):g)>10&&h?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(n.radius||0):g),x:0-(l?l(n.radius||0):g),width:2*(l?l(n.radius||0):g),height:2*(l?l(n.radius||0):g),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?o.jsxRuntimeExports.jsx(Qe._,{className:o.mo("text-center leading-none m-0",b?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(n.radius||0):g)/4),10),Math.max(Math.round((l?l(n.radius||0):g)*12/`${n.label}`.length),10),20)}px`,color:Ye.getTextColorBasedOnBgColor(i.filter(Lt).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:n.label}):null})})}):null]},n.label)),Y?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:Y.map((n,R)=>o.jsxRuntimeExports.jsx(Ze.RefLineX,{text:n.text,color:n.color,x:E(n.value),y1:0-x.top,y2:P+x.bottom,textSide:E(n.value)>ne*.75||ve?"left":"right",classNames:n.classNames,styles:n.styles,isInView:!0},R))}):null,ye.filter(Dt).map(wt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let y;e[13]!==b?.tooltip||e[14]!==F||e[15]!==B||e[16]!==c||e[17]!==u?.tooltip||e[18]!==q?(y=c&&q&&F&&B?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:c,body:q,xPos:F,yPos:B,backgroundStyle:u?.tooltip,className:b?.tooltip}):null,e[13]=b?.tooltip,e[14]=F,e[15]=B,e[16]=c,e[17]=u?.tooltip,e[18]=q,e[19]=y):y=e[19];let $;e[20]!==b?.modal||e[21]!==W||e[22]!==I?($=W&&I!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:W,data:I,setData:xe,className:b?.modal}):null,e[20]=b?.modal,e[21]=W,e[22]=I,e[23]=$):$=e[23];let s;return e[24]!==N||e[25]!==y||e[26]!==$?(s=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[N,y,$]}),e[24]=N,e[25]=y,e[26]=$,e[27]=s):s=e[27],s}function wt(t){return t.layer}function Dt(t){return t.position==="after"}function Lt(t){return t.color}function $t(t){return t.color}function qt(t){return t.layer}function At(t){return t.position==="before"}function Tt(t){return t!==0}function Vt(t){return t!==0}function It(t){return t.position}function Ft(t){return{...t,...t.data&&{data:{...t.data}}}}function Ut(t){return t!=null}function Bt(t){return t.radius}function Gt(t){return t.radius===void 0||t.radius===null}function Pt(t){return t.position}function Xt(t){return!j.checkIfNullOrUndefined(t.position)}function Yt(t){return t.position}function Ht(t){return!j.checkIfNullOrUndefined(t.position)}function Zt(t){return t.position}function zt(t){return!j.checkIfNullOrUndefined(t.position)}function Wt(t){return t.position}function Jt(t){return!j.checkIfNullOrUndefined(t.position)}function Kt(t){return!j.checkIfNullOrUndefined(t.radius)}function Qt(t){return!j.checkIfNullOrUndefined(t.radius)}function _t(t){const e=o.compilerRuntimeExports.c(92),{data:i,graphTitle:O,topMargin:le,bottomMargin:S,leftMargin:w,rightMargin:X,colors:C,sources:_,graphDescription:ee,height:ae,width:h,footNote:q,colorDomain:A,colorLegendTitle:Y,padding:ce,relativeHeight:D,tooltip:g,onSeriesMouseOver:L,refValues:f,showColorScale:H,graphID:Z,radius:z,showLabels:ve,showTicks:fe,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,ariaLabel:ue,backgroundColor:de,graphDownload:me,dataDownload:ye,language:je,showNAColor:he,minHeight:pe,theme:V,resetSelectionOnDoubleClick:te,detailsOnClick:J,orientation:ge,numberDisplayOptions:p,styles:c,classNames:a,noOfTicks:I,dimmedOpacity:xe,customLayers:ie,hideAxisLine:oe}=t,F=z===void 0?5:z,U=ve===void 0?!0:ve,B=fe===void 0?!0:fe,G=de===void 0?!1:de,d=me===void 0?!1:me,x=ye===void 0?!1:ye,ne=je===void 0?"en":je,P=he===void 0?!0:he,K=pe===void 0?0:pe,v=V===void 0?"light":V,Q=te===void 0?!0:te,M=ge===void 0?"vertical":ge,r=I===void 0?5:I,l=xe===void 0?.3:xe;let E;e[0]!==ie?(E=ie===void 0?[]:ie,e[0]=ie,e[1]=E):E=e[1];const se=E,N=oe===void 0?!1:oe,[y,$]=m.useState(0),[s,n]=m.useState(0),[R,Ke]=m.useState(void 0),De=m.useRef(null),Ae=m.useRef(null),Le=M==="horizontal"?St:st;let Ne,Se;e[2]===Symbol.for("react.memo_cache_sentinel")?(Ne=()=>{const Te=new ResizeObserver(Ve=>{$(Ve[0].target.clientWidth||620),n(Ve[0].target.clientHeight||480)});return De.current&&Te.observe(De.current),()=>Te.disconnect()},Se=[],e[2]=Ne,e[3]=Se):(Ne=e[2],Se=e[3]),m.useEffect(Ne,Se);const $e=a?.graphContainer,qe=c?.graphContainer;let Me;e[4]!==a?.description||e[5]!==a?.title||e[6]!==i||e[7]!==x||e[8]!==ee||e[9]!==d||e[10]!==O||e[11]!==c?.description||e[12]!==c?.title||e[13]!==h?(Me=O||ee||d||x?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:a?.title,description:a?.description},graphTitle:O,graphDescription:ee,width:h,graphDownload:d?Ae:void 0,dataDownload:x?i.map(li).filter(ri).length>0?i.map(si).filter(ni):i.filter(oi):null}):null,e[4]=a?.description,e[5]=a?.title,e[6]=i,e[7]=x,e[8]=ee,e[9]=d,e[10]=O,e[11]=c?.description,e[12]=c?.title,e[13]=h,e[14]=Me):Me=e[14];let Ee;e[15]!==a?.colorLegend||e[16]!==A||e[17]!==Y||e[18]!==C||e[19]!==i||e[20]!==H||e[21]!==P||e[22]!==v||e[23]!==h?(Ee=H!==!1&&i.filter(ii).length!==0&&i.length>0?o.jsxRuntimeExports.jsx(ot.ColorLegendWithMouseOver,{width:h,colorLegendTitle:Y,colors:C||be.Colors[v].categoricalColors.colors,colorDomain:A||Ie.uniqBy(i,"color",!0),setSelectedColor:Ke,showNAColor:P,className:a?.colorLegend}):null,e[15]=a?.colorLegend,e[16]=A,e[17]=Y,e[18]=C,e[19]=i,e[20]=H,e[21]=P,e[22]=v,e[23]=h,e[24]=Ee):Ee=e[24];let Oe;e[25]!==i.length?(Oe=i.length===0&&o.jsxRuntimeExports.jsx(it.EmptyState,{}),e[25]=i.length,e[26]=Oe):Oe=e[26];let Re;e[27]!==Le||e[28]!==S||e[29]!==a||e[30]!==A||e[31]!==C||e[32]!==se||e[33]!==i||e[34]!==J||e[35]!==l||e[36]!==N||e[37]!==u||e[38]!==w||e[39]!==W||e[40]!==T||e[41]!==k||e[42]!==r||e[43]!==p?.locale||e[44]!==p?.padZeros||e[45]!==p?.precision||e[46]!==p?.prefix||e[47]!==p?.suffix||e[48]!==b||e[49]!==L||e[50]!==F||e[51]!==f||e[52]!==Q||e[53]!==X||e[54]!==R||e[55]!==U||e[56]!==B||e[57]!==c||e[58]!==s||e[59]!==y||e[60]!==v||e[61]!==g||e[62]!==le?(Re=y&&s&&i.length>0?o.jsxRuntimeExports.jsx(Le,{hideAxisLine:N,data:i,circleColors:i.filter(ti).length===0?C?[C]:[be.Colors.primaryColors["blue-600"]]:C||be.Colors[v].categoricalColors.colors,colorDomain:i.filter(ei).length===0?[]:A||Ie.uniqBy(i,"color",!0),width:y,selectedColor:R,height:s,showTicks:B,leftMargin:w,rightMargin:X,topMargin:le,bottomMargin:S,showLabels:U,tooltip:g,onSeriesMouseOver:L,refValues:f,startFromZero:!1,radius:F,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,resetSelectionOnDoubleClick:Q,detailsOnClick:J,styles:c,classNames:a,noOfTicks:r||5,dimmedOpacity:l,customLayers:se,locale:p?.locale||"en",padZeros:p?.padZeros||!1,suffix:p?.suffix||"",prefix:p?.prefix||"",precision:p?.precision??2}):null,e[27]=Le,e[28]=S,e[29]=a,e[30]=A,e[31]=C,e[32]=se,e[33]=i,e[34]=J,e[35]=l,e[36]=N,e[37]=u,e[38]=w,e[39]=W,e[40]=T,e[41]=k,e[42]=r,e[43]=p?.locale,e[44]=p?.padZeros,e[45]=p?.precision,e[46]=p?.prefix,e[47]=p?.suffix,e[48]=b,e[49]=L,e[50]=F,e[51]=f,e[52]=Q,e[53]=X,e[54]=R,e[55]=U,e[56]=B,e[57]=c,e[58]=s,e[59]=y,e[60]=v,e[61]=g,e[62]=le,e[63]=Re):Re=e[63];let ke;e[64]!==Oe||e[65]!==Re?(ke=o.jsxRuntimeExports.jsxs(Fe.GraphArea,{ref:De,children:[Oe,Re]}),e[64]=Oe,e[65]=Re,e[66]=ke):ke=e[66];let Ce;e[67]!==a?.footnote||e[68]!==a?.source||e[69]!==q||e[70]!==_||e[71]!==c?.footnote||e[72]!==c?.source||e[73]!==h?(Ce=_||q?o.jsxRuntimeExports.jsx(nt.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:q,width:h}):null,e[67]=a?.footnote,e[68]=a?.source,e[69]=q,e[70]=_,e[71]=c?.footnote,e[72]=c?.source,e[73]=h,e[74]=Ce):Ce=e[74];let we;return e[75]!==ue||e[76]!==G||e[77]!==Z||e[78]!==ae||e[79]!==ne||e[80]!==K||e[81]!==ce||e[82]!==D||e[83]!==$e||e[84]!==qe||e[85]!==Me||e[86]!==Ee||e[87]!==ke||e[88]!==Ce||e[89]!==v||e[90]!==h?(we=o.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:qe,id:Z,ref:Ae,"aria-label":ue,backgroundColor:G,theme:v,language:ne,minHeight:K,width:h,height:ae,relativeHeight:D,padding:ce,children:[Me,Ee,ke,Ce]}),e[75]=ue,e[76]=G,e[77]=Z,e[78]=ae,e[79]=ne,e[80]=K,e[81]=ce,e[82]=D,e[83]=$e,e[84]=qe,e[85]=Me,e[86]=Ee,e[87]=ke,e[88]=Ce,e[89]=v,e[90]=h,e[91]=we):we=e[91],we}function ei(t){return t.color}function ti(t){return t.color}function ii(t){return t.color}function oi(t){return t!==void 0}function ni(t){return t!==void 0}function si(t){return t.data}function ri(t){return t!==void 0}function li(t){return t.data}exports.BeeSwarmChart=_t;
 //# sourceMappingURL=BeeSwarmChart.cjs.map