@undp/data-viz 2.6.0 → 2.6.1

package/dist/ThreeDGlobe-7eJdMW-R.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./Colors.cjs`),i=require(`./GraphFooter.cjs`),a=require(`./GraphHeader.cjs`),o=require(`./fetchAndParseData-Dlq4UzdG.cjs`),s=require(`./getUniqValue-BItnnZEr.cjs`),c=require(`./GraphContainer-7xAPK4Tb.cjs`),l=require(`./ordinal-FQwO0oQx.cjs`),ee=require(`./threshold-BXJz-mv7.cjs`),u=require(`./fast-deep-equal-DN3ilkVq.cjs`),d=require(`./numberFormattingFunction-Caf5NyIo.cjs`),f=require(`./DetailsModal-CtGqGcX9.cjs`),p=require(`./Tooltip-CO_iOj_w.cjs`),te=require(`./getJenks-D0stlcvY.cjs`),m=require(`./getCentroidCoordinates-DWO-SCXv.cjs`);let ne=require(`@undp/design-system-react/cn`),h=require(`react`),g=require(`@undp/design-system-react/Spinner`),_=require(`@undp/design-system-react/Typography`),v=require(`react-globe.gl`);v=e.a(v,1);let y=require(`three`);y=e.a(y,1);var b=e.t(((e,t)=>{var n=function(e){return e.charAt(0)===`#`?e.slice(1):e},r=function(e){var t=e.length===3||e.length===4;return{r:t?`${e.slice(0,1)}${e.slice(0,1)}`:e.slice(0,2),g:t?`${e.slice(1,2)}${e.slice(1,2)}`:e.slice(2,4),b:t?`${e.slice(2,3)}${e.slice(2,3)}`:e.slice(4,6),a:(t?`${e.slice(3,4)}${e.slice(3,4)}`:e.slice(6,8))||`ff`}},i=function(e){return parseInt(e,16)},a=function(e){var t=e.r,n=e.g,r=e.b,a=e.a;return{r:i(t),g:i(n),b:i(r),a:+(i(a)/255).toFixed(2)}},o=function(e){return!isNaN(parseFloat(e))&&isFinite(e)},s=function(e,t){var n=e.r,r=e.g,i=e.b,a=e.a;return`rgba(${n}, ${r}, ${i}, ${o(t)?t:a})`};t.exports=function(e,t){return s(a(r(n(e))),t)}})),re=e.a(u.t(),1),ie=e.a(b(),1),x=t.t();function S(e){let t;switch(e.type){case`ambient`:t=new y.AmbientLight(e.color,e.intensity);break;case`directional`:t=new y.DirectionalLight(e.color,e.intensity),e.position&&(e.position===`camera`?t.position.set(0,0,0):t.position.set(e.position.x,e.position.y,e.position.z)),(e.target||e.position===`camera`)&&t.target.position.set(e.target?.x||0,e.target?.y||0,e.target?.z===void 0?-1:e.target.z),e.castShadow&&(t.castShadow=!0,e.shadow&&(t.shadow.mapSize.width=e.shadow.mapSize.width,t.shadow.mapSize.height=e.shadow.mapSize.height,t.shadow.camera.near=e.shadow.camera.near,t.shadow.camera.far=e.shadow.camera.far));break;case`point`:t=new y.PointLight(e.color,e.intensity,e.distance||0,e.decay||2),e.position&&(e.position===`camera`?t.position.set(0,0,0):t.position.set(e.position.x,e.position.y,e.position.z));break;case`spot`:t=new y.SpotLight(e.color,e.intensity,e.distance||0,e.angle||Math.PI/3,e.penumbra||0,e.decay||2),e.position&&(e.position===`camera`?t.position.set(0,0,0):t.position.set(e.position.x,e.position.y,e.position.z)),(e.target||e.position===`camera`)&&t.target.position.set(e.target?.x||0,e.target?.y||0,e.target?.z||0),e.castShadow&&(t.castShadow=!0,e.shadow&&(t.shadow.mapSize.width=e.shadow.mapSize.width,t.shadow.mapSize.height=e.shadow.mapSize.height,t.shadow.camera.near=e.shadow.camera.near,t.shadow.camera.far=e.shadow.camera.far));break;default:throw Error(`Unknown light type`)}return t}function ae(e){let{width:t,autoRotate:r,data:i,enableZoom:a,categorical:o,colorDomain:s,colors:c,globeMaterial:u,height:te,polygonData:g,mapProperty:b,mapBorderColor:ae,atmosphereColor:C,tooltip:w,styles:oe,classNames:T,mapNoDataColor:E,colorLegendTitle:D,showColorScale:O,hoverStrokeColor:se,detailsOnClick:k,onSeriesMouseClick:A,onSeriesMouseOver:j,resetSelectionOnDoubleClick:ce,highlightedIds:M,scale:N,globeOffset:le,polygonAltitude:ue,centerLng:P,centerLat:F,atmosphereAltitude:de,globeCurvatureResolution:fe,fogSettings:I,lights:L,highlightedAltitude:pe,selectedId:R,collapseColorScaleByDefault:z,dimmedOpacity:B,numberDisplayOptions:V}=e,[H,me]=(0,h.useState)(!1),U=(0,h.useRef)(void 0),[W,G]=(0,h.useState)(void 0),[he,K]=(0,h.useState)(z===void 0?!(t<680):!z),[q,J]=(0,h.useState)({x:0,y:0}),[Y,X]=(0,h.useState)(void 0),Z=o?l.t().domain(s).range(c):ee.t().domain(s).range(c);(0,h.useEffect)(()=>{U.current&&(U.current.controls().enableZoom=a)},[a]),(0,h.useEffect)(()=>{U.current&&(Y||R?U.current.controls().autoRotate=!1:(U.current.controls().autoRotate=r!==0,U.current.controls().autoRotateSpeed=r))},[Y,R,r]),(0,h.useEffect)(()=>{if(U.current&&R){let[e,t]=m.t(g.find(e=>e.properties[b]===R));U.current.pointOfView({lat:t,lng:e,altitude:N},1e3)}},[R,N,g,b]),(0,h.useEffect)(()=>{let e=U.current?.renderer().domElement;if(!e)return;let t=e=>{J({x:e.clientX,y:e.clientY})};return e.addEventListener(`mousemove`,t),()=>e.removeEventListener(`mousemove`,t)},[]),(0,h.useEffect)(()=>{U.current&&U.current.pointOfView({lat:F,lng:P,altitude:N},1e3)},[N,P,F]);let Q=u||new y.MeshBasicMaterial({color:`#FFF`}),$=(0,h.useCallback)(()=>{if(!U.current)return;let e=U.current.scene(),t=U.current.camera(),n=[];e.traverse(e=>{e instanceof y.Light&&n.push(e)}),n=[...n,...t.children],n.forEach(e=>{e.parent?.remove(e)}),L.map(e=>S(e)).forEach((n,r)=>{L[r].type!==`ambient`&&L[r].position===`camera`?(t.add(n),L[r].type!==`point`&&t.add(n.target)):e.add(n)}),I&&(e.fog=new y.Fog(I.color,I.near,I.far))},[L,I]),ge=()=>{me(!0),$()};return(0,h.useEffect)(()=>{H&&$()},[H,$]),(0,x.jsxs)(`div`,{className:`relative`,children:[(0,x.jsx)(v.default,{ref:U,height:te,width:t,globeOffset:le,lineHoverPrecision:0,polygonsData:g,polygonAltitude:e=>M?.includes(e?.properties?.[b])||e?.properties?.[b]===R||e?.properties?.[b]===Y?.id||e?.properties?.[b]===W?.id?pe:ue,polygonCapColor:e=>{let t=R?e?.properties?.[b]===R?1:B:M?M.includes(e?.properties?.[b])?1:B:1,n=e?.properties?.[b],r=i.find(e=>e.id===n)?.x;return(0,ie.default)(r==null?E:Z(r),`${t}`)},polygonSideColor:e=>{let t=e?.properties?.[b],n=i.find(e=>e.id===t)?.x,r=R?e?.properties?.[b]===R?1:B:M?M.includes(e?.properties?.[b])?1:B:1;return(0,ie.default)(n==null?E:Z(n),`${r}`)},polygonStrokeColor:e=>e?.properties?.[b]===Y?.id?se:ae,onGlobeClick:()=>{G(void 0)},onPolygonClick:e=>{let t=e?.properties?.[b]?i.find(t=>t.id===e?.properties?.[b]):void 0;(A||k)&&((0,re.default)(W,t)&&ce&&t?(G(void 0),A?.(void 0)):(G(t),A?.(t)))},onPolygonHover:e=>{let t=e?.properties?.[b]?i.find(t=>t.id===e?.properties?.[b]):void 0;X(t),j?.(t)},atmosphereColor:C,atmosphereAltitude:de,globeCurvatureResolution:fe,globeMaterial:Q,backgroundColor:`rgba(0, 0, 0, 0)`,polygonsTransitionDuration:100,onGlobeReady:()=>{if(U.current){U.current.pointOfView({lat:F,lng:P});let e=U.current.scene();setTimeout(()=>{(e.children[3]?.children[0]?.children[4]?.children||[]).forEach(e=>{let t=e.children[1];t.renderOrder=2})},300);let t=U.current.camera();e.add(t),ge()}}}),O===!1?null:(0,x.jsx)(`div`,{className:(0,ne.cn)(`absolute left-4 bottom-4 map-color-legend`,T?.colorLegend),children:he?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`button`,{type:`button`,className:`color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]`,onClick:()=>{K(!1)},children:(0,x.jsx)(n.m,{})}),(0,x.jsxs)(`div`,{className:`color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]`,style:{width:o?void 0:`340px`},children:[D&&D!==``?(0,x.jsx)(_.P,{size:`xs`,marginBottom:`xs`,className:`p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300`,style:{display:`-webkit-box`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`},children:D}):null,o?(0,x.jsx)(`div`,{className:`flex flex-col gap-3`,children:s.map((e,t)=>(0,x.jsxs)(`div`,{className:`flex gap-2 items-center`,children:[(0,x.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:c[t%c.length]}}),(0,x.jsx)(_.P,{size:`sm`,marginBottom:`none`,leading:`none`,children:e})]},t))}):(0,x.jsx)(`svg`,{width:`100%`,viewBox:`0 0 320 30`,direction:`ltr`,children:(0,x.jsxs)(`g`,{children:[s.map((e,t)=>(0,x.jsxs)(`g`,{className:`cursor-pointer`,children:[(0,x.jsx)(`rect`,{x:t*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[t],stroke:c[t]}}),(0,x.jsx)(`text`,{x:(t+1)*320/c.length,y:25,className:`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,style:{textAnchor:`middle`},children:d.t(e,void 0,V?.precision??2,void 0,void 0,V?.locale||`en`,V?.padZeros||!1)})]},t)),(0,x.jsx)(`g`,{children:(0,x.jsx)(`rect`,{x:s.length*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[s.length],stroke:c[s.length]}})})]})})]})]}):(0,x.jsx)(`button`,{type:`button`,className:`p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button`,onClick:()=>{K(!0)},children:(0,x.jsx)(n.i,{})})}),Y&&w?(0,x.jsx)(p.t,{data:Y,body:w,xPos:q.x,yPos:q.y,backgroundStyle:oe?.tooltip,className:T?.tooltip}):null,k&&W!==void 0?(0,x.jsx)(f.t,{body:k,data:W,setData:G,className:T?.modal}):null]})}function C(e){let{data:t,mapData:n=`https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json`,graphTitle:l,colors:ee,sources:u,graphDescription:d,height:f,width:p,footNote:m=`The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.`,colorDomain:ne,colorLegendTitle:_,scaleType:v=`threshold`,padding:y,mapNoDataColor:b=r.Colors.light.graphNoData,backgroundColor:re=!1,mapBorderColor:ie=r.Colors.light.grays[`gray-500`],relativeHeight:S,tooltip:C,graphID:w,mapProperty:oe=`ISO3`,dataDownload:T=!1,language:E=`en`,minHeight:D=0,theme:O=`light`,ariaLabel:se,styles:k,classNames:A,autoRotate:j=!0,enableZoom:ce=!0,globeMaterial:M,centerPoint:N=[0,0],atmosphereColor:le=`#999`,showColorScale:ue=!0,resetSelectionOnDoubleClick:P=!0,detailsOnClick:F,onSeriesMouseOver:de,onSeriesMouseClick:fe,highlightedIds:I,highlightedAltitude:L=.1,dimmedOpacity:pe=.3,scale:R=1,globeOffset:z=[0,0],polygonAltitude:B=.01,globeCurvatureResolution:V=4,atmosphereAltitude:H=.15,fogSettings:me,lights:U=[{type:`ambient`,color:4210752,intensity:.4},{type:`directional`,color:16777215,intensity:1,position:{x:5,y:10,z:5}}],selectedId:W,collapseColorScaleByDefault:G,numberDisplayOptions:he}=e,[K,q]=(0,h.useState)(void 0),[J,Y]=(0,h.useState)(0),[X,Z]=(0,h.useState)(0),Q=(0,h.useRef)(null),$=(0,h.useRef)(null);(0,h.useEffect)(()=>{let e=new ResizeObserver(e=>{Y(e[0].target.clientWidth||620),Z(e[0].target.clientHeight||480)});return Q.current&&e.observe(Q.current),()=>e.disconnect()},[]);let ge=(0,h.useEffectEvent)(e=>{q(e)});(0,h.useEffect)(()=>{typeof n==`string`?o.r(n).then(e=>{ge(n===`https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json`?e.features.map(e=>{if(e.geometry.type===`Polygon`){let t=[...e.geometry.coordinates[0]].reverse(),n={...e.geometry,coordinates:[t]};return{...e,geometry:n}}let t=[];e.geometry.coordinates.forEach(e=>{let n=[...e[0]].reverse();t.push([n])});let n={...e.geometry,coordinates:t};return{...e,geometry:n}}):e.features)}):ge(n.features)},[n]);let _e=ne||(v===`categorical`?s.t(t,`x`):te.t(t.map(e=>e.x),ee?.length||4));return(0,x.jsxs)(c.n,{className:A?.graphContainer,style:k?.graphContainer,id:w,ref:$,"aria-label":se,backgroundColor:re,theme:O,language:E,minHeight:D,width:p,height:f,relativeHeight:S,padding:y,children:[l||d||T?(0,x.jsx)(a.GraphHeader,{styles:{title:k?.title,description:k?.description},classNames:{title:A?.title,description:A?.description},graphTitle:l,graphDescription:d,width:p,graphDownload:void 0,dataDownload:T?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,(0,x.jsx)(c.t,{ref:Q,children:J&&X&&K?(0,x.jsx)(ae,{data:t,globeOffset:z,polygonData:K,colorDomain:_e,width:J,height:X,colors:ee||(v===`categorical`?r.Colors[O].sequentialColors[`neutralColorsx0${_e.length}`]:r.Colors[O].sequentialColors[`neutralColorsx0${_e.length+1}`]),mapNoDataColor:b,categorical:v===`categorical`,mapBorderColor:ie,tooltip:C,mapProperty:oe,styles:k,classNames:A,autoRotate:j===!0?1.5:j===!1?0:j,enableZoom:ce,globeMaterial:M,atmosphereColor:le,colorLegendTitle:_,showColorScale:ue,hoverStrokeColor:O===`light`?r.Colors.light.grays[`gray-700`]:r.Colors.light.grays[`gray-300`],highlightedIds:I,resetSelectionOnDoubleClick:P,detailsOnClick:F,onSeriesMouseOver:de,onSeriesMouseClick:fe,scale:R,polygonAltitude:B,centerLat:N[0],centerLng:N[1],atmosphereAltitude:H,globeCurvatureResolution:V,fogSettings:me,lights:U,highlightedAltitude:L,selectedId:W,collapseColorScaleByDefault:G,dimmedOpacity:pe,numberDisplayOptions:he}):(0,x.jsx)(`div`,{style:{height:`${Math.max(D,f||(S?D?(p||J)*S>D?(p||J)*S:D:(p||J)*S:X))}px`},className:`flex items-center justify-center`,children:(0,x.jsx)(g.Spinner,{"aria-label":`Loading graph`})})}),u||m?(0,x.jsx)(i.GraphFooter,{styles:{footnote:k?.footnote,source:k?.source},classNames:{footnote:A?.footnote,source:A?.source},sources:u,footNote:m,width:p}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
+//# sourceMappingURL=ThreeDGlobe-7eJdMW-R.cjs.map

