@undp/data-viz 2.3.13 → 2.3.15

package/dist/HybridMap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HybridMap.cjs","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-BzflLqGi.js\";\nimport { c as N } from \"./compiler-runtime-Cu50tn6L.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DE1ItLfl.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 { 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  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\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}\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  } = 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 [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.length !== 0\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                    }}\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                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedIds.length !== 0\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                        }}\r\n                      />\r\n                    </motion.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:\r\n                            highlightedDataPoints.length !== 0\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                        }}\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                            ...(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 ? 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 ? (\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(d as number, 'NA')}\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                  ) : (\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>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col 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      </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} 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\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  /** 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  } = 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\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const onUpdateShape = useEffectEvent((shape: any) => {\r\n    setMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        onUpdateShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [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 || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={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      ) : 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(\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      (el: any) => el.properties.NAME !== 'Antarctica',\r\n                    ),\r\n                  }\r\n            }\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          />\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","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","formattedMapData","useMemo","rewind","reverse","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","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","i","properties","path","indexOf","stroke","strokeWidth","fill","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","lat","long","labelPosMultiplier","label","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","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","graphDownload","t14","dataDownload","t15","showAntarctica","t16","language","t17","minHeight","t18","theme","t19","ariaLabel","t20","t21","t22","t23","t24","t25","timeline","t26","t27","t28","t29","t30","t31","t32","Colors","light","graphNoData","grays","t33","t34","t35","t36","enabled","autoplay","showOnlyActiveDate","primaryColors","t37","t38","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t39","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t40","t41","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t42","shape","onUpdateShape","useEffectEvent","t43","fetchAndParseJSON","then","d_2","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","_temp4","_temp5","_temp6","_temp7","_temp8","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_8","format","_temp9","sequentialColors","max","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_10","d_9","NAME","d_5","d_4","d_3","d_7","d_6","d_1","b"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"HybridMap.cjs","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-BzflLqGi.js\";\nimport { c as N } from \"./compiler-runtime-Cu50tn6L.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DE1ItLfl.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 { 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  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\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}\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  } = 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.length !== 0\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                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedIds.length !== 0\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:\r\n                            highlightedDataPoints.length !== 0\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 ? 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 ? (\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(d as number, 'NA')}\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                  ) : (\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>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col 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      </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 { Feature, 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} 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?: {\r\n    mapData: FeatureCollection | string;\r\n    mapBorderWidth?: number;\r\n    mapBorderColor?: string;\r\n  };\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  /** 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    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 || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={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      ) : 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(\r\n                      (el: Feature) => el.properties?.NAME !== 'Antarctica',\r\n                    ),\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          />\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","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","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","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","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","graphDownload","t14","dataDownload","t15","showAntarctica","t16","language","t17","minHeight","t18","theme","t19","ariaLabel","t20","t21","t22","t23","t24","t25","timeline","t26","t27","t28","t29","t30","t31","t32","mapOverlay","Colors","light","graphNoData","grays","t33","t34","t35","t36","enabled","autoplay","showOnlyActiveDate","primaryColors","t37","t38","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t39","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t40","t41","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t42","shape","onUpdateShape","useEffectEvent","t43","shape_0","onUpdateOverlayMapShape","t44","fetchAndParseJSON","then","d_2","t45","t46","d_3","t47","t48","t49","t50","speed","interval","setInterval","clearInterval","t51","t52","getSliderMarks","markObj","t53","graphContainer","t54","t55","description","title","GraphHeader","_temp4","_temp5","_temp6","_temp7","_temp8","t56","Pause","Play","SliderUI","nextValue","nextValue_0","t57","GraphArea","d_9","format","_temp9","sequentialColors","max","_temp0","_temp1","Spinner","t58","footnote","source","GraphFooter","t59","GraphContainer","d_11","d_10","NAME","d_6","d_5","d_4","d_8","d_7","d_1","b"],"mappings":"u+CAMA,IAAIA,GAAI,YAAaC,GAAI,aAAcC,GAAI,CAAC,aAAc,UAAU,EAAGC,GAAIC,GAAE,WAAW,CAACC,EAAGC,IAAM,CAChG,KAAM,CAAE,WAAYC,EAAG,YAAaC,EAAIP,GAAG,GAAGQ,CAAC,EAAKJ,EAAGK,EAAIC,GAAEH,CAAC,EAAIA,EAAIP,GAAGW,EAAIL,EAAI,CAAE,KAAM,MAAM,EAAK,CAAE,mBAAoBG,IAAM,WAAaA,EAAI,OAAQ,KAAM,WAAW,EAC1K,OAAuBG,EAAAA,GAAE,IACvBC,GAAAA,EAAE,IACF,CACE,mBAAoBJ,EACpB,GAAGE,EACH,GAAGH,EACH,IAAKH,CACX,CACA,CACA,CAAC,EACDH,GAAE,YAAcH,GAChB,SAASW,GAAEN,EAAG,CACZ,OAAOH,GAAE,SAASG,CAAC,CACrB,CACA,IAAIU,GAAIZ,GACR,MAAMa,GAAIC,EAAE,WAAW,CAACZ,EAAGC,IAAM,CAC/B,MAAMC,EAAIW,EAAAA,EAAE,EAAE,EAAE,EAChB,IAAIV,EAAGC,EAAGC,EAAGS,EACbZ,EAAE,CAAC,IAAMF,GAAK,CACZ,UAAWG,EACX,QAASE,EACT,YAAaS,EACb,GAAGV,CACP,EAAMJ,EAAGE,EAAE,CAAC,EAAIF,EAAGE,EAAE,CAAC,EAAIC,EAAGD,EAAE,CAAC,EAAIE,EAAGF,EAAE,CAAC,EAAIG,EAAGH,EAAE,CAAC,EAAIY,IAAMX,EAAID,EAAE,CAAC,EAAGE,EAAIF,EAAE,CAAC,EAAGG,EAAIH,EAAE,CAAC,EAAGY,EAAIZ,EAAE,CAAC,GACjG,MAAMK,EAAIF,IAAM,OAAS,OAASA,EAAG,EAAIS,IAAM,OAAS,aAAeA,EAAGC,EAAI,IAAM,aAAe,iBAAmB,iBAAkBC,EAAIT,IAAM,OAAS,+CAAiD,+CAC5M,IAAIU,EACJf,EAAE,CAAC,IAAMC,GAAKD,EAAE,CAAC,IAAMa,GAAKb,EAAE,CAAC,IAAMc,GAAKC,EAAIC,EAAAA,GAAEH,EAAGC,EAAGb,CAAC,EAAGD,EAAE,CAAC,EAAIC,EAAGD,EAAE,CAAC,EAAIa,EAAGb,EAAE,CAAC,EAAIc,EAAGd,EAAE,CAAC,EAAIe,GAAKA,EAAIf,EAAE,CAAC,EAC3G,IAAIiB,EACJ,OAAOjB,EAAE,CAAC,IAAM,GAAKA,EAAE,EAAE,IAAME,GAAKF,EAAE,EAAE,IAAMD,GAAKC,EAAE,EAAE,IAAMe,GAAKE,EAAoBX,EAAAA,GAAE,IAAIE,GAAG,CAAE,GAAGN,EAAG,IAAKH,EAAG,YAAa,EAAG,UAAWgB,CAAC,CAAE,EAAGf,EAAE,CAAC,EAAI,EAAGA,EAAE,EAAE,EAAIE,EAAGF,EAAE,EAAE,EAAID,EAAGC,EAAE,EAAE,EAAIe,EAAGf,EAAE,EAAE,EAAIiB,GAAKA,EAAIjB,EAAE,EAAE,EAAGiB,CACrN,CAAC,EACDR,GAAE,YAAcD,GAAE,YCmDX,SAASU,GAAMC,EAAc,CAClC,KAAM,CACJC,KAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,oBAAAA,EACAC,YAAAA,EACAC,OAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,eAAAA,GACAC,eAAAA,GACAC,eAAAA,GACAC,kBAAAA,EACAC,eAAAA,GACAC,gBAAAA,GACAC,oBAAAA,GACAC,sBAAAA,GACAC,mBAAAA,EACAC,4BAAAA,GACAC,eAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,cAAAA,GACAC,gBAAAA,EACAC,QAAAA,EACAC,cAAAA,EACAC,aAAAA,GACAC,eAAAA,GACAC,YAAAA,GACAC,SAAAA,EACAC,4BAAAA,GACAC,eAAAA,GACAC,YAAAA,GACAC,eAAAA,GACAC,eAAAA,GACAC,WAAAA,GACAC,iBAAAA,EACAC,2BAAAA,EACAC,eAAAA,EACAC,sBAAAA,EACAC,sBAAAA,EAAAA,EACE5C,EACE6C,EAAmBC,EAAAA,QAAQ,IAC1BL,EAEEM,EAAAA,cAAO5C,EAAS,CAAE6C,QAAS,EAAA,CAAM,EAFA7C,EAGvC,CAACA,EAASsC,CAA0B,CAAC,EAClCQ,GAA0BH,EAAAA,QAAQ,IAClC,CAACL,GAA8B,CAACC,EAAuBA,EAEpDK,EAAAA,cAAOL,EAAgB,CAAEM,QAAS,EAAA,CAAM,EAC9C,CAACN,EAAgBD,CAA0B,CAAC,EACzC,CAACS,EAAeC,CAAgB,EAAIC,EAAAA,SAA6BC,MAAS,EAE1E,CAACC,GAAYC,EAAa,EAAIH,WAClClB,KAAgCmB,OAAY,EAAE7C,EAAQ,KAAO,CAAC0B,EAChE,EACMsB,GAAUC,EAAAA,OAAoD,IAAI,EAGlE,CAACC,GAAgBC,CAAiB,EAAIP,EAAAA,SAAcC,MAAS,EAE7D,CAACO,GAAeC,CAAgB,EAAIT,EAAAA,SAAcC,MAAS,EAC3D,CAACS,GAAQC,CAAS,EAAIX,EAAAA,SAA6BC,MAAS,EAC5D,CAACW,GAAQC,CAAS,EAAIb,EAAAA,SAA6BC,MAAS,EAC5Da,EAAST,EAAAA,OAAsB,IAAI,EACnCU,EAAWC,GAAAA,UAAUF,EAAQ,CACjCG,KAAMzC,EAAQyC,KACdC,OAAQ1C,EAAQ0C,MAAAA,CACjB,EACKC,GAAOd,EAAAA,OAAoB,IAAI,EAC/Be,EACJvE,EAAKwE,OAAO9E,GAAKA,EAAEW,SAAW+C,QAAa1D,EAAEW,SAAW,IAAI,EAAEoE,SAAWzE,EAAKyE,OAC1EC,GAAAA,KAAAA,EAAYC,OAAO,CAAC,EAAG7C,EAAc,CAAC,EAAE8C,MAAM,CAAC,IAAMvE,CAAM,CAAC,EAAEwE,OAC9DzB,OAEA0B,GAAa/C,GACfgD,GAAAA,QAAAA,EAAwCJ,OAAOvE,CAAW,EAAEwE,MAAM3E,CAAM,EACxE+E,GAAAA,YACGL,OAAOvE,CAAuB,EAC9BwE,MAAM3E,CAAM,EACnBgF,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAaC,GAAAA,OAAOb,GAAKc,OAAO,EAChCC,EAAeF,GAAAA,OAAOlB,EAAOmB,OAAO,EACpCE,EAAc9F,GAA0D,CAC5E,GAAIkC,IAAoB,SAAU,MAAO,GACzC,GAAIA,IAAoB,SAAU,MAAO,CAAClC,EAAE+F,KAAKC,SAAS,OAAO,EACjE,MAAMC,GAAUjG,EAAE+F,OAAS,QACrBG,EAAUlG,EAAE+F,KAAKI,WAAW,OAAO,EACnCC,EAASpG,EAAE+F,OAAS,aAAe/F,EAAE+F,OAAS,YAEpD,OAAIG,EAAgB,GAChBD,GACE/D,IAAoB,SAAiB,GAClClC,EAAEqG,QAEJD,GAAU,CAACpG,EAAEsG,QAAU,CAACtG,EAAEqG,OACnC,EACME,EAAeC,OAAAA,EAClBC,YAAYhF,EAAe,EAC3BiF,gBACChF,IAAuB,CACrB,CAAC,IAAK,GAAG,EACT,CAACX,EAAQ,GAAID,EAAS,EAAE,CAAC,CAE7B,EACCkE,OAAOc,CAAU,EACjBa,GAAG,OAAQ,CAAC,CAAEC,UAAAA,CAAAA,IAAgB,CAC7BlB,EAAWmB,KAAK,YAAaD,CAAS,CACxC,CAAC,EAGHf,EAAaiB,KAAKP,CAAmB,EAErCxC,GAAQ6B,QAAUW,CAEpB,EAAG,CAACzF,EAAQC,EAAOmB,CAAe,CAAC,EAEnC,MAAM6E,GAASC,EAAAA,gBAAK5D,CAAgB,EAE9B6D,EAASC,GAAAA,cAAa9D,CAAgB,EACtC+D,IAAWJ,GAAO,CAAC,EAAIA,GAAO,CAAC,GAAK,KACpCK,IAAWL,GAAO,CAAC,EAAIA,GAAO,CAAC,GAAK,KACpCM,GAAYtG,EAAQ,IAAO,IAAO,IAAOoG,GACzCG,GAAYxG,EAAS,IAAO,IAAO,IAAOsG,GAC1CG,EAAWvG,EAAQwG,KAAKC,IAAIJ,GAAQC,EAAM,EAE1CI,GACJzF,KAAkB,WACd0F,cAAAA,EACGC,OAAO7E,CAAgB,EACvBkE,OAAOhG,GAAgBgG,EAAOY,SAASC,WAAgC,EACvEC,UAAU,CAAChH,EAAQ,EAAGD,EAAS,CAAC,CAAC,EACjCE,MAAMuG,CAAQ,EACjBtF,KAAkB,aAChB+F,EAAAA,gBACGJ,OAAO7E,CAAgB,EACvBkE,OAAOhG,GAAgBgG,EAAOY,SAASC,WAAgC,EACvEC,UAAU,CAAChH,EAAQ,EAAGD,EAAS,CAAC,CAAC,EACjCE,MAAMuG,CAAQ,EACjBtF,KAAkB,eAChBgG,EAAAA,iBAAAA,EACGL,OAAO7E,CAAgB,EACvBkE,OAAOhG,GAAgBgG,EAAOY,SAASC,WAAgC,EACvEC,UAAU,CAAChH,EAAQ,EAAGD,EAAS,CAAC,CAAC,EACjCE,MAAMuG,CAAQ,EACjBtF,KAAkB,eAChBiG,EAAAA,gBAAAA,EACGN,OAAO7E,CAAgB,EACvBkE,OAAOhG,GAAgBgG,EAAOY,SAASC,WAAgC,EACvEC,UAAU,CAAChH,EAAQ,EAAGD,EAAS,CAAC,CAAC,EACjCE,MAAMuG,CAAQ,EACjBY,EAAAA,eACGP,OAAO7E,CAAgB,EACvBkE,OAAOhG,GAAgBgG,EAAOY,SAASC,WAAgC,EACvEC,UAAU,CAAChH,EAAQ,EAAGD,EAAS,CAAC,CAAC,EACjCE,MAAMuG,CAAQ,EACvBa,GAAgBC,EAAAA,UAAUX,WAAWA,EAAU,EAC/CY,GAAcC,GAA4B,CAC9C,GAAI,CAAC9D,EAAOmB,SAAW,CAAC7B,GAAQ6B,QAAS,OAC7BD,GAAAA,OAAOlB,EAAOmB,OAAO,EAC7BkB,KAAK/C,GAAQ6B,QAAQ4C,QAASD,IAAc,KAAO,IAAM,EAAI,GAAG,CACtE,EACA,OACEE,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACC,GAAAA,OAAO,IAAP,CACC,MAAO,GAAG7H,CAAK,KACf,OAAQ,GAAGD,CAAM,KACjB,QAAS,OAAOC,CAAK,IAAID,CAAM,GAC/B,IAAK2D,EACL,UAAU,MAEV,SAAAgE,EAAAA,kBAAAA,KAAC,IAAA,CAAE,IAAK3D,GACLzC,SAAAA,CAAAA,GAAa2C,UAAY9E,EAAE2I,WAAa,QAAQ,EAAEC,IAAI5I,GAAKA,EAAE6I,KAAK,EAClE3F,EAAiB4F,SAASF,IAAI,CAAC5I,EAAGhB,IAAc,CAC/C,GAAI,CAACgB,EAAE+I,aAAatG,EAAW,EAAG,OAAO,KACzC,MAAMuG,EAAOd,GAAclI,CAAC,EAC5B,OAAKgJ,EAEHP,EAAAA,kBAAAA,IAACC,GAAAA,OAAO,EAAP,CAEC,QACEnF,EACIrB,EACAM,GAAeuC,SAAW,EACxBvC,GAAeyG,QAAQjJ,EAAE+I,WAAWtG,EAAW,CAAC,IAAM,GACpD,EACAP,EACF,EAGR,SAAAuG,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGO,EACH,MAAO,CACLE,OAAQ/H,GACRgI,YAAajI,GACbkI,KAAMhI,GACNiI,aAAc,oBAAA,CAChB,CAAE,GAlBCrK,CAoBP,EAvBgB,IAyBpB,CAAC,2BACAsK,GAAAA,gBAAA,CACEhJ,SAAAA,CAAAA,EACEwE,OAAO9E,GAAKA,EAAEuJ,EAAE,EAChBX,IAAI5I,GAAK,CACR,MAAMwJ,EAAQtG,EAAiB4F,SAASW,UAErCC,GAAY1J,EAAEuJ,KAAOG,EAAGX,WAAWtG,EAAW,CAAA,EAEjD,GAAI+G,IAAU,GAAI,OAAO,KACzB,MAAMR,EAAOd,GAAchF,EAAiB4F,SAASU,CAAK,CAAC,EAC3D,GAAI,CAACR,EAAM,OAAO,KAClB,MAAMW,EAASC,0BAAuB5J,EAAEP,CAAC,EAGrC2B,GADAgE,GAAWpF,EAAEP,CAAQ,EAEzB,+BACGiJ,GAAAA,OAAO,EAAP,CAEC,UAAU,kBACV,SAAU,CACRmB,QAAS,CAAEC,QAAS,CAAA,EACpBC,YAAa,CACXD,QAASvG,EACLA,IAAkBoG,EAChB,EACAzH,EACFM,GAAeuC,SAAW,EACxBvC,GAAeyG,QAAQjJ,EAAEuJ,EAAY,IAAM,GACzC,EACArH,EACF,EACN8H,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASzF,EAAW,cAAgB,UACpC,KAAM,CAAEsF,QAAS,EAAGE,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,EAC7D,aAAcC,GAAS,CACrBhG,EAAiBlE,CAAC,EAClBsE,EAAU4F,EAAMC,OAAO,EACvB/F,EAAU8F,EAAME,OAAO,EACvB/I,IAAoBrB,CAAC,CACvB,EACA,YAAakK,GAAS,CACpBhG,EAAiBlE,CAAC,EAClBsE,EAAU4F,EAAMC,OAAO,EACvB/F,EAAU8F,EAAME,OAAO,CACzB,EACA,aAAc,IAAM,CAClBlG,EAAiBR,MAAS,EAC1BU,EAAUV,MAAS,EACnBY,EAAUZ,MAAS,EACnBrC,IAAoBqC,MAAS,CAC/B,EACA,QAAS,IAAM,EACThC,GAAsBE,KACpByI,WAAQtG,GAAgB/D,CAAC,GAAK2B,IAChCqC,EAAkBN,MAAS,EAC3BhC,IAAqBgC,MAAS,IAE9BM,EAAkBhE,CAAC,EACnB0B,IAAqB1B,CAAC,GAG5B,EAEA,SAAAyI,EAAAA,kBAAAA,IAACC,GAAAA,OAAO,KAAP,CAEC,EAAGM,EACH,SAAU,CACRa,QAAS,CAAET,KAAMO,EAAOG,QAAS,CAAA,EACjCC,YAAa,CACXX,KAAMO,EACNG,QAAS,EACTE,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASzF,EAAW,cAAgB,UACpC,KAAM,CACJsF,QAAS,EACTE,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,EAE3C,MAAO,CACLf,OAAQ/H,GACRgI,YAAajI,GACbmI,aAAc,oBAAA,GAnBX,GAAGrJ,EAAEuJ,EAAE,EAoBV,CAAA,EAtECvJ,EAAEuJ,EAwET,CAEJ,CAAC,EACFjG,IAAyBwF,SAASF,IAAI,CAAC5I,EAAGhB,IAAc,CACvD,MAAMgK,EAAOd,GAAclI,CAAC,EAC5B,OAAKgJ,0BAEF,IAAA,CACC,SAAAP,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGO,EACH,MAAO,CACLE,OAAQlG,GAAyB7B,GACjCgI,YAAalG,IAAyB/B,GAAiB,EACvDkI,KAAM,OACNkB,cAAe,OACfjB,aAAc,oBAAA,CAChB,CAAE,GATErK,CAWR,EAbgB,IAepB,CAAC,EACAsB,EACEwE,OAAO9E,GAAK,CAAC4J,GAAAA,uBAAuB5J,EAAEuK,GAAG,GAAK,CAACX,GAAAA,uBAAuB5J,EAAEwK,IAAI,CAAC,EAC7E5B,IAAI5I,GAAK,CACR,MAAMyK,EACHjD,GAAW,CAACxH,EAAEwK,KAAgBxK,EAAEuK,GAAa,CAAC,EAAuB,CAAC,EACvE,GAAM1J,EACF,GACA,EACN,gCACG6H,GAAAA,OAAO,EAAP,CACC,UAAU,gBAEV,SAAU,CACRmB,QAAS,CAAEC,QAAS,CAAA,EACpBC,YAAa,CACXD,QACErI,GAAsBsD,SAAW,EAC7BtD,GAAsBwH,QAAQjJ,EAAE0K,OAAS,EAAE,IAAM,GAC/C,EACAxI,EACF,EACN8H,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASzF,EAAW,cAAgB,UACpC,KAAM,CAAEsF,QAAS,EAAGE,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,EAC7D,aAAcC,GAAS,CACrBhG,EAAiBlE,CAAC,EAClBsE,EAAU4F,EAAMC,OAAO,EACvB/F,EAAU8F,EAAME,OAAO,EACvB/I,IAAoBrB,CAAC,CACvB,EACA,YAAakK,GAAS,CACpBhG,EAAiBlE,CAAC,EAClBsE,EAAU4F,EAAMC,OAAO,EACvB/F,EAAU8F,EAAME,OAAO,CACzB,EACA,aAAc,IAAM,CAClBlG,EAAiBR,MAAS,EAC1BU,EAAUV,MAAS,EACnBY,EAAUZ,MAAS,EACnBrC,IAAoBqC,MAAS,CAC/B,EACA,QAAS,IAAM,EACThC,GAAsBE,KACpByI,WAAQtG,GAAgB/D,CAAC,GAAK2B,IAChCqC,EAAkBN,MAAS,EAC3BhC,IAAqBgC,MAAS,IAE9BM,EAAkBhE,CAAC,EACnB0B,IAAqB1B,CAAC,GAG5B,EACA,UAAW,aACRwH,GAAW,CAACxH,EAAEwK,KAAgBxK,EAAEuK,GAAa,CAAC,EAAuB,CAAC,CAAC,IACrE/C,GAAW,CAACxH,EAAEwK,KAAgBxK,EAAEuK,GAAa,CAAC,EAAuB,CAAC,CAAC,IAE5E,SAAA,CAAA9B,wBAACC,GAAAA,OAAO,OAAP,CACC,GAAI,EACJ,GAAI,EACJ,SAAU,CACRmB,QAAS,CACP3K,EAAG,EACHkK,KAAM9G,EACN4G,OAAQvG,IAAkBL,CAAAA,EAE5ByH,YAAa,CACX7K,EAAI2F,EAAuBA,EAAY7E,EAAEW,QAAU,CAAC,EAAlCA,EAClByI,KAAM9G,EACN4G,OAAQvG,IAAkBL,EAC1B0H,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASzF,EAAW,cAAgB,UACpC,KAAM,CAAEtF,EAAG,EAAG8K,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,EACvD,MAAO,CACLU,YAAa,GACbtB,aAAc,oBAAA,EACd,EAEHpI,GAAcjB,EAAE0K,8BACdhC,GAAAA,OAAO,KAAP,CACC,SAAU,CACRmB,QAAS,CACPC,QAAS,EACTrK,EACEgL,GACE5F,EAAuBA,EAAY7E,EAAEW,QAAU,CAAC,EAAlCA,EAAkC,EAEtDoJ,YAAa,CACXD,QAAS,EACTrK,EACEgL,GACE5F,EAAuBA,EAAY7E,EAAEW,QAAU,CAAC,EAAlCA,GAClBqJ,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASzF,EAAW,cAAgB,UACpC,KAAM,CAAEsF,QAAS,EAAGE,WAAY,CAAEC,SAAUhI,EAAQgI,QAAAA,CAAS,EAC7D,EAAG,EACH,UAAWW,EAAAA,GAAG,UAAW9I,GAAY+I,iBAAiB,EACtD,MAAO,CACLC,WAAYL,IAAuB,GAAK,MAAQ,QAChDrB,KAAMxG,IAAc,OACpByG,aAAc,qBACd,GAAIxH,GAAQgJ,mBAAqB,CAAA,CAAC,EAEpC,GAAIJ,EAAqB,EACzB,GAAI,EAEHzK,SAAAA,EAAE0K,MACL,EACE,IAAA,GAzGC1K,EAAE0K,OAAS,GAAG1K,EAAEuK,GAAG,IAAIvK,EAAEwK,IAAI,EA0GpC,CAEJ,CAAC,CAAA,EACL,EACCrI,GAAa2C,OAAO9E,GAAKA,EAAE2I,WAAa,OAAO,EAAEC,IAAI5I,GAAKA,EAAE6I,KAAK,CAAA,CAAA,CACpE,CAAA,CACF,EACCvH,KAAmB,GAAQ,KAC1BmH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWmC,KAAG,4CAA6C9I,GAAYiJ,WAAW,EACpFpH,SAAAA,GACC4E,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,8MACV,QAAS,IAAM,CACb7E,GAAc,EAAK,CACrB,EAEA,SAAA6E,EAAAA,kBAAAA,IAACuC,GAAAA,EAAA,CAAA,CAAC,CAAA,CACJ,EACAzC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,+EACV,MAAO,CACL1H,MAAOwB,GAAcqB,OAAY,OAAA,EAGlChB,SAAAA,CAAAA,IAAkBA,KAAmB,GACpC6F,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,uBACV,MAAO,CAAEwC,gBAAiB3I,CAAAA,EAAW,EAEvCmG,wBAACnJ,GAAAA,GACC,KAAK,KACL,aAAa,OACb,UAAU,sFACV,MAAO,CACL4L,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,UAAA,EAGlB1I,SAAAA,EAAAA,CACH,CAAA,EACF,EACA+F,EAAAA,kBAAAA,IAAC4C,GAAAA,EAAA,CAAO,KAAK,IAAA,CAAI,0BAChBC,GAAA,EAAS,EACV7C,EAAAA,kBAAAA,IAAC4C,GAAAA,EAAA,CAAO,KAAK,IAAA,CAAI,CAAA,CAAA,CACnB,EACE,KACH5K,GAAuBA,IAAwB,GAC9CgI,EAAAA,kBAAAA,IAACnJ,GAAAA,EAAA,CACC,KAAK,KACL,aAAa,KACb,UAAU,sFACV,MAAO,CACL4L,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,UAAA,EAGlB3K,WACH,EACE,KACF4B,GAmEAoG,wBAAC,MAAA,CAAI,UAAU,sBACZ/H,SAAAA,EAAYkI,IAAI,CAAC5I,EAAGhB,IACnBuJ,yBAAC,MAAA,CAEC,UAAU,0BACV,YAAa,IAAM,CACjB/E,EAAiBjD,EAAOvB,EAAIuB,EAAOwE,MAAM,CAAC,CAC5C,EACA,aAAc,IAAM,CAClBvB,EAAiBE,MAAS,CAC5B,EAEA,SAAA,CAAA+E,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,uBACV,MAAO,CAAEwC,gBAAiB1K,EAAOvB,EAAIuB,EAAOwE,MAAM,CAAA,EAAI,EAExD0D,EAAAA,kBAAAA,IAACnJ,GAAAA,GAAE,KAAK,KAAK,aAAa,OAAO,QAAQ,OACtCU,SAAAA,CAAAA,CACH,CAAA,CAAA,EAfKhB,CAgBP,CACD,CAAA,CACH,EAvFAyJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAM,OAAO,QAAQ,aAAa,UAAU,MAC/C,SAAAF,EAAAA,kBAAAA,KAAC,IAAA,CACE7H,SAAAA,CAAAA,EAAYkI,IAAI,CAAC5I,EAAGhB,IACnBuJ,EAAAA,kBAAAA,KAAC,IAAA,CAEC,YAAa,IAAM,CACjB/E,EAAiBjD,EAAOvB,CAAC,CAAC,CAC5B,EACA,aAAc,IAAM,CAClBwE,EAAiBE,MAAS,CAC5B,EACA,UAAU,iBAEV,SAAA,CAAA+E,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAIzJ,EAAI,IAAOuB,EAAOwE,OAAS,EAC/B,EAAG,EACH,MAAO,IAAMxE,EAAOwE,OAAS,EAC7B,OAAQ,EACR,UACExB,IAAkBhD,EAAOvB,CAAC,EACtB,uDACA,GAEN,MAAO,CACLoK,KAAM7I,EAAOvB,CAAC,EACd,GAAIuE,IAAkBhD,EAAOvB,CAAC,EAAI,CAAA,EAAK,CAAEkK,OAAQ3I,EAAOvB,CAAC,CAAA,CAAE,EAC3D,EAEJyJ,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAKzJ,EAAI,GAAK,IAAOuB,EAAOwE,OAC5B,EAAG,GACH,UAAU,2DACV,MAAO,CAAE+F,WAAY,QAAA,EAEpBS,SAAAA,GAAAA,yBAAyBvL,EAAa,IAAI,CAAA,CAC7C,CAAA,CAAA,EA/BKhB,CAgCP,CACD,EACDyJ,EAAAA,kBAAAA,IAAC,IAAA,CACC,SAAAA,EAAAA,kBAAAA,IAAC,OAAA,CACC,YAAa,IAAM,CACjBjF,EAAiBjD,EAAOG,EAAYqE,MAAM,CAAC,CAC7C,EACA,aAAc,IAAM,CAClBvB,EAAiBE,MAAS,CAC5B,EACA,EAAIhD,EAAYqE,OAAS,IAAOxE,EAAOwE,OAAS,EAChD,EAAG,EACH,MAAO,IAAMxE,EAAOwE,OAAS,EAC7B,OAAQ,EACR,UAAW,kBACTxB,IAAkBhD,EAAOG,EAAYqE,MAAM,EACvC,gEACA,EAAE,GAER,MAAO,CACLqE,KAAM7I,EAAOG,EAAYqE,MAAM,EAC/B,GAAIxB,IAAkBhD,EAAOG,EAAYqE,MAAM,EAC3C,CAAA,EACA,CAAEmE,OAAQ3I,EAAOG,EAAYqE,MAAM,CAAA,CAAE,EACzC,CAAA,CAEN,CAAA,EACF,EACF,CAuBA,CAAA,CAEJ,CAAA,EACF,0BAEC,SAAA,CACC,KAAK,SACL,UAAU,gEACV,QAAS,IAAM,CACbnB,GAAc,EAAI,CACpB,EAEA,SAAA6E,wBAAC,MAAA,CAAI,UAAU,wOAAwO,SAAA,cAEvP,EACF,CAAA,CAEJ,EAEDzG,IAAoB,UACnBuG,yBAAC,MAAA,CAAI,UAAU,mDACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,QAAS,IAAML,GAAW,IAAI,EAC9B,UAAU,kLACX,SAAA,GAAA,CAED,EACAK,EAAAA,kBAAAA,IAAC,UACC,QAAS,IAAML,GAAW,KAAK,EAC/B,UAAU,6LACX,SAAA,GAAA,CAED,CAAA,CAAA,CACF,CAAA,EAEJ,EACCxG,GAAkBmC,KAAmBL,OACpC+E,EAAAA,kBAAAA,IAAC+C,GAAAA,cACC,KAAM5J,EACN,KAAMmC,GACN,QAASC,EACT,UAAWlC,GAAY2J,MAAM,EAE7B,KACHxH,IAAiBjD,GAAWmD,IAAUE,2BACpCqH,GAAAA,QAAA,CACC,KAAMzH,GACN,KAAMjD,EACN,KAAMmD,GACN,KAAME,GACN,gBAAiBxC,GAAQb,QACzB,UAAWc,GAAYd,QAAQ,EAE/B,IAAA,EACN,CAEJ,CChjBO,SAAA2K,GAAAtL,EAAA,CAAA,MAAAuL,EAAAC,EAAAA,uBAAAA,EAAA,GAAA,EACL,CAAAvL,KAAAA,EAAAE,QAAAsL,EAAAC,WAAAA,EAAAxL,OAAAA,EAAAyL,QAAAA,EAAAC,iBAAAA,EAAArL,OAAAA,EAAAC,MAAAA,EAAAqL,SAAAC,EAAA1L,oBAAAA,EAAAC,YAAAA,EAAA0L,oBAAAC,GAAA1L,OAAA2L,GAAAxL,MAAAyL,GAAAxL,YAAAA,EAAAyL,QAAAA,GAAAtL,eAAAuL,GAAArL,eAAAsL,GAAAzB,gBAAA0B,GAAA1L,WAAA2L,EAAAzL,eAAA0L,GAAA7L,QAAAA,EAAA8L,eAAAA,EAAAzL,kBAAAA,EAAA0L,WAAAC,GAAA1L,eAAA2L,EAAA1L,gBAAA2L,EAAA1L,oBAAAA,EAAA2L,QAAAA,GAAA1L,sBAAA2L,GAAA1L,mBAAAA,GAAA2L,cAAAC,EAAAC,aAAAC,GAAAC,eAAAC,GAAAC,SAAAC,GAAAC,UAAAC,GAAAC,MAAAC,GAAAC,UAAAA,GAAAtM,4BAAAuM,EAAAtM,eAAAA,EAAAC,OAAAA,EAAAC,WAAAA,EAAAC,cAAAoM,GAAAnM,gBAAAoM,EAAAnM,QAAAoM,GAAAnM,cAAAoM,EAAAnM,aAAAoM,EAAAnM,eAAAA,GAAAoM,SAAAC,GAAAlM,4BAAAA,GAAAD,SAAAoM,GAAAlM,eAAAmM,EAAAlM,YAAAmM,GAAAlM,eAAAA,EAAAC,eAAAA,GAAAC,WAAAiM,EAAAhM,iBAAAiM,GAAAhM,2BAAAiM,EAAAC,WAAAA,CAAAA,EA4DI3O,EA1DFG,EAAAsL,IAAApI,OAAA,kGAAAoI,EAOAI,GAAAC,IAAAzI,OAAA,mVAAAyI,EAGAC,EAAAC,KAAA3I,OAAA,YAAA2I,GACA1L,GAAA2L,KAAA5I,OAAA,EAAA4I,GACAxL,GAAAyL,KAAA7I,OAAA,IAAA6I,GAGArL,EAAAuL,KAAA/I,OAAA,GAAA+I,GACArL,GAAAsL,KAAAhJ,OAAiBuL,GAAAA,OAAMC,MAAMC,YAA7BzC,GACAzB,GAAA0B,KAAAjJ,OAAA,GAAAiJ,GACA1L,GAAA2L,IAAAlJ,OAAA,GAAAkJ,EACAzL,GAAA0L,KAAAnJ,OAAiBuL,GAAAA,OAAMC,MAAME,MAAO,UAAU,EAA9CvC,GAIAE,EAAAC,KAAAtJ,OAAA,GAAAsJ,GACA1L,GAAA2L,IAAAvJ,OAAA,GAAAuJ,EAAqB,IAAAoC,GAAAzD,OAAAsB,GACrBmC,GAAAnC,IAAAxJ,OAAA,CAAmB,GAAK,CAAC,EAAzBwJ,EAA0BtB,KAAAsB,EAAAtB,KAAAyD,IAAAA,GAAAzD,EAAA,CAAA,EAA1B,MAAArK,GAAA8N,GAA0B,IAAAC,EAAA1D,OAAAwB,IAG1BkC,EAAAlC,KAAA1J,OAAA,CAAA,EAAA0J,GAA0BxB,KAAAwB,GAAAxB,KAAA0D,GAAAA,EAAA1D,EAAA,CAAA,EAA1B,MAAAnK,EAAA6N,EAEAjC,EAAAC,IAAA5J,OAAA,GAAA4J,EACAC,EAAAC,KAAA9J,OAAA,GAAA8J,GACAC,EAAAC,KAAAhK,OAAA,GAAAgK,GACAC,GAAAC,KAAAlK,OAAA,KAAAkK,GACAC,EAAAC,KAAApK,OAAA,EAAAoK,GACAC,EAAAC,KAAAtK,OAAA,QAAAsK,GAEArM,GAAAuM,IAAAxK,OAAA,GAAAwK,EAIAnM,GAAAoM,KAAAzK,OAAA,eAAAyK,GACAnM,GAAAoM,IAAA1K,OAAA,SAAA0K,EACAnM,GAAAoM,KAAA3K,OAAA,GAAA2K,GACAnM,GAAAoM,IAAA5K,OAAA,GAAA4K,EAAmB,IAAAiB,GAAA3D,OAAA2C,GACnBgB,GAAAhB,IAAA7K,OAAA,CAAA,EAAA6K,EAAiB3C,KAAA2C,EAAA3C,KAAA2D,IAAAA,GAAA3D,EAAA,CAAA,EAAjB,MAAAzJ,GAAAoN,GAAiB,IAAAC,GAAA5D,OAAA6C,IAEjBe,GAAAf,KAAA/K,OAAA,CAAA+L,QAAsB,GAAKC,SAAY,GAAKC,mBAAsB,EAAA,EAAlElB,GAAwE7C,KAAA6C,GAAA7C,KAAA4D,IAAAA,GAAA5D,EAAA,CAAA,EAAxE,MAAA4C,EAAAgB,GAEAlN,GAAAoM,KAAAhL,OAAWuL,GAAAA,OAAMW,cAAe,UAAU,EAA1ClB,GAA2C,IAAAmB,GAAAjE,OAAA+C,GAC3CkB,GAAAlB,IAAAjL,OAAA,CAAA,EAAAiL,EAAmB/C,KAAA+C,EAAA/C,KAAAiE,IAAAA,GAAAjE,EAAA,CAAA,EAAnB,MAAApJ,GAAAqN,GACApN,GAAAmM,KAAAlL,OAAA,OAAAkL,GAGAhM,GAAAiM,IAAAnL,OAAauL,GAAAA,OAAMW,cAAe,UAAU,EAA5Cf,EAA6C,IAAAiB,GAAAlE,QAAAkD,IAC7CgB,GAAAhB,KAAApL,OAAA,CAAoB,EAAG,CAAC,EAAxBoL,GAAyBlD,MAAAkD,GAAAlD,MAAAkE,IAAAA,GAAAlE,EAAA,EAAA,EAAzB,MAAA/I,GAAAiN,GACAhN,GAAAiM,IAAArL,OAAA,GAAAqL,EAIF,CAAAgB,GAAAC,EAAA,EAAgCvM,EAAAA,SAAS,CAAC,EAC1C,CAAAwM,GAAAC,EAAA,EAAkCzM,EAAAA,SAAS,CAAC,EAC5C,CAAA0M,EAAAC,EAAA,EAAwB3M,EAAAA,SAAS+K,EAAQkB,QAAS,EAAE,IAAAW,GAAA,GAAAzE,QAAAtL,GAAAsL,EAAA,EAAA,IAAA4C,EAAA8B,WAAA,CAAA,IAAAC,EAAA3E,EAAA,EAAA,IAAA4C,EAAA8B,YAMvCC,EAAAC,GAAKC,GAAAA,MAAM,GAAGzQ,EAAC0Q,IAAK,GAAIlC,EAAQ8B,YAAR,OAA+B,IAAIK,IAAM,EAACC,QAAAA,EAAUhF,EAAA,EAAA,EAAA4C,EAAA8B,WAAA1E,MAAA2E,GAAAA,EAAA3E,EAAA,EAAA,EAJvFyE,GAAc,CAAA,GACT,IAAIQ,IACLvQ,EAAIwE,OACMgM,EAAW,EAAClI,IACf2H,CAA4E,CACrF,CAAC,EAEHF,GAAKU,KAAMC,EAAe,EAACpF,MAAAtL,EAAAsL,EAAA,EAAA,EAAA4C,EAAA8B,WAAA1E,MAAAyE,EAAA,MAAAA,GAAAzE,EAAA,EAAA,EAR7B,MAAAqF,EASEZ,GAEF,CAAA7G,EAAA0H,EAAA,EAA0BzN,WAAS+K,EAAQkB,SAAR,EAAwBuB,EAAelM,OAAU,CAAC,EAErF,CAAAoM,GAAAC,EAAA,EAAgC3N,EAAAA,SAAwCC,MAAS,EACjF,CAAA2N,GAAAC,EAAA,EAA8C7N,EAAAA,SAAwCC,MAAS,EAC/F6N,GAAiBzN,EAAAA,OAAuB,IAAI,EAC5C0N,GAAuB1N,EAAAA,OAAuB,IAAI,EAAE,IAAAyM,GAAA3E,EAAA,EAAA,IAAAQ,GAAAR,QAAAlL,GAAAkL,EAAA,EAAA,IAAArL,GAAAwE,QAAA6G,QAAAtL,GAElDiQ,GAAA7P,IACC0L,IAAwB,cACrBqF,GAAAA,aAAanR,EAAM,GAInB,EAHAoR,GAAAA,SACEpR,EAAIsI,IAAK+I,EAAqC,EAC9CpR,GAAMwE,QAAN,CACF,GAAE6G,MAAAQ,EAAAR,MAAAlL,EAAAkL,EAAA,EAAA,EAAArL,GAAAwE,OAAA6G,MAAAtL,EAAAsL,MAAA2E,IAAAA,GAAA3E,EAAA,EAAA,EAPR,MAAA3G,GACEsL,GAMO,IAAAqB,GAAAC,GAAAjG,EAAA,EAAA,IAAAkG,OAAAC,IAAA,2BAAA,GACCH,GAAAA,IAAA,CACR,MAAAI,EAAuB,IAAIC,eAAeC,GAAA,CACxClC,GAAYkC,EAAO,CAAA,EAAGC,OAAOC,aAAjB,GAAoC,EAChDlC,GAAagC,EAAO,CAAA,EAAGC,OAAOE,cAAjB,GAAqC,CAAC,CACpD,EACD,OAAId,GAAQ7L,SACVsM,EAAcM,QAASf,GAAQ7L,OAAQ,EAElC,IAAMsM,EAAcO,WAAAA,CAAa,EACvCV,GAAA,CAAA,EAAEjG,MAAAgG,GAAAhG,MAAAiG,KAAAD,GAAAhG,EAAA,EAAA,EAAAiG,GAAAjG,EAAA,EAAA,GATLrG,EAAAA,UAAUqM,GASPC,EAAE,EAAC,IAAAW,GAAA5G,EAAA,EAAA,IAAAkG,OAAAC,IAAA,2BAAA,GAE+BS,GAAAC,GAAA,CACnCrB,GAAYqB,CAAK,CAAC,EACnB7G,MAAA4G,IAAAA,GAAA5G,EAAA,EAAA,EAFD,MAAA8G,GAAsBC,EAAAA,eAAeH,EAEpC,EAAE,IAAAI,GAAAhH,EAAA,EAAA,IAAAkG,OAAAC,IAAA,2BAAA,GAE4Ca,GAAAC,GAAA,CAC7CvB,GAAmBmB,CAAK,CAAC,EAC1B7G,MAAAgH,IAAAA,GAAAhH,EAAA,EAAA,EAFD,MAAAkH,GAAgCH,EAAAA,eAAeC,EAE9C,EAAE,IAAAG,GAAAnH,EAAA,EAAA,IAAApL,GAAAoL,QAAA8G,IACOK,GAAAA,IAAA,CACJ,OAAOvS,GAAY,SACHwS,GAAAA,kBAAkBxS,CAAO,EAClCyS,KAAMC,GAAA,CACbR,GAAc1S,CAAsB,CAAC,CACtC,EAED0S,GAAclS,CAAO,CACtB,EACFoL,MAAApL,EAAAoL,MAAA8G,GAAA9G,MAAAmH,IAAAA,GAAAnH,EAAA,EAAA,EAAA,IAAAuH,GAAAvH,QAAApL,GAAE2S,GAAA,CAAC3S,CAAO,EAACoL,MAAApL,EAAAoL,MAAAuH,IAAAA,GAAAvH,EAAA,EAAA,EATZrG,EAAAA,UAAUwN,GASPI,EAAS,EAAC,IAAAC,GAAAxH,QAAAoD,GAAAxO,SAAAoL,QAAAkH,IACHM,GAAAA,IAAA,CACHpE,GAAUxO,SAAWsS,GAAwBpP,MAAS,EACvD,OAAOsL,GAAUxO,SAAc,SACfwS,GAAAA,kBAAkBhE,GAAUxO,OAAS,EAC9CyS,KAAMI,GAAA,CACbP,GAAwB9S,CAAsB,CAAC,CAChD,EAED8S,GAAwB9D,GAAUxO,OAAS,CAC5C,EACFoL,EAAA,EAAA,EAAAoD,GAAAxO,QAAAoL,MAAAkH,GAAAlH,MAAAwH,IAAAA,GAAAxH,EAAA,EAAA,EAAG,MAAA0H,GAAAtE,GAAUxO,QAAS,IAAA+S,GAAA3H,QAAA0H,IAApBC,GAAA,CAACD,EAAmB,EAAC1H,MAAA0H,GAAA1H,MAAA2H,IAAAA,GAAA3H,EAAA,EAAA,EAVxBrG,EAAAA,UAAU6N,GAUPG,EAAqB,EAAC,IAAAC,GAAAC,GAAA7H,EAAA,EAAA,IAAAuE,GAAAvE,EAAA,EAAA,IAAA4C,EAAAkF,OAAA9H,EAAA,EAAA,IAAAqF,GAEfuC,GAAAA,IAAA,CACR,MAAAG,EAAiBC,YACf,IAAA,CACE1C,MAAelS,EAAIiS,EAAelM,OAAU,EAAI/F,EAAI,EAArC,CAA2C,CAAC,GAE5DwP,EAAQkF,OAAR,GAAuB,GAC1B,EACA,OAAKvD,GAAM0D,cAAcF,CAAQ,EAC1B,IAAME,cAAcF,CAAQ,CAAC,EACnCF,GAAA,CAACxC,EAAiBd,EAAM3B,EAAQkF,KAAM,EAAC9H,MAAAuE,EAAAvE,EAAA,EAAA,EAAA4C,EAAAkF,MAAA9H,MAAAqF,EAAArF,MAAA4H,GAAA5H,MAAA6H,KAAAD,GAAA5H,EAAA,EAAA,EAAA6H,GAAA7H,EAAA,EAAA,GAT1CrG,EAAAA,UAAUiO,GASPC,EAAuC,EAMxC,MAAAK,GAAAtF,EAAQ8B,YAAR,OAA6B,IAAAyD,GAAAnI,EAAA,EAAA,IAAApC,GAAAoC,QAAAkI,IAAAlI,EAAA,EAAA,IAAA4C,EAAAmB,oBAAA/D,QAAAqF,GAJf8C,GAAAC,GAAAA,eACd/C,EACAzH,EACAgF,EAAQmB,mBACRmE,EACF,EAAClI,MAAApC,EAAAoC,MAAAkI,GAAAlI,EAAA,EAAA,EAAA4C,EAAAmB,mBAAA/D,MAAAqF,EAAArF,MAAAmI,IAAAA,GAAAnI,EAAA,EAAA,EALD,MAAAqI,GAAgBF,GAQDG,GAAApS,GAAUqS,eACdC,GAAAvS,GAAMsS,eAAgB,IAAAE,GAAAzI,QAAA9J,GAAAwS,aAAA1I,QAAA9J,GAAAyS,OAAA3I,QAAAtL,GAAAsL,EAAA,EAAA,IAAA2B,GAAA3B,EAAA,EAAA,IAAAK,GAAAL,EAAA,EAAA,IAAAyB,GAAAzB,QAAAG,GAAAH,EAAA,EAAA,IAAA/J,GAAAyS,aAAA1I,EAAA,EAAA,IAAA/J,GAAA0S,OAAA3I,EAAA,EAAA,IAAA/K,GAa5BwT,GAAAtI,GAAAE,GAAAoB,GAAAE,EACC9E,wBAAC+L,GAAAA,aACS,OAAA,CAAAD,MACC1S,GAAM0S,MAAOD,YACPzS,GAAMyS,WAAAA,EAET,WAAA,CAAAC,MACHzS,GAAUyS,MAAOD,YACXxS,GAAUwS,WAAAA,EAEbvI,WAAAA,EACME,iBAAAA,EACXpL,MAAAA,EACQ,cAAAwM,EAAAmE,GAAA9N,OAEb,aAAA6J,EACIjN,EAAIsI,IAAK6L,EAAW,EAAC3P,OAAQ4P,EAAoB,EAAC3P,OAAU,EAC1DzE,EAAIsI,IAAK+L,EAAW,EAAC7P,OAAQ8P,EACG,EAAhCtU,EAAIwE,OAAQ+P,EAAoB,EAHtC,KAIQ,EAnBb,KAsBOjJ,EAAA,EAAA,EAAA9J,GAAAwS,YAAA1I,EAAA,EAAA,EAAA9J,GAAAyS,MAAA3I,MAAAtL,EAAAsL,MAAA2B,EAAA3B,MAAAK,EAAAL,MAAAyB,EAAAzB,MAAAG,EAAAH,EAAA,EAAA,EAAA/J,GAAAyS,YAAA1I,EAAA,EAAA,EAAA/J,GAAA0S,MAAA3I,MAAA/K,EAAA+K,MAAAyI,IAAAA,GAAAzI,EAAA,EAAA,EAAA,IAAAkJ,GAAAlJ,QAAApC,GAAAoC,EAAA,EAAA,IAAAqI,IAAArI,EAAA,EAAA,IAAAuE,GAAAvE,QAAA4C,EAAAiB,SAAA7D,QAAAqF,GACP6D,GAAAtG,EAAQiB,SAAYwB,EAAelM,OAAU,GAA7CkP,GACC1L,EAAAA,kBAAAA,KAAA,MAAA,CAAe,UAAA,0BAA8B,IAAA,MAC3C,SAAA,CAAAE,EAAAA,kBAAAA,IAAA,SAAA,CACO,KAAA,SACI,QAAA,IAAA,CACP2H,GAAQ,CAACD,CAAI,CAAC,EAEN,UAAA,6CACE,aAAAA,EAAA,2BAAA,0BAEXA,SAAAA,EAAO1H,EAAAA,kBAAAA,IAACsM,GAAAA,MAAA,EAAK,EAAMtM,EAAAA,kBAAAA,IAACuM,GAAAA,SACvB,EACAvM,EAAAA,kBAAAA,IAACwM,GAAAA,GAAA,CACM,IAAAhE,EAAe,CAAA,EACf,IAAAA,EAAgBA,EAAelM,OAAU,CAAC,EACxCkP,MAAAA,GACD,KAAA,KACQ,aAAAhD,EAAgBA,EAAelM,OAAU,CAAC,EACjD,MAAAkM,EAAgBzH,CAAK,EACV,iBAAA0L,GAAA,CAChBhE,GAASD,EAAehI,QAASiM,CAAmB,CAAC,CAAC,EAE9C,SAAAC,GAAA,CACRjE,GAASD,EAAehI,QAASiM,CAAmB,CAAC,CAAC,EAE7C,aAAA,6DAAA,IAEf,EA3BD,KA4BOtJ,MAAApC,EAAAoC,MAAAqI,GAAArI,MAAAuE,EAAAvE,EAAA,EAAA,EAAA4C,EAAAiB,QAAA7D,MAAAqF,EAAArF,MAAAkJ,IAAAA,GAAAlJ,EAAA,EAAA,EAAA,IAAAwJ,GAAAxJ,EAAA,EAAA,IAAA3J,IAAA2J,QAAA7K,GAAA6K,EAAA,EAAA,IAAAQ,GAAAR,EAAA,EAAA,IAAA9J,GAAA8J,EAAA,EAAA,IAAArJ,IAAAqJ,EAAA,EAAA,IAAArL,GAAAqL,EAAA,EAAA,IAAAzJ,IAAAyJ,EAAA,EAAA,IAAAtL,GAAAsL,QAAAhK,GAAAgK,EAAA,EAAA,IAAA1J,IAAA0J,EAAA,EAAA,IAAA3G,IAAA2G,EAAA,EAAA,IAAAjJ,IAAAiJ,EAAA,EAAA,IAAAtJ,IAAAsJ,EAAA,EAAA,IAAAlJ,GAAAkJ,EAAA,EAAA,IAAAhL,GAAAgL,EAAA,EAAA,IAAAnK,GAAAmK,EAAA,EAAA,IAAApJ,IAAAoJ,QAAApC,GAAAoC,EAAA,EAAA,IAAAmB,GAAAnB,EAAA,EAAA,IAAAhJ,IAAAgJ,EAAA,EAAA,IAAAzK,IAAAyK,EAAA,EAAA,IAAA1K,GAAA0K,EAAA,EAAA,IAAAnL,GAAAmL,EAAA,EAAA,IAAAxK,IAAAwK,EAAA,EAAA,IAAAoD,GAAA7N,gBAAAyK,EAAA,EAAA,IAAAoD,GAAA9N,gBAAA0K,EAAA,EAAA,IAAA7J,IAAA6J,QAAAnJ,IAAAmJ,EAAA,EAAA,IAAAuF,IAAAvF,EAAA,EAAA,IAAAxJ,IAAAwJ,EAAA,EAAA,IAAAiC,GAAAjC,EAAA,EAAA,IAAAlK,IAAAkK,EAAA,EAAA,IAAAvK,GAAAuK,EAAA,EAAA,IAAAyF,IAAAzF,QAAA/I,IAAA+I,EAAA,EAAA,IAAAjL,IAAAiL,EAAA,EAAA,IAAAkB,GAAAlB,EAAA,GAAA,IAAAjK,IAAAiK,EAAA,GAAA,IAAA9I,IAAA8I,EAAA,GAAA,IAAA9K,IAAA8K,EAAA,GAAA,IAAA6B,GAAA7B,EAAA,GAAA,IAAAtK,IAAAsK,EAAA,GAAA,IAAA3K,IAAA2K,SAAA/J,GAAA+J,EAAA,GAAA,IAAAqE,IAAArE,EAAA,GAAA,IAAAmE,IAAAnE,EAAA,GAAA,IAAAmC,GAAAnC,EAAA,GAAA,IAAA4C,EAAA8B,YAAA1E,SAAA4C,EAAAiB,SAAA7D,EAAA,GAAA,IAAA5K,GAAA4K,EAAA,GAAA,IAAAqF,GAAArF,SAAA/K,GAAA+K,EAAA,GAAA,IAAA5J,IAAA4J,EAAA,GAAA,IAAArK,IAAAqK,EAAA,GAAA,IAAApK,GACR4T,GAAA3M,EAAAA,kBAAAA,IAAC4M,aAAA,CAAe9D,IAAAA,GACbxB,aAAAE,IAAAkB,GACC1I,EAAAA,kBAAAA,IAACrI,GAAA,CACWkC,SAAAA,GACJ,KAAAhC,EAAIwE,OAAQwQ,GAChB9G,EAAQiB,QACJ,GAAGzP,EAAC0Q,IAAK,KACT6E,UAAO,IAAI5E,KAAKM,EAAgBzH,CAAK,CAAC,EAAGgF,EAAQ8B,YAAR,MAA6B,EAF1EgF,CAIF,EAEE,QAAA7H,EAAA0D,GAAA,CAAA,GAGSA,GAAQrI,SACDqI,GAAQrI,SAAShE,OACzB0Q,EACF,CAAA,EAGQnE,eAAAA,GACO,sBAAArC,GAAU7N,eACV,sBAAA6N,GAAU9N,eACpB+D,YAAAA,GACN8K,MAAAA,GACCE,OAAAA,GACDnP,MAAAA,GACMC,YAAAA,EAEX,OAAAR,IACC6L,IAAwB,cACrB6C,GAAAA,OAAOlB,CAAK,EAAC0H,iBACX,kBAAkBxQ,GAAMF,MAAgC,EAAE,EAE5DkK,GAAAA,OAAOlB,CAAK,EAAC0H,iBACX,kBAAmBxQ,GAAMF,OAAU,CAA2B,EAAE,GAGnDtE,oBAAAA,EACbE,OAAAA,GACK,YAAAyL,IAAwB,cACrBlL,eAAAA,EACAE,eAAAA,GACAD,eAAAA,GACPH,QAAAA,EACUK,kBAAAA,EACPJ,WAAAA,GACA8L,WAAAA,EACIzL,eAAAA,GACCC,gBAAAA,GACIC,oBAAAA,EACDE,mBAAAA,GACGD,sBAAAA,EACME,4BAAAA,GACrBE,OAAAA,EACIC,WAAAA,EACKE,gBAAAA,GACDJ,eAAAA,EACD,cAAAG,KAAkBgL,EAAA,eAAA,YAE/B,QAAA9K,KAAY,GAAZ,CAAAgI,SACgB,GAAGvF,KAAQ,GAAIC,OAAU,EAAA,EACrC1C,IAAA,CAAAgI,SAAuB,EAACvF,KAAQ,GAAIC,OAAU,CAAA,EAErCzC,cAAAA,GACDC,aAAAA,GAEZ,eAACyH,GAAAA,uBAAuBxH,EAAc,EAElCkF,KAAIoO,IAAI,GAAIpV,EAAIsI,IAAK+M,EAAa,EAAC7Q,OAAQ8Q,EAAkC,CAAC,EAD7ExT,GAGsBG,4BAAAA,GACbC,eAAAA,GACHC,YAAAA,GACGC,eAAAA,EACAC,eAAAA,GACJC,WAAAA,GACMC,iBAAAA,GACUC,2BAAAA,EAAAA,CAA0B,EAGxD2F,EAAAA,kBAAAA,IAAA,OACS,MAAA,CAAA7H,OACG,GAAG0G,KAAIoO,IACb7H,EACAjN,IACGkM,EACGe,GACGhN,GAAAkP,IAAqBjD,EAAiBe,GACpChN,GAAAkP,IAAqBjD,EADxBe,GAGChN,GAAAkP,IAAqBjD,EAL3BmD,GAOL,CAAC,IAAA,EAEO,UAAA,mCAEV,SAAAxH,wBAACoN,GAAAA,GAAmB,aAAA,eAAA,GACtB,EAEJ,EAAYjK,MAAA3J,GAAA2J,MAAA7K,EAAA6K,MAAAQ,EAAAR,MAAA9J,EAAA8J,MAAArJ,GAAAqJ,MAAArL,EAAAqL,MAAAzJ,GAAAyJ,MAAAtL,EAAAsL,MAAAhK,EAAAgK,MAAA1J,GAAA0J,MAAA3G,GAAA2G,MAAAjJ,GAAAiJ,MAAAtJ,GAAAsJ,MAAAlJ,EAAAkJ,MAAAhL,EAAAgL,MAAAnK,EAAAmK,MAAApJ,GAAAoJ,MAAApC,EAAAoC,MAAAmB,EAAAnB,MAAAhJ,GAAAgJ,MAAAzK,GAAAyK,MAAA1K,EAAA0K,MAAAnL,EAAAmL,MAAAxK,GAAAwK,EAAA,EAAA,EAAAoD,GAAA7N,eAAAyK,EAAA,EAAA,EAAAoD,GAAA9N,eAAA0K,MAAA7J,GAAA6J,MAAAnJ,GAAAmJ,MAAAuF,GAAAvF,MAAAxJ,GAAAwJ,MAAAiC,EAAAjC,MAAAlK,GAAAkK,MAAAvK,EAAAuK,MAAAyF,GAAAzF,MAAA/I,GAAA+I,MAAAjL,GAAAiL,MAAAkB,EAAAlB,OAAAjK,GAAAiK,OAAA9I,GAAA8I,OAAA9K,GAAA8K,OAAA6B,EAAA7B,OAAAtK,GAAAsK,OAAA3K,GAAA2K,OAAA/J,EAAA+J,OAAAqE,GAAArE,OAAAmE,GAAAnE,OAAAmC,EAAAnC,EAAA,GAAA,EAAA4C,EAAA8B,WAAA1E,EAAA,GAAA,EAAA4C,EAAAiB,QAAA7D,OAAA5K,EAAA4K,OAAAqF,EAAArF,OAAA/K,EAAA+K,OAAA5J,GAAA4J,OAAArK,GAAAqK,OAAApK,EAAAoK,OAAAwJ,IAAAA,GAAAxJ,EAAA,GAAA,EAAA,IAAAkK,GAAAlK,EAAA,GAAA,IAAA9J,GAAAiU,UAAAnK,EAAA,GAAA,IAAA9J,GAAAkU,QAAApK,EAAA,GAAA,IAAAM,IAAAN,EAAA,GAAA,IAAAI,GAAAJ,EAAA,GAAA,IAAA/J,GAAAkU,UAAAnK,EAAA,GAAA,IAAA/J,GAAAmU,QAAApK,SAAA/K,GACXiV,GAAA9J,GAAAE,GACCzD,EAAAA,kBAAAA,IAACwN,GAAAA,YAAA,CACS,OAAA,CAAAF,SAAYlU,GAAMkU,SAAUC,OAAUnU,GAAMmU,MAAAA,EACxC,WAAA,CAAAD,SACAjU,GAAUiU,SAAUC,OACtBlU,GAAUkU,MAAAA,EAEXhK,QAAAA,EACCE,SAAAA,GACHrL,MAAAA,CAAAA,CAAK,EATf,KAWO+K,EAAA,GAAA,EAAA9J,GAAAiU,SAAAnK,EAAA,GAAA,EAAA9J,GAAAkU,OAAApK,OAAAM,GAAAN,OAAAI,EAAAJ,EAAA,GAAA,EAAA/J,GAAAkU,SAAAnK,EAAA,GAAA,EAAA/J,GAAAmU,OAAApK,OAAA/K,EAAA+K,OAAAkK,IAAAA,GAAAlK,EAAA,GAAA,EAAA,IAAAsK,GAAA,OAAAtK,EAAA,GAAA,IAAAqC,IAAArC,EAAA,GAAA,IAAAX,IAAAW,EAAA,GAAA,IAAAuB,IAAAvB,EAAA,GAAA,IAAAhL,GAAAgL,EAAA,GAAA,IAAA+B,IAAA/B,EAAA,GAAA,IAAAiC,GAAAjC,EAAA,GAAA,IAAAY,IAAAZ,EAAA,GAAA,IAAAkB,GAAAlB,EAAA,GAAA,IAAAsI,IAAAtI,EAAA,GAAA,IAAAwI,IAAAxI,EAAA,GAAA,IAAAyI,IAAAzI,EAAA,GAAA,IAAAkJ,IAAAlJ,EAAA,GAAA,IAAAwJ,IAAAxJ,EAAA,GAAA,IAAAkK,IAAAlK,EAAA,GAAA,IAAAmC,GAAAnC,SAAA/K,GAnLVqV,4BAACC,kBAAA,CACY,UAAAjC,GACJ,MAAAE,GACHjH,MACCqE,OACOvD,aAAAA,GACKhD,gBAAAA,GACV8C,MAAAA,EACGJ,SAAAA,GACCE,UAAAA,EACJhN,MAAAA,EACCD,OAAAA,EACQkM,eAAAA,EACPN,QAAAA,GAER6H,SAAAA,CAAAA,GAuBAS,GA6BDM,GAqGCU,EAAAA,EAYH,EAAiBlK,OAAAqC,GAAArC,OAAAX,GAAAW,OAAAuB,GAAAvB,OAAAhL,EAAAgL,OAAA+B,GAAA/B,OAAAiC,EAAAjC,OAAAY,GAAAZ,OAAAkB,EAAAlB,OAAAsI,GAAAtI,OAAAwI,GAAAxI,OAAAyI,GAAAzI,OAAAkJ,GAAAlJ,OAAAwJ,GAAAxJ,OAAAkK,GAAAlK,OAAAmC,EAAAnC,OAAA/K,EAAA+K,OAAAsK,IAAAA,GAAAtK,EAAA,GAAA,EApLjBsK,EAoLiB,CAzUd,SAAAN,GAAAQ,EAAA,CAAA,OA6R8EpW,GAAM,IAAI,CA7RxF,SAAA2V,GAAAU,EAAA,CAAA,OA6RqCrW,EAACW,MAAO,CA7R7C,SAAA6U,GAAA9L,EAAA,CAAA,OAwOgCA,EAAEX,YAAiBuN,OAAK,YAAY,CAxOpE,SAAAzB,GAAA0B,EAAA,CAAA,OAsL4BvW,IAAM0D,MAAS,CAtL3C,SAAAkR,GAAA4B,EAAA,CAAA,OAqL6CxW,IAAM0D,MAAS,CArL5D,SAAAiR,GAAA8B,EAAA,CAAA,OAqLyBzW,EAACM,IAAK,CArL/B,SAAAoU,GAAAgC,EAAA,CAAA,OAoL2C1W,IAAM0D,MAAS,CApL1D,SAAA+Q,GAAAkC,EAAA,CAAA,OAoLuB3W,EAACM,IAAK,CApL7B,SAAAqR,GAAAiF,EAAA,CAAA,OAwFiB5W,EAACP,CAA+B,CAxFjD,SAAAuR,GAAA7R,EAAA0X,EAAA,CAAA,OA0EkB1X,EAAI0X,CAAC,CA1EvB,SAAA/F,GAAA9Q,EAAA,CAAA,OAsEgBA,EAAC0Q,IAAK","x_google_ignoreList":[0]}

package/dist/HybridMap.d.ts

@@ -1,3 +1,4 @@
+import { FeatureCollection } from 'geojson';
 import { JSX } from 'react/jsx-runtime';
 
 declare interface AnimateDataType {
@@ -103,7 +104,13 @@ declare interface Props {
     /** Maximum radius of the circle */
     radius?: number;
     /** Map data as an object in geoJson format or a url for geoJson */
-    mapData?: any;
+    mapData?: FeatureCollection | string;
+    /** Detail if any other map needs to be overlayed over the main map */
+    mapOverlay?: {
+        mapData: FeatureCollection | string;
+        mapBorderWidth?: number;
+        mapBorderColor?: string;
+    };
     /** 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. */
     rewindCoordinatesInMapData?: boolean;
     /** Scaling factor for the map. Multiplies the scale number to scale. */