@undp/data-viz 2.0.0 → 2.0.2

package/dist/ThreeDGlobe.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDGlobe.js","sources":["../src/Components/Graphs/Maps/ThreeDGlobe/Graph.tsx","../src/Components/Graphs/Maps/ThreeDGlobe/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport Globe, { GlobeMethods } from 'react-globe.gl';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport * as THREE from 'three';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport {\r\n  ChoroplethMapDataType,\r\n  ClassNameObject,\r\n  FogDataType,\r\n  LightConfig,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { getCentroidCoordinates } from '@/Utils/getCentroidCoordinates';\r\n\r\ninterface Props {\r\n  width: number;\r\n  data: ChoroplethMapDataType[];\r\n  autoRotate: number;\r\n  enableZoom: boolean;\r\n  categorical: boolean;\r\n  colorDomain: (number | string)[];\r\n  colors: string[];\r\n  height: number;\r\n  globeMaterial?: THREE.Material;\r\n  lights: LightConfig[];\r\n  polygonData: any;\r\n  mapProperty: string;\r\n  mapBorderColor: string;\r\n  atmosphereColor: string;\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapNoDataColor: string;\r\n  colorLegendTitle?: string;\r\n  showColorScale: boolean;\r\n  hoverStrokeColor: string;\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  resetSelectionOnDoubleClick: boolean;\r\n  highlightedIds: string[];\r\n  scale: number;\r\n  globeOffset: [number, number];\r\n  polygonAltitude: number;\r\n  centerLng: number;\r\n  centerLat: number;\r\n  atmosphereAltitude: number;\r\n  globeCurvatureResolution: number;\r\n  fogSettings?: FogDataType;\r\n  highlightedAltitude: number;\r\n  selectedId?: string;\r\n  collapseColorScaleByDefault?: boolean;\r\n}\r\n\r\nfunction createLightFromConfig(config: LightConfig): THREE.Light {\r\n  let light: THREE.Light;\r\n\r\n  switch (config.type) {\r\n    case 'ambient':\r\n      light = new THREE.AmbientLight(config.color, config.intensity);\r\n      break;\r\n    case 'directional':\r\n      light = new THREE.DirectionalLight(config.color, config.intensity);\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      if (config.target || config.position === 'camera') {\r\n        (light as THREE.SpotLight).target.position.set(\r\n          config.target?.x || 0,\r\n          config.target?.y || 0,\r\n          config.target?.z === undefined ? -1 : config.target.z,\r\n        );\r\n      }\r\n      if (config.castShadow) {\r\n        (light as THREE.DirectionalLight).castShadow = true;\r\n        if (config.shadow) {\r\n          (light as THREE.DirectionalLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n          (light as THREE.DirectionalLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n          (light as THREE.DirectionalLight).shadow.camera.near = config.shadow.camera.near;\r\n          (light as THREE.DirectionalLight).shadow.camera.far = config.shadow.camera.far;\r\n        }\r\n      }\r\n      break;\r\n    case 'point':\r\n      light = new THREE.PointLight(\r\n        config.color,\r\n        config.intensity,\r\n        config.distance || 0,\r\n        config.decay || 2,\r\n      );\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      break;\r\n    case 'spot':\r\n      light = new THREE.SpotLight(\r\n        config.color,\r\n        config.intensity,\r\n        config.distance || 0,\r\n        config.angle || Math.PI / 3,\r\n        config.penumbra || 0,\r\n        config.decay || 2,\r\n      );\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      if (config.target || config.position === 'camera') {\r\n        (light as THREE.SpotLight).target.position.set(\r\n          config.target?.x || 0,\r\n          config.target?.y || 0,\r\n          config.target?.z || 0,\r\n        );\r\n      }\r\n      if (config.castShadow) {\r\n        (light as THREE.SpotLight).castShadow = true;\r\n        if (config.shadow) {\r\n          (light as THREE.SpotLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n          (light as THREE.SpotLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n          (light as THREE.SpotLight).shadow.camera.near = config.shadow.camera.near;\r\n          (light as THREE.SpotLight).shadow.camera.far = config.shadow.camera.far;\r\n        }\r\n      }\r\n      break;\r\n    default:\r\n      throw new Error('Unknown light type');\r\n  }\r\n\r\n  return light;\r\n}\r\nfunction Graph(props: Props) {\r\n  const {\r\n    width,\r\n    autoRotate,\r\n    data,\r\n    enableZoom,\r\n    categorical,\r\n    colorDomain,\r\n    colors,\r\n    globeMaterial,\r\n    height,\r\n    polygonData,\r\n    mapProperty,\r\n    mapBorderColor,\r\n    atmosphereColor,\r\n    tooltip,\r\n    styles,\r\n    classNames,\r\n    mapNoDataColor,\r\n    colorLegendTitle,\r\n    showColorScale,\r\n    hoverStrokeColor,\r\n    detailsOnClick,\r\n    onSeriesMouseClick,\r\n    onSeriesMouseOver,\r\n    resetSelectionOnDoubleClick,\r\n    highlightedIds,\r\n    scale,\r\n    globeOffset,\r\n    polygonAltitude,\r\n    centerLng,\r\n    centerLat,\r\n    atmosphereAltitude,\r\n    globeCurvatureResolution,\r\n    fogSettings,\r\n    lights,\r\n    highlightedAltitude,\r\n    selectedId,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  const [globeReady, setGlobeReady] = useState(false);\r\n  const globeEl = useRef<GlobeMethods | undefined>(undefined);\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\r\n  const [mouseOverData, setMouseOverData] = useState<ChoroplethMapDataType | undefined>(undefined);\r\n  const colorScale = categorical\r\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n    : scaleThreshold<number, string>()\r\n        .domain(colorDomain as number[])\r\n        .range(colors);\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      globeEl.current.controls().enableZoom = enableZoom;\r\n    }\r\n  }, [enableZoom]);\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      if (mouseOverData || selectedId) {\r\n        globeEl.current.controls().autoRotate = false;\r\n      } else {\r\n        globeEl.current.controls().autoRotate = autoRotate === 0 ? false : true;\r\n        globeEl.current.controls().autoRotateSpeed = autoRotate;\r\n      }\r\n    }\r\n  }, [mouseOverData, selectedId, autoRotate]);\r\n  useEffect(() => {\r\n    if (globeEl.current && selectedId) {\r\n      const selectedPolygon = polygonData.find(\r\n        (d: any) => d.properties[mapProperty] === selectedId,\r\n      );\r\n      const [lng, lat] = getCentroidCoordinates(selectedPolygon);\r\n      globeEl.current.pointOfView({ lat, lng, altitude: scale }, 1000);\r\n    }\r\n  }, [selectedId, scale, polygonData, mapProperty]);\r\n\r\n  useEffect(() => {\r\n    const canvas = globeEl.current?.renderer().domElement;\r\n    if (!canvas) return;\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      setMousePos({ x: e.clientX, y: e.clientY });\r\n    };\r\n\r\n    canvas.addEventListener('mousemove', handleMouseMove);\r\n    return () => canvas.removeEventListener('mousemove', handleMouseMove);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      globeEl.current.pointOfView({ lat: centerLat, lng: centerLng, altitude: scale }, 1000);\r\n    }\r\n  }, [scale, centerLng, centerLat]);\r\n  const materials =\r\n    globeMaterial ||\r\n    new THREE.MeshBasicMaterial({\r\n      color: '#FFF',\r\n    });\r\n  const setupCustomLighting = useCallback(() => {\r\n    if (!globeEl.current) return;\r\n\r\n    const scene = globeEl.current.scene();\r\n    const camera = globeEl.current.camera();\r\n\r\n    let lightsAndObjToRemove: THREE.Object3D[] = [];\r\n    scene.traverse(obj => {\r\n      if (obj instanceof THREE.Light) {\r\n        lightsAndObjToRemove.push(obj);\r\n      }\r\n    });\r\n    lightsAndObjToRemove = [...lightsAndObjToRemove, ...camera.children];\r\n    lightsAndObjToRemove.forEach(light => light.parent?.remove(light));\r\n\r\n    const lightConfig = lights.map(config => createLightFromConfig(config));\r\n    lightConfig.forEach((light, i) => {\r\n      if (lights[i].type !== 'ambient' && lights[i].position === 'camera') {\r\n        camera.add(light);\r\n        if (lights[i].type !== 'point') {\r\n          camera.add((light as THREE.DirectionalLight | THREE.SpotLight).target);\r\n        }\r\n      } else {\r\n        scene.add(light);\r\n      }\r\n    });\r\n\r\n    if (fogSettings) {\r\n      scene.fog = new THREE.Fog(fogSettings.color, fogSettings.near, fogSettings.far);\r\n    }\r\n  }, [lights, fogSettings]);\r\n\r\n  const handleGlobeReady = () => {\r\n    setGlobeReady(true);\r\n    setupCustomLighting();\r\n  };\r\n  useEffect(() => {\r\n    if (globeReady) {\r\n      setupCustomLighting();\r\n    }\r\n  }, [globeReady, setupCustomLighting]);\r\n  return (\r\n    <div className='relative'>\r\n      <Globe\r\n        ref={globeEl}\r\n        height={height}\r\n        width={width}\r\n        globeOffset={globeOffset}\r\n        lineHoverPrecision={0}\r\n        polygonsData={polygonData}\r\n        polygonAltitude={(polygon: any) =>\r\n          highlightedIds.includes(polygon?.properties?.[mapProperty]) ||\r\n          polygon?.properties?.[mapProperty] === selectedId\r\n            ? highlightedAltitude * (polygon?.properties?.[mapProperty] === selectedId ? 2 : 1)\r\n            : polygon?.properties?.[mapProperty] === mouseOverData?.id ||\r\n                polygon?.properties?.[mapProperty] === mouseClickData?.id\r\n              ? highlightedAltitude\r\n              : polygonAltitude\r\n        }\r\n        polygonCapColor={(polygon: any) => {\r\n          const id = polygon?.properties?.[mapProperty];\r\n          const val = data.find(el => el.id === id)?.x;\r\n          if (val !== undefined && val !== null) {\r\n            return colorScale(val as any);\r\n          }\r\n          return mapNoDataColor;\r\n        }}\r\n        polygonSideColor={(polygon: any) => {\r\n          const id = polygon?.properties?.[mapProperty];\r\n          const val = data.find(el => el.id === id)?.x;\r\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\r\n          return highlightedIds.includes(polygon?.properties?.[mapProperty]) ||\r\n            polygon?.properties?.[mapProperty] === selectedId\r\n            ? color\r\n            : 'rgba(100,100,100,0)';\r\n        }}\r\n        polygonStrokeColor={(polygon: any) =>\r\n          polygon?.properties?.[mapProperty] === mouseOverData?.id\r\n            ? hoverStrokeColor\r\n            : mapBorderColor\r\n        }\r\n        onGlobeClick={() => {\r\n          setMouseClickData(undefined);\r\n        }}\r\n        onPolygonClick={(polygon: any) => {\r\n          const clickedData = polygon?.properties?.[mapProperty]\r\n            ? data.find(el => el.id === polygon?.properties?.[mapProperty])\r\n            : undefined;\r\n          if (onSeriesMouseClick || detailsOnClick) {\r\n            if (\r\n              isEqual(mouseClickData, clickedData) &&\r\n              resetSelectionOnDoubleClick &&\r\n              clickedData\r\n            ) {\r\n              setMouseClickData(undefined);\r\n              onSeriesMouseClick?.(undefined);\r\n            } else {\r\n              setMouseClickData(clickedData);\r\n              onSeriesMouseClick?.(clickedData);\r\n            }\r\n          }\r\n        }}\r\n        onPolygonHover={(polygon: any) => {\r\n          const hoverData = polygon?.properties?.[mapProperty]\r\n            ? data.find(el => el.id === polygon?.properties?.[mapProperty])\r\n            : undefined;\r\n          setMouseOverData(hoverData);\r\n          onSeriesMouseOver?.(hoverData);\r\n        }}\r\n        atmosphereColor={atmosphereColor}\r\n        atmosphereAltitude={atmosphereAltitude}\r\n        globeCurvatureResolution={globeCurvatureResolution}\r\n        globeMaterial={materials}\r\n        backgroundColor='rgba(0, 0, 0, 0)'\r\n        polygonsTransitionDuration={100}\r\n        onGlobeReady={() => {\r\n          if (globeEl.current) {\r\n            globeEl.current.pointOfView({\r\n              lat: centerLat,\r\n              lng: centerLng,\r\n            });\r\n            const scene = globeEl.current.scene();\r\n            setTimeout(() => {\r\n              const polygons = scene.children[3]?.children[0]?.children[4]?.children || [];\r\n              polygons.forEach(d => {\r\n                const line = d.children[1];\r\n                line.renderOrder = 2;\r\n              });\r\n            }, 300);\r\n            const camera = globeEl.current.camera();\r\n            scene.add(camera);\r\n            handleGlobeReady();\r\n          }\r\n        }}\r\n      />\r\n      {showColorScale === false ? null : (\r\n        <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\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]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                style={{\r\n                  width: categorical ? undefined : '340px',\r\n                }}\r\n              >\r\n                {colorLegendTitle && colorLegendTitle !== '' ? (\r\n                  <P\r\n                    size='xs'\r\n                    marginBottom='xs'\r\n                    className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      WebkitBoxOrient: 'vertical',\r\n                    }}\r\n                  >\r\n                    {colorLegendTitle}\r\n                  </P>\r\n                ) : null}\r\n                {!categorical ? (\r\n                  <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                    <g>\r\n                      {colorDomain.map((d, i) => (\r\n                        <g key={i} className='cursor-pointer'>\r\n                          <rect\r\n                            x={(i * 320) / colors.length + 1}\r\n                            y={1}\r\n                            width={320 / colors.length - 2}\r\n                            height={8}\r\n                            style={{\r\n                              fill: colors[i],\r\n                              stroke: colors[i],\r\n                            }}\r\n                          />\r\n                          <text\r\n                            x={((i + 1) * 320) / colors.length}\r\n                            y={25}\r\n                            className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                            style={{ textAnchor: 'middle' }}\r\n                          >\r\n                            {numberFormattingFunction(d as number, 'NA')}\r\n                          </text>\r\n                        </g>\r\n                      ))}\r\n                      <g>\r\n                        <rect\r\n                          x={(colorDomain.length * 320) / colors.length + 1}\r\n                          y={1}\r\n                          width={320 / colors.length - 2}\r\n                          height={8}\r\n                          style={{\r\n                            fill: colors[colorDomain.length],\r\n                            stroke: colors[colorDomain.length],\r\n                          }}\r\n                        />\r\n                      </g>\r\n                    </g>\r\n                  </svg>\r\n                ) : (\r\n                  <div className='flex flex-col gap-3'>\r\n                    {colorDomain.map((d, i) => (\r\n                      <div key={i} className='flex gap-2 items-center'>\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[i % colors.length] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {d}\r\n                        </P>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='mb-0 border-0 bg-transparent p-0 self-start'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                Show Legend\r\n              </div>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n      {mouseOverData && tooltip ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={mousePos.x}\r\n          yPos={mousePos.y}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Graph;\r\n","import React, { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport * as THREE from 'three';\r\n\r\nimport Graph from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ChoroplethMapDataType,\r\n  ClassNameObject,\r\n  FogDataType,\r\n  Languages,\r\n  LightConfig,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: ChoroplethMapDataType[];\r\n\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  /** Colors for the choropleth map */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\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  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Defines if the globe rotates automatically */\r\n  autoRotate?: number | boolean;\r\n  /** Defines the material property applied to the sphere of the globe */\r\n  globeMaterial?: THREE.Material;\r\n  /** Defines the lights for the 3D scene */\r\n  lights?: LightConfig[];\r\n  /** Defines the colo of the glow around the globe */\r\n  atmosphereColor?: string;\r\n  /** Defines if the globe can be zoomed when scrolled */\r\n  enableZoom?: boolean;\r\n  /** Position offset of the globe relative to the canvas center */\r\n  globeOffset?: [number, number];\r\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) */\r\n  scale?: number;\r\n  /** Defines the spacing between the country shape polygon with the sphere */\r\n  polygonAltitude?: number;\r\n  /** Scale for the colors */\r\n  scaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** The max altitude of the atmosphere, in terms of globe radius units. */\r\n  atmosphereAltitude?: number;\r\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. */\r\n  globeCurvatureResolution?: number;\r\n  /** Defines fog settings for the scene. */\r\n  fogSettings?: FogDataType;\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Countries or regions to be highlighted */\r\n  selectedId?: string;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Defines the altitude of the highlighted countries or the countries on mouseover. */\r\n  highlightedAltitude?: number;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\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\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 */\r\nexport function ThreeDGlobe(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json',\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\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.',\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    scaleType = 'threshold',\r\n    padding,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    tooltip,\r\n    graphID,\r\n    mapProperty = 'ISO3',\r\n    dataDownload = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    autoRotate = true,\r\n    enableZoom = true,\r\n    globeMaterial,\r\n    centerPoint = [0, 0],\r\n    atmosphereColor = '#999',\r\n    showColorScale = true,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    highlightedIds = [],\r\n    highlightedAltitude = 0.1,\r\n    scale = 1,\r\n    globeOffset = [0, 0],\r\n    polygonAltitude = 0.01,\r\n    globeCurvatureResolution = 4,\r\n    atmosphereAltitude = 0.15,\r\n    fogSettings,\r\n    lights = [\r\n      {\r\n        type: 'ambient',\r\n        color: 0x404040,\r\n        intensity: 0.4,\r\n      },\r\n      {\r\n        type: 'directional',\r\n        color: 0xffffff,\r\n        intensity: 1,\r\n        position: { x: 5, y: 10, z: 5 },\r\n      },\r\n    ],\r\n    selectedId,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const onUpdateShape = useEffectEvent((shape: any) => {\r\n    setMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        if (\r\n          mapData ===\r\n          'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json'\r\n        ) {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const features = d.features.map((el: any) => {\r\n            if (el.geometry.type === 'Polygon') {\r\n              const reversed = [...el.geometry.coordinates[0]].reverse();\r\n              const geometry = { ...el.geometry, coordinates: [reversed] };\r\n              return { ...el, geometry };\r\n            }\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            const coord: any = [];\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            el.geometry.coordinates.forEach((c: any) => {\r\n              const reversed = [...c[0]].reverse();\r\n              coord.push([reversed]);\r\n            });\r\n            const geometry = { ...el.geometry, coordinates: coord };\r\n            return { ...el, geometry };\r\n          });\r\n          onUpdateShape(features);\r\n        } else onUpdateShape(d.features);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData.features);\r\n    }\r\n  }, [mapData]);\r\n\r\n  const domain =\r\n    colorDomain ||\r\n    (scaleType === 'categorical'\r\n      ? getUniqValue(data, 'x')\r\n      : getJenks(\r\n          data.map(d => d.x as number | null | undefined),\r\n          colors?.length || 4,\r\n        ));\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || dataDownload ? (\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          width={width}\r\n          graphDownload={undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            data={data}\r\n            globeOffset={globeOffset}\r\n            polygonData={mapShape}\r\n            colorDomain={domain}\r\n            width={width || svgWidth}\r\n            height={Math.max(\r\n              minHeight,\r\n              height ||\r\n                (relativeHeight\r\n                  ? minHeight\r\n                    ? (width || svgWidth) * relativeHeight > minHeight\r\n                      ? (width || svgWidth) * relativeHeight\r\n                      : minHeight\r\n                    : (width || svgWidth) * relativeHeight\r\n                  : svgHeight),\r\n            )}\r\n            colors={\r\n              colors ||\r\n              (scaleType === 'categorical'\r\n                ? Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ]\r\n                : Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ])\r\n            }\r\n            mapNoDataColor={mapNoDataColor}\r\n            categorical={scaleType === 'categorical'}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            mapProperty={mapProperty}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            autoRotate={autoRotate === true ? 1.5 : autoRotate === false ? 0 : autoRotate}\r\n            enableZoom={enableZoom}\r\n            globeMaterial={globeMaterial}\r\n            atmosphereColor={atmosphereColor}\r\n            colorLegendTitle={colorLegendTitle}\r\n            showColorScale={showColorScale}\r\n            hoverStrokeColor={\r\n              theme === 'light' ? Colors.light.grays['gray-700'] : Colors.light.grays['gray-300']\r\n            }\r\n            highlightedIds={highlightedIds}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            detailsOnClick={detailsOnClick}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            scale={scale}\r\n            polygonAltitude={polygonAltitude}\r\n            centerLat={centerPoint[0]}\r\n            centerLng={centerPoint[1]}\r\n            atmosphereAltitude={atmosphereAltitude}\r\n            globeCurvatureResolution={globeCurvatureResolution}\r\n            fogSettings={fogSettings}\r\n            lights={lights}\r\n            highlightedAltitude={highlightedAltitude}\r\n            selectedId={selectedId}\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n          />\r\n        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\r\n      </GraphArea>\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          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["createLightFromConfig","config","light","type","THREE","AmbientLight","color","intensity","DirectionalLight","position","set","x","y","z","target","undefined","castShadow","shadow","mapSize","width","height","camera","near","far","PointLight","distance","decay","SpotLight","angle","Math","PI","penumbra","Error","Graph","props","autoRotate","data","enableZoom","categorical","colorDomain","colors","globeMaterial","polygonData","mapProperty","mapBorderColor","atmosphereColor","tooltip","styles","classNames","mapNoDataColor","colorLegendTitle","showColorScale","hoverStrokeColor","detailsOnClick","onSeriesMouseClick","onSeriesMouseOver","resetSelectionOnDoubleClick","highlightedIds","scale","globeOffset","polygonAltitude","centerLng","centerLat","atmosphereAltitude","globeCurvatureResolution","fogSettings","lights","highlightedAltitude","selectedId","collapseColorScaleByDefault","globeReady","setGlobeReady","useState","globeEl","useRef","mouseClickData","setMouseClickData","showLegend","setShowLegend","mousePos","setMousePos","mouseOverData","setMouseOverData","colorScale","scaleOrdinal","domain","range","scaleThreshold","useEffect","current","controls","autoRotateSpeed","selectedPolygon","find","d","properties","lng","lat","getCentroidCoordinates","pointOfView","altitude","canvas","renderer","domElement","handleMouseMove","e","clientX","clientY","addEventListener","removeEventListener","materials","MeshBasicMaterial","setupCustomLighting","useCallback","scene","lightsAndObjToRemove","traverse","obj","Light","push","children","forEach","parent","remove","map","i","add","fog","Fog","handleGlobeReady","jsxs","jsx","Globe","polygon","includes","id","val","el","clickedData","isEqual","hoverData","setTimeout","polygons","line","renderOrder","cn","colorLegend","Fragment","X","P","display","WebkitLineClamp","WebkitBoxOrient","backgroundColor","length","fill","stroke","textAnchor","numberFormattingFunction","Tooltip","Modal","__html","string2HTML","ThreeDGlobe","$","_c","mapData","t0","graphTitle","sources","graphDescription","footNote","t1","scaleType","t2","padding","t3","t4","t5","relativeHeight","graphID","t6","dataDownload","t7","language","t8","minHeight","t9","theme","t10","ariaLabel","t11","t12","centerPoint","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","Colors","graphNoData","grays","t25","t26","t27","t28","mapShape","setMapShape","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","t29","t30","Symbol","for","resizeObserver","ResizeObserver","entries","clientWidth","clientHeight","observe","disconnect","t31","shape","onUpdateShape","useEffectEvent","t32","fetchAndParseJSON","then","features","_temp","t33","t34","getUniqValue","getJenks","_temp2","t35","graphContainer","t36","t37","description","title","GraphHeader","_temp3","filter","_temp4","_temp5","_temp6","_temp7","t38","GraphArea","max","sequentialColors","Spinner","t39","footnote","source","GraphFooter","t40","GraphContainer","d_3","d_2","d_1","d_5","d_4","d_0","geometry","reversed","coordinates","reverse","coord","c","reversed_0","geometry_0"],"mappings":"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"}
+{"version":3,"file":"ThreeDGlobe.js","sources":["../src/Components/Graphs/Maps/ThreeDGlobe/Graph.tsx","../src/Components/Graphs/Maps/ThreeDGlobe/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport Globe, { GlobeMethods } from 'react-globe.gl';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport * as THREE from 'three';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport {\r\n  ChoroplethMapDataType,\r\n  ClassNameObject,\r\n  FogDataType,\r\n  LightConfig,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { getCentroidCoordinates } from '@/Utils/getCentroidCoordinates';\r\n\r\ninterface Props {\r\n  width: number;\r\n  data: ChoroplethMapDataType[];\r\n  autoRotate: number;\r\n  enableZoom: boolean;\r\n  categorical: boolean;\r\n  colorDomain: (number | string)[];\r\n  colors: string[];\r\n  height: number;\r\n  globeMaterial?: THREE.Material;\r\n  lights: LightConfig[];\r\n  polygonData: any;\r\n  mapProperty: string;\r\n  mapBorderColor: string;\r\n  atmosphereColor: string;\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapNoDataColor: string;\r\n  colorLegendTitle?: string;\r\n  showColorScale: boolean;\r\n  hoverStrokeColor: string;\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  resetSelectionOnDoubleClick: boolean;\r\n  highlightedIds: string[];\r\n  scale: number;\r\n  globeOffset: [number, number];\r\n  polygonAltitude: number;\r\n  centerLng: number;\r\n  centerLat: number;\r\n  atmosphereAltitude: number;\r\n  globeCurvatureResolution: number;\r\n  fogSettings?: FogDataType;\r\n  highlightedAltitude: number;\r\n  selectedId?: string;\r\n  collapseColorScaleByDefault?: boolean;\r\n}\r\n\r\nfunction createLightFromConfig(config: LightConfig): THREE.Light {\r\n  let light: THREE.Light;\r\n\r\n  switch (config.type) {\r\n    case 'ambient':\r\n      light = new THREE.AmbientLight(config.color, config.intensity);\r\n      break;\r\n    case 'directional':\r\n      light = new THREE.DirectionalLight(config.color, config.intensity);\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      if (config.target || config.position === 'camera') {\r\n        (light as THREE.SpotLight).target.position.set(\r\n          config.target?.x || 0,\r\n          config.target?.y || 0,\r\n          config.target?.z === undefined ? -1 : config.target.z,\r\n        );\r\n      }\r\n      if (config.castShadow) {\r\n        (light as THREE.DirectionalLight).castShadow = true;\r\n        if (config.shadow) {\r\n          (light as THREE.DirectionalLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n          (light as THREE.DirectionalLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n          (light as THREE.DirectionalLight).shadow.camera.near = config.shadow.camera.near;\r\n          (light as THREE.DirectionalLight).shadow.camera.far = config.shadow.camera.far;\r\n        }\r\n      }\r\n      break;\r\n    case 'point':\r\n      light = new THREE.PointLight(\r\n        config.color,\r\n        config.intensity,\r\n        config.distance || 0,\r\n        config.decay || 2,\r\n      );\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      break;\r\n    case 'spot':\r\n      light = new THREE.SpotLight(\r\n        config.color,\r\n        config.intensity,\r\n        config.distance || 0,\r\n        config.angle || Math.PI / 3,\r\n        config.penumbra || 0,\r\n        config.decay || 2,\r\n      );\r\n      if (config.position) {\r\n        if (config.position === 'camera') light.position.set(0, 0, 0);\r\n        else light.position.set(config.position.x, config.position.y, config.position.z);\r\n      }\r\n      if (config.target || config.position === 'camera') {\r\n        (light as THREE.SpotLight).target.position.set(\r\n          config.target?.x || 0,\r\n          config.target?.y || 0,\r\n          config.target?.z || 0,\r\n        );\r\n      }\r\n      if (config.castShadow) {\r\n        (light as THREE.SpotLight).castShadow = true;\r\n        if (config.shadow) {\r\n          (light as THREE.SpotLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n          (light as THREE.SpotLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n          (light as THREE.SpotLight).shadow.camera.near = config.shadow.camera.near;\r\n          (light as THREE.SpotLight).shadow.camera.far = config.shadow.camera.far;\r\n        }\r\n      }\r\n      break;\r\n    default:\r\n      throw new Error('Unknown light type');\r\n  }\r\n\r\n  return light;\r\n}\r\nfunction Graph(props: Props) {\r\n  const {\r\n    width,\r\n    autoRotate,\r\n    data,\r\n    enableZoom,\r\n    categorical,\r\n    colorDomain,\r\n    colors,\r\n    globeMaterial,\r\n    height,\r\n    polygonData,\r\n    mapProperty,\r\n    mapBorderColor,\r\n    atmosphereColor,\r\n    tooltip,\r\n    styles,\r\n    classNames,\r\n    mapNoDataColor,\r\n    colorLegendTitle,\r\n    showColorScale,\r\n    hoverStrokeColor,\r\n    detailsOnClick,\r\n    onSeriesMouseClick,\r\n    onSeriesMouseOver,\r\n    resetSelectionOnDoubleClick,\r\n    highlightedIds,\r\n    scale,\r\n    globeOffset,\r\n    polygonAltitude,\r\n    centerLng,\r\n    centerLat,\r\n    atmosphereAltitude,\r\n    globeCurvatureResolution,\r\n    fogSettings,\r\n    lights,\r\n    highlightedAltitude,\r\n    selectedId,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  const [globeReady, setGlobeReady] = useState(false);\r\n  const globeEl = useRef<GlobeMethods | undefined>(undefined);\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\r\n  const [mouseOverData, setMouseOverData] = useState<ChoroplethMapDataType | undefined>(undefined);\r\n  const colorScale = categorical\r\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n    : scaleThreshold<number, string>()\r\n        .domain(colorDomain as number[])\r\n        .range(colors);\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      globeEl.current.controls().enableZoom = enableZoom;\r\n    }\r\n  }, [enableZoom]);\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      if (mouseOverData || selectedId) {\r\n        globeEl.current.controls().autoRotate = false;\r\n      } else {\r\n        globeEl.current.controls().autoRotate = autoRotate === 0 ? false : true;\r\n        globeEl.current.controls().autoRotateSpeed = autoRotate;\r\n      }\r\n    }\r\n  }, [mouseOverData, selectedId, autoRotate]);\r\n  useEffect(() => {\r\n    if (globeEl.current && selectedId) {\r\n      const selectedPolygon = polygonData.find(\r\n        (d: any) => d.properties[mapProperty] === selectedId,\r\n      );\r\n      const [lng, lat] = getCentroidCoordinates(selectedPolygon);\r\n      globeEl.current.pointOfView({ lat, lng, altitude: scale }, 1000);\r\n    }\r\n  }, [selectedId, scale, polygonData, mapProperty]);\r\n\r\n  useEffect(() => {\r\n    const canvas = globeEl.current?.renderer().domElement;\r\n    if (!canvas) return;\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      setMousePos({ x: e.clientX, y: e.clientY });\r\n    };\r\n\r\n    canvas.addEventListener('mousemove', handleMouseMove);\r\n    return () => canvas.removeEventListener('mousemove', handleMouseMove);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (globeEl.current) {\r\n      globeEl.current.pointOfView({ lat: centerLat, lng: centerLng, altitude: scale }, 1000);\r\n    }\r\n  }, [scale, centerLng, centerLat]);\r\n  const materials =\r\n    globeMaterial ||\r\n    new THREE.MeshBasicMaterial({\r\n      color: '#FFF',\r\n    });\r\n  const setupCustomLighting = useCallback(() => {\r\n    if (!globeEl.current) return;\r\n\r\n    const scene = globeEl.current.scene();\r\n    const camera = globeEl.current.camera();\r\n\r\n    let lightsAndObjToRemove: THREE.Object3D[] = [];\r\n    scene.traverse(obj => {\r\n      if (obj instanceof THREE.Light) {\r\n        lightsAndObjToRemove.push(obj);\r\n      }\r\n    });\r\n    lightsAndObjToRemove = [...lightsAndObjToRemove, ...camera.children];\r\n    lightsAndObjToRemove.forEach(light => light.parent?.remove(light));\r\n\r\n    const lightConfig = lights.map(config => createLightFromConfig(config));\r\n    lightConfig.forEach((light, i) => {\r\n      if (lights[i].type !== 'ambient' && lights[i].position === 'camera') {\r\n        camera.add(light);\r\n        if (lights[i].type !== 'point') {\r\n          camera.add((light as THREE.DirectionalLight | THREE.SpotLight).target);\r\n        }\r\n      } else {\r\n        scene.add(light);\r\n      }\r\n    });\r\n\r\n    if (fogSettings) {\r\n      scene.fog = new THREE.Fog(fogSettings.color, fogSettings.near, fogSettings.far);\r\n    }\r\n  }, [lights, fogSettings]);\r\n\r\n  const handleGlobeReady = () => {\r\n    setGlobeReady(true);\r\n    setupCustomLighting();\r\n  };\r\n  useEffect(() => {\r\n    if (globeReady) {\r\n      setupCustomLighting();\r\n    }\r\n  }, [globeReady, setupCustomLighting]);\r\n  return (\r\n    <div className='relative'>\r\n      <Globe\r\n        ref={globeEl}\r\n        height={height}\r\n        width={width}\r\n        globeOffset={globeOffset}\r\n        lineHoverPrecision={0}\r\n        polygonsData={polygonData}\r\n        polygonAltitude={(polygon: any) =>\r\n          highlightedIds.includes(polygon?.properties?.[mapProperty]) ||\r\n          polygon?.properties?.[mapProperty] === selectedId\r\n            ? highlightedAltitude * (polygon?.properties?.[mapProperty] === selectedId ? 2 : 1)\r\n            : polygon?.properties?.[mapProperty] === mouseOverData?.id ||\r\n                polygon?.properties?.[mapProperty] === mouseClickData?.id\r\n              ? highlightedAltitude\r\n              : polygonAltitude\r\n        }\r\n        polygonCapColor={(polygon: any) => {\r\n          const id = polygon?.properties?.[mapProperty];\r\n          const val = data.find(el => el.id === id)?.x;\r\n          if (val !== undefined && val !== null) {\r\n            return colorScale(val as any);\r\n          }\r\n          return mapNoDataColor;\r\n        }}\r\n        polygonSideColor={(polygon: any) => {\r\n          const id = polygon?.properties?.[mapProperty];\r\n          const val = data.find(el => el.id === id)?.x;\r\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\r\n          return highlightedIds.includes(polygon?.properties?.[mapProperty]) ||\r\n            polygon?.properties?.[mapProperty] === selectedId\r\n            ? color\r\n            : 'rgba(100,100,100,0)';\r\n        }}\r\n        polygonStrokeColor={(polygon: any) =>\r\n          polygon?.properties?.[mapProperty] === mouseOverData?.id\r\n            ? hoverStrokeColor\r\n            : mapBorderColor\r\n        }\r\n        onGlobeClick={() => {\r\n          setMouseClickData(undefined);\r\n        }}\r\n        onPolygonClick={(polygon: any) => {\r\n          const clickedData = polygon?.properties?.[mapProperty]\r\n            ? data.find(el => el.id === polygon?.properties?.[mapProperty])\r\n            : undefined;\r\n          if (onSeriesMouseClick || detailsOnClick) {\r\n            if (\r\n              isEqual(mouseClickData, clickedData) &&\r\n              resetSelectionOnDoubleClick &&\r\n              clickedData\r\n            ) {\r\n              setMouseClickData(undefined);\r\n              onSeriesMouseClick?.(undefined);\r\n            } else {\r\n              setMouseClickData(clickedData);\r\n              onSeriesMouseClick?.(clickedData);\r\n            }\r\n          }\r\n        }}\r\n        onPolygonHover={(polygon: any) => {\r\n          const hoverData = polygon?.properties?.[mapProperty]\r\n            ? data.find(el => el.id === polygon?.properties?.[mapProperty])\r\n            : undefined;\r\n          setMouseOverData(hoverData);\r\n          onSeriesMouseOver?.(hoverData);\r\n        }}\r\n        atmosphereColor={atmosphereColor}\r\n        atmosphereAltitude={atmosphereAltitude}\r\n        globeCurvatureResolution={globeCurvatureResolution}\r\n        globeMaterial={materials}\r\n        backgroundColor='rgba(0, 0, 0, 0)'\r\n        polygonsTransitionDuration={100}\r\n        onGlobeReady={() => {\r\n          if (globeEl.current) {\r\n            globeEl.current.pointOfView({\r\n              lat: centerLat,\r\n              lng: centerLng,\r\n            });\r\n            const scene = globeEl.current.scene();\r\n            setTimeout(() => {\r\n              const polygons = scene.children[3]?.children[0]?.children[4]?.children || [];\r\n              polygons.forEach(d => {\r\n                const line = d.children[1];\r\n                line.renderOrder = 2;\r\n              });\r\n            }, 300);\r\n            const camera = globeEl.current.camera();\r\n            scene.add(camera);\r\n            handleGlobeReady();\r\n          }\r\n        }}\r\n      />\r\n      {showColorScale === false ? null : (\r\n        <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\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]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                style={{\r\n                  width: categorical ? undefined : '340px',\r\n                }}\r\n              >\r\n                {colorLegendTitle && colorLegendTitle !== '' ? (\r\n                  <P\r\n                    size='xs'\r\n                    marginBottom='xs'\r\n                    className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      WebkitBoxOrient: 'vertical',\r\n                    }}\r\n                  >\r\n                    {colorLegendTitle}\r\n                  </P>\r\n                ) : null}\r\n                {!categorical ? (\r\n                  <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                    <g>\r\n                      {colorDomain.map((d, i) => (\r\n                        <g key={i} className='cursor-pointer'>\r\n                          <rect\r\n                            x={(i * 320) / colors.length + 1}\r\n                            y={1}\r\n                            width={320 / colors.length - 2}\r\n                            height={8}\r\n                            style={{\r\n                              fill: colors[i],\r\n                              stroke: colors[i],\r\n                            }}\r\n                          />\r\n                          <text\r\n                            x={((i + 1) * 320) / colors.length}\r\n                            y={25}\r\n                            className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                            style={{ textAnchor: 'middle' }}\r\n                          >\r\n                            {numberFormattingFunction(d as number, 'NA')}\r\n                          </text>\r\n                        </g>\r\n                      ))}\r\n                      <g>\r\n                        <rect\r\n                          x={(colorDomain.length * 320) / colors.length + 1}\r\n                          y={1}\r\n                          width={320 / colors.length - 2}\r\n                          height={8}\r\n                          style={{\r\n                            fill: colors[colorDomain.length],\r\n                            stroke: colors[colorDomain.length],\r\n                          }}\r\n                        />\r\n                      </g>\r\n                    </g>\r\n                  </svg>\r\n                ) : (\r\n                  <div className='flex flex-col gap-3'>\r\n                    {colorDomain.map((d, i) => (\r\n                      <div key={i} className='flex gap-2 items-center'>\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[i % colors.length] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {d}\r\n                        </P>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='mb-0 border-0 bg-transparent p-0 self-start'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                Show Legend\r\n              </div>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n      {mouseOverData && tooltip ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={mousePos.x}\r\n          yPos={mousePos.y}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Graph;\r\n","import React, { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport * as THREE from 'three';\r\n\r\nimport Graph from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ChoroplethMapDataType,\r\n  ClassNameObject,\r\n  FogDataType,\r\n  Languages,\r\n  LightConfig,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: ChoroplethMapDataType[];\r\n\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  /** Colors for the choropleth map */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\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  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Defines if the globe rotates automatically */\r\n  autoRotate?: number | boolean;\r\n  /** Defines the material property applied to the sphere of the globe */\r\n  globeMaterial?: THREE.Material;\r\n  /** Defines the lights for the 3D scene */\r\n  lights?: LightConfig[];\r\n  /** Defines the colo of the glow around the globe */\r\n  atmosphereColor?: string;\r\n  /** Defines if the globe can be zoomed when scrolled */\r\n  enableZoom?: boolean;\r\n  /** Position offset of the globe relative to the canvas center */\r\n  globeOffset?: [number, number];\r\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) */\r\n  scale?: number;\r\n  /** Defines the spacing between the country shape polygon with the sphere */\r\n  polygonAltitude?: number;\r\n  /** Scale for the colors */\r\n  scaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** The max altitude of the atmosphere, in terms of globe radius units. */\r\n  atmosphereAltitude?: number;\r\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. */\r\n  globeCurvatureResolution?: number;\r\n  /** Defines fog settings for the scene. */\r\n  fogSettings?: FogDataType;\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Countries or regions to be highlighted */\r\n  selectedId?: string;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Defines the altitude of the highlighted countries or the countries on mouseover. */\r\n  highlightedAltitude?: number;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\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\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 */\r\nexport function ThreeDGlobe(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json',\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\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.',\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    scaleType = 'threshold',\r\n    padding,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    tooltip,\r\n    graphID,\r\n    mapProperty = 'ISO3',\r\n    dataDownload = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    autoRotate = true,\r\n    enableZoom = true,\r\n    globeMaterial,\r\n    centerPoint = [0, 0],\r\n    atmosphereColor = '#999',\r\n    showColorScale = true,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    highlightedIds = [],\r\n    highlightedAltitude = 0.1,\r\n    scale = 1,\r\n    globeOffset = [0, 0],\r\n    polygonAltitude = 0.01,\r\n    globeCurvatureResolution = 4,\r\n    atmosphereAltitude = 0.15,\r\n    fogSettings,\r\n    lights = [\r\n      {\r\n        type: 'ambient',\r\n        color: 0x404040,\r\n        intensity: 0.4,\r\n      },\r\n      {\r\n        type: 'directional',\r\n        color: 0xffffff,\r\n        intensity: 1,\r\n        position: { x: 5, y: 10, z: 5 },\r\n      },\r\n    ],\r\n    selectedId,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const onUpdateShape = useEffectEvent((shape: any) => {\r\n    setMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        if (\r\n          mapData ===\r\n          'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json'\r\n        ) {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const features = d.features.map((el: any) => {\r\n            if (el.geometry.type === 'Polygon') {\r\n              const reversed = [...el.geometry.coordinates[0]].reverse();\r\n              const geometry = { ...el.geometry, coordinates: [reversed] };\r\n              return { ...el, geometry };\r\n            }\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            const coord: any = [];\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            el.geometry.coordinates.forEach((c: any) => {\r\n              const reversed = [...c[0]].reverse();\r\n              coord.push([reversed]);\r\n            });\r\n            const geometry = { ...el.geometry, coordinates: coord };\r\n            return { ...el, geometry };\r\n          });\r\n          onUpdateShape(features);\r\n        } else onUpdateShape(d.features);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData.features);\r\n    }\r\n  }, [mapData]);\r\n\r\n  const domain =\r\n    colorDomain ||\r\n    (scaleType === 'categorical'\r\n      ? getUniqValue(data, 'x')\r\n      : getJenks(\r\n          data.map(d => d.x as number | null | undefined),\r\n          colors?.length || 4,\r\n        ));\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || dataDownload ? (\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          width={width}\r\n          graphDownload={undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            data={data}\r\n            globeOffset={globeOffset}\r\n            polygonData={mapShape}\r\n            colorDomain={domain}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            colors={\r\n              colors ||\r\n              (scaleType === 'categorical'\r\n                ? Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ]\r\n                : Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ])\r\n            }\r\n            mapNoDataColor={mapNoDataColor}\r\n            categorical={scaleType === 'categorical'}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            mapProperty={mapProperty}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            autoRotate={autoRotate === true ? 1.5 : autoRotate === false ? 0 : autoRotate}\r\n            enableZoom={enableZoom}\r\n            globeMaterial={globeMaterial}\r\n            atmosphereColor={atmosphereColor}\r\n            colorLegendTitle={colorLegendTitle}\r\n            showColorScale={showColorScale}\r\n            hoverStrokeColor={\r\n              theme === 'light' ? Colors.light.grays['gray-700'] : Colors.light.grays['gray-300']\r\n            }\r\n            highlightedIds={highlightedIds}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            detailsOnClick={detailsOnClick}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            scale={scale}\r\n            polygonAltitude={polygonAltitude}\r\n            centerLat={centerPoint[0]}\r\n            centerLng={centerPoint[1]}\r\n            atmosphereAltitude={atmosphereAltitude}\r\n            globeCurvatureResolution={globeCurvatureResolution}\r\n            fogSettings={fogSettings}\r\n            lights={lights}\r\n            highlightedAltitude={highlightedAltitude}\r\n            selectedId={selectedId}\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n          />\r\n        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\r\n      </GraphArea>\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          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["createLightFromConfig","config","light","type","THREE","AmbientLight","color","intensity","DirectionalLight","position","set","x","y","z","target","undefined","castShadow","shadow","mapSize","width","height","camera","near","far","PointLight","distance","decay","SpotLight","angle","Math","PI","penumbra","Error","Graph","props","autoRotate","data","enableZoom","categorical","colorDomain","colors","globeMaterial","polygonData","mapProperty","mapBorderColor","atmosphereColor","tooltip","styles","classNames","mapNoDataColor","colorLegendTitle","showColorScale","hoverStrokeColor","detailsOnClick","onSeriesMouseClick","onSeriesMouseOver","resetSelectionOnDoubleClick","highlightedIds","scale","globeOffset","polygonAltitude","centerLng","centerLat","atmosphereAltitude","globeCurvatureResolution","fogSettings","lights","highlightedAltitude","selectedId","collapseColorScaleByDefault","globeReady","setGlobeReady","useState","globeEl","useRef","mouseClickData","setMouseClickData","showLegend","setShowLegend","mousePos","setMousePos","mouseOverData","setMouseOverData","colorScale","scaleOrdinal","domain","range","scaleThreshold","useEffect","current","controls","autoRotateSpeed","selectedPolygon","find","d","properties","lng","lat","getCentroidCoordinates","pointOfView","altitude","canvas","renderer","domElement","handleMouseMove","e","clientX","clientY","addEventListener","removeEventListener","materials","MeshBasicMaterial","setupCustomLighting","useCallback","scene","lightsAndObjToRemove","traverse","obj","Light","push","children","forEach","parent","remove","map","i","add","fog","Fog","handleGlobeReady","jsxs","jsx","Globe","polygon","includes","id","val","el","clickedData","isEqual","hoverData","setTimeout","polygons","line","renderOrder","cn","colorLegend","Fragment","X","P","display","WebkitLineClamp","WebkitBoxOrient","backgroundColor","length","fill","stroke","textAnchor","numberFormattingFunction","Tooltip","Modal","__html","string2HTML","ThreeDGlobe","$","_c","mapData","t0","graphTitle","sources","graphDescription","footNote","t1","scaleType","t2","padding","t3","t4","t5","relativeHeight","graphID","t6","dataDownload","t7","language","t8","minHeight","t9","theme","t10","ariaLabel","t11","t12","centerPoint","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","Colors","graphNoData","grays","t25","t26","t27","t28","mapShape","setMapShape","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","t29","t30","Symbol","for","resizeObserver","ResizeObserver","entries","clientWidth","clientHeight","observe","disconnect","t31","shape","onUpdateShape","useEffectEvent","t32","fetchAndParseJSON","then","features","_temp","t33","t34","getUniqValue","getJenks","_temp2","t35","graphContainer","t36","t37","description","title","GraphHeader","_temp3","filter","_temp4","_temp5","_temp6","_temp7","t38","GraphArea","sequentialColors","max","Spinner","t39","footnote","source","GraphFooter","t40","GraphContainer","d_3","d_2","d_1","d_5","d_4","d_0","geometry","reversed","coordinates","reverse","coord","c","reversed_0","geometry_0"],"mappings":"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"}

package/dist/{XAxesLabels-D5X8jngD.cjs → XAxesLabels-C1XSXoWG.cjs}

@@ -1,2 +1,2 @@
-"use strict";const p=require("./index-CHPV5EwG-CTPQjnHt.cjs"),q=require("./proxy-BxvUI_9l.cjs");function C(A){const t=p.compilerRuntimeExports.c(38),{value:g,y:e,x:i,style:h,className:j,width:w,height:E,alignment:V,animate:n,isInView:N}=A,b=V===void 0?"top":V;let l;t[0]!==i||t[1]!==e?(l={x:i,y:e},t[0]=i,t[1]=e,t[2]=l):l=t[2];let s;t[3]!==n.duration?(s={duration:n.duration},t[3]=n.duration,t[4]=s):s=t[4];let r;t[5]!==s||t[6]!==i||t[7]!==e?(r={x:i,y:e,transition:s},t[5]=s,t[6]=i,t[7]=e,t[8]=r):r=t[8];let a;t[9]!==l||t[10]!==r?(a={initial:l,whileInView:r},t[9]=l,t[10]=r,t[11]=a):a=t[11];const R=N?"whileInView":"initial";let o;t[12]!==n.duration?(o={opacity:0,transition:{duration:n.duration}},t[12]=n.duration,t[13]=o):o=t[13];const v=`flex flex-col items-center h-full ${b==="top"?"justify-start":"justify-end"}`,I=b==="top"?"flex-start":"flex-end";let x;t[14]!==I?(x={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:I,height:"100%"},t[14]=I,t[15]=x):x=t[15];let c;t[16]!==j?(c=p.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none",j),t[16]=j,t[17]=c):c=t[17];let f;t[18]!==h?(f={textAlign:"center",padding:"0 6px",...h},t[18]=h,t[19]=f):f=t[19];let u;t[20]!==c||t[21]!==f||t[22]!==g?(u=p.jsxRuntimeExports.jsx("p",{className:c,style:f,children:g}),t[20]=c,t[21]=f,t[22]=g,t[23]=u):u=t[23];let d;t[24]!==u||t[25]!==v||t[26]!==x?(d=p.jsxRuntimeExports.jsx("div",{className:v,style:x,children:u}),t[24]=u,t[25]=v,t[26]=x,t[27]=d):d=t[27];let m;t[28]!==E||t[29]!==d||t[30]!==w?(m=p.jsxRuntimeExports.jsx("foreignObject",{width:w,height:E,y:0,x:0,children:d}),t[28]=E,t[29]=d,t[30]=w,t[31]=m):m=t[31];let y;return t[32]!==m||t[33]!==a||t[34]!==R||t[35]!==o||t[36]!==e?(y=p.jsxRuntimeExports.jsx(q.motion.g,{variants:a,initial:"initial",animate:R,exit:o,children:m},e),t[32]=m,t[33]=a,t[34]=R,t[35]=o,t[36]=e,t[37]=y):y=t[37],y}exports.XAxesLabels=C;
-//# sourceMappingURL=XAxesLabels-D5X8jngD.cjs.map
+"use strict";const p=require("./index-CHPV5EwG-CTPQjnHt.cjs"),q=require("./proxy-BxvUI_9l.cjs");function C(A){const t=p.compilerRuntimeExports.c(38),{value:g,y:e,x:i,style:h,className:j,width:w,height:E,alignment:V,animate:n,isInView:N}=A,b=V===void 0?"top":V;let l;t[0]!==i||t[1]!==e?(l={x:i,y:e},t[0]=i,t[1]=e,t[2]=l):l=t[2];let s;t[3]!==n.duration?(s={duration:n.duration},t[3]=n.duration,t[4]=s):s=t[4];let r;t[5]!==s||t[6]!==i||t[7]!==e?(r={x:i,y:e,transition:s},t[5]=s,t[6]=i,t[7]=e,t[8]=r):r=t[8];let a;t[9]!==l||t[10]!==r?(a={initial:l,whileInView:r},t[9]=l,t[10]=r,t[11]=a):a=t[11];const R=N?"whileInView":"initial";let o;t[12]!==n.duration?(o={opacity:0,transition:{duration:n.duration}},t[12]=n.duration,t[13]=o):o=t[13];const v=`flex flex-col items-center h-full ${b==="top"?"justify-start":"justify-end"}`,I=b==="top"?"flex-start":"flex-end";let x;t[14]!==I?(x={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:I,height:"100%"},t[14]=I,t[15]=x):x=t[15];let c;t[16]!==j?(c=p.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none",j),t[16]=j,t[17]=c):c=t[17];let f;t[18]!==h?(f={textAlign:"center",padding:"0 6px",fontSize:"12px",lineHeight:1,...h},t[18]=h,t[19]=f):f=t[19];let u;t[20]!==c||t[21]!==f||t[22]!==g?(u=p.jsxRuntimeExports.jsx("p",{className:c,style:f,children:g}),t[20]=c,t[21]=f,t[22]=g,t[23]=u):u=t[23];let d;t[24]!==u||t[25]!==v||t[26]!==x?(d=p.jsxRuntimeExports.jsx("div",{className:v,style:x,children:u}),t[24]=u,t[25]=v,t[26]=x,t[27]=d):d=t[27];let m;t[28]!==E||t[29]!==d||t[30]!==w?(m=p.jsxRuntimeExports.jsx("foreignObject",{width:w,height:E,y:0,x:0,children:d}),t[28]=E,t[29]=d,t[30]=w,t[31]=m):m=t[31];let y;return t[32]!==m||t[33]!==a||t[34]!==R||t[35]!==o||t[36]!==e?(y=p.jsxRuntimeExports.jsx(q.motion.g,{variants:a,initial:"initial",animate:R,exit:o,children:m},e),t[32]=m,t[33]=a,t[34]=R,t[35]=o,t[36]=e,t[37]=y):y=t[37],y}exports.XAxesLabels=C;
+//# sourceMappingURL=XAxesLabels-C1XSXoWG.cjs.map

package/dist/XAxesLabels-C1XSXoWG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxesLabels-C1XSXoWG.cjs","sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'top' | 'bottom';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function XAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'top',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.g\r\n      key={y}\r\n      variants={{\r\n        initial: {\r\n          x,\r\n          y,\r\n        },\r\n        whileInView: {\r\n          x,\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <foreignObject width={width} height={height} y={0} x={0}>\r\n        <div\r\n          className={`flex flex-col items-center h-full ${\r\n            alignment === 'top' ? 'justify-start' : 'justify-end'\r\n          }`}\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            alignItems: 'center',\r\n            justifyContent: alignment === 'top' ? 'flex-start' : 'flex-end',\r\n            height: '100%',\r\n          }}\r\n        >\r\n          <p\r\n            className={cn(\r\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\r\n              className,\r\n            )}\r\n            style={{\r\n              textAlign: 'center',\r\n              padding: '0 6px',\r\n              fontSize: '12px',\r\n              lineHeight: 1,\r\n              ...style,\r\n            }}\r\n          >\r\n            {value}\r\n          </p>\r\n        </div>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n"],"names":["XAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","t8","t9","display","flexDirection","alignItems","justifyContent","t10","cn","t11","textAlign","padding","fontSize","lineHeight","t12","t13","t14","jsx","t15","motion"],"mappings":"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"}

package/dist/{XAxesLabels-DNO0KmjL.js → XAxesLabels-Dmbk50u4.js}

@@ -1,6 +1,6 @@
 import { c as X, m as $, j as y } from "./index-CHPV5EwG-Curnpaqc.js";
 import { m as k } from "./proxy-BxkFHwUw.js";
-function L(E) {
+function D(E) {
   const t = X.c(38), {
     value: g,
     y: e,
@@ -28,19 +28,19 @@ function L(E) {
     y: e,
     transition: s
   }, t[5] = s, t[6] = i, t[7] = e, t[8] = a) : a = t[8];
-  let r;
-  t[9] !== n || t[10] !== a ? (r = {
+  let o;
+  t[9] !== n || t[10] !== a ? (o = {
     initial: n,
     whileInView: a
-  }, t[9] = n, t[10] = a, t[11] = r) : r = t[11];
+  }, t[9] = n, t[10] = a, t[11] = o) : o = t[11];
   const I = R ? "whileInView" : "initial";
-  let o;
-  t[12] !== l.duration ? (o = {
+  let r;
+  t[12] !== l.duration ? (r = {
     opacity: 0,
     transition: {
       duration: l.duration
     }
-  }, t[12] = l.duration, t[13] = o) : o = t[13];
+  }, t[12] = l.duration, t[13] = r) : r = t[13];
   const N = `flex flex-col items-center h-full ${A === "top" ? "justify-start" : "justify-end"}`, V = A === "top" ? "flex-start" : "flex-end";
   let f;
   t[14] !== V ? (f = {
@@ -52,22 +52,24 @@ function L(E) {
   }, t[14] = V, t[15] = f) : f = t[15];
   let c;
   t[16] !== j ? (c = $("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none", j), t[16] = j, t[17] = c) : c = t[17];
-  let m;
-  t[18] !== h ? (m = {
+  let x;
+  t[18] !== h ? (x = {
     textAlign: "center",
     padding: "0 6px",
+    fontSize: "12px",
+    lineHeight: 1,
     ...h
-  }, t[18] = h, t[19] = m) : m = t[19];
-  let x;
-  t[20] !== c || t[21] !== m || t[22] !== g ? (x = /* @__PURE__ */ y.jsx("p", { className: c, style: m, children: g }), t[20] = c, t[21] = m, t[22] = g, t[23] = x) : x = t[23];
+  }, t[18] = h, t[19] = x) : x = t[19];
+  let m;
+  t[20] !== c || t[21] !== x || t[22] !== g ? (m = /* @__PURE__ */ y.jsx("p", { className: c, style: x, children: g }), t[20] = c, t[21] = x, t[22] = g, t[23] = m) : m = t[23];
   let d;
-  t[24] !== x || t[25] !== N || t[26] !== f ? (d = /* @__PURE__ */ y.jsx("div", { className: N, style: f, children: x }), t[24] = x, t[25] = N, t[26] = f, t[27] = d) : d = t[27];
+  t[24] !== m || t[25] !== N || t[26] !== f ? (d = /* @__PURE__ */ y.jsx("div", { className: N, style: f, children: m }), t[24] = m, t[25] = N, t[26] = f, t[27] = d) : d = t[27];
   let p;
   t[28] !== v || t[29] !== d || t[30] !== w ? (p = /* @__PURE__ */ y.jsx("foreignObject", { width: w, height: v, y: 0, x: 0, children: d }), t[28] = v, t[29] = d, t[30] = w, t[31] = p) : p = t[31];
   let u;
-  return t[32] !== p || t[33] !== r || t[34] !== I || t[35] !== o || t[36] !== e ? (u = /* @__PURE__ */ y.jsx(k.g, { variants: r, initial: "initial", animate: I, exit: o, children: p }, e), t[32] = p, t[33] = r, t[34] = I, t[35] = o, t[36] = e, t[37] = u) : u = t[37], u;
+  return t[32] !== p || t[33] !== o || t[34] !== I || t[35] !== r || t[36] !== e ? (u = /* @__PURE__ */ y.jsx(k.g, { variants: o, initial: "initial", animate: I, exit: r, children: p }, e), t[32] = p, t[33] = o, t[34] = I, t[35] = r, t[36] = e, t[37] = u) : u = t[37], u;
 }
 export {
-  L as X
+  D as X
 };
-//# sourceMappingURL=XAxesLabels-DNO0KmjL.js.map
+//# sourceMappingURL=XAxesLabels-Dmbk50u4.js.map

package/dist/XAxesLabels-Dmbk50u4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxesLabels-Dmbk50u4.js","sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'top' | 'bottom';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function XAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'top',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.g\r\n      key={y}\r\n      variants={{\r\n        initial: {\r\n          x,\r\n          y,\r\n        },\r\n        whileInView: {\r\n          x,\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <foreignObject width={width} height={height} y={0} x={0}>\r\n        <div\r\n          className={`flex flex-col items-center h-full ${\r\n            alignment === 'top' ? 'justify-start' : 'justify-end'\r\n          }`}\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            alignItems: 'center',\r\n            justifyContent: alignment === 'top' ? 'flex-start' : 'flex-end',\r\n            height: '100%',\r\n          }}\r\n        >\r\n          <p\r\n            className={cn(\r\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\r\n              className,\r\n            )}\r\n            style={{\r\n              textAlign: 'center',\r\n              padding: '0 6px',\r\n              fontSize: '12px',\r\n              lineHeight: 1,\r\n              ...style,\r\n            }}\r\n          >\r\n            {value}\r\n          </p>\r\n        </div>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n"],"names":["XAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","t8","t9","display","flexDirection","alignItems","justifyContent","t10","cn","t11","textAlign","padding","fontSize","lineHeight","t12","t13","t14","jsx","t15","motion"],"mappings":"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"}

package/dist/YAxesLabels-1XTb-D0_.js

@@ -0,0 +1,72 @@
+import { c as E, m as R, j as h } from "./index-CHPV5EwG-Curnpaqc.js";
+import { m as S } from "./proxy-BxkFHwUw.js";
+function $(V) {
+  const e = E.c(35), {
+    value: y,
+    y: i,
+    x: t,
+    style: g,
+    className: j,
+    width: w,
+    height: v,
+    alignment: N,
+    animate: l,
+    isInView: A
+  } = V, d = N === void 0 ? "right" : N;
+  let n;
+  e[0] !== t || e[1] !== i ? (n = {
+    y: i,
+    x: t
+  }, e[0] = t, e[1] = i, e[2] = n) : n = e[2];
+  let s;
+  e[3] !== l.duration ? (s = {
+    duration: l.duration
+  }, e[3] = l.duration, e[4] = s) : s = e[4];
+  let a;
+  e[5] !== s || e[6] !== t || e[7] !== i ? (a = {
+    y: i,
+    x: t,
+    transition: s
+  }, e[5] = s, e[6] = t, e[7] = i, e[8] = a) : a = e[8];
+  let o;
+  e[9] !== n || e[10] !== a ? (o = {
+    initial: n,
+    whileInView: a
+  }, e[9] = n, e[10] = a, e[11] = o) : o = e[11];
+  const b = A ? "whileInView" : "initial";
+  let r;
+  e[12] !== l.duration ? (r = {
+    opacity: 0,
+    transition: {
+      duration: l.duration
+    }
+  }, e[12] = l.duration, e[13] = r) : r = e[13];
+  let u;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    height: "100%"
+  }, e[14] = u) : u = e[14];
+  const I = `text-${d}`;
+  let c;
+  e[15] !== j || e[16] !== I ? (c = R("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none", I, j), e[15] = j, e[16] = I, e[17] = c) : c = e[17];
+  let f;
+  e[18] !== d || e[19] !== g ? (f = {
+    textAlign: d,
+    padding: "6px 0",
+    fontSize: "12px",
+    lineHeight: 1,
+    ...g
+  }, e[18] = d, e[19] = g, e[20] = f) : f = e[20];
+  let m;
+  e[21] !== f || e[22] !== c || e[23] !== y ? (m = /* @__PURE__ */ h.jsx("div", { className: "flex flex-col justify-center h-full", style: u, children: /* @__PURE__ */ h.jsx("p", { className: c, style: f, children: y }) }), e[21] = f, e[22] = c, e[23] = y, e[24] = m) : m = e[24];
+  let x;
+  e[25] !== v || e[26] !== m || e[27] !== w ? (x = /* @__PURE__ */ h.jsx("foreignObject", { y: 0, x: 0, width: w, height: v, children: m }), e[25] = v, e[26] = m, e[27] = w, e[28] = x) : x = e[28];
+  let p;
+  return e[29] !== x || e[30] !== o || e[31] !== b || e[32] !== r || e[33] !== t ? (p = /* @__PURE__ */ h.jsx(S.g, { variants: o, initial: "initial", animate: b, exit: r, children: x }, t), e[29] = x, e[30] = o, e[31] = b, e[32] = r, e[33] = t, e[34] = p) : p = e[34], p;
+}
+export {
+  $ as Y
+};
+//# sourceMappingURL=YAxesLabels-1XTb-D0_.js.map

package/dist/YAxesLabels-1XTb-D0_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxesLabels-1XTb-D0_.js","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.g\r\n      key={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n          x,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          x,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <foreignObject y={0} x={0} width={width} height={height}>\r\n        <div\r\n          className='flex flex-col justify-center h-full'\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            justifyContent: 'center',\r\n            height: '100%',\r\n          }}\r\n        >\r\n          <p\r\n            className={cn(\r\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n              `text-${alignment}`,\r\n              className,\r\n            )}\r\n            style={{\r\n              textAlign: alignment,\r\n              padding: '6px 0',\r\n              fontSize: '12px',\r\n              lineHeight: 1,\r\n              ...style,\r\n            }}\r\n          >\r\n            {value}\r\n          </p>\r\n        </div>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","Symbol","for","display","flexDirection","justifyContent","t8","t9","cn","t10","textAlign","padding","fontSize","lineHeight","t11","jsx","t12","t13","motion"],"mappings":"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"}

package/dist/YAxesLabels-pjdsVwIM.cjs

@@ -0,0 +1,2 @@
+"use strict";const m=require("./index-CHPV5EwG-CTPQjnHt.cjs"),I=require("./proxy-BxvUI_9l.cjs");function N(V){const e=m.compilerRuntimeExports.c(35),{value:h,y:i,x:t,style:g,className:j,width:w,height:E,alignment:v,animate:n,isInView:A}=V,d=v===void 0?"right":v;let l;e[0]!==t||e[1]!==i?(l={y:i,x:t},e[0]=t,e[1]=i,e[2]=l):l=e[2];let s;e[3]!==n.duration?(s={duration:n.duration},e[3]=n.duration,e[4]=s):s=e[4];let r;e[5]!==s||e[6]!==t||e[7]!==i?(r={y:i,x:t,transition:s},e[5]=s,e[6]=t,e[7]=i,e[8]=r):r=e[8];let a;e[9]!==l||e[10]!==r?(a={initial:l,whileInView:r},e[9]=l,e[10]=r,e[11]=a):a=e[11];const R=A?"whileInView":"initial";let o;e[12]!==n.duration?(o={opacity:0,transition:{duration:n.duration}},e[12]=n.duration,e[13]=o):o=e[13];let p;e[14]===Symbol.for("react.memo_cache_sentinel")?(p={display:"flex",flexDirection:"column",justifyContent:"center",height:"100%"},e[14]=p):p=e[14];const b=`text-${d}`;let x;e[15]!==j||e[16]!==b?(x=m.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none",b,j),e[15]=j,e[16]=b,e[17]=x):x=e[17];let c;e[18]!==d||e[19]!==g?(c={textAlign:d,padding:"6px 0",fontSize:"12px",lineHeight:1,...g},e[18]=d,e[19]=g,e[20]=c):c=e[20];let f;e[21]!==c||e[22]!==x||e[23]!==h?(f=m.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center h-full",style:p,children:m.jsxRuntimeExports.jsx("p",{className:x,style:c,children:h})}),e[21]=c,e[22]=x,e[23]=h,e[24]=f):f=e[24];let u;e[25]!==E||e[26]!==f||e[27]!==w?(u=m.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:w,height:E,children:f}),e[25]=E,e[26]=f,e[27]=w,e[28]=u):u=e[28];let y;return e[29]!==u||e[30]!==a||e[31]!==R||e[32]!==o||e[33]!==t?(y=m.jsxRuntimeExports.jsx(I.motion.g,{variants:a,initial:"initial",animate:R,exit:o,children:u},t),e[29]=u,e[30]=a,e[31]=R,e[32]=o,e[33]=t,e[34]=y):y=e[34],y}exports.YAxesLabels=N;
+//# sourceMappingURL=YAxesLabels-pjdsVwIM.cjs.map

package/dist/YAxesLabels-pjdsVwIM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxesLabels-pjdsVwIM.cjs","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.g\r\n      key={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n          x,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          x,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <foreignObject y={0} x={0} width={width} height={height}>\r\n        <div\r\n          className='flex flex-col justify-center h-full'\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            justifyContent: 'center',\r\n            height: '100%',\r\n          }}\r\n        >\r\n          <p\r\n            className={cn(\r\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n              `text-${alignment}`,\r\n              className,\r\n            )}\r\n            style={{\r\n              textAlign: alignment,\r\n              padding: '6px 0',\r\n              fontSize: '12px',\r\n              lineHeight: 1,\r\n              ...style,\r\n            }}\r\n          >\r\n            {value}\r\n          </p>\r\n        </div>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","Symbol","for","display","flexDirection","justifyContent","t8","t9","cn","t10","textAlign","padding","fontSize","lineHeight","t11","jsx","t12","t13","motion"],"mappings":"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"}

package/dist/getNoOfTicks-C_1CFXv_.cjs

@@ -0,0 +1,2 @@
+"use strict";function t(r){return r<360?2:r<520?5:10}exports.getNoOfTicks=t;
+//# sourceMappingURL=getNoOfTicks-C_1CFXv_.cjs.map

package/dist/getNoOfTicks-C_1CFXv_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNoOfTicks-C_1CFXv_.cjs","sources":["../src/Utils/getNoOfTicks.ts"],"sourcesContent":["export function getNoOfTicks(width: number) {\r\n  if (width < 360) return 2;\r\n  if (width < 520) return 5;\r\n  return 10;\r\n}\r\n"],"names":["getNoOfTicks","width"],"mappings":"aAAO,SAASA,EAAaC,EAAe,CAC1C,OAAIA,EAAQ,IAAY,EACpBA,EAAQ,IAAY,EACjB,EACT"}

package/dist/getNoOfTicks-CpmRjcRF.js

@@ -0,0 +1,7 @@
+function e(r) {
+  return r < 360 ? 2 : r < 520 ? 5 : 10;
+}
+export {
+  e as g
+};
+//# sourceMappingURL=getNoOfTicks-CpmRjcRF.js.map

package/dist/getNoOfTicks-CpmRjcRF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNoOfTicks-CpmRjcRF.js","sources":["../src/Utils/getNoOfTicks.ts"],"sourcesContent":["export function getNoOfTicks(width: number) {\r\n  if (width < 360) return 2;\r\n  if (width < 520) return 5;\r\n  return 10;\r\n}\r\n"],"names":["getNoOfTicks","width"],"mappings":"AAAO,SAASA,EAAaC,GAAe;AAC1C,SAAIA,IAAQ,MAAY,IACpBA,IAAQ,MAAY,IACjB;AACT;"}

package/dist/index-C6LorfZ-.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("./index-CHPV5EwG-CTPQjnHt.cjs"),y=require("react"),He=require("./index-Cno4Q0YE.cjs"),Le=require("./Modal-JW_IExO3.cjs"),Be=require("./Spinner-DRMBUsX7.cjs"),Pe=require("./Tooltip-4dJo4_AF.cjs"),Ge=require("./numberFormattingFunction-02t-wJta.cjs"),ze=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ke=require("./Colors.cjs"),qe=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Te=require("./string2HTML-CPGr_I5E.cjs"),Fe=require("./pow-DgrUorRi.cjs"),we=require("./y-QcCbqrzx.cjs"),We=require("./GraphFooter.cjs"),Ie=require("./GraphHeader.cjs"),Ae=require("./ColorLegendWithMouseOver.cjs"),Xe=require("./EmptyState-sAEZ_5rU.cjs"),Ne=require("./uniqBy-O05lp2S5.cjs"),Ve=require("./GraphContainer-d8A46BK2.cjs");function Se(t,e){let o,r;if(e===void 0)for(const l of t)l!=null&&(o===void 0?l>=l&&(o=r=l):(o>l&&(o=l),r<l&&(r=l)));else{let l=-1;for(let d of t)(d=e(d,++l,t))!=null&&(o===void 0?d>=d&&(o=r=d):(o>d&&(o=d),r<d&&(r=d)))}return[o,r]}const Ye=t=>{const e=n.compilerRuntimeExports.c(104),{data:o,colors:r,leftMargin:l,width:d,height:R,colorDomain:D,selectedColor:k,rightMargin:x,topMargin:te,bottomMargin:xe,showLabels:p,tooltip:F,onSeriesMouseOver:q,showValues:$,suffix:W,prefix:oe,highlightedDataPoints:ve,onSeriesMouseClick:ie,maxRadiusValue:H,radius:c,resetSelectionOnDoubleClick:je,detailsOnClick:C,styles:z,classNames:M,dimmedOpacity:I,precision:L}=t,Oe=y.useRef(null),[be,Ce]=y.useState(void 0),[w,A]=y.useState(void 0),[S,De]=y.useState(void 0),[ne,se]=y.useState(void 0),[re,ye]=y.useState(void 0),[le,m]=y.useState(null);let a;e[0]!==xe||e[1]!==l||e[2]!==x||e[3]!==te?(a={top:te,bottom:xe,left:l,right:x},e[0]=xe,e[1]=l,e[2]=x,e[3]=te,e[4]=a):a=e[4];const X=a,Y=d-X.left-X.right,B=R-X.top-X.bottom;let ce;e[5]!==o?(ce=o.filter(Ue).length===0?o:He.orderBy(o.filter(Je),"radius","asc"),e[5]=o,e[6]=ce):ce=e[6];const P=ce;let ae;e[7]!==o||e[8]!==H||e[9]!==c?(ae=o.filter(Ke).length!==o.length?Fe.sqrt().domain([0,qe.checkIfNullOrUndefined(H)?Math.max(...o.map(Qe).filter(Ze)):H]).range([.25,c]).nice():void 0,e[7]=o,e[8]=H,e[9]=c,e[10]=ae):ae=e[10];const s=ae;let ue;e[11]!==P||e[12]!==B||e[13]!==Y||e[14]!==c||e[15]!==s?(ue=()=>{(()=>{const u=P.map(_e);we.forceSimulation(u).force("y",we.forceY(v=>B/2).strength(1)).force("x",we.forceX(v=>Y/2).strength(1)).force("collide",we.forceCollide(v=>s?s(v.size||0)+1:c+1)).force("charge",we.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{m(u)}).on("end",()=>{m(u);const v=Se(u,f=>f.x-(s?s(f.size||0)+1:c+1))[0]||0,g=Se(u,f=>f.y-(s?s(f.size||0)+1:c+1))[0]||0,N=Se(u,f=>f.x+(s?s(f.size||0)+1:c+1))[1]||0,O=Se(u,f=>f.y+(s?s(f.size||0)+1:c+1))[1]||0;De([v,g,v<0?N-v:N,g<0?O-g:O])})})()},e[11]=P,e[12]=B,e[13]=Y,e[14]=c,e[15]=s,e[16]=ue):ue=e[16];let fe;e[17]!==o||e[18]!==P||e[19]!==B||e[20]!==Y||e[21]!==H||e[22]!==c||e[23]!==s?(fe=[o,c,B,Y,H,P,s],e[17]=o,e[18]=P,e[19]=B,e[20]=Y,e[21]=H,e[22]=c,e[23]=s,e[24]=fe):fe=e[24],y.useEffect(ue,fe);let de;e[25]!==q?(de=(i,u)=>{Ce(u),ye(i.clientY),se(i.clientX),q?.(u)},e[25]=q,e[26]=de):de=e[26];const U=de;let J;e[27]===Symbol.for("react.memo_cache_sentinel")?(J=(i,u)=>{Ce(u),ye(i.clientY),se(i.clientX)},e[27]=J):J=e[27];const Re=J;let K;e[28]!==C||e[29]!==w||e[30]!==ie||e[31]!==je?(K=i=>{(ie||C)&&(w===i.label&&je?(A(void 0),ie?.(void 0)):(A(i.label),ie?.(i)))},e[28]=C,e[29]=w,e[30]=ie,e[31]=je,e[32]=K):K=e[32];const G=K;let he;e[33]!==q?(he=()=>{Ce(void 0),se(void 0),ye(void 0),q?.(void 0)},e[33]=q,e[34]=he):he=e[34];const Q=he;let E;e[35]!==D||e[36]!==r||e[37]!==o?(E=i=>o.filter(et).length===0?r[0]:i.color?r[D.indexOf(i.color)]:ke.Colors.gray,e[35]=D,e[36]=r,e[37]=o,e[38]=E):E=e[38];const Z=E;let pe;e[39]!==D||e[40]!==r||e[41]!==I||e[42]!==ve||e[43]!==k?(pe=i=>k?i.color&&r[D.indexOf(i.color)]===k?1:I:ve.length!==0?ve.indexOf(i.label)!==-1?.85:I:.85,e[39]=D,e[40]=r,e[41]=I,e[42]=ve,e[43]=k,e[44]=pe):pe=e[44];const _=pe;if(!le){const i=`${d}px`,u=`${R}px`;let b;e[45]!==i||e[46]!==u?(b={width:i,height:u},e[45]=i,e[46]=u,e[47]=b):b=e[47];let v;e[48]===Symbol.for("react.memo_cache_sentinel")?(v=n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(Be.w,{})}),e[48]=v):v=e[48];let g;return e[49]!==b?(g=n.jsxRuntimeExports.jsx("div",{style:b,children:v}),e[49]=b,e[50]=g):g=e[50],g}if(S){const i=`${d}px`,u=`${R}px`,b=`${S[0]>0?0:S[0]} ${S[1]>0?0:S[1]} ${d<S[2]?S[2]:d} ${R<S[3]?S[3]:R}`,v=`translate(${X.left},${X.top})`;let g;if(e[51]!==M?.graphObjectValues||e[52]!==le||e[53]!==Z||e[54]!==_||e[55]!==G||e[56]!==U||e[57]!==Q||e[58]!==L||e[59]!==oe||e[60]!==c||e[61]!==s||e[62]!==p||e[63]!==$||e[64]!==z?.graphObjectValues||e[65]!==W){let me;e[67]!==M?.graphObjectValues||e[68]!==Z||e[69]!==_||e[70]!==G||e[71]!==U||e[72]!==Q||e[73]!==L||e[74]!==oe||e[75]!==c||e[76]!==s||e[77]!==p||e[78]!==$||e[79]!==z?.graphObjectValues||e[80]!==W?(me=j=>{const T=Z(j),ge=_(j),h=s?s(j.size||0):c,Me=h>20&&(p||$);return n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",opacity:ge,transform:`translate(${j.x},${j.y})`,onMouseEnter:Ee=>U(Ee,j),onMouseMove:Ee=>Re(Ee,j),onClick:()=>G(j),onMouseLeave:Q,children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:h,fill:T}),(Me||$)&&j.size!==void 0&&j.size!==null&&h>=15&&n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-h,x:0-h,width:2*h,height:2*h,children:n.jsxRuntimeExports.jsxs("div",{className:"flex flex-col justify-center items-center h-full py-0 px-3",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"100%",padding:"0 0.75rem"},children:[p&&n.jsxRuntimeExports.jsx("p",{className:n.mo("text-center leading-[1.25] overflow-hidden m-0 circle-packing-label",M?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round(h/4),12),Math.max(Math.round(h*12/`${j.label}`.length),12),14)}px`,textAlign:"center",margin:0,lineHeight:1.25,WebkitLineClamp:h*2<60?1:h*2<75?2:h*2<100?3:void 0,display:"-webkit-box",WebkitBoxOrient:"vertical",color:ze.getTextColorBasedOnBgColor(T),hyphens:"auto",...z?.graphObjectValues||{}},children:j.label}),$&&n.jsxRuntimeExports.jsx("p",{className:"text-center font-bold leading-[1.25] w-full m-0 circle-packing-value",style:{fontSize:`${Math.min(Math.max(Math.round(h/4),14),14)}px`,textAlign:"center",margin:0,lineHeight:1.25,width:"100%",fontWeight:"bold",color:ze.getTextColorBasedOnBgColor(T)},children:Ge.numberFormattingFunction(j.size,"NA",L,oe,W)})]})})})]},j.label)},e[67]=M?.graphObjectValues,e[68]=Z,e[69]=_,e[70]=G,e[71]=U,e[72]=Q,e[73]=L,e[74]=oe,e[75]=c,e[76]=s,e[77]=p,e[78]=$,e[79]=z?.graphObjectValues,e[80]=W,e[81]=me):me=e[81],g=le.map(me),e[51]=M?.graphObjectValues,e[52]=le,e[53]=Z,e[54]=_,e[55]=G,e[56]=U,e[57]=Q,e[58]=L,e[59]=oe,e[60]=c,e[61]=s,e[62]=p,e[63]=$,e[64]=z?.graphObjectValues,e[65]=W,e[66]=g}else g=e[66];let N;e[82]!==v||e[83]!==g?(N=n.jsxRuntimeExports.jsx("g",{transform:v,children:g}),e[82]=v,e[83]=g,e[84]=N):N=e[84];let O;e[85]!==i||e[86]!==u||e[87]!==b||e[88]!==N?(O=n.jsxRuntimeExports.jsx("svg",{width:i,height:u,viewBox:b,direction:"ltr",ref:Oe,children:N}),e[85]=i,e[86]=u,e[87]=b,e[88]=N,e[89]=O):O=e[89];let f;e[90]!==M?.tooltip||e[91]!==ne||e[92]!==re||e[93]!==be||e[94]!==z?.tooltip||e[95]!==F?(f=be&&F&&ne&&re&&n.jsxRuntimeExports.jsx(Pe.Tooltip,{data:be,body:F,xPos:ne,yPos:re,backgroundStyle:z?.tooltip,className:M?.tooltip}),e[90]=M?.tooltip,e[91]=ne,e[92]=re,e[93]=be,e[94]=z?.tooltip,e[95]=F,e[96]=f):f=e[96];let V;e[97]!==C||e[98]!==w?(V=C&&w!==void 0?n.jsxRuntimeExports.jsx(Le.le,{open:w!==void 0,onClose:()=>{A(void 0)},children:n.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof C=="string"?{__html:Te.string2HTML(C,w)}:void 0,children:typeof C=="function"?C(w):null})}):null,e[97]=C,e[98]=w,e[99]=V):V=e[99];let ee;return e[100]!==O||e[101]!==f||e[102]!==V?(ee=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[O,f,V]}),e[100]=O,e[101]=f,e[102]=V,e[103]=ee):ee=e[103],ee}return null};function Ue(t){return!qe.checkIfNullOrUndefined(t.size)}function Je(t){return!qe.checkIfNullOrUndefined(t.size)}function Ke(t){return t.size===void 0||t.size===null}function Qe(t){return t.size}function Ze(t){return t!=null}function _e(t){return{...t,...t.data&&{data:{...t.data}}}}function et(t){return t.color}function tt(t,e,o){const r=t.filter(x=>x!=null),l=Math.min(e,o)/2,d=r.reduce((x,te)=>x+te,0),R=Math.max(...r),D=x=>x<=5?.9:x<=10?.85:x<=20?.8:.7,k=x=>x<=200?.85:x<=250?.95:1;return l*Math.sqrt(R/d)*k(l)*D(r.length)}function ot(t){const e=n.compilerRuntimeExports.c(71),{data:o,graphTitle:r,colors:l,suffix:d,sources:R,prefix:D,graphDescription:k,leftMargin:x,rightMargin:te,height:xe,width:p,footNote:F,colorDomain:q,colorLegendTitle:$,padding:W,backgroundColor:oe,topMargin:ve,bottomMargin:ie,showLabels:H,relativeHeight:c,tooltip:je,onSeriesMouseOver:C,showColorScale:z,showValues:M,graphID:I,highlightedDataPoints:L,onSeriesMouseClick:Oe,graphDownload:be,dataDownload:Ce,language:w,showNAColor:A,minHeight:S,theme:De,ariaLabel:ne,radius:se,maxRadiusValue:re,resetSelectionOnDoubleClick:ye,detailsOnClick:le,styles:m,classNames:a,dimmedOpacity:X,precision:Y}=t,B=d===void 0?"":d,ce=D===void 0?"":D,P=x===void 0?0:x,ae=te===void 0?0:te,s=oe===void 0?!1:oe,ue=ve===void 0?0:ve,fe=ie===void 0?0:ie,de=H===void 0?!0:H,U=z===void 0?!0:z;let J;e[0]!==L?(J=L===void 0?[]:L,e[0]=L,e[1]=J):J=e[1];const Re=J,K=be===void 0?!1:be,G=Ce===void 0?!1:Ce,he=w===void 0?"en":w,Q=S===void 0?0:S,E=De===void 0?"light":De,Z=ye===void 0?!0:ye,pe=X===void 0?.3:X,_=Y===void 0?2:Y,[i,u]=y.useState(0),[b,v]=y.useState(0),[g,N]=y.useState(void 0),O=y.useRef(null),f=y.useRef(null);let V,ee;e[2]===Symbol.for("react.memo_cache_sentinel")?(V=()=>{const Ee=new ResizeObserver($e=>{u($e[0].target.clientWidth||620),v($e[0].target.clientHeight||480)});return O.current&&Ee.observe(O.current),()=>Ee.disconnect()},ee=[],e[2]=V,e[3]=ee):(V=e[2],ee=e[3]),y.useEffect(V,ee);const me=a?.graphContainer,j=m?.graphContainer;let T;e[4]!==a?.description||e[5]!==a?.title||e[6]!==o||e[7]!==G||e[8]!==k||e[9]!==K||e[10]!==r||e[11]!==m?.description||e[12]!==m?.title||e[13]!==p?(T=r||k||K||G?n.jsxRuntimeExports.jsx(Ie.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:a?.title,description:a?.description},graphTitle:r,graphDescription:k,width:p,graphDownload:K?f:void 0,dataDownload:G?o.map(dt).filter(ft).length>0?o.map(ut).filter(at):o.filter(ct):null}):null,e[4]=a?.description,e[5]=a?.title,e[6]=o,e[7]=G,e[8]=k,e[9]=K,e[10]=r,e[11]=m?.description,e[12]=m?.title,e[13]=p,e[14]=T):T=e[14];let ge;e[15]!==fe||e[16]!==a||e[17]!==q||e[18]!==$||e[19]!==l||e[20]!==o||e[21]!==le||e[22]!==pe||e[23]!==Re||e[24]!==P||e[25]!==re||e[26]!==Oe||e[27]!==C||e[28]!==_||e[29]!==ce||e[30]!==se||e[31]!==Z||e[32]!==ae||e[33]!==g||e[34]!==U||e[35]!==de||e[36]!==A||e[37]!==M||e[38]!==m||e[39]!==B||e[40]!==b||e[41]!==i||e[42]!==E||e[43]!==je||e[44]!==ue||e[45]!==p?(ge=o.length===0?n.jsxRuntimeExports.jsx(Xe.EmptyState,{}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[U&&o.filter(lt).length!==0?n.jsxRuntimeExports.jsx(Ae.ColorLegendWithMouseOver,{width:p,colorLegendTitle:$,colors:l||ke.Colors[E].categoricalColors.colors,colorDomain:q||Ne.uniqBy(o,"color",!0),setSelectedColor:N,showNAColor:A??!0,isCenter:!0,className:a?.colorLegend}):null,n.jsxRuntimeExports.jsx(Ve.GraphArea,{ref:O,children:i&&b?n.jsxRuntimeExports.jsx(Ye,{data:o,colors:o.filter(rt).length===0?l?[l]:[ke.Colors.primaryColors["blue-600"]]:l||ke.Colors[E].categoricalColors.colors,colorDomain:o.filter(st).length===0?[]:q||Ne.uniqBy(o,"color",!0),width:i,height:b,leftMargin:P,rightMargin:ae,topMargin:ue,bottomMargin:fe,showLabels:de,showValues:M!==!1?o.filter(nt).length!==0:M,selectedColor:g,suffix:B,prefix:ce,tooltip:je,onSeriesMouseOver:C,highlightedDataPoints:Re,onSeriesMouseClick:Oe,theme:E,radius:se||tt(o.map(it),i,b),maxRadiusValue:re,resetSelectionOnDoubleClick:Z,detailsOnClick:le,styles:m,classNames:a,dimmedOpacity:pe,precision:_}):null})]}),e[15]=fe,e[16]=a,e[17]=q,e[18]=$,e[19]=l,e[20]=o,e[21]=le,e[22]=pe,e[23]=Re,e[24]=P,e[25]=re,e[26]=Oe,e[27]=C,e[28]=_,e[29]=ce,e[30]=se,e[31]=Z,e[32]=ae,e[33]=g,e[34]=U,e[35]=de,e[36]=A,e[37]=M,e[38]=m,e[39]=B,e[40]=b,e[41]=i,e[42]=E,e[43]=je,e[44]=ue,e[45]=p,e[46]=ge):ge=e[46];let h;e[47]!==a?.footnote||e[48]!==a?.source||e[49]!==F||e[50]!==R||e[51]!==m?.footnote||e[52]!==m?.source||e[53]!==p?(h=R||F?n.jsxRuntimeExports.jsx(We.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:R,footNote:F,width:p}):null,e[47]=a?.footnote,e[48]=a?.source,e[49]=F,e[50]=R,e[51]=m?.footnote,e[52]=m?.source,e[53]=p,e[54]=h):h=e[54];let Me;return e[55]!==ne||e[56]!==s||e[57]!==I||e[58]!==xe||e[59]!==he||e[60]!==Q||e[61]!==W||e[62]!==c||e[63]!==me||e[64]!==j||e[65]!==T||e[66]!==ge||e[67]!==h||e[68]!==E||e[69]!==p?(Me=n.jsxRuntimeExports.jsxs(Ve.GraphContainer,{className:me,style:j,id:I,ref:f,"aria-label":ne,backgroundColor:s,theme:E,language:he,minHeight:Q,width:p,height:xe,relativeHeight:c,padding:W,children:[T,ge,h]}),e[55]=ne,e[56]=s,e[57]=I,e[58]=xe,e[59]=he,e[60]=Q,e[61]=W,e[62]=c,e[63]=me,e[64]=j,e[65]=T,e[66]=ge,e[67]=h,e[68]=E,e[69]=p,e[70]=Me):Me=e[70],Me}function it(t){return t.size}function nt(t){return t.size}function st(t){return t.color}function rt(t){return t.color}function lt(t){return t.color}function ct(t){return t!==void 0}function at(t){return t!==void 0}function ut(t){return t.data}function ft(t){return t!==void 0}function dt(t){return t.data}exports.CirclePackingGraph=ot;exports.extent=Se;
+//# sourceMappingURL=index-C6LorfZ-.cjs.map