@undp/data-viz 2.5.4 → 2.6.0

package/dist/HybridMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"HybridMap.js","sources":["../node_modules/@undp/design-system-react/dist/Separator.js","../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import { j as v } from \"./jsx-runtime-tc70JA_2.js\";\nimport { c as N } from \"./compiler-runtime-BNHg76kC.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DEx84bLj.js\";\nimport { c as O } from \"./utils-D_Pof5Gy.js\";\nvar h = \"Separator\", f = \"horizontal\", E = [\"horizontal\", \"vertical\"], y = R.forwardRef((i, s) => {\n  const { decorative: r, orientation: a = f, ...o } = i, t = P(a) ? a : f, m = r ? { role: \"none\" } : { \"aria-orientation\": t === \"vertical\" ? t : void 0, role: \"separator\" };\n  return /* @__PURE__ */ v.jsx(\n    x.div,\n    {\n      \"data-orientation\": t,\n      ...m,\n      ...o,\n      ref: s\n    }\n  );\n});\ny.displayName = h;\nfunction P(i) {\n  return E.includes(i);\n}\nvar u = y;\nconst T = g.forwardRef((i, s) => {\n  const r = N.c(14);\n  let a, o, t, e;\n  r[0] !== i ? ({\n    className: a,\n    variant: t,\n    orientation: e,\n    ...o\n  } = i, r[0] = i, r[1] = a, r[2] = o, r[3] = t, r[4] = e) : (a = r[1], o = r[2], t = r[3], e = r[4]);\n  const m = t === void 0 ? \"dark\" : t, l = e === void 0 ? \"horizontal\" : e, c = l === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\", d = m === \"dark\" ? \"bg-primary-gray-600 dark:bg-primary-gray-200\" : \"bg-primary-gray-400 dark:bg-primary-gray-550\";\n  let n;\n  r[5] !== a || r[6] !== c || r[7] !== d ? (n = O(c, d, a), r[5] = a, r[6] = c, r[7] = d, r[8] = n) : n = r[8];\n  let p;\n  return r[9] !== l || r[10] !== o || r[11] !== s || r[12] !== n ? (p = /* @__PURE__ */ v.jsx(u, { ...o, ref: s, orientation: l, className: n }), r[9] = l, r[10] = o, r[11] = s, r[12] = n, r[13] = p) : p = r[13], p;\n});\nT.displayName = u.displayName;\nexport {\n  T as Separator\n};\n//# sourceMappingURL=Separator.js.map\n","import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  HybridMapDataType,\r\n  MapProjectionTypes,\r\n  NumberFormatOptions,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\n\r\ninterface Props {\r\n  data: HybridMapDataType[];\r\n  mapData: FeatureCollection;\r\n  colorDomain: (string | number)[];\r\n  width: number;\r\n  height: number;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  colors: string[];\r\n  mapColorLegendTitle?: string;\r\n  categorical: boolean;\r\n  radius: number;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  showLabels: boolean;\r\n  mapBorderColor: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  showColorScale: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  maxRadiusValue: number;\r\n  collapseColorScaleByDefault?: boolean;\r\n  dotColor: string;\r\n  highlightedIds?: string[];\r\n  mapProperty: string;\r\n  dotLegendTitle?: string;\r\n  dotBorderColor?: string;\r\n  labelColor: string;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  graphDownload?: RefObject<HTMLDivElement | null>;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  dataDownload: any;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    mapData,\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    radius,\r\n    height,\r\n    width,\r\n    scale,\r\n    centerPoint,\r\n    tooltip,\r\n    showLabels,\r\n    mapBorderWidth,\r\n    mapBorderColor,\r\n    mapNoDataColor,\r\n    onSeriesMouseOver,\r\n    showColorScale,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    maxRadiusValue,\r\n    categorical,\r\n    dotColor,\r\n    collapseColorScaleByDefault,\r\n    highlightedIds,\r\n    mapProperty,\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n    numberDisplayOptions,\r\n    graphDownload,\r\n    dataDownload,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n\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    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox(formattedMapData);\r\n\r\n  const center = centerOfMass(formattedMapData);\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data\r\n                .filter(d => d.id)\r\n                .map(d => {\r\n                  const index = formattedMapData.features.findIndex(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (el: any) => d.id === el.properties[mapProperty],\r\n                  );\r\n                  if (index === -1) return null;\r\n                  const path = pathGenerator(formattedMapData.features[index]);\r\n                  if (!path) return null;\r\n                  const color = !checkIfNullOrUndefined(d.x)\r\n                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      colorScale(d.x as any)\r\n                    : mapNoDataColor;\r\n                  return (\r\n                    <motion.g\r\n                      key={d.id}\r\n                      className='undp-map-shapes'\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: selectedColor\r\n                            ? selectedColor === color\r\n                              ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : dimmedOpacity\r\n                            : highlightedIds\r\n                              ? highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\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                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                      }}\r\n                      onMouseLeave={() => {\r\n                        setMouseOverData(undefined);\r\n                        setEventX(undefined);\r\n                        setEventY(undefined);\r\n                        onSeriesMouseOver?.(undefined);\r\n                      }}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick || detailsOnClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick?.(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.path\r\n                        key={`${d.id}`}\r\n                        d={path}\r\n                        variants={{\r\n                          initial: { fill: color, opacity: 0 },\r\n                          whileInView: {\r\n                            fill: color,\r\n                            opacity: 1,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{\r\n                          opacity: 0,\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        style={{\r\n                          stroke: mapBorderColor,\r\n                          strokeWidth: mapBorderWidth,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n              {formattedOverlayMapData?.features.map((d, i: number) => {\r\n                const path = pathGenerator(d);\r\n                if (!path) return null;\r\n                return (\r\n                  <g key={i}>\r\n                    <path\r\n                      d={path}\r\n                      style={{\r\n                        stroke: overlayMapBorderColor || mapBorderColor,\r\n                        strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                        fill: 'none',\r\n                        pointerEvents: 'none',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </g>\r\n                );\r\n              })}\r\n              {data\r\n                .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n                .map(d => {\r\n                  const labelPosMultiplier =\r\n                    (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n                    0.8 * width\r\n                      ? -1\r\n                      : 1;\r\n                  return (\r\n                    <motion.g\r\n                      className='undp-map-dots'\r\n                      key={d.label || `${d.lat}-${d.long}`}\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: highlightedDataPoints\r\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\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                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                      }}\r\n                      onMouseLeave={() => {\r\n                        setMouseOverData(undefined);\r\n                        setEventX(undefined);\r\n                        setEventY(undefined);\r\n                        onSeriesMouseOver?.(undefined);\r\n                      }}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick || detailsOnClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick?.(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                      transform={`translate(${\r\n                        (projection([d.long as number, d.lat as number]) as [number, number])[0]\r\n                      },${(projection([d.long as number, d.lat as number]) as [number, number])[1]})`}\r\n                    >\r\n                      <motion.circle\r\n                        cx={0}\r\n                        cy={0}\r\n                        variants={{\r\n                          initial: {\r\n                            r: 0,\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                          },\r\n                          whileInView: {\r\n                            r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          fillOpacity: 0.8,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                      {showLabels && d.label ? (\r\n                        <motion.text\r\n                          variants={{\r\n                            initial: {\r\n                              opacity: 0,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                            },\r\n                            whileInView: {\r\n                              opacity: 1,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\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                          y={0}\r\n                          className={cn('text-sm', classNames?.graphObjectValues)}\r\n                          style={{\r\n                            textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n                            fill: labelColor || '#000',\r\n                            vectorEffect: 'non-scaling-stroke',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dx={labelPosMultiplier * 4}\r\n                          dy={5}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n            </AnimatePresence>\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\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 || colorDomain.length < 2 ? undefined : '340px',\r\n                  }}\r\n                >\r\n                  {dotLegendTitle && dotLegendTitle !== '' ? (\r\n                    <>\r\n                      <div className='flex items-center gap-2'>\r\n                        <div\r\n                          className='w-3 h-3 rounded-full'\r\n                          style={{ backgroundColor: dotColor }}\r\n                        />\r\n                        <P\r\n                          size='xs'\r\n                          marginBottom='none'\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                          {dotLegendTitle}\r\n                        </P>\r\n                      </div>\r\n                      <Spacer size='xl' />\r\n                      <Separator />\r\n                      <Spacer size='xl' />\r\n                    </>\r\n                  ) : null}\r\n                  {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\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                      {mapColorLegendTitle}\r\n                    </P>\r\n                  ) : null}\r\n                  {!categorical && colorDomain.length > 1 ? (\r\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                      <g>\r\n                        {colorDomain.map((d, i) => (\r\n                          <g\r\n                            key={i}\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[i]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            className='cursor-pointer'\r\n                          >\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                              className={\r\n                                selectedColor === colors[i]\r\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  : ''\r\n                              }\r\n                              style={{\r\n                                fill: colors[i],\r\n                                ...(selectedColor === colors[i] ? {} : { 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(\r\n                                d as number,\r\n                                undefined,\r\n                                numberDisplayOptions?.precision ?? 2,\r\n                                undefined,\r\n                                undefined,\r\n                                numberDisplayOptions?.locale || 'en',\r\n                                numberDisplayOptions?.padZeros || false,\r\n                              )}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                        <g>\r\n                          <rect\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[colorDomain.length]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\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                            className={`cursor-pointer ${\r\n                              selectedColor === colors[colorDomain.length]\r\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                : ''\r\n                            }`}\r\n                            style={{\r\n                              fill: colors[colorDomain.length],\r\n                              ...(selectedColor === colors[colorDomain.length]\r\n                                ? {}\r\n                                : { stroke: colors[colorDomain.length] }),\r\n                            }}\r\n                          />\r\n                        </g>\r\n                      </g>\r\n                    </svg>\r\n                  ) : categorical ? (\r\n                    <div className='flex flex-col gap-3'>\r\n                      {colorDomain.map((d, i) => (\r\n                        <div\r\n                          key={i}\r\n                          className='flex gap-2 items-center'\r\n                          onMouseOver={() => {\r\n                            setSelectedColor(colors[i % colors.length]);\r\n                          }}\r\n                          onMouseLeave={() => {\r\n                            setSelectedColor(undefined);\r\n                          }}\r\n                        >\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 className='flex flex-col gap-3'>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[0]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[0] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`<= ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[1]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[1] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`> ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <ExpandIcon />\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n        {(graphDownload || dataDownload) && (\r\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\r\n            {graphDownload && (\r\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\r\n            )}\r\n            {dataDownload && dataDownload.length > 0 && (\r\n              <CsvDownloadButton\r\n                csvData={dataDownload}\r\n                buttonSmall\r\n                headers={Object.keys(dataDownload[0]).map(d => ({\r\n                  label: d,\r\n                  key: d,\r\n                }))}\r\n                className='p-1'\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HybridMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  ZoomInteractionTypes,\r\n  MapProjectionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n  ScaleDataType,\r\n  MapOverlayDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects for dot density map*/\r\n  data: HybridMapDataType[];\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  /** Color or array of colors for the circle */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph for the choropleth map */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the legend for the dot density scale */\r\n  dotLegendTitle?: string;\r\n  /** Title for the color legend for the color scale */\r\n  mapColorLegendTitle?: 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  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  mapData?: FeatureCollection | string;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: MapOverlayDataType;\r\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Color of the dots in the dot density map */\r\n  dotColor?: string;\r\n  /** Border color of the dots in the dot density map */\r\n  dotBorderColor?: string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Scale for the colors of the choropleth map */\r\n  choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\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  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\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\nexport function HybridMap(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.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    mapColorLegendTitle,\r\n    colorDomain,\r\n    choroplethScaleType = 'threshold',\r\n    radius = 5,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    showLabels = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    showColorScale = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    maxRadiusValue,\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    dotColor = Colors.primaryColors['blue-600'],\r\n    highlightedIds,\r\n    mapProperty = 'ISO3',\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor = Colors.primaryColors['blue-600'],\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    numberDisplayOptions,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const domain =\r\n    colorDomain ||\r\n    (choroplethScaleType === '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  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\r\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n    setMapShape(shape);\r\n  });\r\n\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n    setOverlayMapShape(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        onUpdateShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\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 ? (\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        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            dotColor={dotColor}\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(el => el.properties?.NAME !== 'Antarctica'),\r\n                  }\r\n            }\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            colorDomain={domain}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={\r\n              colors ||\r\n              (choroplethScaleType === '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            mapColorLegendTitle={mapColorLegendTitle}\r\n            radius={radius}\r\n            categorical={choroplethScaleType === 'categorical'}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showLabels={showLabels}\r\n            isWorldMap={isWorldMap}\r\n            showColorScale={showColorScale}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            zoomInteraction={zoomInteraction}\r\n            detailsOnClick={detailsOnClick}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            maxRadiusValue={\r\n              !checkIfNullOrUndefined(maxRadiusValue)\r\n                ? (maxRadiusValue as number)\r\n                : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n            }\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            highlightedIds={highlightedIds}\r\n            mapProperty={mapProperty}\r\n            dotLegendTitle={dotLegendTitle}\r\n            dotBorderColor={dotBorderColor}\r\n            labelColor={labelColor}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n            numberDisplayOptions={numberDisplayOptions}\r\n            graphDownload={graphDownload ? graphParentDiv : 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        ) : (\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":["h","f","E","y","R","i","s","r","a","o","t","P","m","v","x","u","T","g","N","e","l","c","d","n","O","p","Graph","props","data","colors","mapData","mapColorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","dataDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","CsvDownloadButton","Object","keys","key","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_4","format","_temp4","sequentialColors","max","_temp5","_temp6","_temp7","_temp8","_temp9","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_9","d_8","d_7","d_11","d_10","d_6","d_5","NAME","d_1","b"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"HybridMap.js","sources":["../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  HybridMapDataType,\r\n  MapProjectionTypes,\r\n  NumberFormatOptions,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\n\r\ninterface Props {\r\n  data: HybridMapDataType[];\r\n  mapData: FeatureCollection;\r\n  colorDomain: (string | number)[];\r\n  width: number;\r\n  height: number;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  colors: string[];\r\n  mapColorLegendTitle?: string;\r\n  categorical: boolean;\r\n  radius: number;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  showLabels: boolean;\r\n  mapBorderColor: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  showColorScale: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  maxRadiusValue: number;\r\n  collapseColorScaleByDefault?: boolean;\r\n  dotColor: string;\r\n  highlightedIds?: string[];\r\n  mapProperty: string;\r\n  dotLegendTitle?: string;\r\n  dotBorderColor?: string;\r\n  labelColor: string;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  graphDownload?: RefObject<HTMLDivElement | null>;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  dataDownload: any;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    mapData,\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    radius,\r\n    height,\r\n    width,\r\n    scale,\r\n    centerPoint,\r\n    tooltip,\r\n    showLabels,\r\n    mapBorderWidth,\r\n    mapBorderColor,\r\n    mapNoDataColor,\r\n    onSeriesMouseOver,\r\n    showColorScale,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    maxRadiusValue,\r\n    categorical,\r\n    dotColor,\r\n    collapseColorScaleByDefault,\r\n    highlightedIds,\r\n    mapProperty,\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n    numberDisplayOptions,\r\n    graphDownload,\r\n    dataDownload,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n\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    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox(formattedMapData);\r\n\r\n  const center = centerOfMass(formattedMapData);\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data\r\n                .filter(d => d.id)\r\n                .map(d => {\r\n                  const index = formattedMapData.features.findIndex(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (el: any) => d.id === el.properties[mapProperty],\r\n                  );\r\n                  if (index === -1) return null;\r\n                  const path = pathGenerator(formattedMapData.features[index]);\r\n                  if (!path) return null;\r\n                  const color = !checkIfNullOrUndefined(d.x)\r\n                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      colorScale(d.x as any)\r\n                    : mapNoDataColor;\r\n                  return (\r\n                    <motion.g\r\n                      key={d.id}\r\n                      className='undp-map-shapes'\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: selectedColor\r\n                            ? selectedColor === color\r\n                              ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : dimmedOpacity\r\n                            : highlightedIds\r\n                              ? highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\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                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                      }}\r\n                      onMouseLeave={() => {\r\n                        setMouseOverData(undefined);\r\n                        setEventX(undefined);\r\n                        setEventY(undefined);\r\n                        onSeriesMouseOver?.(undefined);\r\n                      }}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick || detailsOnClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick?.(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.path\r\n                        key={`${d.id}`}\r\n                        d={path}\r\n                        variants={{\r\n                          initial: { fill: color, opacity: 0 },\r\n                          whileInView: {\r\n                            fill: color,\r\n                            opacity: 1,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{\r\n                          opacity: 0,\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        style={{\r\n                          stroke: mapBorderColor,\r\n                          strokeWidth: mapBorderWidth,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n              {formattedOverlayMapData?.features.map((d, i: number) => {\r\n                const path = pathGenerator(d);\r\n                if (!path) return null;\r\n                return (\r\n                  <g key={i}>\r\n                    <path\r\n                      d={path}\r\n                      style={{\r\n                        stroke: overlayMapBorderColor || mapBorderColor,\r\n                        strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                        fill: 'none',\r\n                        pointerEvents: 'none',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </g>\r\n                );\r\n              })}\r\n              {data\r\n                .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n                .map(d => {\r\n                  const labelPosMultiplier =\r\n                    (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n                    0.8 * width\r\n                      ? -1\r\n                      : 1;\r\n                  return (\r\n                    <motion.g\r\n                      className='undp-map-dots'\r\n                      key={d.label || `${d.lat}-${d.long}`}\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: highlightedDataPoints\r\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\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                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                      }}\r\n                      onMouseLeave={() => {\r\n                        setMouseOverData(undefined);\r\n                        setEventX(undefined);\r\n                        setEventY(undefined);\r\n                        onSeriesMouseOver?.(undefined);\r\n                      }}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick || detailsOnClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick?.(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                      transform={`translate(${\r\n                        (projection([d.long as number, d.lat as number]) as [number, number])[0]\r\n                      },${(projection([d.long as number, d.lat as number]) as [number, number])[1]})`}\r\n                    >\r\n                      <motion.circle\r\n                        cx={0}\r\n                        cy={0}\r\n                        variants={{\r\n                          initial: {\r\n                            r: 0,\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                          },\r\n                          whileInView: {\r\n                            r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          fillOpacity: 0.8,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                      {showLabels && d.label ? (\r\n                        <motion.text\r\n                          variants={{\r\n                            initial: {\r\n                              opacity: 0,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                            },\r\n                            whileInView: {\r\n                              opacity: 1,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\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                          y={0}\r\n                          className={cn('text-sm', classNames?.graphObjectValues)}\r\n                          style={{\r\n                            textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n                            fill: labelColor || '#000',\r\n                            vectorEffect: 'non-scaling-stroke',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dx={labelPosMultiplier * 4}\r\n                          dy={5}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n            </AnimatePresence>\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\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 || colorDomain.length < 2 ? undefined : '340px',\r\n                  }}\r\n                >\r\n                  {dotLegendTitle && dotLegendTitle !== '' ? (\r\n                    <>\r\n                      <div className='flex items-center gap-2'>\r\n                        <div\r\n                          className='w-3 h-3 rounded-full'\r\n                          style={{ backgroundColor: dotColor }}\r\n                        />\r\n                        <P\r\n                          size='xs'\r\n                          marginBottom='none'\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                          {dotLegendTitle}\r\n                        </P>\r\n                      </div>\r\n                      <Spacer size='xl' />\r\n                      <Separator />\r\n                      <Spacer size='xl' />\r\n                    </>\r\n                  ) : null}\r\n                  {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\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                      {mapColorLegendTitle}\r\n                    </P>\r\n                  ) : null}\r\n                  {!categorical && colorDomain.length > 1 ? (\r\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                      <g>\r\n                        {colorDomain.map((d, i) => (\r\n                          <g\r\n                            key={i}\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[i]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            className='cursor-pointer'\r\n                          >\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                              className={\r\n                                selectedColor === colors[i]\r\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  : ''\r\n                              }\r\n                              style={{\r\n                                fill: colors[i],\r\n                                ...(selectedColor === colors[i] ? {} : { 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(\r\n                                d as number,\r\n                                undefined,\r\n                                numberDisplayOptions?.precision ?? 2,\r\n                                undefined,\r\n                                undefined,\r\n                                numberDisplayOptions?.locale || 'en',\r\n                                numberDisplayOptions?.padZeros || false,\r\n                              )}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                        <g>\r\n                          <rect\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[colorDomain.length]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\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                            className={`cursor-pointer ${\r\n                              selectedColor === colors[colorDomain.length]\r\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                : ''\r\n                            }`}\r\n                            style={{\r\n                              fill: colors[colorDomain.length],\r\n                              ...(selectedColor === colors[colorDomain.length]\r\n                                ? {}\r\n                                : { stroke: colors[colorDomain.length] }),\r\n                            }}\r\n                          />\r\n                        </g>\r\n                      </g>\r\n                    </svg>\r\n                  ) : categorical ? (\r\n                    <div className='flex flex-col gap-3'>\r\n                      {colorDomain.map((d, i) => (\r\n                        <div\r\n                          key={i}\r\n                          className='flex gap-2 items-center'\r\n                          onMouseOver={() => {\r\n                            setSelectedColor(colors[i % colors.length]);\r\n                          }}\r\n                          onMouseLeave={() => {\r\n                            setSelectedColor(undefined);\r\n                          }}\r\n                        >\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 className='flex flex-col gap-3'>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[0]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[0] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`<= ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[1]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[1] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`> ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <ExpandIcon />\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n        {(graphDownload || dataDownload) && (\r\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\r\n            {graphDownload && (\r\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\r\n            )}\r\n            {dataDownload && dataDownload.length > 0 && (\r\n              <CsvDownloadButton\r\n                csvData={dataDownload}\r\n                buttonSmall\r\n                headers={Object.keys(dataDownload[0]).map(d => ({\r\n                  label: d,\r\n                  key: d,\r\n                }))}\r\n                className='p-1'\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HybridMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  ZoomInteractionTypes,\r\n  MapProjectionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n  ScaleDataType,\r\n  MapOverlayDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects for dot density map*/\r\n  data: HybridMapDataType[];\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  /** Color or array of colors for the circle */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph for the choropleth map */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the legend for the dot density scale */\r\n  dotLegendTitle?: string;\r\n  /** Title for the color legend for the color scale */\r\n  mapColorLegendTitle?: 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  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  mapData?: FeatureCollection | string;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: MapOverlayDataType;\r\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Color of the dots in the dot density map */\r\n  dotColor?: string;\r\n  /** Border color of the dots in the dot density map */\r\n  dotBorderColor?: string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Scale for the colors of the choropleth map */\r\n  choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\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  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\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\nexport function HybridMap(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.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    mapColorLegendTitle,\r\n    colorDomain,\r\n    choroplethScaleType = 'threshold',\r\n    radius = 5,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    showLabels = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    showColorScale = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    maxRadiusValue,\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    dotColor = Colors.primaryColors['blue-600'],\r\n    highlightedIds,\r\n    mapProperty = 'ISO3',\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor = Colors.primaryColors['blue-600'],\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    numberDisplayOptions,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const domain =\r\n    colorDomain ||\r\n    (choroplethScaleType === '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  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\r\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n    setMapShape(shape);\r\n  });\r\n\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n    setOverlayMapShape(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        onUpdateShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\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 ? (\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        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            dotColor={dotColor}\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(el => el.properties?.NAME !== 'Antarctica'),\r\n                  }\r\n            }\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            colorDomain={domain}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={\r\n              colors ||\r\n              (choroplethScaleType === '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            mapColorLegendTitle={mapColorLegendTitle}\r\n            radius={radius}\r\n            categorical={choroplethScaleType === 'categorical'}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showLabels={showLabels}\r\n            isWorldMap={isWorldMap}\r\n            showColorScale={showColorScale}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            zoomInteraction={zoomInteraction}\r\n            detailsOnClick={detailsOnClick}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            maxRadiusValue={\r\n              !checkIfNullOrUndefined(maxRadiusValue)\r\n                ? (maxRadiusValue as number)\r\n                : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n            }\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            highlightedIds={highlightedIds}\r\n            mapProperty={mapProperty}\r\n            dotLegendTitle={dotLegendTitle}\r\n            dotBorderColor={dotBorderColor}\r\n            labelColor={labelColor}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n            numberDisplayOptions={numberDisplayOptions}\r\n            graphDownload={graphDownload ? graphParentDiv : 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        ) : (\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":["Graph","props","data","colors","mapData","mapColorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","dataDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","d","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","i","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","x","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","r","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","P","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","CsvDownloadButton","Object","keys","key","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_4","format","_temp4","sequentialColors","max","_temp5","_temp6","_temp7","_temp8","_temp9","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_9","d_8","d_7","d_11","d_10","d_6","d_5","NAME","d_1","a","b"],"mappings":"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"}

package/dist/ImageDownloadButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CHPV5EwG-D4pAp7u0.cjs"),y=require("./index-BhI7mBJx.cjs"),f=require("./imageDownload-CkMwA7Cw.cjs");function w(b){const e=l.compilerRuntimeExports.c(13),{nodeID:t,filename:u,buttonContent:s,buttonType:g,buttonSmall:x,className:p}=b,i=u===void 0?"image":u,d=g===void 0?"tertiary":g,m=p===void 0?"":p,c=x?"p-2":"py-4 px-6";let o;e[0]!==m||e[1]!==c?(o=l.mo("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550",c,m),e[0]=m,e[1]=c,e[2]=o):o=e[2];let n;e[3]!==i||e[4]!==t?(n=()=>{typeof t=="string"?document.getElementById(t)?f.imageDownload(document.getElementById(t),i):console.error("Cannot find the html element"):f.imageDownload(t.current,i)},e[3]=i,e[4]=t,e[5]=n):n=e[5];let r;e[6]!==s?(r=s||l.jsxRuntimeExports.jsx(y.ImageDown,{}),e[6]=s,e[7]=r):r=e[7];let a;return e[8]!==d||e[9]!==o||e[10]!==n||e[11]!==r?(a=l.jsxRuntimeExports.jsx(y.u,{variant:d,className:o,onClick:n,"aria-label":"Click to download the graph as image",children:r}),e[8]=d,e[9]=o,e[10]=n,e[11]=r,e[12]=a):a=e[12],a}exports.ImageDownloadButton=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./compiler-runtime-oPPev21o.cjs"),x=require("@undp/design-system-react/Button"),w=require("@undp/design-system-react/cn"),y=require("./imageDownload-CkMwA7Cw.cjs"),D=require("./index-DbSnila_.cjs");function v(f){const e=d.compilerRuntimeExports.c(13),{nodeID:t,filename:u,buttonContent:l,buttonType:g,buttonSmall:b,className:p}=f,i=u===void 0?"image":u,s=g===void 0?"tertiary":g,c=p===void 0?"":p,m=b?"p-2":"py-4 px-6";let n;e[0]!==c||e[1]!==m?(n=w.cn("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550",m,c),e[0]=c,e[1]=m,e[2]=n):n=e[2];let o;e[3]!==i||e[4]!==t?(o=()=>{typeof t=="string"?document.getElementById(t)?y.imageDownload(document.getElementById(t),i):console.error("Cannot find the html element"):y.imageDownload(t.current,i)},e[3]=i,e[4]=t,e[5]=o):o=e[5];let r;e[6]!==l?(r=l||d.jsxRuntimeExports.jsx(D.ImageDown,{}),e[6]=l,e[7]=r):r=e[7];let a;return e[8]!==s||e[9]!==n||e[10]!==o||e[11]!==r?(a=d.jsxRuntimeExports.jsx(x.Button,{variant:s,className:n,onClick:o,"aria-label":"Click to download the graph as image",children:r}),e[8]=s,e[9]=n,e[10]=o,e[11]=r,e[12]=a):a=e[12],a}exports.ImageDownloadButton=v;
 //# sourceMappingURL=ImageDownloadButton.cjs.map

package/dist/ImageDownloadButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDownloadButton.cjs","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | RefObject<HTMLDivElement | null>;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(\r\n        'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n        buttonSmall ? 'p-2' : 'py-4 px-6',\r\n        className,\r\n      )}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          imageDownload(nodeID.current as HTMLDivElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as image'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":"6MAqBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAEAE,EAAAC,IAAAC,OAAA,GAAAD,EAOIE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAb,EAAA,CAAA,IAAAS,GAAAT,OAAAY,GAFxBC,EAAAC,EAAAA,GACT,oGACAF,EACAH,CACF,EAACT,KAAAS,EAAAT,KAAAY,EAAAZ,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAe,EAAAf,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GACQa,EAAAA,IAAA,CACH,OAAOb,GAAW,SAChBc,SAAQC,eAAgBf,CAAM,EAChCgB,EAAAA,cAAcF,SAAQC,eAAgBf,CAAM,EAAkBC,CAAQ,EAEtEgB,QAAOC,MAAO,8BAA8B,EAG9CF,gBAAchB,EAAMmB,QAA4BlB,CAAQ,CACzD,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAe,GAAAA,EAAAf,EAAA,CAAA,EAAA,IAAAsB,EAAAtB,OAAAK,GAGAiB,EAAAjB,2BAAkBkB,EAAAA,UAAA,CAAA,CAAS,EAAGvB,KAAAK,EAAAL,KAAAsB,GAAAA,EAAAtB,EAAA,CAAA,EAAA,IAAAwB,EAAA,OAAAxB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAa,GAAAb,EAAA,EAAA,IAAAe,GAAAf,QAAAsB,GApBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUpB,QAAAA,EACE,UAAAO,EAKF,QAAAE,EAWE,aAAA,uCAEVO,SAAAA,CAAAA,CACH,EAAStB,KAAAM,EAAAN,KAAAa,EAAAb,MAAAe,EAAAf,MAAAsB,EAAAtB,MAAAwB,GAAAA,EAAAxB,EAAA,EAAA,EArBTwB,CAqBS"}
+{"version":3,"file":"ImageDownloadButton.cjs","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | RefObject<HTMLDivElement | null>;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(\r\n        'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n        buttonSmall ? 'p-2' : 'py-4 px-6',\r\n        className,\r\n      )}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          imageDownload(nodeID.current as HTMLDivElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as image'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":"uSAqBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAEAE,EAAAC,IAAAC,OAAA,GAAAD,EAOIE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAb,EAAA,CAAA,IAAAS,GAAAT,OAAAY,GAFxBC,EAAAC,EAAAA,GACT,oGACAF,EACAH,CACF,EAACT,KAAAS,EAAAT,KAAAY,EAAAZ,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAe,EAAAf,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GACQa,EAAAA,IAAA,CACH,OAAOb,GAAW,SAChBc,SAAQC,eAAgBf,CAAM,EAChCgB,EAAAA,cAAcF,SAAQC,eAAgBf,CAAM,EAAkBC,CAAQ,EAEtEgB,QAAOC,MAAO,8BAA8B,EAG9CF,gBAAchB,EAAMmB,QAA4BlB,CAAQ,CACzD,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAe,GAAAA,EAAAf,EAAA,CAAA,EAAA,IAAAsB,EAAAtB,OAAAK,GAGAiB,EAAAjB,2BAAkBkB,EAAAA,UAAA,CAAA,CAAS,EAAGvB,KAAAK,EAAAL,KAAAsB,GAAAA,EAAAtB,EAAA,CAAA,EAAA,IAAAwB,EAAA,OAAAxB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAa,GAAAb,EAAA,EAAA,IAAAe,GAAAf,QAAAsB,GApBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACUpB,QAAAA,EACE,UAAAO,EAKF,QAAAE,EAWE,aAAA,uCAEVO,SAAAA,CAAAA,CACH,EAAStB,KAAAM,EAAAN,KAAAa,EAAAb,MAAAe,EAAAf,MAAAsB,EAAAtB,MAAAwB,GAAAA,EAAAxB,EAAA,EAAA,EArBTwB,CAqBS"}

package/dist/ImageDownloadButton.js

@@ -1,27 +1,29 @@
-import { c as x, m as I, j as f } from "./index-CHPV5EwG-BzibaIRc.js";
-import { I as h, u as v } from "./index-ApTBN0kp.js";
+import { c as x, j as u } from "./compiler-runtime-qHgugrLy.js";
+import { Button as I } from "@undp/design-system-react/Button";
+import { cn as h } from "@undp/design-system-react/cn";
 import { i as g } from "./imageDownload-BYsNEtMS.js";
-function D(y) {
-  const e = x.c(13), {
-    nodeID: t,
+import { I as v } from "./index-D_ls5oK8.js";
+function E(y) {
+  const t = x.c(13), {
+    nodeID: e,
     filename: c,
     buttonContent: l,
     buttonType: p,
     buttonSmall: b,
-    className: u
-  } = y, a = c === void 0 ? "image" : c, s = p === void 0 ? "tertiary" : p, m = u === void 0 ? "" : u, d = b ? "p-2" : "py-4 px-6";
+    className: f
+  } = y, a = c === void 0 ? "image" : c, m = p === void 0 ? "tertiary" : p, s = f === void 0 ? "" : f, d = b ? "p-2" : "py-4 px-6";
   let o;
-  e[0] !== m || e[1] !== d ? (o = I("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550", d, m), e[0] = m, e[1] = d, e[2] = o) : o = e[2];
+  t[0] !== s || t[1] !== d ? (o = h("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550", d, s), t[0] = s, t[1] = d, t[2] = o) : o = t[2];
   let n;
-  e[3] !== a || e[4] !== t ? (n = () => {
-    typeof t == "string" ? document.getElementById(t) ? g(document.getElementById(t), a) : console.error("Cannot find the html element") : g(t.current, a);
-  }, e[3] = a, e[4] = t, e[5] = n) : n = e[5];
+  t[3] !== a || t[4] !== e ? (n = () => {
+    typeof e == "string" ? document.getElementById(e) ? g(document.getElementById(e), a) : console.error("Cannot find the html element") : g(e.current, a);
+  }, t[3] = a, t[4] = e, t[5] = n) : n = t[5];
   let r;
-  e[6] !== l ? (r = l || /* @__PURE__ */ f.jsx(h, {}), e[6] = l, e[7] = r) : r = e[7];
+  t[6] !== l ? (r = l || /* @__PURE__ */ u.jsx(v, {}), t[6] = l, t[7] = r) : r = t[7];
   let i;
-  return e[8] !== s || e[9] !== o || e[10] !== n || e[11] !== r ? (i = /* @__PURE__ */ f.jsx(v, { variant: s, className: o, onClick: n, "aria-label": "Click to download the graph as image", children: r }), e[8] = s, e[9] = o, e[10] = n, e[11] = r, e[12] = i) : i = e[12], i;
+  return t[8] !== m || t[9] !== o || t[10] !== n || t[11] !== r ? (i = /* @__PURE__ */ u.jsx(I, { variant: m, className: o, onClick: n, "aria-label": "Click to download the graph as image", children: r }), t[8] = m, t[9] = o, t[10] = n, t[11] = r, t[12] = i) : i = t[12], i;
 }
 export {
-  D as ImageDownloadButton
+  E as ImageDownloadButton
 };
 //# sourceMappingURL=ImageDownloadButton.js.map

package/dist/ImageDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDownloadButton.js","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | RefObject<HTMLDivElement | null>;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(\r\n        'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n        buttonSmall ? 'p-2' : 'py-4 px-6',\r\n        className,\r\n      )}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          imageDownload(nodeID.current as HTMLDivElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as image'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":";;;AAqBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAEAE,IAAAC,MAAAC,SAAA,KAAAD,GAOIE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAb,EAAA,CAAA,MAAAS,KAAAT,SAAAY,KAFxBC,IAAAC,EACT,qGACAF,GACAH,CACF,GAACT,OAAAS,GAAAT,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KACQa,IAAAA,MAAA;AACP,IAAI,OAAOb,KAAW,WAChBc,SAAQC,eAAgBf,CAAM,IAChCgB,EAAcF,SAAQC,eAAgBf,CAAM,GAAkBC,CAAQ,IAEtEgB,QAAOC,MAAO,8BAA8B,IAG9CF,EAAchB,EAAMmB,SAA4BlB,CAAQ;AAAA,EACzD,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,SAAAK,KAGAiB,IAAAjB,2BAAkBkB,GAAA,CAAA,CAAS,GAAGvB,OAAAK,GAAAL,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAe,KAAAf,UAAAsB,KApBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUpB,SAAAA,GACE,WAAAO,GAKF,SAAAE,GAWE,cAAA,wCAEVO,UAAAA,EAAAA,CACH,GAAStB,OAAAM,GAAAN,OAAAa,GAAAb,QAAAe,GAAAf,QAAAsB,GAAAtB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GArBTwB;AAqBS;"}
+{"version":3,"file":"ImageDownloadButton.js","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | RefObject<HTMLDivElement | null>;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(\r\n        'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n        buttonSmall ? 'p-2' : 'py-4 px-6',\r\n        className,\r\n      )}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          imageDownload(nodeID.current as HTMLDivElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as image'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":";;;;;AAqBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAEAE,IAAAC,MAAAC,SAAA,KAAAD,GAOIE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAb,EAAA,CAAA,MAAAS,KAAAT,SAAAY,KAFxBC,IAAAC,EACT,qGACAF,GACAH,CACF,GAACT,OAAAS,GAAAT,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KACQa,IAAAA,MAAA;AACP,IAAI,OAAOb,KAAW,WAChBc,SAAQC,eAAgBf,CAAM,IAChCgB,EAAcF,SAAQC,eAAgBf,CAAM,GAAkBC,CAAQ,IAEtEgB,QAAOC,MAAO,8BAA8B,IAG9CF,EAAchB,EAAMmB,SAA4BlB,CAAQ;AAAA,EACzD,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,SAAAK,KAGAiB,IAAAjB,2BAAkBkB,GAAA,CAAA,CAAS,GAAGvB,OAAAK,GAAAL,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAe,KAAAf,UAAAsB,KApBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUpB,SAAAA,GACE,WAAAO,GAKF,SAAAE,GAWE,cAAA,wCAEVO,UAAAA,EAAAA,CACH,GAAStB,OAAAM,GAAAN,OAAAa,GAAAb,QAAAe,GAAAf,QAAAsB,GAAAtB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GArBTwB;AAqBS;"}