package/dist/ThreeDGlobe-7eJdMW-R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeDGlobe-7eJdMW-R.cjs","names":[],"sources":["../node_modules/hex-to-rgba/build/index.js","../src/Components/Graphs/Maps/ThreeDGlobe/Graph.tsx","../src/Components/Graphs/Maps/ThreeDGlobe/index.tsx"],"sourcesContent":["\"use strict\";\n\nvar removeHash = function removeHash(hex) {\n  return hex.charAt(0) === '#' ? hex.slice(1) : hex;\n};\n\nvar parseHex = function parseHex(nakedHex) {\n  var isShort = nakedHex.length === 3 || nakedHex.length === 4;\n  var twoDigitHexR = isShort ? \"\".concat(nakedHex.slice(0, 1)).concat(nakedHex.slice(0, 1)) : nakedHex.slice(0, 2);\n  var twoDigitHexG = isShort ? \"\".concat(nakedHex.slice(1, 2)).concat(nakedHex.slice(1, 2)) : nakedHex.slice(2, 4);\n  var twoDigitHexB = isShort ? \"\".concat(nakedHex.slice(2, 3)).concat(nakedHex.slice(2, 3)) : nakedHex.slice(4, 6);\n  var twoDigitHexA = (isShort ? \"\".concat(nakedHex.slice(3, 4)).concat(nakedHex.slice(3, 4)) : nakedHex.slice(6, 8)) || 'ff'; // const numericA = +((parseInt(a, 16) / 255).toFixed(2));\n\n  return {\n    r: twoDigitHexR,\n    g: twoDigitHexG,\n    b: twoDigitHexB,\n    a: twoDigitHexA\n  };\n};\n\nvar hexToDecimal = function hexToDecimal(hex) {\n  return parseInt(hex, 16);\n};\n\nvar hexesToDecimals = function hexesToDecimals(_ref) {\n  var r = _ref.r,\n      g = _ref.g,\n      b = _ref.b,\n      a = _ref.a;\n  return {\n    r: hexToDecimal(r),\n    g: hexToDecimal(g),\n    b: hexToDecimal(b),\n    a: +(hexToDecimal(a) / 255).toFixed(2)\n  };\n};\n\nvar isNumeric = function isNumeric(n) {\n  return !isNaN(parseFloat(n)) && isFinite(n);\n}; // eslint-disable-line no-restricted-globals, max-len\n\n\nvar formatRgb = function formatRgb(decimalObject, parameterA) {\n  var r = decimalObject.r,\n      g = decimalObject.g,\n      b = decimalObject.b,\n      parsedA = decimalObject.a;\n  var a = isNumeric(parameterA) ? parameterA : parsedA;\n  return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(a, \")\");\n};\n/**\n * Turns an old-fashioned css hex color value into a rgb color value.\n *\n * If you specify an alpha value, you'll get a rgba() value instead.\n *\n * @param The hex value to convert. ('123456'. '#123456', ''123', '#123')\n * @param An alpha value to apply. (optional) ('0.5', '0.25')\n * @return An rgb or rgba value. ('rgb(11, 22, 33)'. 'rgba(11, 22, 33, 0.5)')\n */\n\n\nvar hexToRgba = function hexToRgba(hex, a) {\n  var hashlessHex = removeHash(hex);\n  var hexObject = parseHex(hashlessHex);\n  var decimalObject = hexesToDecimals(hexObject);\n  return formatRgb(decimalObject, a);\n};\n\nmodule.exports = hexToRgba;","import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport hexToRgba from 'hex-to-rgba';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport Globe, { type GlobeMethods } from 'react-globe.gl';\nimport * as THREE from 'three';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport type {\n  ChoroplethMapDataType,\n  ClassNameObject,\n  FogDataType,\n  LightConfig,\n  NumberFormatOptions,\n  StyleObject,\n} from '@/Types';\nimport { getCentroidCoordinates } from '@/Utils/getCentroidCoordinates';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  width: number;\n  data: ChoroplethMapDataType[];\n  autoRotate: number;\n  enableZoom: boolean;\n  categorical: boolean;\n  colorDomain: (number | string)[];\n  colors: string[];\n  height: number;\n  globeMaterial?: THREE.Material;\n  lights: LightConfig[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  polygonData: any;\n  mapProperty: string;\n  mapBorderColor: string;\n  atmosphereColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  mapNoDataColor: string;\n  colorLegendTitle?: string;\n  showColorScale: boolean;\n  hoverStrokeColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  resetSelectionOnDoubleClick: boolean;\n  highlightedIds?: string[];\n  scale: number;\n  globeOffset: [number, number];\n  polygonAltitude: number;\n  centerLng: number;\n  centerLat: number;\n  atmosphereAltitude: number;\n  globeCurvatureResolution: number;\n  fogSettings?: FogDataType;\n  highlightedAltitude: number;\n  selectedId?: string;\n  collapseColorScaleByDefault?: boolean;\n  dimmedOpacity: number;\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n}\n\nfunction createLightFromConfig(config: LightConfig): THREE.Light {\n  let light: THREE.Light;\n\n  switch (config.type) {\n    case 'ambient':\n      light = new THREE.AmbientLight(config.color, config.intensity);\n      break;\n    case 'directional':\n      light = new THREE.DirectionalLight(config.color, config.intensity);\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      if (config.target || config.position === 'camera') {\n        (light as THREE.SpotLight).target.position.set(\n          config.target?.x || 0,\n          config.target?.y || 0,\n          config.target?.z === undefined ? -1 : config.target.z,\n        );\n      }\n      if (config.castShadow) {\n        (light as THREE.DirectionalLight).castShadow = true;\n        if (config.shadow) {\n          (light as THREE.DirectionalLight).shadow.mapSize.width = config.shadow.mapSize.width;\n          (light as THREE.DirectionalLight).shadow.mapSize.height = config.shadow.mapSize.height;\n          (light as THREE.DirectionalLight).shadow.camera.near = config.shadow.camera.near;\n          (light as THREE.DirectionalLight).shadow.camera.far = config.shadow.camera.far;\n        }\n      }\n      break;\n    case 'point':\n      light = new THREE.PointLight(\n        config.color,\n        config.intensity,\n        config.distance || 0,\n        config.decay || 2,\n      );\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      break;\n    case 'spot':\n      light = new THREE.SpotLight(\n        config.color,\n        config.intensity,\n        config.distance || 0,\n        config.angle || Math.PI / 3,\n        config.penumbra || 0,\n        config.decay || 2,\n      );\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      if (config.target || config.position === 'camera') {\n        (light as THREE.SpotLight).target.position.set(\n          config.target?.x || 0,\n          config.target?.y || 0,\n          config.target?.z || 0,\n        );\n      }\n      if (config.castShadow) {\n        (light as THREE.SpotLight).castShadow = true;\n        if (config.shadow) {\n          (light as THREE.SpotLight).shadow.mapSize.width = config.shadow.mapSize.width;\n          (light as THREE.SpotLight).shadow.mapSize.height = config.shadow.mapSize.height;\n          (light as THREE.SpotLight).shadow.camera.near = config.shadow.camera.near;\n          (light as THREE.SpotLight).shadow.camera.far = config.shadow.camera.far;\n        }\n      }\n      break;\n    default:\n      throw new Error('Unknown light type');\n  }\n\n  return light;\n}\nfunction Graph(props: Props) {\n  const {\n    width,\n    autoRotate,\n    data,\n    enableZoom,\n    categorical,\n    colorDomain,\n    colors,\n    globeMaterial,\n    height,\n    polygonData,\n    mapProperty,\n    mapBorderColor,\n    atmosphereColor,\n    tooltip,\n    styles,\n    classNames,\n    mapNoDataColor,\n    colorLegendTitle,\n    showColorScale,\n    hoverStrokeColor,\n    detailsOnClick,\n    onSeriesMouseClick,\n    onSeriesMouseOver,\n    resetSelectionOnDoubleClick,\n    highlightedIds,\n    scale,\n    globeOffset,\n    polygonAltitude,\n    centerLng,\n    centerLat,\n    atmosphereAltitude,\n    globeCurvatureResolution,\n    fogSettings,\n    lights,\n    highlightedAltitude,\n    selectedId,\n    collapseColorScaleByDefault,\n    dimmedOpacity,\n    numberDisplayOptions,\n  } = props;\n  const [globeReady, setGlobeReady] = useState(false);\n  const globeEl = useRef<GlobeMethods | undefined>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n\n  const [showLegend, setShowLegend] = useState(\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\n  );\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [mouseOverData, setMouseOverData] = useState<ChoroplethMapDataType | undefined>(undefined);\n  const colorScale = categorical\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\n    : scaleThreshold<number, string>()\n        .domain(colorDomain as number[])\n        .range(colors);\n  useEffect(() => {\n    if (globeEl.current) {\n      globeEl.current.controls().enableZoom = enableZoom;\n    }\n  }, [enableZoom]);\n  useEffect(() => {\n    if (globeEl.current) {\n      if (mouseOverData || selectedId) {\n        globeEl.current.controls().autoRotate = false;\n      } else {\n        globeEl.current.controls().autoRotate = autoRotate !== 0;\n        globeEl.current.controls().autoRotateSpeed = autoRotate;\n      }\n    }\n  }, [mouseOverData, selectedId, autoRotate]);\n  useEffect(() => {\n    if (globeEl.current && selectedId) {\n      const selectedPolygon = polygonData.find(\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        (d: any) => d.properties[mapProperty] === selectedId,\n      );\n      const [lng, lat] = getCentroidCoordinates(selectedPolygon);\n      globeEl.current.pointOfView({ lat, lng, altitude: scale }, 1000);\n    }\n  }, [selectedId, scale, polygonData, mapProperty]);\n\n  useEffect(() => {\n    const canvas = globeEl.current?.renderer().domElement;\n    if (!canvas) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      setMousePos({ x: e.clientX, y: e.clientY });\n    };\n\n    canvas.addEventListener('mousemove', handleMouseMove);\n    return () => canvas.removeEventListener('mousemove', handleMouseMove);\n  }, []);\n\n  useEffect(() => {\n    if (globeEl.current) {\n      globeEl.current.pointOfView({ lat: centerLat, lng: centerLng, altitude: scale }, 1000);\n    }\n  }, [scale, centerLng, centerLat]);\n  const materials =\n    globeMaterial ||\n    new THREE.MeshBasicMaterial({\n      color: '#FFF',\n    });\n  const setupCustomLighting = useCallback(() => {\n    if (!globeEl.current) return;\n\n    const scene = globeEl.current.scene();\n    const camera = globeEl.current.camera();\n\n    let lightsAndObjToRemove: THREE.Object3D[] = [];\n    scene.traverse((obj) => {\n      if (obj instanceof THREE.Light) {\n        lightsAndObjToRemove.push(obj);\n      }\n    });\n    lightsAndObjToRemove = [...lightsAndObjToRemove, ...camera.children];\n    lightsAndObjToRemove.forEach((light) => {\n      light.parent?.remove(light);\n    });\n\n    const lightConfig = lights.map((config) => createLightFromConfig(config));\n    lightConfig.forEach((light, i) => {\n      if (lights[i].type !== 'ambient' && lights[i].position === 'camera') {\n        camera.add(light);\n        if (lights[i].type !== 'point') {\n          camera.add((light as THREE.DirectionalLight | THREE.SpotLight).target);\n        }\n      } else {\n        scene.add(light);\n      }\n    });\n\n    if (fogSettings) {\n      scene.fog = new THREE.Fog(fogSettings.color, fogSettings.near, fogSettings.far);\n    }\n  }, [lights, fogSettings]);\n\n  const handleGlobeReady = () => {\n    setGlobeReady(true);\n    setupCustomLighting();\n  };\n  useEffect(() => {\n    if (globeReady) {\n      setupCustomLighting();\n    }\n  }, [globeReady, setupCustomLighting]);\n  return (\n    <div className='relative'>\n      <Globe\n        ref={globeEl}\n        height={height}\n        width={width}\n        globeOffset={globeOffset}\n        lineHoverPrecision={0}\n        polygonsData={polygonData}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonAltitude={(polygon: any) =>\n          highlightedIds?.includes(polygon?.properties?.[mapProperty]) ||\n          polygon?.properties?.[mapProperty] === selectedId\n            ? highlightedAltitude\n            : polygon?.properties?.[mapProperty] === mouseOverData?.id ||\n                polygon?.properties?.[mapProperty] === mouseClickData?.id\n              ? highlightedAltitude\n              : polygonAltitude\n        }\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonCapColor={(polygon: any) => {\n          const opacity = selectedId\n            ? polygon?.properties?.[mapProperty] === selectedId\n              ? 1\n              : dimmedOpacity\n            : highlightedIds\n              ? highlightedIds.includes(polygon?.properties?.[mapProperty])\n                ? 1\n                : dimmedOpacity\n              : 1;\n          const id = polygon?.properties?.[mapProperty];\n          const val = data.find((el) => el.id === id)?.x;\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\n          return hexToRgba(color, `${opacity}`);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonSideColor={(polygon: any) => {\n          const id = polygon?.properties?.[mapProperty];\n          const val = data.find((el) => el.id === id)?.x;\n          const opacity = selectedId\n            ? polygon?.properties?.[mapProperty] === selectedId\n              ? 1\n              : dimmedOpacity\n            : highlightedIds\n              ? highlightedIds.includes(polygon?.properties?.[mapProperty])\n                ? 1\n                : dimmedOpacity\n              : 1;\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\n          return hexToRgba(color, `${opacity}`);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonStrokeColor={(polygon: any) =>\n          polygon?.properties?.[mapProperty] === mouseOverData?.id\n            ? hoverStrokeColor\n            : mapBorderColor\n        }\n        onGlobeClick={() => {\n          setMouseClickData(undefined);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        onPolygonClick={(polygon: any) => {\n          const clickedData = polygon?.properties?.[mapProperty]\n            ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\n            : undefined;\n          if (onSeriesMouseClick || detailsOnClick) {\n            if (\n              isEqual(mouseClickData, clickedData) &&\n              resetSelectionOnDoubleClick &&\n              clickedData\n            ) {\n              setMouseClickData(undefined);\n              onSeriesMouseClick?.(undefined);\n            } else {\n              setMouseClickData(clickedData);\n              onSeriesMouseClick?.(clickedData);\n            }\n          }\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        onPolygonHover={(polygon: any) => {\n          const hoverData = polygon?.properties?.[mapProperty]\n            ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\n            : undefined;\n          setMouseOverData(hoverData);\n          onSeriesMouseOver?.(hoverData);\n        }}\n        atmosphereColor={atmosphereColor}\n        atmosphereAltitude={atmosphereAltitude}\n        globeCurvatureResolution={globeCurvatureResolution}\n        globeMaterial={materials}\n        backgroundColor='rgba(0, 0, 0, 0)'\n        polygonsTransitionDuration={100}\n        onGlobeReady={() => {\n          if (globeEl.current) {\n            globeEl.current.pointOfView({\n              lat: centerLat,\n              lng: centerLng,\n            });\n            const scene = globeEl.current.scene();\n            setTimeout(() => {\n              const polygons = scene.children[3]?.children[0]?.children[4]?.children || [];\n              polygons.forEach((d) => {\n                const line = d.children[1];\n                line.renderOrder = 2;\n              });\n            }, 300);\n            const camera = globeEl.current.camera();\n            scene.add(camera);\n            handleGlobeReady();\n          }\n        }}\n      />\n      {showColorScale === false ? null : (\n        <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\n          {showLegend ? (\n            <>\n              <button\n                type='button'\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                onClick={() => {\n                  setShowLegend(false);\n                }}\n              >\n                <X />\n              </button>\n              <div\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                style={{\n                  width: categorical ? undefined : '340px',\n                }}\n              >\n                {colorLegendTitle && colorLegendTitle !== '' ? (\n                  <P\n                    size='xs'\n                    marginBottom='xs'\n                    className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\n                    style={{\n                      display: '-webkit-box',\n                      WebkitLineClamp: '1',\n                      WebkitBoxOrient: 'vertical',\n                    }}\n                  >\n                    {colorLegendTitle}\n                  </P>\n                ) : null}\n                {!categorical ? (\n                  <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\n                    <g>\n                      {colorDomain.map((d, i) => (\n                        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                        <g key={i} className='cursor-pointer'>\n                          <rect\n                            x={(i * 320) / colors.length + 1}\n                            y={1}\n                            width={320 / colors.length - 2}\n                            height={8}\n                            style={{\n                              fill: colors[i],\n                              stroke: colors[i],\n                            }}\n                          />\n                          <text\n                            x={((i + 1) * 320) / colors.length}\n                            y={25}\n                            className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                            style={{ textAnchor: 'middle' }}\n                          >\n                            {numberFormattingFunction(\n                              d as number,\n                              undefined,\n                              numberDisplayOptions?.precision ?? 2,\n                              undefined,\n                              undefined,\n                              numberDisplayOptions?.locale || 'en',\n                              numberDisplayOptions?.padZeros || false,\n                            )}\n                          </text>\n                        </g>\n                      ))}\n                      <g>\n                        <rect\n                          x={(colorDomain.length * 320) / colors.length + 1}\n                          y={1}\n                          width={320 / colors.length - 2}\n                          height={8}\n                          style={{\n                            fill: colors[colorDomain.length],\n                            stroke: colors[colorDomain.length],\n                          }}\n                        />\n                      </g>\n                    </g>\n                  </svg>\n                ) : (\n                  <div className='flex flex-col gap-3'>\n                    {colorDomain.map((d, i) => (\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      <div key={i} className='flex gap-2 items-center'>\n                        <div\n                          className='w-2 h-2 rounded-full'\n                          style={{ backgroundColor: colors[i % colors.length] }}\n                        />\n                        <P size='sm' marginBottom='none' leading='none'>\n                          {d}\n                        </P>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </>\n          ) : (\n            <button\n              type='button'\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n              onClick={() => {\n                setShowLegend(true);\n              }}\n            >\n              <ExpandIcon />\n            </button>\n          )}\n        </div>\n      )}\n      {mouseOverData && tooltip ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={mousePos.x}\n          yPos={mousePos.y}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nexport default Graph;\n","import { Spinner } from '@undp/design-system-react/Spinner';\nimport type React from 'react';\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport type * as THREE from 'three';\nimport { Colors } from '@/Components/ColorPalette';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ChoroplethMapDataType,\n  ClassNameObject,\n  FogDataType,\n  Languages,\n  LightConfig,\n  NumberFormatOptions,\n  ScaleDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { getJenks } from '@/Utils/getJenks';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport Graph from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: ChoroplethMapDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for the choropleth map. Make sure the the colors are in hex code, any other format can cause issues. */\n  colors?: string[];\n  /** Domain of colors for the graph */\n  colorDomain?: number[] | string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color for the areas where data is no available */\n  mapNoDataColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Map data as an object in geoJson format or a url for geoJson */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  mapData?: any;\n  /** Stroke color of the regions in the map */\n  mapBorderColor?: string;\n  /** Center point of the map */\n  centerPoint?: [number, number];\n  /** Defines if the globe rotates automatically */\n  autoRotate?: number | boolean;\n  /** Defines the material property applied to the sphere of the globe */\n  globeMaterial?: THREE.Material;\n  /** Defines the lights for the 3D scene */\n  lights?: LightConfig[];\n  /** Defines the colo of the glow around the globe */\n  atmosphereColor?: string;\n  /** Defines if the globe can be zoomed when scrolled */\n  enableZoom?: boolean;\n  /** Position offset of the globe relative to the canvas center */\n  globeOffset?: [number, number];\n  /** Defines the camera distance from Earth. This helps in defining the default size of the globe. Smaller = closer camera therefore the globe is bigger) */\n  scale?: number;\n  /** Defines the spacing between the country shape polygon with the sphere */\n  polygonAltitude?: number;\n  /** Scale for the colors */\n  scaleType?: Exclude<ScaleDataType, 'linear'>;\n  /** Toggle visibility of color scale. */\n  showColorScale?: boolean;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Toggle if color scale is collapsed by default. */\n  collapseColorScaleByDefault?: boolean;\n  /** The max altitude of the atmosphere, in terms of globe radius units. */\n  atmosphereAltitude?: number;\n  /** Resolution in angular degrees of the sphere curvature. The finer the resolution, the more the globe is fragmented into smaller faces to approximate the spheric surface, at the cost of performance. */\n  globeCurvatureResolution?: number;\n  /** Defines fog settings for the scene. */\n  fogSettings?: FogDataType;\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\n  mapProperty?: string;\n  /** Countries or regions to be highlighted */\n  selectedId?: string;\n  /** Countries or regions to be highlighted */\n  highlightedIds?: string[];\n  /** Defines the altitude of the highlighted countries or the countries on mouseover. */\n  highlightedAltitude?: number;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\n/** For using these maps you will have to install [`three`](https://threejs.org/manual/) and [react-globe.gl](https://www.npmjs.com/package/react-globe.gl) package to your project */\nexport function ThreeDGlobe(props: Props) {\n  const {\n    data,\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json',\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\n    colorDomain,\n    colorLegendTitle,\n    scaleType = 'threshold',\n    padding,\n    mapNoDataColor = Colors.light.graphNoData,\n    backgroundColor = false,\n    mapBorderColor = Colors.light.grays['gray-500'],\n    relativeHeight,\n    tooltip,\n    graphID,\n    mapProperty = 'ISO3',\n    dataDownload = false,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    styles,\n    classNames,\n    autoRotate = true,\n    enableZoom = true,\n    globeMaterial,\n    centerPoint = [0, 0],\n    atmosphereColor = '#999',\n    showColorScale = true,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    onSeriesMouseOver,\n    onSeriesMouseClick,\n    highlightedIds,\n    highlightedAltitude = 0.1,\n    dimmedOpacity = 0.3,\n    scale = 1,\n    globeOffset = [0, 0],\n    polygonAltitude = 0.01,\n    globeCurvatureResolution = 4,\n    atmosphereAltitude = 0.15,\n    fogSettings,\n    lights = [\n      {\n        type: 'ambient',\n        color: 0x404040,\n        intensity: 0.4,\n      },\n      {\n        type: 'directional',\n        color: 0xffffff,\n        intensity: 1,\n        position: { x: 5, y: 10, z: 5 },\n      },\n    ],\n    selectedId,\n    collapseColorScaleByDefault,\n    numberDisplayOptions,\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mapShape, setMapShape] = useState<any>(undefined);\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const onUpdateShape = useEffectEvent((shape: any) => {\n    setMapShape(shape);\n  });\n  useEffect(() => {\n    if (typeof mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapData);\n      fetchData.then((d) => {\n        if (\n          mapData ===\n          'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json'\n        ) {\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const features = d.features.map((el: any) => {\n            if (el.geometry.type === 'Polygon') {\n              const reversed = [...el.geometry.coordinates[0]].reverse();\n              const geometry = { ...el.geometry, coordinates: [reversed] };\n              return { ...el, geometry };\n            }\n            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n            const coord: any = [];\n            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n            el.geometry.coordinates.forEach((c: any) => {\n              const reversed = [...c[0]].reverse();\n              coord.push([reversed]);\n            });\n            const geometry = { ...el.geometry, coordinates: coord };\n            return { ...el, geometry };\n          });\n          onUpdateShape(features);\n        } else onUpdateShape(d.features);\n      });\n    } else {\n      onUpdateShape(mapData.features);\n    }\n  }, [mapData]);\n\n  const domain =\n    colorDomain ||\n    (scaleType === 'categorical'\n      ? getUniqValue(data, 'x')\n      : getJenks(\n          data.map((d) => d.x as number | null | undefined),\n          colors?.length || 4,\n        ));\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight && mapShape ? (\n          <Graph\n            data={data}\n            globeOffset={globeOffset}\n            polygonData={mapShape}\n            colorDomain={domain}\n            width={svgWidth}\n            height={svgHeight}\n            colors={\n              colors ||\n              (scaleType === 'categorical'\n                ? Colors[theme].sequentialColors[\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\n                  ]\n                : Colors[theme].sequentialColors[\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\n                  ])\n            }\n            mapNoDataColor={mapNoDataColor}\n            categorical={scaleType === 'categorical'}\n            mapBorderColor={mapBorderColor}\n            tooltip={tooltip}\n            mapProperty={mapProperty}\n            styles={styles}\n            classNames={classNames}\n            autoRotate={autoRotate === true ? 1.5 : autoRotate === false ? 0 : autoRotate}\n            enableZoom={enableZoom}\n            globeMaterial={globeMaterial}\n            atmosphereColor={atmosphereColor}\n            colorLegendTitle={colorLegendTitle}\n            showColorScale={showColorScale}\n            hoverStrokeColor={\n              theme === 'light' ? Colors.light.grays['gray-700'] : Colors.light.grays['gray-300']\n            }\n            highlightedIds={highlightedIds}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            onSeriesMouseOver={onSeriesMouseOver}\n            onSeriesMouseClick={onSeriesMouseClick}\n            scale={scale}\n            polygonAltitude={polygonAltitude}\n            centerLat={centerPoint[0]}\n            centerLng={centerPoint[1]}\n            atmosphereAltitude={atmosphereAltitude}\n            globeCurvatureResolution={globeCurvatureResolution}\n            fogSettings={fogSettings}\n            lights={lights}\n            highlightedAltitude={highlightedAltitude}\n            selectedId={selectedId}\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\n            dimmedOpacity={dimmedOpacity}\n            numberDisplayOptions={numberDisplayOptions}\n          />\n        ) : (\n          <div\n            style={{\n              height: `${Math.max(\n                minHeight,\n                height ||\n                  (relativeHeight\n                    ? minHeight\n                      ? (width || svgWidth) * relativeHeight > minHeight\n                        ? (width || svgWidth) * relativeHeight\n                        : minHeight\n                      : (width || svgWidth) * relativeHeight\n                    : svgHeight),\n              )}px`,\n            }}\n            className='flex items-center justify-center'\n          >\n            <Spinner aria-label='Loading graph' />\n          </div>\n        )}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/ThreeDGlobe-DXL9WkNi.js

@@ -0,0 +1,441 @@
+import { o as e, t } from "./chunk-foFoljWS.js";
+import { t as n } from "./jsx-runtime-C76bEyh7.js";
+import { i as r, m as i } from "./Icons-BLXwPP3h.js";
+import { Colors as a } from "./Colors.js";
+import { GraphFooter as o } from "./GraphFooter.js";
+import { GraphHeader as s } from "./GraphHeader.js";
+import { r as c } from "./fetchAndParseData-C50SqMPu.js";
+import { t as l } from "./getUniqValue-DZTOHgt8.js";
+import { n as ee, t as te } from "./GraphContainer-DgEB1AVN.js";
+import { t as u } from "./ordinal-Dq1sg8_s.js";
+import { t as d } from "./threshold-j3AJep9l.js";
+import { t as f } from "./fast-deep-equal--80N92KJ.js";
+import { t as p } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as m } from "./DetailsModal-DxUowfkg.js";
+import { t as ne } from "./Tooltip-Y6uTGwkF.js";
+import { t as h } from "./getJenks-49NAtnQV.js";
+import { t as re } from "./getCentroidCoordinates-BxK8C2EL.js";
+import { cn as g } from "@undp/design-system-react/cn";
+import { useCallback as ie, useEffect as _, useEffectEvent as ae, useRef as v, useState as y } from "react";
+import { Spinner as oe } from "@undp/design-system-react/Spinner";
+import { P as b } from "@undp/design-system-react/Typography";
+import se from "react-globe.gl";
+import * as x from "three";
+//#region node_modules/hex-to-rgba/build/index.js
+var S = /* @__PURE__ */ t(((e, t) => {
+	var n = function(e) {
+		return e.charAt(0) === "#" ? e.slice(1) : e;
+	}, r = function(e) {
+		var t = e.length === 3 || e.length === 4;
+		return {
+			r: t ? `${e.slice(0, 1)}${e.slice(0, 1)}` : e.slice(0, 2),
+			g: t ? `${e.slice(1, 2)}${e.slice(1, 2)}` : e.slice(2, 4),
+			b: t ? `${e.slice(2, 3)}${e.slice(2, 3)}` : e.slice(4, 6),
+			a: (t ? `${e.slice(3, 4)}${e.slice(3, 4)}` : e.slice(6, 8)) || "ff"
+		};
+	}, i = function(e) {
+		return parseInt(e, 16);
+	}, a = function(e) {
+		var t = e.r, n = e.g, r = e.b, a = e.a;
+		return {
+			r: i(t),
+			g: i(n),
+			b: i(r),
+			a: +(i(a) / 255).toFixed(2)
+		};
+	}, o = function(e) {
+		return !isNaN(parseFloat(e)) && isFinite(e);
+	}, s = function(e, t) {
+		var n = e.r, r = e.g, i = e.b, a = e.a;
+		return `rgba(${n}, ${r}, ${i}, ${o(t) ? t : a})`;
+	};
+	t.exports = function(e, t) {
+		return s(a(r(n(e))), t);
+	};
+})), ce = /* @__PURE__ */ e(f(), 1), C = /* @__PURE__ */ e(S(), 1), w = n();
+function le(e) {
+	let t;
+	switch (e.type) {
+		case "ambient":
+			t = new x.AmbientLight(e.color, e.intensity);
+			break;
+		case "directional":
+			t = new x.DirectionalLight(e.color, e.intensity), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && t.target.position.set(e.target?.x || 0, e.target?.y || 0, e.target?.z === void 0 ? -1 : e.target.z), e.castShadow && (t.castShadow = !0, e.shadow && (t.shadow.mapSize.width = e.shadow.mapSize.width, t.shadow.mapSize.height = e.shadow.mapSize.height, t.shadow.camera.near = e.shadow.camera.near, t.shadow.camera.far = e.shadow.camera.far));
+			break;
+		case "point":
+			t = new x.PointLight(e.color, e.intensity, e.distance || 0, e.decay || 2), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z));
+			break;
+		case "spot":
+			t = new x.SpotLight(e.color, e.intensity, e.distance || 0, e.angle || Math.PI / 3, e.penumbra || 0, e.decay || 2), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && t.target.position.set(e.target?.x || 0, e.target?.y || 0, e.target?.z || 0), e.castShadow && (t.castShadow = !0, e.shadow && (t.shadow.mapSize.width = e.shadow.mapSize.width, t.shadow.mapSize.height = e.shadow.mapSize.height, t.shadow.camera.near = e.shadow.camera.near, t.shadow.camera.far = e.shadow.camera.far));
+			break;
+		default: throw Error("Unknown light type");
+	}
+	return t;
+}
+function ue(e) {
+	let { width: t, autoRotate: n, data: a, enableZoom: o, categorical: s, colorDomain: c, colors: l, globeMaterial: ee, height: te, polygonData: f, mapProperty: h, mapBorderColor: ae, atmosphereColor: oe, tooltip: S, styles: ue, classNames: T, mapNoDataColor: E, colorLegendTitle: D, showColorScale: O, hoverStrokeColor: de, detailsOnClick: k, onSeriesMouseClick: A, onSeriesMouseOver: j, resetSelectionOnDoubleClick: fe, highlightedIds: M, scale: N, globeOffset: pe, polygonAltitude: me, centerLng: P, centerLat: F, atmosphereAltitude: he, globeCurvatureResolution: ge, fogSettings: I, lights: L, highlightedAltitude: _e, selectedId: R, collapseColorScaleByDefault: z, dimmedOpacity: B, numberDisplayOptions: V } = e, [H, ve] = y(!1), U = v(void 0), [W, G] = y(void 0), [ye, K] = y(z === void 0 ? !(t < 680) : !z), [q, J] = y({
+		x: 0,
+		y: 0
+	}), [Y, X] = y(void 0), Z = s ? u().domain(c).range(l) : d().domain(c).range(l);
+	_(() => {
+		U.current && (U.current.controls().enableZoom = o);
+	}, [o]), _(() => {
+		U.current && (Y || R ? U.current.controls().autoRotate = !1 : (U.current.controls().autoRotate = n !== 0, U.current.controls().autoRotateSpeed = n));
+	}, [
+		Y,
+		R,
+		n
+	]), _(() => {
+		if (U.current && R) {
+			let [e, t] = re(f.find((e) => e.properties[h] === R));
+			U.current.pointOfView({
+				lat: t,
+				lng: e,
+				altitude: N
+			}, 1e3);
+		}
+	}, [
+		R,
+		N,
+		f,
+		h
+	]), _(() => {
+		let e = U.current?.renderer().domElement;
+		if (!e) return;
+		let t = (e) => {
+			J({
+				x: e.clientX,
+				y: e.clientY
+			});
+		};
+		return e.addEventListener("mousemove", t), () => e.removeEventListener("mousemove", t);
+	}, []), _(() => {
+		U.current && U.current.pointOfView({
+			lat: F,
+			lng: P,
+			altitude: N
+		}, 1e3);
+	}, [
+		N,
+		P,
+		F
+	]);
+	let Q = ee || new x.MeshBasicMaterial({ color: "#FFF" }), $ = ie(() => {
+		if (!U.current) return;
+		let e = U.current.scene(), t = U.current.camera(), n = [];
+		e.traverse((e) => {
+			e instanceof x.Light && n.push(e);
+		}), n = [...n, ...t.children], n.forEach((e) => {
+			e.parent?.remove(e);
+		}), L.map((e) => le(e)).forEach((n, r) => {
+			L[r].type !== "ambient" && L[r].position === "camera" ? (t.add(n), L[r].type !== "point" && t.add(n.target)) : e.add(n);
+		}), I && (e.fog = new x.Fog(I.color, I.near, I.far));
+	}, [L, I]), be = () => {
+		ve(!0), $();
+	};
+	return _(() => {
+		H && $();
+	}, [H, $]), /* @__PURE__ */ (0, w.jsxs)("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ (0, w.jsx)(se, {
+				ref: U,
+				height: te,
+				width: t,
+				globeOffset: pe,
+				lineHoverPrecision: 0,
+				polygonsData: f,
+				polygonAltitude: (e) => M?.includes(e?.properties?.[h]) || e?.properties?.[h] === R || e?.properties?.[h] === Y?.id || e?.properties?.[h] === W?.id ? _e : me,
+				polygonCapColor: (e) => {
+					let t = R ? e?.properties?.[h] === R ? 1 : B : M ? M.includes(e?.properties?.[h]) ? 1 : B : 1, n = e?.properties?.[h], r = a.find((e) => e.id === n)?.x;
+					return (0, C.default)(r == null ? E : Z(r), `${t}`);
+				},
+				polygonSideColor: (e) => {
+					let t = e?.properties?.[h], n = a.find((e) => e.id === t)?.x, r = R ? e?.properties?.[h] === R ? 1 : B : M ? M.includes(e?.properties?.[h]) ? 1 : B : 1;
+					return (0, C.default)(n == null ? E : Z(n), `${r}`);
+				},
+				polygonStrokeColor: (e) => e?.properties?.[h] === Y?.id ? de : ae,
+				onGlobeClick: () => {
+					G(void 0);
+				},
+				onPolygonClick: (e) => {
+					let t = e?.properties?.[h] ? a.find((t) => t.id === e?.properties?.[h]) : void 0;
+					(A || k) && ((0, ce.default)(W, t) && fe && t ? (G(void 0), A?.(void 0)) : (G(t), A?.(t)));
+				},
+				onPolygonHover: (e) => {
+					let t = e?.properties?.[h] ? a.find((t) => t.id === e?.properties?.[h]) : void 0;
+					X(t), j?.(t);
+				},
+				atmosphereColor: oe,
+				atmosphereAltitude: he,
+				globeCurvatureResolution: ge,
+				globeMaterial: Q,
+				backgroundColor: "rgba(0, 0, 0, 0)",
+				polygonsTransitionDuration: 100,
+				onGlobeReady: () => {
+					if (U.current) {
+						U.current.pointOfView({
+							lat: F,
+							lng: P
+						});
+						let e = U.current.scene();
+						setTimeout(() => {
+							(e.children[3]?.children[0]?.children[4]?.children || []).forEach((e) => {
+								let t = e.children[1];
+								t.renderOrder = 2;
+							});
+						}, 300);
+						let t = U.current.camera();
+						e.add(t), be();
+					}
+				}
+			}),
+			O === !1 ? null : /* @__PURE__ */ (0, w.jsx)("div", {
+				className: g("absolute left-4 bottom-4 map-color-legend", T?.colorLegend),
+				children: ye ? /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)("button", {
+					type: "button",
+					className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
+					onClick: () => {
+						K(!1);
+					},
+					children: /* @__PURE__ */ (0, w.jsx)(i, {})
+				}), /* @__PURE__ */ (0, w.jsxs)("div", {
+					className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
+					style: { width: s ? void 0 : "340px" },
+					children: [D && D !== "" ? /* @__PURE__ */ (0, w.jsx)(b, {
+						size: "xs",
+						marginBottom: "xs",
+						className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",
+						style: {
+							display: "-webkit-box",
+							WebkitLineClamp: "1",
+							WebkitBoxOrient: "vertical"
+						},
+						children: D
+					}) : null, s ? /* @__PURE__ */ (0, w.jsx)("div", {
+						className: "flex flex-col gap-3",
+						children: c.map((e, t) => /* @__PURE__ */ (0, w.jsxs)("div", {
+							className: "flex gap-2 items-center",
+							children: [/* @__PURE__ */ (0, w.jsx)("div", {
+								className: "w-2 h-2 rounded-full",
+								style: { backgroundColor: l[t % l.length] }
+							}), /* @__PURE__ */ (0, w.jsx)(b, {
+								size: "sm",
+								marginBottom: "none",
+								leading: "none",
+								children: e
+							})]
+						}, t))
+					}) : /* @__PURE__ */ (0, w.jsx)("svg", {
+						width: "100%",
+						viewBox: "0 0 320 30",
+						direction: "ltr",
+						children: /* @__PURE__ */ (0, w.jsxs)("g", { children: [c.map((e, t) => /* @__PURE__ */ (0, w.jsxs)("g", {
+							className: "cursor-pointer",
+							children: [/* @__PURE__ */ (0, w.jsx)("rect", {
+								x: t * 320 / l.length + 1,
+								y: 1,
+								width: 320 / l.length - 2,
+								height: 8,
+								style: {
+									fill: l[t],
+									stroke: l[t]
+								}
+							}), /* @__PURE__ */ (0, w.jsx)("text", {
+								x: (t + 1) * 320 / l.length,
+								y: 25,
+								className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
+								style: { textAnchor: "middle" },
+								children: p(e, void 0, V?.precision ?? 2, void 0, void 0, V?.locale || "en", V?.padZeros || !1)
+							})]
+						}, t)), /* @__PURE__ */ (0, w.jsx)("g", { children: /* @__PURE__ */ (0, w.jsx)("rect", {
+							x: c.length * 320 / l.length + 1,
+							y: 1,
+							width: 320 / l.length - 2,
+							height: 8,
+							style: {
+								fill: l[c.length],
+								stroke: l[c.length]
+							}
+						}) })] })
+					})]
+				})] }) : /* @__PURE__ */ (0, w.jsx)("button", {
+					type: "button",
+					className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",
+					onClick: () => {
+						K(!0);
+					},
+					children: /* @__PURE__ */ (0, w.jsx)(r, {})
+				})
+			}),
+			Y && S ? /* @__PURE__ */ (0, w.jsx)(ne, {
+				data: Y,
+				body: S,
+				xPos: q.x,
+				yPos: q.y,
+				backgroundStyle: ue?.tooltip,
+				className: T?.tooltip
+			}) : null,
+			k && W !== void 0 ? /* @__PURE__ */ (0, w.jsx)(m, {
+				body: k,
+				data: W,
+				setData: G,
+				className: T?.modal
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/Components/Graphs/Maps/ThreeDGlobe/index.tsx
+function T(e) {
+	let { data: t, mapData: n = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json", graphTitle: r, colors: i, sources: u, graphDescription: d, height: f, width: p, footNote: m = "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.", colorDomain: ne, colorLegendTitle: re, scaleType: g = "threshold", padding: ie, mapNoDataColor: b = a.light.graphNoData, backgroundColor: se = !1, mapBorderColor: x = a.light.grays["gray-500"], relativeHeight: S, tooltip: ce, graphID: C, mapProperty: le = "ISO3", dataDownload: T = !1, language: E = "en", minHeight: D = 0, theme: O = "light", ariaLabel: de, styles: k, classNames: A, autoRotate: j = !0, enableZoom: fe = !0, globeMaterial: M, centerPoint: N = [0, 0], atmosphereColor: pe = "#999", showColorScale: me = !0, resetSelectionOnDoubleClick: P = !0, detailsOnClick: F, onSeriesMouseOver: he, onSeriesMouseClick: ge, highlightedIds: I, highlightedAltitude: L = .1, dimmedOpacity: _e = .3, scale: R = 1, globeOffset: z = [0, 0], polygonAltitude: B = .01, globeCurvatureResolution: V = 4, atmosphereAltitude: H = .15, fogSettings: ve, lights: U = [{
+		type: "ambient",
+		color: 4210752,
+		intensity: .4
+	}, {
+		type: "directional",
+		color: 16777215,
+		intensity: 1,
+		position: {
+			x: 5,
+			y: 10,
+			z: 5
+		}
+	}], selectedId: W, collapseColorScaleByDefault: G, numberDisplayOptions: ye } = e, [K, q] = y(void 0), [J, Y] = y(0), [X, Z] = y(0), Q = v(null), $ = v(null);
+	_(() => {
+		let e = new ResizeObserver((e) => {
+			Y(e[0].target.clientWidth || 620), Z(e[0].target.clientHeight || 480);
+		});
+		return Q.current && e.observe(Q.current), () => e.disconnect();
+	}, []);
+	let be = ae((e) => {
+		q(e);
+	});
+	_(() => {
+		typeof n == "string" ? c(n).then((e) => {
+			be(n === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json" ? e.features.map((e) => {
+				if (e.geometry.type === "Polygon") {
+					let t = [...e.geometry.coordinates[0]].reverse(), n = {
+						...e.geometry,
+						coordinates: [t]
+					};
+					return {
+						...e,
+						geometry: n
+					};
+				}
+				let t = [];
+				e.geometry.coordinates.forEach((e) => {
+					let n = [...e[0]].reverse();
+					t.push([n]);
+				});
+				let n = {
+					...e.geometry,
+					coordinates: t
+				};
+				return {
+					...e,
+					geometry: n
+				};
+			}) : e.features);
+		}) : be(n.features);
+	}, [n]);
+	let xe = ne || (g === "categorical" ? l(t, "x") : h(t.map((e) => e.x), i?.length || 4));
+	return /* @__PURE__ */ (0, w.jsxs)(ee, {
+		className: A?.graphContainer,
+		style: k?.graphContainer,
+		id: C,
+		ref: $,
+		"aria-label": de,
+		backgroundColor: se,
+		theme: O,
+		language: E,
+		minHeight: D,
+		width: p,
+		height: f,
+		relativeHeight: S,
+		padding: ie,
+		children: [
+			r || d || T ? /* @__PURE__ */ (0, w.jsx)(s, {
+				styles: {
+					title: k?.title,
+					description: k?.description
+				},
+				classNames: {
+					title: A?.title,
+					description: A?.description
+				},
+				graphTitle: r,
+				graphDescription: d,
+				width: p,
+				graphDownload: void 0,
+				dataDownload: T ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+			}) : null,
+			/* @__PURE__ */ (0, w.jsx)(te, {
+				ref: Q,
+				children: J && X && K ? /* @__PURE__ */ (0, w.jsx)(ue, {
+					data: t,
+					globeOffset: z,
+					polygonData: K,
+					colorDomain: xe,
+					width: J,
+					height: X,
+					colors: i || (g === "categorical" ? a[O].sequentialColors[`neutralColorsx0${xe.length}`] : a[O].sequentialColors[`neutralColorsx0${xe.length + 1}`]),
+					mapNoDataColor: b,
+					categorical: g === "categorical",
+					mapBorderColor: x,
+					tooltip: ce,
+					mapProperty: le,
+					styles: k,
+					classNames: A,
+					autoRotate: j === !0 ? 1.5 : j === !1 ? 0 : j,
+					enableZoom: fe,
+					globeMaterial: M,
+					atmosphereColor: pe,
+					colorLegendTitle: re,
+					showColorScale: me,
+					hoverStrokeColor: O === "light" ? a.light.grays["gray-700"] : a.light.grays["gray-300"],
+					highlightedIds: I,
+					resetSelectionOnDoubleClick: P,
+					detailsOnClick: F,
+					onSeriesMouseOver: he,
+					onSeriesMouseClick: ge,
+					scale: R,
+					polygonAltitude: B,
+					centerLat: N[0],
+					centerLng: N[1],
+					atmosphereAltitude: H,
+					globeCurvatureResolution: V,
+					fogSettings: ve,
+					lights: U,
+					highlightedAltitude: L,
+					selectedId: W,
+					collapseColorScaleByDefault: G,
+					dimmedOpacity: _e,
+					numberDisplayOptions: ye
+				}) : /* @__PURE__ */ (0, w.jsx)("div", {
+					style: { height: `${Math.max(D, f || (S ? D ? (p || J) * S > D ? (p || J) * S : D : (p || J) * S : X))}px` },
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ (0, w.jsx)(oe, { "aria-label": "Loading graph" })
+				})
+			}),
+			u || m ? /* @__PURE__ */ (0, w.jsx)(o, {
+				styles: {
+					footnote: k?.footnote,
+					source: k?.source
+				},
+				classNames: {
+					footnote: A?.footnote,
+					source: A?.source
+				},
+				sources: u,
+				footNote: m,
+				width: p
+			}) : null
+		]
+	});
+}
+//#endregion
+export { T as t };
+
+//# sourceMappingURL=ThreeDGlobe-DXL9WkNi.js.map