@undp/data-viz 1.5.9 → 2.0.1

package/dist/BiVariateChoroplethMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"BiVariateChoroplethMap.js","sources":["../src/Components/Graphs/Maps/BiVariateMap/Graph.tsx","../src/Components/Graphs/Maps/BiVariateMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold } from 'd3-scale';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BivariateMapDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  MapProjectionTypes,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  data: BivariateMapDataType[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData: any;\r\n  xDomain: number[];\r\n  yDomain: number[];\r\n  width: number;\r\n  height: number;\r\n  colors: string[][];\r\n  xColorLegendTitle: string;\r\n  yColorLegendTitle: string;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  scale: number;\r\n  centerPoint?: [number, number];\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  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedIds: string[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapProperty: string;\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  showColorScale: boolean;\r\n  collapseColorScaleByDefault?: boolean;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    xDomain,\r\n    mapData,\r\n    xColorLegendTitle,\r\n    yDomain,\r\n    yColorLegendTitle,\r\n    width,\r\n    height,\r\n    colors,\r\n    scale,\r\n    centerPoint,\r\n    mapBorderWidth,\r\n    mapNoDataColor,\r\n    mapBorderColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedIds,\r\n    onSeriesMouseClick,\r\n    mapProperty,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    showColorScale,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\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 zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const bounds = bbox(mapData as any);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const center = centerOfMass(mapData as any);\r\n  const lonDiff = bounds[2] - bounds[0];\r\n  const latDiff = bounds[3] - bounds[1];\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([0, 0])\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([0, 0])\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([0, 0])\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([0, 0])\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([0, 0])\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n\r\n  const xRange = Array.from({ length: xDomain.length }, (_, i) => i);\r\n\r\n  const yRange = Array.from({ length: yDomain.length }, (_, i) => i);\r\n  const xScale = scaleThreshold<number, number>().domain(xDomain).range(xRange);\r\n  const yScale = scaleThreshold<number, number>().domain(yDomain).range(yRange);\r\n\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\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          width={`${width}px`}\r\n          height={`${height}px`}\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            {\r\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n              mapData.features.map((d: any, i: number) => {\r\n                const index = data.findIndex(el => el.id === d.properties[mapProperty]);\r\n                if (index !== -1) 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                    {d.geometry.type === 'MultiPolygon'\r\n                      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d.geometry.coordinates.map((el: any, j: any) => {\r\n                          let masterPath = '';\r\n                          el.forEach((geo: number[][]) => {\r\n                            let path = ' M';\r\n                            geo.forEach((c: number[], k: number) => {\r\n                              const point = projection([c[0], c[1]]) as [number, number];\r\n                              if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                              else path = `${path}${point[0]} ${point[1]}`;\r\n                            });\r\n                            masterPath += path;\r\n                          });\r\n                          return (\r\n                            <path\r\n                              key={j}\r\n                              d={masterPath}\r\n                              style={{\r\n                                stroke: mapBorderColor,\r\n                                strokeWidth: mapBorderWidth,\r\n                                fill: mapNoDataColor,\r\n                              }}\r\n                            />\r\n                          );\r\n                        })\r\n                      : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d.geometry.coordinates.map((el: any, j: number) => {\r\n                          let path = 'M';\r\n                          el.forEach((c: number[], k: number) => {\r\n                            const point = projection([c[0], c[1]]) as [number, number];\r\n                            if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                            else path = `${path}${point[0]} ${point[1]}`;\r\n                          });\r\n                          return (\r\n                            <path\r\n                              key={j}\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                          );\r\n                        })}\r\n                  </motion.g>\r\n                );\r\n              })\r\n            }\r\n            <AnimatePresence>\r\n              {data.map(d => {\r\n                const index = mapData.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                const xColorCoord = !checkIfNullOrUndefined(d.x)\r\n                  ? xScale(d.x as number)\r\n                  : undefined;\r\n                const yColorCoord = !checkIfNullOrUndefined(d.y)\r\n                  ? yScale(d.y as number)\r\n                  : undefined;\r\n                const color =\r\n                  xColorCoord !== undefined && yColorCoord !== undefined\r\n                    ? colors[yColorCoord][xColorCoord]\r\n                    : mapNoDataColor;\r\n\r\n                return (\r\n                  <motion.g\r\n                    key={d.id}\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) !== -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                    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                    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                  >\r\n                    {index === -1\r\n                      ? null\r\n                      : mapData.features[index].geometry.type === 'MultiPolygon'\r\n                        ? mapData.features[index].geometry.coordinates.map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (el: any, j: any) => {\r\n                              let masterPath = '';\r\n                              el.forEach((geo: number[][]) => {\r\n                                let path = ' M';\r\n                                geo.forEach((c: number[], k: number) => {\r\n                                  const point = projection([c[0], c[1]]) as [number, number];\r\n                                  if (k !== geo.length - 1)\r\n                                    path = `${path}${point[0]} ${point[1]}L`;\r\n                                  else path = `${path}${point[0]} ${point[1]}`;\r\n                                });\r\n                                masterPath += path;\r\n                              });\r\n                              return (\r\n                                <motion.path\r\n                                  key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                                  d={masterPath}\r\n                                  className={`${\r\n                                    color === mapNoDataColor\r\n                                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                      : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                                  }`}\r\n                                  style={{\r\n                                    strokeWidth: mapBorderWidth,\r\n                                  }}\r\n                                />\r\n                              );\r\n                            },\r\n                          )\r\n                        : mapData.features[index].geometry.coordinates.map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (el: any, j: number) => {\r\n                              let path = 'M';\r\n                              el.forEach((c: number[], k: number) => {\r\n                                const point = projection([c[0], c[1]]) as [number, number];\r\n                                if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                                else path = `${path}${point[0]} ${point[1]}`;\r\n                              });\r\n                              return (\r\n                                <motion.path\r\n                                  key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                                  className={`${\r\n                                    color === mapNoDataColor\r\n                                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                      : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                                  }`}\r\n                                  style={{\r\n                                    strokeWidth: mapBorderWidth,\r\n                                  }}\r\n                                />\r\n                              );\r\n                            },\r\n                          )}\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            </AnimatePresence>\r\n            {mouseOverData\r\n              ? mapData.features\r\n                  .filter(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n                  )\r\n\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  .map((d: any, i: number) => {\r\n                    return (\r\n                      <g key={i}>\r\n                        {d.geometry.type === 'MultiPolygon'\r\n                          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            d.geometry.coordinates.map((el: any, j: any) => {\r\n                              let masterPath = '';\r\n                              el.forEach((geo: number[][]) => {\r\n                                let path = ' M';\r\n                                geo.forEach((c: number[], k: number) => {\r\n                                  const point = projection([c[0], c[1]]) as [number, number];\r\n                                  if (k !== geo.length - 1)\r\n                                    path = `${path}${point[0]} ${point[1]}L`;\r\n                                  else path = `${path}${point[0]} ${point[1]}`;\r\n                                });\r\n                                masterPath += path;\r\n                              });\r\n                              return (\r\n                                <path\r\n                                  key={j}\r\n                                  d={masterPath}\r\n                                  className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  style={{\r\n                                    fill: 'none',\r\n                                    fillOpacity: 0,\r\n                                    strokeWidth: '0.5',\r\n                                  }}\r\n                                />\r\n                              );\r\n                            })\r\n                          : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            d.geometry.coordinates.map((el: any, j: number) => {\r\n                              let path = 'M';\r\n                              el.forEach((c: number[], k: number) => {\r\n                                const point = projection([c[0], c[1]]) as [number, number];\r\n                                if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                                else path = `${path}${point[0]} ${point[1]}`;\r\n                              });\r\n                              return (\r\n                                <path\r\n                                  key={j}\r\n                                  d={path}\r\n                                  className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  style={{\r\n                                    fill: 'none',\r\n                                    fillOpacity: 0,\r\n                                    strokeWidth: '0.5',\r\n                                  }}\r\n                                />\r\n                              );\r\n                            })}\r\n                      </g>\r\n                    );\r\n                  })\r\n              : null}\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='absolute left-4 bottom-4'>\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={{ width: '175px' }}\r\n                >\r\n                  <div className='flex gap-1 items-center'>\r\n                    <svg width='136px' viewBox='0 0 136 136' className='shrink-0'>\r\n                      <g>\r\n                        {colors.map((d, i) => (\r\n                          <g key={i} transform={`translate(0,${100 - i * 25})`}>\r\n                            {d.map((el, j) => (\r\n                              <rect\r\n                                key={j}\r\n                                y={1}\r\n                                x={j * 25 + 1}\r\n                                fill={el}\r\n                                width={23}\r\n                                height={23}\r\n                                strokeWidth={selectedColor === el ? 2 : 0.25}\r\n                                style={{ cursor: 'pointer' }}\r\n                                onMouseOver={() => {\r\n                                  setSelectedColor(el);\r\n                                }}\r\n                                onMouseLeave={() => {\r\n                                  setSelectedColor(undefined);\r\n                                }}\r\n                              />\r\n                            ))}\r\n                          </g>\r\n                        ))}\r\n                        <g transform='translate(0,125)'>\r\n                          {xDomain.map((el, j) => (\r\n                            <text key={j} y={10} x={(j + 1) * 25} fontSize={10} textAnchor='middle'>\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          ))}\r\n                        </g>\r\n                        {yDomain.map((el, j) => (\r\n                          <g\r\n                            key={j}\r\n                            transform={`translate(${\r\n                              Math.max(Math.min(xDomain.length + 1, 5), 4) * 25 + 10\r\n                            },${100 - j * 25})`}\r\n                          >\r\n                            <text\r\n                              x={0}\r\n                              transform='rotate(-90)'\r\n                              y={0}\r\n                              fontSize={10}\r\n                              textAnchor='middle'\r\n                            >\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                      </g>\r\n                    </svg>\r\n                    <P\r\n                      marginBottom='none'\r\n                      size='xs'\r\n                      className='leading-normal text-center shrink-0'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                        overflow: 'hidden',\r\n                        writingMode: 'vertical-rl',\r\n                        height: '8.5rem',\r\n                        transform: 'rotate(180deg)',\r\n                      }}\r\n                    >\r\n                      {yColorLegendTitle}\r\n                    </P>\r\n                  </div>\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='xs'\r\n                    className='mt-1 leading-normal text-center'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      width: '8.5rem',\r\n                      WebkitBoxOrient: 'vertical',\r\n                      overflow: 'hidden',\r\n                    }}\r\n                  >\r\n                    {xColorLegendTitle}\r\n                  </P>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 border text-primary-gray-700 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 border text-primary-gray-700 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      {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      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useEffect, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  BivariateMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  MapProjectionTypes,\r\n  ZoomInteractionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. */\r\n  data: BivariateMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors for the choropleth map. Array must be 5x5 */\r\n  colors?: string[][];\r\n  /** Title for the first color legend */\r\n  xColorLegendTitle?: string;\r\n  /** Title for the second color legend */\r\n  yColorLegendTitle?: string;\r\n  /** Domain of x-colors for the map */\r\n  xDomain?: number[];\r\n  /** Domain of y-colors for the map */\r\n  yDomain?: number[];\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\r\n  /** 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  /** 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  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\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  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\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  /** 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  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** 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  /** 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 BiVariateChoroplethMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json',\r\n    colors = Colors.light.bivariateColors.colors05x05,\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    xDomain,\r\n    yDomain,\r\n    xColorLegendTitle = 'X Color key',\r\n    yColorLegendTitle = 'Y Color key',\r\n    tooltip,\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    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    showColorScale = true,\r\n    highlightedIds = [],\r\n    onSeriesMouseClick,\r\n    mapProperty = 'ISO3',\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,\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\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 = sort(\r\n    uniqBy(data, 'date', true).map(d =>\r\n      parse(`${d}`, timeline.dateFormat || 'yyyy', new Date()).getTime(),\r\n    ),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].contentRect.width || 760);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 760);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        setMapShape(d);\r\n      });\r\n    } else {\r\n      setMapShape(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\r\n  if (xDomain && yDomain)\r\n    if (xDomain.length !== colors[0].length - 1 || yDomain.length !== colors.length - 1) {\r\n      console.error(\"the xDomain and yDomain array length don't match to the color array length\");\r\n      return null;\r\n    }\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is bi-variate choropleth map where geographic areas are colored in proportion to two variables.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\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.current : 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            <div\r\n              className='flex flex-col grow justify-center leading-0'\r\n              ref={graphDiv}\r\n              aria-label='Map area'\r\n            >\r\n              {(width || svgWidth) && (height || svgHeight) && mapShape ? (\r\n                <Graph\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                  xDomain={\r\n                    xDomain ||\r\n                    getJenks(\r\n                      data.map(d => d.x as number | null | undefined),\r\n                      colors[0].length,\r\n                    )\r\n                  }\r\n                  yDomain={\r\n                    yDomain ||\r\n                    getJenks(\r\n                      data.map(d => d.y as number | null | undefined),\r\n                      colors.length,\r\n                    )\r\n                  }\r\n                  width={width || svgWidth}\r\n                  height={Math.max(\r\n                    minHeight,\r\n                    height ||\r\n                      (relativeHeight\r\n                        ? minHeight\r\n                          ? (width || svgWidth) * relativeHeight > minHeight\r\n                            ? (width || svgWidth) * relativeHeight\r\n                            : minHeight\r\n                          : (width || svgWidth) * relativeHeight\r\n                        : svgHeight),\r\n                  )}\r\n                  scale={scale}\r\n                  centerPoint={centerPoint}\r\n                  colors={colors}\r\n                  xColorLegendTitle={xColorLegendTitle}\r\n                  yColorLegendTitle={yColorLegendTitle}\r\n                  mapBorderWidth={mapBorderWidth}\r\n                  mapNoDataColor={mapNoDataColor}\r\n                  mapBorderColor={mapBorderColor}\r\n                  tooltip={tooltip}\r\n                  onSeriesMouseOver={onSeriesMouseOver}\r\n                  isWorldMap={isWorldMap}\r\n                  zoomScaleExtend={zoomScaleExtend}\r\n                  zoomTranslateExtend={zoomTranslateExtend}\r\n                  onSeriesMouseClick={onSeriesMouseClick}\r\n                  mapProperty={mapProperty}\r\n                  highlightedIds={highlightedIds}\r\n                  resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                  styles={styles}\r\n                  showColorScale={showColorScale}\r\n                  classNames={classNames}\r\n                  mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n                  detailsOnClick={detailsOnClick}\r\n                  zoomInteraction={zoomInteraction}\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                  collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n                />\r\n              ) : (\r\n                <div\r\n                  style={{\r\n                    height: `${Math.max(\r\n                      minHeight,\r\n                      height ||\r\n                        (relativeHeight\r\n                          ? minHeight\r\n                            ? (width || svgWidth) * relativeHeight > minHeight\r\n                              ? (width || svgWidth) * relativeHeight\r\n                              : minHeight\r\n                            : (width || svgWidth) * relativeHeight\r\n                          : svgHeight),\r\n                    )}px`,\r\n                  }}\r\n                  className='flex items-center justify-center'\r\n                >\r\n                  <Spinner aria-label='Loading graph' />\r\n                </div>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","xDomain","mapData","xColorLegendTitle","yDomain","yColorLegendTitle","width","height","colors","scale","centerPoint","mapBorderWidth","mapNoDataColor","mapBorderColor","tooltip","onSeriesMouseOver","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","showColorScale","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","collapseColorScaleByDefault","showLegend","setShowLegend","useState","selectedColor","setSelectedColor","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","useRef","isInView","useInView","mapG","zoomRef","useEffect","mapGSelect","select","mapSvgSelect","zoomFilter","e","isWheel","isTouch","isDrag","zoomBehavior","zoom","transform","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","projection","geoMercator","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","xRange","_","i","yRange","xScale","scaleThreshold","yScale","handleZoom","direction","jsxs","Fragment","jsx","motion","d","el","j","masterPath","geo","path","c","k","point","AnimatePresence","index","xColorCoord","checkIfNullOrUndefined","yColorCoord","color","event","isEqual","X","numberFormattingFunction","P","Tooltip","Modal","string2HTML","BiVariateChoroplethMap","graphTitle","Colors","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","isWorldMap","graphID","graphDownload","dataDownload","showAntarctica","language","minHeight","theme","ariaLabel","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","a","b","ascending","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","resizeObserver","entries","fetchAndParseJSON","interval","markObj","getSliderMarks","cn","GraphHeader","Pause","Play","SliderUI","nextValue","format","getJenks","Spinner","GraphFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EO,SAASA,GAAMC,IAAc;AAClC,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,6BAAAC;AAAA,EAAA,IACEhC,IACE,CAACiC,IAAYC,EAAa,IAAIC;AAAA,IAClCH,MAAgC,SAAY,EAAEzB,IAAQ,OAAO,CAACyB;AAAA,EAAA,GAE1D,CAACI,GAAeC,CAAgB,IAAIF,EAA6B,MAAS,GAE1E,CAACG,GAAgBC,CAAiB,IAAIJ,EAAc,MAAS,GAE7D,CAACK,GAAeC,CAAgB,IAAIN,EAAc,MAAS,GAC3D,CAACO,GAAQC,CAAS,IAAIR,EAA6B,MAAS,GAC5D,CAACS,IAAQC,CAAS,IAAIV,EAA6B,MAAS,GAC5DW,IAASC,GAAsB,IAAI,GACnCC,KAAWC,GAAUH,GAAQ;AAAA,IACjC,MAAMjB,EAAQ;AAAA,IACd,QAAQA,EAAQ;AAAA,EAAA,CACjB,GACKqB,KAAOH,GAAoB,IAAI,GAC/BI,IAAUJ,GAAoD,IAAI;AAExE,EAAAK,GAAU,MAAM;AACd,UAAMC,IAAaC,GAAOJ,GAAK,OAAO,GAChCK,IAAeD,GAAOR,EAAO,OAAO,GACpCU,IAAa,CAACC,MAA0D;AAC5E,UAAI7B,MAAoB,SAAU,QAAO;AACzC,UAAIA,MAAoB,SAAU,QAAO,CAAC6B,EAAE,KAAK,SAAS,OAAO;AACjE,YAAMC,IAAUD,EAAE,SAAS,SACrBE,IAAUF,EAAE,KAAK,WAAW,OAAO,GACnCG,IAASH,EAAE,SAAS,eAAeA,EAAE,SAAS;AAEpD,aAAIE,IAAgB,KAChBD,IACE9B,MAAoB,WAAiB,KAClC6B,EAAE,UAEJG,KAAU,CAACH,EAAE,UAAU,CAACA,EAAE;AAAA,IACnC,GACMI,IAAeC,GAAA,EAClB,YAAY7C,EAAe,EAC3B;AAAA,MACCC,MAAuB;AAAA,QACrB,CAAC,KAAK,GAAG;AAAA,QACT,CAACX,IAAQ,IAAIC,IAAS,EAAE;AAAA,MAAA;AAAA,IAC1B,EAED,OAAOgD,CAAU,EACjB,GAAG,QAAQ,CAAC,EAAE,WAAAO,QAAgB;AAC7B,MAAAV,EAAW,KAAK,aAAaU,CAAS;AAAA,IACxC,CAAC;AAGH,IAAAR,EAAa,KAAKM,CAAmB,GAErCV,EAAQ,UAAUU;AAAA,EAEpB,GAAG,CAACrD,GAAQD,GAAOqB,CAAe,CAAC;AAGnC,QAAMoC,IAASC,GAAK9D,CAAc,GAE5B+D,IAASC,GAAahE,CAAc,GACpCiE,KAAUJ,EAAO,CAAC,IAAIA,EAAO,CAAC,GAC9BK,KAAUL,EAAO,CAAC,IAAIA,EAAO,CAAC,GAC9BM,KAAY/D,IAAQ,MAAO,MAAO,MAAO6D,IACzCG,IAAY/D,IAAS,MAAO,MAAO,MAAO6D,IAC1CG,IAAW9D,IAAQ,KAAK,IAAI4D,IAAQC,CAAM,GAE1CE,IACJ9C,MAAkB,aACd+C,GAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,OAAO/D,KAAgBuD,EAAO,SAAS,WAAgC,EACvE,UAAU,CAAC3D,IAAQ,GAAGC,IAAS,CAAC,CAAC,EACjC,MAAMgE,CAAQ,IACjB7C,MAAkB,eAChBgD,GAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,OAAOhE,KAAgBuD,EAAO,SAAS,WAAgC,EACvE,UAAU,CAAC3D,IAAQ,GAAGC,IAAS,CAAC,CAAC,EACjC,MAAMgE,CAAQ,IACjB7C,MAAkB,iBAChBiD,GAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,OAAOjE,KAAgBuD,EAAO,SAAS,WAAgC,EACvE,UAAU,CAAC3D,IAAQ,GAAGC,IAAS,CAAC,CAAC,EACjC,MAAMgE,CAAQ,IACjB7C,MAAkB,iBAChBkD,GAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,OAAOlE,KAAgBuD,EAAO,SAAS,WAAgC,EACvE,UAAU,CAAC3D,IAAQ,GAAGC,IAAS,CAAC,CAAC,EACjC,MAAMgE,CAAQ,IACjBM,GAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,OAAOnE,KAAgBuD,EAAO,SAAS,WAAgC,EACvE,UAAU,CAAC3D,IAAQ,GAAGC,IAAS,CAAC,CAAC,EACjC,MAAMgE,CAAQ,GAEvBO,KAAS,MAAM,KAAK,EAAE,QAAQ7E,EAAQ,UAAU,CAAC8E,GAAGC,MAAMA,CAAC,GAE3DC,KAAS,MAAM,KAAK,EAAE,QAAQ7E,EAAQ,UAAU,CAAC2E,GAAGC,MAAMA,CAAC,GAC3DE,IAASC,KAAiC,OAAOlF,CAAO,EAAE,MAAM6E,EAAM,GACtEM,KAASD,KAAiC,OAAO/E,CAAO,EAAE,MAAM6E,EAAM,GAEtEI,IAAa,CAACC,MAA4B;AAC9C,QAAI,CAACzC,EAAO,WAAW,CAACK,EAAQ,QAAS;AAEzC,IADYG,GAAOR,EAAO,OAAO,EAC7B,KAAKK,EAAQ,QAAQ,SAASoC,MAAc,OAAO,MAAM,IAAI,GAAG;AAAA,EACtE;AAEA,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC,GAAO;AAAA,QAAP;AAAA,UACC,SAAS,OAAOpF,CAAK,IAAIC,CAAM;AAAA,UAC/B,OAAO,GAAGD,CAAK;AAAA,UACf,QAAQ,GAAGC,CAAM;AAAA,UACjB,KAAKsC;AAAA,UACL,WAAU;AAAA,UAEV,UAAA0C,gBAAAA,EAAAA,KAAC,KAAA,EAAE,KAAKtC,IACL,UAAA;AAAA,YAAAnB,GAAa,OAAO,OAAK6D,EAAE,aAAa,QAAQ,EAAE,IAAI,CAAAA,MAAKA,EAAE,KAAK;AAAA;AAAA,YAGjEzF,EAAQ,SAAS,IAAI,CAACyF,GAAQX,MACdhF,EAAK,UAAU,CAAA4F,MAAMA,EAAG,OAAOD,EAAE,WAAWvE,CAAW,CAAC,MACxD,KAAW,OAEvBqE,gBAAAA,EAAAA;AAAAA,cAACC,GAAO;AAAA,cAAP;AAAA,gBAEC,SACEvD,IACIN,IACAX,EAAe,WAAW,IACxBA,EAAe,QAAQyE,EAAE,WAAWvE,CAAW,CAAC,MAAM,KACpD,IACAS,IACF;AAAA,gBAGP,UAAA8D,EAAE,SAAS,SAAS;AAAA;AAAA,kBAEjBA,EAAE,SAAS,YAAY,IAAI,CAACC,GAASC,MAAW;AAC9C,wBAAIC,IAAa;AACjB,2BAAAF,EAAG,QAAQ,CAACG,MAAoB;AAC9B,0BAAIC,IAAO;AACX,sBAAAD,EAAI,QAAQ,CAACE,GAAaC,MAAc;AACtC,8BAAMC,IAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,wBAAIC,MAAMH,EAAI,SAAS,QAAU,GAAGC,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,MAC1DH,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC;AAAA,sBAC5C,CAAC,GACDL,KAAcE;AAAA,oBAChB,CAAC,GAECP,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,GAAGK;AAAA,wBACH,OAAO;AAAA,0BACL,QAAQjF;AAAA,0BACR,aAAaF;AAAA,0BACb,MAAMC;AAAA,wBAAA;AAAA,sBACR;AAAA,sBANKiF;AAAA,oBAAA;AAAA,kBASX,CAAC;AAAA;AAAA;AAAA,kBAEDF,EAAE,SAAS,YAAY,IAAI,CAACC,GAASC,MAAc;AACjD,wBAAIG,IAAO;AACX,2BAAAJ,EAAG,QAAQ,CAACK,GAAaC,MAAc;AACrC,4BAAMC,IAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,sBAAIC,MAAMN,EAAG,SAAS,QAAU,GAAGI,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,MACzDH,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC;AAAA,oBAC5C,CAAC,GAECV,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,GAAGO;AAAA,wBACH,OAAO;AAAA,0BACL,QAAQnF;AAAA,0BACR,aAAaF;AAAA,0BACb,MAAMC;AAAA,wBAAA;AAAA,sBACR;AAAA,sBANKiF;AAAA,oBAAA;AAAA,kBASX,CAAC;AAAA;AAAA,cAAA;AAAA,cAvDAb;AAAA,YAAA,CA0DV;AAAA,YAEHS,gBAAAA,EAAAA,IAACW,IAAA,EACE,UAAApG,EAAK,IAAI,CAAA2F,MAAK;AACb,oBAAMU,IAAQnG,EAAQ,SAAS;AAAA;AAAA,gBAE7B,CAAC0F,MAAYD,EAAE,OAAOC,EAAG,WAAWxE,CAAW;AAAA,cAAA,GAE3CkF,IAAeC,GAAuBZ,EAAE,CAAC,IAE3C,SADAT,EAAOS,EAAE,CAAW,GAElBa,IAAeD,GAAuBZ,EAAE,CAAC,IAE3C,SADAP,GAAOO,EAAE,CAAW,GAElBc,IACJH,MAAgB,UAAaE,MAAgB,SACzChG,EAAOgG,CAAW,EAAEF,CAAW,IAC/B1F;AAEN,qBACE6E,gBAAAA,EAAAA;AAAAA,gBAACC,GAAO;AAAA,gBAAP;AAAA,kBAEC,UAAU;AAAA,oBACR,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,aAAa;AAAA,sBACX,SAASvD,IACLA,MAAkBsE,IAChB,IACA5E,IACFX,EAAe,WAAW,IACxBA,EAAe,QAAQyE,EAAE,EAAE,MAAM,KAC/B,IACA9D,IACF;AAAA,sBACN,YAAY,EAAE,UAAUD,EAAQ,SAAA;AAAA,oBAAS;AAAA,kBAC3C;AAAA,kBAEF,SAAQ;AAAA,kBACR,SAASmB,KAAW,gBAAgB;AAAA,kBACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUnB,EAAQ,WAAS;AAAA,kBAC7D,cAAc,CAAA8E,MAAS;AACrB,oBAAAlE,EAAiBmD,CAAC,GAClB/C,EAAU8D,EAAM,OAAO,GACvBhE,EAAUgE,EAAM,OAAO,GACvB3F,KAAoB4E,CAAC;AAAA,kBACvB;AAAA,kBACA,SAAS,MAAM;AACb,qBAAIxE,KAAsBG,OACpBqF,GAAQtE,GAAgBsD,CAAC,KAAKtE,KAChCiB,EAAkB,MAAS,GAC3BnB,IAAqB,MAAS,MAE9BmB,EAAkBqD,CAAC,GACnBxE,IAAqBwE,CAAC;AAAA,kBAG5B;AAAA,kBACA,aAAa,CAAAe,MAAS;AACpB,oBAAAlE,EAAiBmD,CAAC,GAClB/C,EAAU8D,EAAM,OAAO,GACvBhE,EAAUgE,EAAM,OAAO;AAAA,kBACzB;AAAA,kBACA,cAAc,MAAM;AAClB,oBAAAlE,EAAiB,MAAS,GAC1BE,EAAU,MAAS,GACnBE,EAAU,MAAS,GACnB7B,KAAoB,MAAS;AAAA,kBAC/B;AAAA,kBAEC,UAAAsF,MAAU,KACP,OACAnG,EAAQ,SAASmG,CAAK,EAAE,SAAS,SAAS,iBACxCnG,EAAQ,SAASmG,CAAK,EAAE,SAAS,YAAY;AAAA;AAAA,oBAE3C,CAACT,GAASC,MAAW;AACnB,0BAAIC,IAAa;AACjB,6BAAAF,EAAG,QAAQ,CAACG,MAAoB;AAC9B,4BAAIC,IAAO;AACX,wBAAAD,EAAI,QAAQ,CAACE,GAAaC,OAAc;AACtC,gCAAMC,KAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,0BAAIC,OAAMH,EAAI,SAAS,IACrBC,IAAO,GAAGA,CAAI,GAAGG,GAAM,CAAC,CAAC,IAAIA,GAAM,CAAC,CAAC,MAClCH,IAAO,GAAGA,CAAI,GAAGG,GAAM,CAAC,CAAC,IAAIA,GAAM,CAAC,CAAC;AAAA,wBAC5C,CAAC,GACDL,KAAcE;AAAA,sBAChB,CAAC,GAECP,gBAAAA,EAAAA;AAAAA,wBAACC,GAAO;AAAA,wBAAP;AAAA,0BAEC,UAAU;AAAA,4BACR,SAAS,EAAE,MAAMe,GAAO,SAAS,EAAA;AAAA,4BACjC,aAAa;AAAA,8BACX,MAAMA;AAAA,8BACN,SAAS;AAAA,8BACT,YAAY,EAAE,UAAU7E,EAAQ,SAAA;AAAA,4BAAS;AAAA,0BAC3C;AAAA,0BAEF,SAAQ;AAAA,0BACR,SAASmB,KAAW,gBAAgB;AAAA,0BACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUnB,EAAQ,WAAS;AAAA,0BAC7D,GAAGkE;AAAA,0BACH,WAAW,GACTW,MAAU7F,IACN,yDACA,mDACN;AAAA,0BACA,OAAO;AAAA,4BACL,aAAaD;AAAA,0BAAA;AAAA,wBACf;AAAA,wBApBK,GAAGgF,EAAE,EAAE,IAAIE,CAAC;AAAA,sBAAA;AAAA,oBAuBvB;AAAA,kBAAA,IAEF3F,EAAQ,SAASmG,CAAK,EAAE,SAAS,YAAY;AAAA;AAAA,oBAE3C,CAACT,GAASC,MAAc;AACtB,0BAAIG,IAAO;AACX,6BAAAJ,EAAG,QAAQ,CAACK,GAAaC,MAAc;AACrC,8BAAMC,IAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,wBAAIC,MAAMN,EAAG,SAAS,QAAU,GAAGI,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,MACzDH,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC;AAAA,sBAC5C,CAAC,GAECV,gBAAAA,EAAAA;AAAAA,wBAACC,GAAO;AAAA,wBAAP;AAAA,0BAEC,GAAGM;AAAA,0BACH,UAAU;AAAA,4BACR,SAAS,EAAE,MAAMS,GAAO,SAAS,EAAA;AAAA,4BACjC,aAAa;AAAA,8BACX,MAAMA;AAAA,8BACN,SAAS;AAAA,8BACT,YAAY,EAAE,UAAU7E,EAAQ,SAAA;AAAA,4BAAS;AAAA,0BAC3C;AAAA,0BAEF,SAAQ;AAAA,0BACR,SAASmB,KAAW,gBAAgB;AAAA,0BACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUnB,EAAQ,WAAS;AAAA,0BAC7D,WAAW,GACT6E,MAAU7F,IACN,yDACA,mDACN;AAAA,0BACA,OAAO;AAAA,4BACL,aAAaD;AAAA,0BAAA;AAAA,wBACf;AAAA,wBApBK,GAAGgF,EAAE,EAAE,IAAIE,CAAC;AAAA,sBAAA;AAAA,oBAuBvB;AAAA,kBAAA;AAAA,gBACF;AAAA,gBA/HDF,EAAE;AAAA,cAAA;AAAA,YAkIb,CAAC,EAAA,CACH;AAAA,YACCpD,IACGrC,EAAQ,SACL;AAAA;AAAA,cAEC,CAACyF,MAA2BA,EAAE,WAAWvE,CAAW,MAAMmB,EAAc;AAAA,YAAA,EAIzE,IAAI,CAACoD,GAAQX,MAEVS,gBAAAA,EAAAA,IAAC,KAAA,EACE,UAAAE,EAAE,SAAS,SAAS;AAAA;AAAA,cAEjBA,EAAE,SAAS,YAAY,IAAI,CAACC,GAASC,MAAW;AAC9C,oBAAIC,IAAa;AACjB,uBAAAF,EAAG,QAAQ,CAACG,MAAoB;AAC9B,sBAAIC,IAAO;AACX,kBAAAD,EAAI,QAAQ,CAACE,GAAaC,MAAc;AACtC,0BAAMC,IAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,oBAAIC,MAAMH,EAAI,SAAS,IACrBC,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,MAClCH,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC;AAAA,kBAC5C,CAAC,GACDL,KAAcE;AAAA,gBAChB,CAAC,GAECP,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,GAAGK;AAAA,oBACH,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,MAAM;AAAA,sBACN,aAAa;AAAA,sBACb,aAAa;AAAA,oBAAA;AAAA,kBACf;AAAA,kBAPKD;AAAA,gBAAA;AAAA,cAUX,CAAC;AAAA;AAAA;AAAA,cAEDF,EAAE,SAAS,YAAY,IAAI,CAACC,GAASC,MAAc;AACjD,oBAAIG,IAAO;AACX,uBAAAJ,EAAG,QAAQ,CAACK,GAAaC,MAAc;AACrC,wBAAMC,IAAQ3B,EAAW,CAACyB,EAAE,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;AACrC,kBAAIC,MAAMN,EAAG,SAAS,QAAU,GAAGI,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,MACzDH,IAAO,GAAGA,CAAI,GAAGG,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC;AAAA,gBAC5C,CAAC,GAECV,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,GAAGO;AAAA,oBACH,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,MAAM;AAAA,sBACN,aAAa;AAAA,sBACb,aAAa;AAAA,oBAAA;AAAA,kBACf;AAAA,kBAPKH;AAAA,gBAAA;AAAA,cAUX,CAAC;AAAA,cAAA,GAhDCb,CAiDR,CAEH,IACH;AAAA,YACHlD,GAAa,OAAO,CAAA6D,MAAKA,EAAE,aAAa,OAAO,EAAE,IAAI,CAAAA,MAAKA,EAAE,KAAK;AAAA,UAAA,EAAA,CACpE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDpE,OAAmB,KAAQ,OAC1BkE,gBAAAA,EAAAA,IAAC,SAAI,WAAU,4BACZ,eACCF,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM;AACb,cAAAxD,GAAc,EAAK;AAAA,YACrB;AAAA,YAEA,gCAAC2E,IAAA,CAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAELrB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,QAAA;AAAA,YAEhB,UAAA;AAAA,cAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,gBAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAM,SAAQ,SAAQ,eAAc,WAAU,YACjD,iCAAC,KAAA,EACE,UAAA;AAAA,kBAAAjF,EAAO,IAAI,CAACmF,GAAGX,MACdS,gBAAAA,EAAAA,IAAC,OAAU,WAAW,eAAe,MAAMT,IAAI,EAAE,KAC9C,UAAAW,EAAE,IAAI,CAACC,GAAIC,MACVJ,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,GAAG;AAAA,sBACH,GAAGI,IAAI,KAAK;AAAA,sBACZ,MAAMD;AAAA,sBACN,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,aAAazD,MAAkByD,IAAK,IAAI;AAAA,sBACxC,OAAO,EAAE,QAAQ,UAAA;AAAA,sBACjB,aAAa,MAAM;AACjB,wBAAAxD,EAAiBwD,CAAE;AAAA,sBACrB;AAAA,sBACA,cAAc,MAAM;AAClB,wBAAAxD,EAAiB,MAAS;AAAA,sBAC5B;AAAA,oBAAA;AAAA,oBAbKyD;AAAA,kBAAA,CAeR,EAAA,GAlBKb,CAmBR,CACD;AAAA,kBACDS,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,oBACV,YAAQ,IAAI,CAACG,GAAIC,MAChBJ,gBAAAA,EAAAA,IAAC,QAAA,EAAa,GAAG,IAAI,IAAII,IAAI,KAAK,IAAI,UAAU,IAAI,YAAW,UAC5D,UAAA,OAAOD,KAAO,YAAYA,IAAK,IAC5BA,IACAiB,GAAyBjB,GAAI,IAAI,KAH5BC,CAIX,CACD,GACH;AAAA,kBACCzF,EAAQ,IAAI,CAACwF,GAAIC,MAChBJ,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,WAAW,aACT,KAAK,IAAI,KAAK,IAAIxF,EAAQ,SAAS,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,EACtD,IAAI,MAAM4F,IAAI,EAAE;AAAA,sBAEhB,UAAAJ,gBAAAA,EAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,GAAG;AAAA,0BACH,WAAU;AAAA,0BACV,GAAG;AAAA,0BACH,UAAU;AAAA,0BACV,YAAW;AAAA,0BAEV,UAAA,OAAOG,KAAO,YAAYA,IAAK,IAC5BA,IACAiB,GAAyBjB,GAAI,IAAI;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACvC;AAAA,oBAfKC;AAAA,kBAAA,CAiBR;AAAA,gBAAA,EAAA,CACH,EAAA,CACF;AAAA,gBACAJ,gBAAAA,EAAAA;AAAAA,kBAACqB;AAAAA,kBAAA;AAAA,oBACC,cAAa;AAAA,oBACb,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,iBAAiB;AAAA,sBACjB,iBAAiB;AAAA,sBACjB,UAAU;AAAA,sBACV,aAAa;AAAA,sBACb,QAAQ;AAAA,sBACR,WAAW;AAAA,oBAAA;AAAA,oBAGZ,UAAAzG;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,GACF;AAAA,cACAoF,gBAAAA,EAAAA;AAAAA,gBAACqB;AAAAA,gBAAA;AAAA,kBACC,cAAa;AAAA,kBACb,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,iBAAiB;AAAA,oBACjB,OAAO;AAAA,oBACP,iBAAiB;AAAA,oBACjB,UAAU;AAAA,kBAAA;AAAA,kBAGX,UAAA3G;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF,IAEAsF,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,YAAAxD,GAAc,EAAI;AAAA,UACpB;AAAA,UAEA,UAAAwD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yOAAwO,UAAA,cAAA,CAEvP;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,MAED9D,MAAoB,YACnB4D,gBAAAA,OAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,MAAMJ,EAAW,IAAI;AAAA,YAC9B,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDI,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,MAAMJ,EAAW,KAAK;AAAA,YAC/B,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACC9C,KAAiBzB,MAAW2B,KAAUE,KACrC8C,gBAAAA,EAAAA;AAAAA,MAACsB;AAAA,MAAA;AAAA,QACC,MAAMxE;AAAA,QACN,MAAMzB;AAAA,QACN,MAAM2B;AAAA,QACN,MAAME;AAAA,QACN,iBAAiBnB,IAAQ;AAAA,QACzB,WAAWC,IAAY;AAAA,MAAA;AAAA,IAAA,IAEvB;AAAA,IACHH,KAAkBe,MAAmB,SACpCoD,gBAAAA,EAAAA;AAAAA,MAACuB;AAAAA,MAAA;AAAA,QACC,MAAM3E,MAAmB;AAAA,QACzB,SAAS,MAAM;AACb,UAAAC,EAAkB,MAAS;AAAA,QAC7B;AAAA,QAEA,UAAAmD,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,yBACE,OAAOnE,KAAmB,WACtB,EAAE,QAAQ2F,GAAY3F,GAAgBe,CAAc,EAAA,IACpD;AAAA,YAGL,UAAA,OAAOf,KAAmB,aAAaA,EAAee,CAAc,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;ACthBO,SAAS6E,GAAuBnH,IAAc;AACnD,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,YAAAmH;AAAA,IACA,SAAAjH,IAAU;AAAA,IACV,QAAAM,IAAS4G,GAAO,MAAM,gBAAgB;AAAA,IACtC,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,QAAA/G;AAAA,IACA,OAAAD;AAAA,IACA,UAAAiH,IAAW;AAAA,IACX,SAAAtH;AAAA,IACA,SAAAG;AAAA,IACA,mBAAAD,IAAoB;AAAA,IACpB,mBAAAE,IAAoB;AAAA,IACpB,SAAAS;AAAA,IACA,OAAAL,KAAQ;AAAA,IACR,aAAAC;AAAA,IACA,SAAA8G;AAAA,IACA,gBAAA7G,KAAiB;AAAA,IACjB,gBAAAC,IAAiBwG,GAAO,MAAM;AAAA,IAC9B,iBAAAK,IAAkB;AAAA,IAClB,gBAAA5G,IAAiBuG,GAAO,MAAM,MAAM,UAAU;AAAA,IAC9C,gBAAAM;AAAA,IACA,mBAAA3G;AAAA,IACA,YAAA4G,KAAa;AAAA,IACb,iBAAA3G,KAAkB,CAAC,KAAK,CAAC;AAAA,IACzB,qBAAAC;AAAA,IACA,SAAA2G;AAAA,IACA,gBAAArG,IAAiB;AAAA,IACjB,gBAAAL,IAAiB,CAAA;AAAA,IACjB,oBAAAC;AAAA,IACA,aAAAC,KAAc;AAAA,IACd,eAAAyG,IAAgB;AAAA,IAChB,cAAAC,KAAe;AAAA,IACf,gBAAAC,KAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,6BAAA9G,IAA8B;AAAA,IAC9B,gBAAAC;AAAA,IACA,QAAAE;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,SAAAC,IAAU;AAAA,IACV,eAAAC,KAAgB;AAAA,IAChB,cAAAC,KAAe,CAAA;AAAA,IACf,UAAAsG,IAAW,EAAE,SAAS,IAAO,UAAU,IAAO,oBAAoB,GAAA;AAAA,IAClE,6BAAArG;AAAA,EAAA,IACEhC,IAEE,CAACsI,GAAUC,EAAW,IAAIpG,EAAS,CAAC,GACpC,CAACqG,IAAWC,EAAY,IAAItG,EAAS,CAAC,GACtC,CAACuG,GAAMC,CAAO,IAAIxG,EAASkG,EAAS,QAAQ,GAC5CO,IAAkBC;AAAA,IACtBC,GAAO7I,GAAM,QAAQ,EAAI,EAAE;AAAA,MAAI,CAAA2F,MAC7BmD,GAAM,GAAGnD,CAAC,IAAIyC,EAAS,cAAc,QAAQ,oBAAI,KAAA,CAAM,EAAE,QAAA;AAAA,IAAQ;AAAA,IAEnE,CAACW,GAAGC,MAAMC,GAAUF,GAAGC,CAAC;AAAA,EAAA,GAEpB,CAAC3C,IAAO6C,EAAQ,IAAIhH,EAASkG,EAAS,WAAW,IAAIO,EAAgB,SAAS,CAAC,GAG/E,CAACQ,GAAUC,EAAW,IAAIlH,EAAc,MAAS,GAEjDmH,IAAWvG,GAAuB,IAAI,GACtCwG,IAAiBxG,GAAuB,IAAI;AAClD,EAAAK,GAAU,MAAM;AACd,UAAMoG,IAAiB,IAAI,eAAe,CAAAC,MAAW;AACnD,MAAAlB,GAAYhI,KAASkJ,EAAQ,CAAC,EAAE,YAAY,SAAS,GAAG,GACxDhB,GAAajI,KAAUiJ,EAAQ,CAAC,EAAE,OAAO,gBAAgB,GAAG;AAAA,IAC9D,CAAC;AACD,WAAIH,EAAS,YACXb,GAAaa,EAAS,QAAQ,gBAAgB,GAAG,GACjDf,GAAYe,EAAS,QAAQ,eAAe,GAAG,GAC1C/I,KAAOiJ,EAAe,QAAQF,EAAS,OAAO,IAE9C,MAAME,EAAe,WAAA;AAAA,EAC9B,GAAG,CAACjJ,GAAOC,CAAM,CAAC,GAClB4C,GAAU,MAAM;AACd,IAAI,OAAOjD,KAAY,WACHuJ,GAAkBvJ,CAAO,EACjC,KAAK,CAAAyF,MAAK;AAClB,MAAAyD,GAAYzD,CAAC;AAAA,IACf,CAAC,IAEDyD,GAAYlJ,CAAO;AAAA,EAEvB,GAAG,CAACA,CAAO,CAAC,GAEZiD,GAAU,MAAM;AACd,UAAMuG,IAAW;AAAA,MACf,MAAM;AACJ,QAAAR,GAAS,OAAMlE,IAAI2D,EAAgB,SAAS,IAAI3D,IAAI,IAAI,CAAE;AAAA,MAC5D;AAAA,OACCoD,EAAS,SAAS,KAAK;AAAA,IAAA;AAE1B,WAAKK,KAAM,cAAciB,CAAQ,GAC1B,MAAM,cAAcA,CAAQ;AAAA,EACrC,GAAG,CAACf,GAAiBF,GAAML,EAAS,KAAK,CAAC;AAE1C,QAAMuB,IAAUC;AAAA,IACdjB;AAAA,IACAtC;AAAA,IACA+B,EAAS;AAAA,IACTA,EAAS,cAAc;AAAA,EAAA;AAGzB,SAAInI,KAAWG,MACTH,EAAQ,WAAWO,EAAO,CAAC,EAAE,SAAS,KAAKJ,EAAQ,WAAWI,EAAO,SAAS,MAChF,QAAQ,MAAM,4EAA4E,GACnF,QAGTiF,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGyC,KAAS,OAAO,UAAU5H,IAAQ,iBAAiB,aAAa;AAAA,MAC9E,KAAK0H,MAAa,QAAQA,MAAa,OAAO,QAAQ;AAAA,MAEtD,UAAAvC,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWoE;AAAAA,YACT,GACGpC,IAEGA,MAAoB,KAClB,kDACA,KAHF,iBAIN,gDAAgDO,KAAY,IAAI;AAAA,YAChE1H,IAAQ,UAAU;AAAA,YAClBmB,GAAY;AAAA,UAAA;AAAA,UAEd,OAAO;AAAA,YACL,GAAID,GAAQ,kBAAkB,CAAA;AAAA,YAC9B,GAAIiG,KAAmBA,MAAoB,KAAO,EAAE,iBAAAA,EAAA,IAAoB,CAAA;AAAA,UAAC;AAAA,UAE3E,IAAIG;AAAA,UACJ,KAAK0B;AAAA,UACL,cACEnB,KACA,GACEhB,IAAa,mBAAmBA,CAAU,OAAO,EACnD,uGACEG,IAAmB,IAAIA,CAAgB,KAAK,EAC9C;AAAA,UAGF,UAAA7B,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,SAASgC,IAAkBD,MAAW,SAASA,MAAW,EAAA;AAAA,cAEnE,UAAAjC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,gBAAA4B,KAAcG,KAAoBO,KAAiBC,KAClDrC,gBAAAA,EAAAA;AAAAA,kBAACqE;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,OAAOtI,GAAQ;AAAA,sBACf,aAAaA,GAAQ;AAAA,oBAAA;AAAA,oBAEvB,YAAY;AAAA,sBACV,OAAOC,GAAY;AAAA,sBACnB,aAAaA,GAAY;AAAA,oBAAA;AAAA,oBAE3B,YAAA0F;AAAA,oBACA,kBAAAG;AAAA,oBACA,OAAAhH;AAAA,oBACA,eAAeuH,IAAgByB,EAAe,UAAU;AAAA,oBACxD,cACExB,KACI9H,EAAK,IAAI,CAAA2F,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,EAAE,SAAS,IAC1D3F,EAAK,IAAI,CAAA2F,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,IACjD3F,EAAK,OAAO,CAAA2F,MAAKA,MAAM,MAAS,IAClC;AAAA,kBAAA;AAAA,gBAAA,IAGN;AAAA,gBACHyC,EAAS,WAAWO,EAAgB,SAAS,KAAKgB,IACjDpE,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,KAAI,OAC3C,UAAA;AAAA,kBAAAE,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,MAAM;AACb,wBAAAiD,EAAQ,CAACD,CAAI;AAAA,sBACf;AAAA,sBACA,WAAU;AAAA,sBACV,cAAYA,IAAO,6BAA6B;AAAA,sBAE/C,UAAAA,IAAOhD,gBAAAA,MAACsE,IAAA,CAAA,CAAM,0BAAMC,IAAA,CAAA,CAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAE5BvE,gBAAAA,EAAAA;AAAAA,oBAACwE;AAAAA,oBAAA;AAAA,sBACC,KAAKtB,EAAgB,CAAC;AAAA,sBACtB,KAAKA,EAAgBA,EAAgB,SAAS,CAAC;AAAA,sBAC/C,OAAOgB;AAAA,sBACP,MAAM;AAAA,sBACN,cAAchB,EAAgBA,EAAgB,SAAS,CAAC;AAAA,sBACxD,OAAOA,EAAgBtC,EAAK;AAAA,sBAC5B,kBAAkB,CAAA6D,MAAa;AAC7B,wBAAAhB,GAASP,EAAgB,QAAQuB,CAAmB,CAAC;AAAA,sBACvD;AAAA,sBACA,UAAU,CAAAA,MAAa;AACrB,wBAAAhB,GAASP,EAAgB,QAAQuB,CAAmB,CAAC;AAAA,sBACvD;AAAA,sBACA,cAAW;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACb,EAAA,CACF,IACE;AAAA,gBACJzE,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,KAAK4D;AAAA,oBACL,cAAW;AAAA,oBAET,WAAA/I,KAAS+H,OAAc9H,KAAUgI,OAAcY,IAC/C1D,gBAAAA,EAAAA;AAAAA,sBAAC3F;AAAA,sBAAA;AAAA,wBACC,MAAME,EAAK;AAAA,0BAAO,CAAA2F,MAChByC,EAAS,UACLzC,EAAE,SACFwE,GAAO,IAAI,KAAKxB,EAAgBtC,EAAK,CAAC,GAAG+B,EAAS,cAAc,MAAM,IACtEzC;AAAA,wBAAA;AAAA,wBAEN,SACEoC,KACIoB,IACA;AAAA,0BACE,GAAGA;AAAA,0BACH,UAAUA,EAAS,SAAS;AAAA;AAAA,4BAE1B,CAACvD,MAAYA,EAAG,WAAW,SAAS;AAAA,0BAAA;AAAA,wBACtC;AAAA,wBAGR,SACE3F,KACAmK;AAAA,0BACEpK,EAAK,IAAI,CAAA2F,MAAKA,EAAE,CAA8B;AAAA,0BAC9CnF,EAAO,CAAC,EAAE;AAAA,wBAAA;AAAA,wBAGd,SACEJ,KACAgK;AAAA,0BACEpK,EAAK,IAAI,CAAA2F,MAAKA,EAAE,CAA8B;AAAA,0BAC9CnF,EAAO;AAAA,wBAAA;AAAA,wBAGX,OAAOF,KAAS+H;AAAA,wBAChB,QAAQ,KAAK;AAAA,0BACXJ;AAAA,0BACA1H,MACGmH,IACGO,KACG3H,KAAS+H,KAAYX,IAAiBO,KACpC3H,KAAS+H,KAAYX,IACtBO,KACD3H,KAAS+H,KAAYX,IACxBa;AAAA,wBAAA;AAAA,wBAER,OAAA9H;AAAA,wBACA,aAAAC;AAAA,wBACA,QAAAF;AAAA,wBACA,mBAAAL;AAAA,wBACA,mBAAAE;AAAA,wBACA,gBAAAM;AAAA,wBACA,gBAAAC;AAAA,wBACA,gBAAAC;AAAA,wBACA,SAAAC;AAAA,wBACA,mBAAAC;AAAA,wBACA,YAAA4G;AAAA,wBACA,iBAAA3G;AAAA,wBACA,qBAAAC;AAAA,wBACA,oBAAAE;AAAA,wBACA,aAAAC;AAAA,wBACA,gBAAAF;AAAA,wBACA,6BAAAG;AAAA,wBACA,QAAAG;AAAA,wBACA,gBAAAD;AAAA,wBACA,YAAAE;AAAA,wBACA,eAAeC,OAAkBiG,KAAa,iBAAiB;AAAA,wBAC/D,gBAAArG;AAAA,wBACA,iBAAAK;AAAA,wBACA,SACEC,MAAY,KACR,EAAE,UAAU,KAAK,MAAM,IAAM,QAAQ,IAAA,IACrCA,KAAW,EAAE,UAAU,GAAG,MAAM,IAAM,QAAQ,EAAA;AAAA,wBAEpD,eAAAC;AAAA,wBACA,cAAAC;AAAA,wBACA,6BAAAC;AAAA,sBAAA;AAAA,oBAAA,IAGF0D,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,OAAO;AAAA,0BACL,QAAQ,GAAG,KAAK;AAAA,4BACdwC;AAAA,4BACA1H,MACGmH,IACGO,KACG3H,KAAS+H,KAAYX,IAAiBO,KACpC3H,KAAS+H,KAAYX,IACtBO,KACD3H,KAAS+H,KAAYX,IACxBa;AAAA,0BAAA,CACP;AAAA,wBAAA;AAAA,wBAEH,WAAU;AAAA,wBAEV,UAAA9C,gBAAAA,EAAAA,IAAC4E,IAAA,EAAQ,cAAW,gBAAA,CAAgB;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACtC;AAAA,gBAAA;AAAA,gBAGHhD,KAAWE,IACV9B,gBAAAA,EAAAA;AAAAA,kBAAC6E;AAAA,kBAAA;AAAA,oBACC,QAAQ,EAAE,UAAU9I,GAAQ,UAAU,QAAQA,GAAQ,OAAA;AAAA,oBACtD,YAAY;AAAA,sBACV,UAAUC,GAAY;AAAA,sBACtB,QAAQA,GAAY;AAAA,oBAAA;AAAA,oBAEtB,SAAA4F;AAAA,oBACA,UAAAE;AAAA,oBACA,OAAAjH;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"BiVariateChoroplethMap.js","sources":["../src/Components/Graphs/Maps/BiVariateMap/Graph.tsx","../src/Components/Graphs/Maps/BiVariateMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold } from 'd3-scale';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BivariateMapDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  MapProjectionTypes,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  data: BivariateMapDataType[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData: any;\r\n  xDomain: number[];\r\n  yDomain: number[];\r\n  width: number;\r\n  height: number;\r\n  colors: string[][];\r\n  xColorLegendTitle: string;\r\n  yColorLegendTitle: string;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  scale: number;\r\n  centerPoint?: [number, number];\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  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedIds: string[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapProperty: string;\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  showColorScale: boolean;\r\n  collapseColorScaleByDefault?: boolean;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    xDomain,\r\n    mapData,\r\n    xColorLegendTitle,\r\n    yDomain,\r\n    yColorLegendTitle,\r\n    width,\r\n    height,\r\n    colors,\r\n    scale,\r\n    centerPoint,\r\n    mapBorderWidth,\r\n    mapNoDataColor,\r\n    mapBorderColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedIds,\r\n    onSeriesMouseClick,\r\n    mapProperty,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    showColorScale,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    collapseColorScaleByDefault,\r\n  } = props;\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\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 zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const bounds = bbox(mapData as any);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const center = centerOfMass(mapData as any);\r\n  const lonDiff = bounds[2] - bounds[0];\r\n  const latDiff = bounds[3] - bounds[1];\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([0, 0])\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([0, 0])\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([0, 0])\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([0, 0])\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([0, 0])\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n\r\n  const xRange = Array.from({ length: xDomain.length }, (_, i) => i);\r\n\r\n  const yRange = Array.from({ length: yDomain.length }, (_, i) => i);\r\n  const xScale = scaleThreshold<number, number>().domain(xDomain).range(xRange);\r\n  const yScale = scaleThreshold<number, number>().domain(yDomain).range(yRange);\r\n\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\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          width={`${width}px`}\r\n          height={`${height}px`}\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            {\r\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n              mapData.features.map((d: any, i: number) => {\r\n                const index = data.findIndex(el => el.id === d.properties[mapProperty]);\r\n                if (index !== -1) 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                    {d.geometry.type === 'MultiPolygon'\r\n                      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d.geometry.coordinates.map((el: any, j: any) => {\r\n                          let masterPath = '';\r\n                          el.forEach((geo: number[][]) => {\r\n                            let path = ' M';\r\n                            geo.forEach((c: number[], k: number) => {\r\n                              const point = projection([c[0], c[1]]) as [number, number];\r\n                              if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                              else path = `${path}${point[0]} ${point[1]}`;\r\n                            });\r\n                            masterPath += path;\r\n                          });\r\n                          return (\r\n                            <path\r\n                              key={j}\r\n                              d={masterPath}\r\n                              style={{\r\n                                stroke: mapBorderColor,\r\n                                strokeWidth: mapBorderWidth,\r\n                                fill: mapNoDataColor,\r\n                              }}\r\n                            />\r\n                          );\r\n                        })\r\n                      : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d.geometry.coordinates.map((el: any, j: number) => {\r\n                          let path = 'M';\r\n                          el.forEach((c: number[], k: number) => {\r\n                            const point = projection([c[0], c[1]]) as [number, number];\r\n                            if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                            else path = `${path}${point[0]} ${point[1]}`;\r\n                          });\r\n                          return (\r\n                            <path\r\n                              key={j}\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                          );\r\n                        })}\r\n                  </motion.g>\r\n                );\r\n              })\r\n            }\r\n            <AnimatePresence>\r\n              {data.map(d => {\r\n                const index = mapData.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                const xColorCoord = !checkIfNullOrUndefined(d.x)\r\n                  ? xScale(d.x as number)\r\n                  : undefined;\r\n                const yColorCoord = !checkIfNullOrUndefined(d.y)\r\n                  ? yScale(d.y as number)\r\n                  : undefined;\r\n                const color =\r\n                  xColorCoord !== undefined && yColorCoord !== undefined\r\n                    ? colors[yColorCoord][xColorCoord]\r\n                    : mapNoDataColor;\r\n\r\n                return (\r\n                  <motion.g\r\n                    key={d.id}\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) !== -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                    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                    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                  >\r\n                    {index === -1\r\n                      ? null\r\n                      : mapData.features[index].geometry.type === 'MultiPolygon'\r\n                        ? mapData.features[index].geometry.coordinates.map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (el: any, j: any) => {\r\n                              let masterPath = '';\r\n                              el.forEach((geo: number[][]) => {\r\n                                let path = ' M';\r\n                                geo.forEach((c: number[], k: number) => {\r\n                                  const point = projection([c[0], c[1]]) as [number, number];\r\n                                  if (k !== geo.length - 1)\r\n                                    path = `${path}${point[0]} ${point[1]}L`;\r\n                                  else path = `${path}${point[0]} ${point[1]}`;\r\n                                });\r\n                                masterPath += path;\r\n                              });\r\n                              return (\r\n                                <motion.path\r\n                                  key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                                  d={masterPath}\r\n                                  className={`${\r\n                                    color === mapNoDataColor\r\n                                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                      : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                                  }`}\r\n                                  style={{\r\n                                    strokeWidth: mapBorderWidth,\r\n                                  }}\r\n                                />\r\n                              );\r\n                            },\r\n                          )\r\n                        : mapData.features[index].geometry.coordinates.map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (el: any, j: number) => {\r\n                              let path = 'M';\r\n                              el.forEach((c: number[], k: number) => {\r\n                                const point = projection([c[0], c[1]]) as [number, number];\r\n                                if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                                else path = `${path}${point[0]} ${point[1]}`;\r\n                              });\r\n                              return (\r\n                                <motion.path\r\n                                  key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                                  className={`${\r\n                                    color === mapNoDataColor\r\n                                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                      : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                                  }`}\r\n                                  style={{\r\n                                    strokeWidth: mapBorderWidth,\r\n                                  }}\r\n                                />\r\n                              );\r\n                            },\r\n                          )}\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            </AnimatePresence>\r\n            {mouseOverData\r\n              ? mapData.features\r\n                  .filter(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n                  )\r\n\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  .map((d: any, i: number) => {\r\n                    return (\r\n                      <g key={i}>\r\n                        {d.geometry.type === 'MultiPolygon'\r\n                          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            d.geometry.coordinates.map((el: any, j: any) => {\r\n                              let masterPath = '';\r\n                              el.forEach((geo: number[][]) => {\r\n                                let path = ' M';\r\n                                geo.forEach((c: number[], k: number) => {\r\n                                  const point = projection([c[0], c[1]]) as [number, number];\r\n                                  if (k !== geo.length - 1)\r\n                                    path = `${path}${point[0]} ${point[1]}L`;\r\n                                  else path = `${path}${point[0]} ${point[1]}`;\r\n                                });\r\n                                masterPath += path;\r\n                              });\r\n                              return (\r\n                                <path\r\n                                  key={j}\r\n                                  d={masterPath}\r\n                                  className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  style={{\r\n                                    fill: 'none',\r\n                                    fillOpacity: 0,\r\n                                    strokeWidth: '0.5',\r\n                                  }}\r\n                                />\r\n                              );\r\n                            })\r\n                          : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            d.geometry.coordinates.map((el: any, j: number) => {\r\n                              let path = 'M';\r\n                              el.forEach((c: number[], k: number) => {\r\n                                const point = projection([c[0], c[1]]) as [number, number];\r\n                                if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n                                else path = `${path}${point[0]} ${point[1]}`;\r\n                              });\r\n                              return (\r\n                                <path\r\n                                  key={j}\r\n                                  d={path}\r\n                                  className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  style={{\r\n                                    fill: 'none',\r\n                                    fillOpacity: 0,\r\n                                    strokeWidth: '0.5',\r\n                                  }}\r\n                                />\r\n                              );\r\n                            })}\r\n                      </g>\r\n                    );\r\n                  })\r\n              : null}\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={{ width: '175px' }}\r\n                >\r\n                  <div className='flex gap-1 items-center'>\r\n                    <svg width='136px' viewBox='0 0 136 136' className='shrink-0'>\r\n                      <g>\r\n                        {colors.map((d, i) => (\r\n                          <g key={i} transform={`translate(0,${100 - i * 25})`}>\r\n                            {d.map((el, j) => (\r\n                              <rect\r\n                                key={j}\r\n                                y={1}\r\n                                x={j * 25 + 1}\r\n                                fill={el}\r\n                                width={23}\r\n                                height={23}\r\n                                strokeWidth={selectedColor === el ? 2 : 0.25}\r\n                                style={{ cursor: 'pointer' }}\r\n                                onMouseOver={() => {\r\n                                  setSelectedColor(el);\r\n                                }}\r\n                                onMouseLeave={() => {\r\n                                  setSelectedColor(undefined);\r\n                                }}\r\n                              />\r\n                            ))}\r\n                          </g>\r\n                        ))}\r\n                        <g transform='translate(0,125)'>\r\n                          {xDomain.map((el, j) => (\r\n                            <text key={j} y={10} x={(j + 1) * 25} fontSize={10} textAnchor='middle'>\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          ))}\r\n                        </g>\r\n                        {yDomain.map((el, j) => (\r\n                          <g\r\n                            key={j}\r\n                            transform={`translate(${\r\n                              Math.max(Math.min(xDomain.length + 1, 5), 4) * 25 + 10\r\n                            },${100 - j * 25})`}\r\n                          >\r\n                            <text\r\n                              x={0}\r\n                              transform='rotate(-90)'\r\n                              y={0}\r\n                              fontSize={10}\r\n                              textAnchor='middle'\r\n                            >\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                      </g>\r\n                    </svg>\r\n                    <P\r\n                      marginBottom='none'\r\n                      size='xs'\r\n                      className='leading-normal text-center shrink-0'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                        overflow: 'hidden',\r\n                        writingMode: 'vertical-rl',\r\n                        height: '8.5rem',\r\n                        transform: 'rotate(180deg)',\r\n                      }}\r\n                    >\r\n                      {yColorLegendTitle}\r\n                    </P>\r\n                  </div>\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='xs'\r\n                    className='mt-1 leading-normal text-center'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      width: '8.5rem',\r\n                      WebkitBoxOrient: 'vertical',\r\n                      overflow: 'hidden',\r\n                    }}\r\n                  >\r\n                    {xColorLegendTitle}\r\n                  </P>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {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 border text-primary-gray-700 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 border text-primary-gray-700 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      {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      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  BivariateMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  MapProjectionTypes,\r\n  ZoomInteractionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. */\r\n  data: BivariateMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors for the choropleth map. Array must be 5x5 */\r\n  colors?: string[][];\r\n  /** Title for the first color legend */\r\n  xColorLegendTitle?: string;\r\n  /** Title for the second color legend */\r\n  yColorLegendTitle?: string;\r\n  /** Domain of x-colors for the map */\r\n  xDomain?: number[];\r\n  /** Domain of y-colors for the map */\r\n  yDomain?: number[];\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\r\n  /** 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  /** 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  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\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  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\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  /** 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  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** 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  /** 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 BiVariateChoroplethMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json',\r\n    colors = Colors.light.bivariateColors.colors05x05,\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    xDomain,\r\n    yDomain,\r\n    xColorLegendTitle = 'X Color key',\r\n    yColorLegendTitle = 'Y Color key',\r\n    tooltip,\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    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    showColorScale = true,\r\n    highlightedIds = [],\r\n    onSeriesMouseClick,\r\n    mapProperty = 'ISO3',\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,\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\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 = sort(\r\n    uniqBy(data, 'date', true).map(d =>\r\n      parse(`${d}`, timeline.dateFormat || 'yyyy', new Date()).getTime(),\r\n    ),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\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);\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\r\n  if (xDomain && yDomain)\r\n    if (xDomain.length !== colors[0].length - 1 || yDomain.length !== colors.length - 1) {\r\n      console.error(\"the xDomain and yDomain array length don't match to the color array length\");\r\n      return null;\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            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? d.date === 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            xDomain={\r\n              xDomain ||\r\n              getJenks(\r\n                data.map(d => d.x as number | null | undefined),\r\n                colors[0].length,\r\n              )\r\n            }\r\n            yDomain={\r\n              yDomain ||\r\n              getJenks(\r\n                data.map(d => d.y as number | null | undefined),\r\n                colors.length,\r\n              )\r\n            }\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={colors}\r\n            xColorLegendTitle={xColorLegendTitle}\r\n            yColorLegendTitle={yColorLegendTitle}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            isWorldMap={isWorldMap}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            mapProperty={mapProperty}\r\n            highlightedIds={highlightedIds}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            showColorScale={showColorScale}\r\n            classNames={classNames}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            detailsOnClick={detailsOnClick}\r\n            zoomInteraction={zoomInteraction}\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            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n          />\r\n        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","xDomain","mapData","xColorLegendTitle","yDomain","yColorLegendTitle","width","height","colors","scale","centerPoint","mapBorderWidth","mapNoDataColor","mapBorderColor","tooltip","onSeriesMouseOver","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","showColorScale","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","collapseColorScaleByDefault","showLegend","setShowLegend","useState","undefined","selectedColor","setSelectedColor","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","useRef","isInView","useInView","once","amount","mapG","zoomRef","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","filter","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","xRange","Array","from","length","_","i","yRange","xScale","scaleThreshold","domain","range","yScale","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","d","position","map","layer","features","findIndex","el","id","properties","indexOf","j","masterPath","forEach","geo","path","c","k","point","stroke","strokeWidth","fill","AnimatePresence","index","xColorCoord","checkIfNullOrUndefined","x","yColorCoord","y","color","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","fillOpacity","cn","colorLegend","X","cursor","numberFormattingFunction","max","P","display","WebkitLineClamp","WebkitBoxOrient","overflow","writingMode","Tooltip","Modal","__html","string2HTML","BiVariateChoroplethMap","$","_c","graphTitle","t0","t1","sources","graphDescription","footNote","t2","t3","t4","t5","padding","t6","t7","backgroundColor","t8","t9","relativeHeight","isWorldMap","t10","t11","graphID","t12","t13","t14","graphDownload","t15","dataDownload","t16","showAntarctica","t17","language","t18","minHeight","t19","theme","t20","ariaLabel","t21","t22","t23","t24","t25","timeline","t26","Colors","light","bivariateColors","colors05x05","graphNoData","grays","t27","t28","t29","enabled","autoplay","showOnlyActiveDate","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","dateFormat","Date","getTime","_temp","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","t30","t31","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t32","shape","onUpdateShape","useEffectEvent","t33","fetchAndParseJSON","then","d_0","t34","interval","setInterval","speed","clearInterval","markObj","getSliderMarks","console","error","t35","graphContainer","t36","t37","description","title","GraphHeader","_temp2","_temp3","_temp4","_temp5","_temp6","t38","Pause","Play","SliderUI","nextValue","nextValue_0","t39","GraphArea","d_6","date","format","_temp7","getJenks","_temp8","_temp9","Spinner","t40","footnote","source","GraphFooter","t41","GraphContainer","d_8","d_7","NAME","d_3","d_2","d_1","d_5","d_4","a","b","ascending"],"mappings":"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"}

package/dist/BulletChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DjM48pIC.cjs"),j=require("react"),Ne=require("./index-CQ3e6Ewi.cjs"),ke=require("./index-DQA8q5sC.cjs"),Ce=require("./Modal-CuuJdWkD.cjs"),Re=require("./index-CSNtgibC.cjs"),Me=require("./numberFormattingFunction-02t-wJta.cjs"),Ee=require("./Tooltip-Cpv0QohJ.cjs"),c=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Oe=require("./string2HTML-z7CwHXcx.cjs"),Ue=require("./XTicksAndGridLines-RKy7BVCO.cjs"),He=require("./YAxesLabels-Dqd259-t.cjs"),Ie=require("./AxisTitle-Wkz-xeQL.cjs"),Ve=require("./Axis-CkNn1wit.cjs"),ze=require("./ReferenceLine-D04j-zeV.cjs"),Te=require("./linear-BVckp9RD.cjs"),qe=require("./band-CAApY4Pd.cjs"),Ae=require("./use-in-view-CEwlc_dd.cjs"),J=require("./proxy-CKadx4lC.cjs"),Le=require("./index-Cm8NIdOO.cjs"),$e=require("./GraphFooter.cjs"),Se=require("./GraphHeader.cjs"),ve=require("./Colors.cjs"),De=require("./EmptyState-B8IpKGcL.cjs"),Be=require("./ColorLegend.cjs"),Pe=require("./XAxesLabels-CLZnBgSr.cjs"),Ge=require("./YTicksAndGridLines-qGpRo_t1.cjs");function We(we){const{data:s,barColor:p,suffix:K,prefix:S,barPadding:Q,showValues:re,showTicks:Z,leftMargin:ye,truncateBy:de,width:ee,height:te,rightMargin:be,topMargin:E,bottomMargin:ie,showLabels:o,tooltip:D,onSeriesMouseOver:V,refValues:T,highlightedDataPoints:h,maxValue:B,minValue:b,onSeriesMouseClick:F,labelOrder:ae,rtl:U,maxBarThickness:q,minBarThickness:me,resetSelectionOnDoubleClick:A,detailsOnClick:z,barAxisTitle:ne,valueColor:le,noOfTicks:O,styles:g,classNames:M,targetStyle:se,targetColor:H,qualitativeRangeColors:L,measureBarWidthFactor:u,animate:l,dimmedOpacity:N,precision:P,customLayers:$,naLabel:G}=we,y=j.useRef(null),d=Ae.useInView(y,{once:l.once,amount:l.amount}),[oe,W]=j.useState(void 0),[k,X]=j.useState(void 0),[ue,C]=j.useState(void 0),[f,w]=j.useState(void 0),x={top:ne?E+25:E,bottom:ie,left:ye,right:be},Y=ee-x.left-x.right,I=te-x.top-x.bottom,ce=Math.max(...s.filter(e=>!c.checkIfNullOrUndefined(e.size)).map(e=>e.size))<0?0:Math.max(...s.filter(e=>!c.checkIfNullOrUndefined(e.size)).map(e=>e.size)),_=Math.max(...s.filter(e=>!c.checkIfNullOrUndefined(e.target)).map(e=>e.target))<0?0:Math.max(...s.filter(e=>!c.checkIfNullOrUndefined(e.target)).map(e=>e.target)),xe=Math.max(...s.map(e=>Re.sum((e.qualitativeRange||[]).filter(r=>!c.checkIfNullOrUndefined(r)))||0)),ge=c.checkIfNullOrUndefined(B)?Math.max(...[ce,_,xe].filter(Number.isFinite))<0?0:Math.max(...[ce,_,xe].filter(Number.isFinite)):B,he=Math.min(...s.filter(e=>!c.checkIfNullOrUndefined(e.size)).map(e=>e.size))>=0?0:Math.min(...s.filter(e=>!c.checkIfNullOrUndefined(e.size)).map(e=>e.size)),R=Math.min(...s.filter(e=>!c.checkIfNullOrUndefined(e.target)).map(e=>e.target))>=0?0:Math.min(...s.filter(e=>!c.checkIfNullOrUndefined(e.target)).map(e=>e.target)),a=c.checkIfNullOrUndefined(b)?Math.min(...[he,R].filter(Number.isFinite))>=0?0:Math.min(...[he,R].filter(Number.isFinite)):b,fe=s.map((e,r)=>({...e,id:ae?`${e.label}`:`${r}`})),n=Te.linear().domain([a,ge]).range([0,Y]).nice(),v=ae||fe.map(e=>`${e.id}`),m=qe.band().domain(v).range([0,me?Math.max(I,me*v.length):q?Math.min(I,q*v.length):I]).paddingInner(Q),t=n.ticks(O);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(J.motion.svg,{width:`${ee}px`,height:`${te}px`,viewBox:`0 0 ${ee} ${te}`,direction:"ltr",ref:y,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[Z?i.jsxRuntimeExports.jsx(Ue.XTicksAndGridLines,{values:t.filter(e=>e!==0),x:t.filter(e=>e!==0).map(e=>n(e)),y1:0-E,y2:I+x.bottom,styles:{gridLines:g?.xAxis?.gridLines,labels:g?.xAxis?.labels},classNames:{gridLines:M?.xAxis?.gridLines,labels:M?.xAxis?.labels},suffix:K,prefix:S,labelType:"secondary",showGridLines:!0,precision:P}):null,i.jsxRuntimeExports.jsx(Ie.AxisTitle,{x:Y/2,y:0-x.top+15,style:g?.xAxis?.title,className:M?.xAxis?.title,text:ne}),i.jsxRuntimeExports.jsx(Ve.Axis,{x1:n(a<0?0:a),x2:n(a<0?0:a),y1:-2.5,y2:I+x.bottom,classNames:{axis:M?.yAxis?.axis},styles:{axis:g?.yAxis?.axis}}),$.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Le.AnimatePresence,{children:[fe.map(e=>c.checkIfNullOrUndefined(m(e.id))?null:i.jsxRuntimeExports.jsxs(J.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:r=>{W(e),w(r.clientY),C(r.clientX),V?.(e)},onClick:()=>{(F||z)&&(ke.isEqual(k,e)&&A?(X(void 0),F?.(void 0)):(X(e),F?.(e)))},onMouseMove:r=>{W(e),w(r.clientY),C(r.clientX)},onMouseLeave:()=>{W(void 0),C(void 0),w(void 0),V?.(void 0)},exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:0,y:m(`${e.id}`),opacity:h.length!==0?h.indexOf(e.label)!==-1?.85:N:.85},whileInView:{x:0,y:m(`${e.id}`),opacity:h.length!==0?h.indexOf(e.label)!==-1?.85:N:.85,transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:[e.qualitativeRange?e.qualitativeRange.map((r,pe)=>i.jsxRuntimeExports.jsx(J.motion.rect,{exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0,fill:L[pe]},whileInView:{x:n(pe===0?0:Re.sum(e.qualitativeRange.filter((je,Fe)=>Fe<pe&&je))),width:n(r),fill:L[pe],transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial",y:0,height:m.bandwidth()},pe)):null,e.target&&se==="background"?i.jsxRuntimeExports.jsx(J.motion.rect,{y:0,x:e.target>=0?n(0):n(e.target),height:m.bandwidth(),style:{fill:H},exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0},whileInView:{x:e.target>=0?n(0):n(e.target),width:e.target>=0?n(e.target)-n(0):n(0)-n(e.target),transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial"}):null,e.size?i.jsxRuntimeExports.jsx(J.motion.rect,{y:m.bandwidth()*((1-u)/2),style:{fill:p},height:m.bandwidth()*u,exit:{width:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),width:0},whileInView:{x:e.size>=0?n(0):n(e.size),width:e.size>=0?n(e.size)-n(0):n(0)-n(e.size),transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial"}):null,e.target&&se==="line"?i.jsxRuntimeExports.jsx(J.motion.rect,{y:0,height:m.bandwidth(),style:{fill:H},width:2,exit:{opacity:0,x:n(0),transition:{duration:l.duration}},variants:{initial:{x:n(0),opacity:0},whileInView:{x:n(e.target)-1,opacity:1,transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial"}):null,o?i.jsxRuntimeExports.jsx(He.YAxesLabels,{value:`${e.label}`.length<de?`${e.label}`:`${`${e.label}`.substring(0,de)}...`,y:0,x:(e.size||0)<0?n(0):0-x.left,width:(e.size||0)<0?ee-n(0):n(0)+x.left,height:m.bandwidth(),alignment:e.size&&e.size<0?"left":"right",style:g?.yAxis?.labels,className:M?.yAxis?.labels,animate:l,isInView:d}):null,re?i.jsxRuntimeExports.jsx(J.motion.text,{y:m.bandwidth()/2,style:{textAnchor:e.size&&e.size<0?"end":"start",...g?.graphObjectValues||{}},className:i.mo("graph-value text-sm",!le&&p.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",M?.graphObjectValues),dx:e.size&&e.size<0?-5:5,dy:"0.33em",exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:n(0),opacity:0,fill:le||p},whileInView:{x:e.size?n(e.size):n(0),opacity:1,fill:le||p,transition:{duration:l.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:Me.numberFormattingFunction(e.size,G,P,S,K)}):null]},e.label)),T?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:T.map((e,r)=>i.jsxRuntimeExports.jsx(ze.RefLineX,{text:e.text,color:e.color,x:n(e.value),y1:0-x.top,y2:I+x.bottom,textSide:n(e.value)>Y*.75||U?"left":"right",classNames:e.classNames,styles:e.styles,animate:l,isInView:d},r))}):null]}),$.filter(e=>e.position==="after").map(e=>e.layer)]})}),oe&&D&&ue&&f?i.jsxRuntimeExports.jsx(Ee.Tooltip,{data:oe,body:D,xPos:ue,yPos:f,backgroundStyle:g?.tooltip,className:M?.tooltip}):null,z&&k!==void 0?i.jsxRuntimeExports.jsx(Ce.G,{open:k!==void 0,onClose:()=>{X(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof z=="string"?{__html:Oe.string2HTML(z,k)}:void 0,children:typeof z=="function"?z(k):null})}):null]})}function Xe(we){const{data:s,graphTitle:p,barColor:K=ve.Colors.primaryColors["blue-600"],suffix:S="",sources:Q,prefix:re="",graphDescription:Z,barPadding:ye=.25,showValues:de=!0,showTicks:ee=!0,leftMargin:te=100,rightMargin:be=40,truncateBy:E=999,height:ie,width:o,footNote:D,colorDomain:V,colorLegendTitle:T,highlightedDataPoints:h=[],padding:B,backgroundColor:b=!1,topMargin:F=25,bottomMargin:ae=10,showLabels:U=!0,relativeHeight:q,tooltip:me,onSeriesMouseOver:A,refValues:z,showColorScale:ne=!0,graphID:le,maxValue:O,minValue:g,onSeriesMouseClick:M,graphDownload:se=!1,dataDownload:H=!1,sortData:L,labelOrder:u,language:l="en",minHeight:N=0,theme:P="light",maxBarThickness:$,maxNumberOfBars:G,minBarThickness:y,ariaLabel:d,resetSelectionOnDoubleClick:oe=!0,detailsOnClick:W,barAxisTitle:k,noOfTicks:X=5,valueColor:ue,styles:C,classNames:f,filterNA:w=!0,targetStyle:x="line",targetColor:Y=ve.Colors.light.grays["gray-700"],qualitativeRangeColors:I,measureBarWidthFactor:ce=.4,animate:_=!1,dimmedOpacity:xe=.3,precision:ge=2,customLayers:he=[],naLabel:R="NA"}=we,[a,fe]=j.useState(0),[n,v]=j.useState(0),m=j.useRef(null),t=j.useRef(null);return j.useEffect(()=>{const e=new ResizeObserver(r=>{fe(o||r[0].target.clientWidth||620),v(ie||r[0].target.clientHeight||480)});return m.current&&(v(m.current.clientHeight||480),fe(m.current.clientWidth||620),o||e.observe(m.current)),()=>e.disconnect()},[o,ie]),i.jsxRuntimeExports.jsx("div",{className:`${P||"light"} flex ${o?"w-fit grow-0":"w-full grow"}`,dir:l==="he"||l==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${b?b===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l||"en"}`,o?"w-fit":"w-full",f?.graphContainer),style:{...C?.graphContainer||{},...b&&b!==!0?{backgroundColor:b}:{}},id:le,ref:t,"aria-label":d||`${p?`The graph shows ${p}. `:""}This is a bar chart. ${Z?` ${Z}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:b?B||"1rem":B||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||Z||se||H?i.jsxRuntimeExports.jsx(Se.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:f?.title,description:f?.description},graphTitle:p,graphDescription:Z,width:o,graphDownload:se?t.current:void 0,dataDownload:H?s.map(e=>e.data).filter(e=>e!==void 0).length>0?s.map(e=>e.data).filter(e=>e!==void 0):s.filter(e=>e!==void 0):null}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(De.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[ne&&s.filter(e=>e.qualitativeRange).length!==0&&V?i.jsxRuntimeExports.jsx(Be.ColorLegend,{width:o,colorLegendTitle:T,colors:I||ve.Colors[P].sequentialColors.positiveColorsx10,colorDomain:V,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:m,"aria-label":"Graph area",children:(o||a)&&(ie||n)?i.jsxRuntimeExports.jsx(We,{data:L?Ne.orderBy(s.filter(e=>w?!c.checkIfNullOrUndefined(e.size):e),[e=>e.size===void 0?L==="asc"?-1/0:1/0:e.size],[L]).filter((e,r)=>G?r<G:!0):s.filter(e=>w?!c.checkIfNullOrUndefined(e.size):e).filter((e,r)=>G?r<G:!0),barColor:K,targetColor:Y,width:o||a,height:Math.max(N,ie||(q?N?(o||a)*q>N?(o||a)*q:N:(o||a)*q:n)),suffix:S,prefix:re,barPadding:ye,showValues:de,showTicks:ee,leftMargin:te,rightMargin:be,topMargin:F,bottomMargin:ae,truncateBy:E,showLabels:U,tooltip:me,onSeriesMouseOver:A,refValues:z,maxValue:O,minValue:g,highlightedDataPoints:h,onSeriesMouseClick:M,labelOrder:u,rtl:l==="he"||l==="ar",maxBarThickness:$,minBarThickness:y,resetSelectionOnDoubleClick:oe,detailsOnClick:W,barAxisTitle:k,noOfTicks:X,valueColor:ue,classNames:f,styles:C,targetStyle:x,qualitativeRangeColors:I||ve.Colors[P].sequentialColors.positiveColorsx10,measureBarWidthFactor:ce,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},dimmedOpacity:xe,precision:ge,customLayers:he,naLabel:R}):null})]})}),Q||D?i.jsxRuntimeExports.jsx($e.GraphFooter,{sources:Q,footNote:D,width:o,styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:f?.footnote,source:f?.source}}):null]})})})})}function Ye(we){const{data:s,width:p,height:K,barColor:S,suffix:Q,prefix:re,barPadding:Z,showLabels:ye,showValues:de,showTicks:ee,truncateBy:te,rightMargin:be,topMargin:E,bottomMargin:ie,leftMargin:o,tooltip:D,onSeriesMouseOver:V,refValues:T,maxValue:h,minValue:B,highlightedDataPoints:b,onSeriesMouseClick:F,labelOrder:ae,maxBarThickness:U,minBarThickness:q,resetSelectionOnDoubleClick:me,detailsOnClick:A,barAxisTitle:z,valueColor:ne,noOfTicks:le,styles:O,classNames:g,targetStyle:M,targetColor:se,qualitativeRangeColors:H,measureBarWidthFactor:L,animate:u,dimmedOpacity:l,precision:N,customLayers:P,naLabel:$}=we,G=j.useRef(null),y=Ae.useInView(G,{once:u.once,amount:u.amount}),d={top:E,bottom:ie,left:z?o+30:o,right:be},[oe,W]=j.useState(void 0),[k,X]=j.useState(void 0),[ue,C]=j.useState(void 0),[f,w]=j.useState(void 0),x=p-d.left-d.right,Y=K-d.top-d.bottom,I=Math.max(...s.filter(t=>!c.checkIfNullOrUndefined(t.size)).map(t=>t.size))<0?0:Math.max(...s.filter(t=>!c.checkIfNullOrUndefined(t.size)).map(t=>t.size)),ce=Math.max(...s.filter(t=>!c.checkIfNullOrUndefined(t.target)).map(t=>t.target))<0?0:Math.max(...s.filter(t=>!c.checkIfNullOrUndefined(t.size)).map(t=>t.target)),_=Math.max(...s.map(t=>Re.sum((t.qualitativeRange||[]).filter(e=>!c.checkIfNullOrUndefined(e)))||0)),xe=c.checkIfNullOrUndefined(h)?Math.max(...[I,ce,_].filter(Number.isFinite))<0?0:Math.max(...[I,ce,_].filter(Number.isFinite)):h,ge=Math.min(...s.filter(t=>!c.checkIfNullOrUndefined(t.size)).map(t=>t.size))>=0?0:Math.min(...s.filter(t=>!c.checkIfNullOrUndefined(t.size)).map(t=>t.size)),he=Math.min(...s.filter(t=>!c.checkIfNullOrUndefined(t.target)).map(t=>t.target))>=0?0:Math.min(...s.filter(t=>!c.checkIfNullOrUndefined(t.target)).map(t=>t.target)),R=c.checkIfNullOrUndefined(B)?Math.min(...[ge,he].filter(Number.isFinite))>=0?0:Math.min(...[ge,he].filter(Number.isFinite)):B,a=Te.linear().domain([R,xe]).range([Y,0]).nice(),fe=s.map((t,e)=>({...t,id:ae?`${t.label}`:`${e}`})),n=ae||fe.map(t=>`${t.id}`),v=qe.band().domain(n).range([0,q?Math.max(x,q*n.length):U?Math.min(x,U*n.length):x]).paddingInner(Z),m=a.ticks(le);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(J.motion.svg,{width:`${p}px`,height:`${K}px`,viewBox:`0 0 ${p} ${K}`,direction:"ltr",ref:G,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[i.jsxRuntimeExports.jsx(Ve.Axis,{y1:a(R<0?0:R),y2:a(R<0?0:R),x1:0-o,x2:x+d.right,label:Me.numberFormattingFunction(R<0?0:R,$,N,re,Q),labelPos:{x:0-o,dx:0,dy:xe<0?"1em":-5,y:a(R<0?0:R)},classNames:{axis:g?.xAxis?.axis,label:g?.yAxis?.labels},styles:{axis:O?.xAxis?.axis,label:O?.yAxis?.labels}}),ee?i.jsxRuntimeExports.jsx(Ge.YTicksAndGridLines,{values:m.filter(t=>t!==0),y:m.filter(t=>t!==0).map(t=>a(t)),x1:0-o,x2:x+d.right,styles:{gridLines:O?.yAxis?.gridLines,labels:O?.yAxis?.labels},classNames:{gridLines:g?.yAxis?.gridLines,labels:g?.yAxis?.labels},suffix:Q,prefix:re,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:N}):null,i.jsxRuntimeExports.jsx(Ie.AxisTitle,{x:0-o-15,y:Y/2,style:O?.yAxis?.title,className:g?.yAxis?.title,text:z,rotate90:!0}),P.filter(t=>t.position==="before").map(t=>t.layer),i.jsxRuntimeExports.jsxs(Le.AnimatePresence,{children:[fe.map(t=>c.checkIfNullOrUndefined(v(t.id))?null:i.jsxRuntimeExports.jsxs(J.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:e=>{W(t),w(e.clientY),C(e.clientX),V?.(t)},onClick:()=>{(F||A)&&(ke.isEqual(k,t)&&me?(X(void 0),F?.(void 0)):(X(t),F?.(t)))},onMouseMove:e=>{W(t),w(e.clientY),C(e.clientX)},onMouseLeave:()=>{W(void 0),C(void 0),w(void 0),V?.(void 0)},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:v(`${t.id}`),y:0,opacity:b.length!==0?b.indexOf(t.label)!==-1?.85:l:.85},whileInView:{x:v(`${t.id}`),y:0,opacity:b.length!==0?b.indexOf(t.label)!==-1?.85:l:.85,transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial",children:[t.qualitativeRange?t.qualitativeRange.map((e,r)=>i.jsxRuntimeExports.jsx(J.motion.rect,{x:0,exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0),fill:H[r]},whileInView:{height:Math.abs(a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<=r&&pe)))-a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<r&&pe)))),y:a(Re.sum(t.qualitativeRange.filter((pe,je)=>je<=r&&pe))),fill:H[r],transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial",width:v.bandwidth()},r)):null,t.target&&M==="background"?i.jsxRuntimeExports.jsx(J.motion.rect,{x:0,width:v.bandwidth(),style:{fill:se},exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0)},whileInView:{height:Math.abs(a(t.target)-a(0)),y:t.target>0?a(t.target):a(0),transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial"}):null,t.size?i.jsxRuntimeExports.jsx(J.motion.rect,{x:v.bandwidth()*((1-L)/2),width:v.bandwidth()*L,style:{fill:S},exit:{height:0,y:a(0),transition:{duration:u.duration}},variants:{initial:{height:0,y:a(0)},whileInView:{height:Math.abs(a(t.size)-a(0)),y:t.size>0?a(t.size):a(0),transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial"}):null,t.target&&M==="line"?i.jsxRuntimeExports.jsx(J.motion.rect,{x:0,width:v.bandwidth(),style:{fill:se},exit:{y:a(0),opacity:0,transition:{duration:u.duration}},variants:{initial:{y:a(0),opacity:0},whileInView:{y:a(t.target)-1,opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial",height:2}):null,ye?i.jsxRuntimeExports.jsx(Pe.XAxesLabels,{value:`${t.label}`.length<te?`${t.label}`:`${`${t.label}`.substring(0,te)}...`,y:(t.size||0)<0?0:a(0)+5,x:0,width:v.bandwidth(),height:(t.size||0)<0?a(0)-5:d.bottom,style:O?.xAxis?.labels,className:g?.xAxis?.labels,alignment:(t.size||0)<0?"bottom":"top",animate:u,isInView:y}):null,de?i.jsxRuntimeExports.jsx(J.motion.text,{x:v.bandwidth()/2,style:{textAnchor:"middle",...O?.graphObjectValues||{}},className:i.mo("graph-value text-sm",!ne&&S.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",g?.graphObjectValues),dy:t.size?t.size>=0?"-5px":"1em":"-5px",exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{y:a(0),opacity:0,fill:ne||S},whileInView:{y:a(t.size||0),opacity:1,fill:ne||S,transition:{duration:u.duration}}},initial:"initial",animate:y?"whileInView":"initial",children:Me.numberFormattingFunction(t.size,$,N,re,Q)}):null]},t.label)),T?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:T.map((t,e)=>i.jsxRuntimeExports.jsx(ze.RefLineY,{text:t.text,color:t.color,y:a(t.value),x1:0-o,x2:x+d.right,classNames:t.classNames,styles:t.styles,animate:u,isInView:y},e))}):null]}),P.filter(t=>t.position==="after").map(t=>t.layer)]})}),oe&&D&&ue&&f?i.jsxRuntimeExports.jsx(Ee.Tooltip,{data:oe,body:D,xPos:ue,yPos:f,backgroundStyle:O?.tooltip,className:g?.tooltip}):null,A&&k!==void 0?i.jsxRuntimeExports.jsx(Ce.G,{open:k!==void 0,onClose:()=>{X(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof A=="string"?{__html:Oe.string2HTML(A,k)}:void 0,children:typeof A=="function"?A(k):null})}):null]})}function _e(we){const{data:s,graphTitle:p,barColor:K=ve.Colors.primaryColors["blue-600"],barPadding:S=.25,showTicks:Q=!0,leftMargin:re=20,rightMargin:Z=20,topMargin:ye=20,bottomMargin:de=25,truncateBy:ee=999,showLabels:te=!0,showValues:be=!0,backgroundColor:E=!1,suffix:ie="",prefix:o="",sources:D,graphDescription:V,height:T,width:h,footNote:B,colorDomain:b,colorLegendTitle:F,padding:ae,relativeHeight:U,tooltip:q,onSeriesMouseOver:me,refValues:A,showColorScale:z=!0,graphID:ne,maxValue:le,minValue:O,highlightedDataPoints:g=[],qualitativeRangeColors:M,onSeriesMouseClick:se,graphDownload:H=!1,dataDownload:L=!1,language:u="en",theme:l="light",sortData:N,labelOrder:P,minHeight:$=0,maxBarThickness:G,maxNumberOfBars:y,minBarThickness:d,ariaLabel:oe,resetSelectionOnDoubleClick:W=!0,detailsOnClick:k,barAxisTitle:X,noOfTicks:ue=5,valueColor:C,styles:f,classNames:w,targetColor:x=ve.Colors.light.grays["gray-700"],filterNA:Y=!0,targetStyle:I="line",measureBarWidthFactor:ce=.4,animate:_=!1,dimmedOpacity:xe=.3,precision:ge=2,customLayers:he=[],naLabel:R="NA"}=we,[a,fe]=j.useState(0),[n,v]=j.useState(0),m=j.useRef(null),t=j.useRef(null);return j.useEffect(()=>{const e=new ResizeObserver(r=>{fe(h||r[0].target.clientWidth||620),v(T||r[0].target.clientHeight||480)});return m.current&&(v(m.current.clientHeight||480),fe(m.current.clientWidth||620),h||e.observe(m.current)),()=>e.disconnect()},[h,T]),i.jsxRuntimeExports.jsx("div",{className:`${l||"light"} flex  ${h?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u||"en"}`,h?"w-fit":"w-full",w?.graphContainer),style:{...f?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:t,"aria-label":oe||`${p?`The graph shows ${p}. `:""}This is a grouped bar chart. ${V?` ${V}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?ae||"1rem":ae||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[p||V||H||L?i.jsxRuntimeExports.jsx(Se.GraphHeader,{styles:{title:f?.title,description:f?.description},classNames:{title:w?.title,description:w?.description},graphTitle:p,graphDescription:V,width:h,graphDownload:H?t.current:void 0,dataDownload:L?s.map(e=>e.data).filter(e=>e!==void 0).length>0?s.map(e=>e.data).filter(e=>e!==void 0):s.filter(e=>e!==void 0):null}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(De.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[z&&s.filter(e=>e.qualitativeRange).length!==0&&b?i.jsxRuntimeExports.jsx(Be.ColorLegend,{width:h,colorLegendTitle:F,colors:M||ve.Colors[l].sequentialColors.positiveColorsx10,colorDomain:b,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:m,"aria-label":"Graph area",children:(h||a)&&(T||n)?i.jsxRuntimeExports.jsx(Ye,{data:N?Ne.orderBy(s.filter(e=>Y?!c.checkIfNullOrUndefined(e.size):e),[e=>e.size===void 0?N==="asc"?-1/0:1/0:e.size],[N]).filter((e,r)=>y?r<y:!0):s.filter(e=>Y?!c.checkIfNullOrUndefined(e.size):e).filter((e,r)=>y?r<y:!0),barColor:K,targetColor:x,width:h||a,refValues:A,height:Math.max($,T||(U?$?(h||a)*U>$?(h||a)*U:$:(h||a)*U:n)),suffix:ie,prefix:o,barPadding:S,showLabels:te,showValues:be,showTicks:Q,truncateBy:ee,leftMargin:re,rightMargin:Z,qualitativeRangeColors:M||ve.Colors[l].sequentialColors.positiveColorsx10,topMargin:ye,bottomMargin:de,tooltip:q,onSeriesMouseOver:me,maxValue:le,minValue:O,highlightedDataPoints:g,onSeriesMouseClick:se,labelOrder:P,maxBarThickness:G,minBarThickness:d,resetSelectionOnDoubleClick:W,detailsOnClick:k,barAxisTitle:X,noOfTicks:ue,valueColor:C,styles:f,classNames:w,targetStyle:I,dimmedOpacity:xe,measureBarWidthFactor:ce,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},precision:ge,customLayers:he,naLabel:R}):null})]})}),D||B?i.jsxRuntimeExports.jsx($e.GraphFooter,{styles:{footnote:f?.footnote,source:f?.source},classNames:{footnote:w?.footnote,source:w?.source},sources:D,footNote:B,width:h}):null]})})})})}function Je(we){const{data:s,graphTitle:p,barColor:K,barPadding:S,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:o,sources:D,graphDescription:V,height:T,width:h,footNote:B,colorDomain:b,colorLegendTitle:F,padding:ae,relativeHeight:U,tooltip:q,onSeriesMouseOver:me,refValues:A,showColorScale:z,graphID:ne,maxValue:le,minValue:O,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:H,language:L,theme:u,sortData:l,labelOrder:N,minHeight:P,maxBarThickness:$,maxNumberOfBars:G,minBarThickness:y,ariaLabel:d,resetSelectionOnDoubleClick:oe,detailsOnClick:W,barAxisTitle:k,noOfTicks:X,valueColor:ue,orientation:C="vertical",styles:f,classNames:w,filterNA:x,targetStyle:Y,targetColor:I,qualitativeRangeColors:ce,measureBarWidthFactor:_,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R}=we;return C==="vertical"?i.jsxRuntimeExports.jsx(_e,{data:s,graphTitle:p,barColor:K,barPadding:S,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:o,sources:D,graphDescription:V,height:T,width:h,footNote:B,colorDomain:b,colorLegendTitle:F,padding:ae,relativeHeight:U,tooltip:q,onSeriesMouseOver:me,refValues:A,showColorScale:z,graphID:ne,maxValue:le,minValue:O,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:H,language:L,theme:u,sortData:l,labelOrder:N,minHeight:P,maxBarThickness:$,maxNumberOfBars:G,minBarThickness:y,ariaLabel:d,resetSelectionOnDoubleClick:oe,styles:f,detailsOnClick:W,barAxisTitle:k,noOfTicks:X,valueColor:ue,classNames:w,filterNA:x,targetStyle:Y,targetColor:I,measureBarWidthFactor:_,qualitativeRangeColors:ce,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R}):i.jsxRuntimeExports.jsx(Xe,{data:s,graphTitle:p,barColor:K,barPadding:S,showTicks:Q,leftMargin:re,rightMargin:Z,topMargin:ye,bottomMargin:de,truncateBy:ee,showLabels:te,showValues:be,backgroundColor:E,suffix:ie,prefix:o,sources:D,graphDescription:V,height:T,width:h,footNote:B,colorDomain:b,colorLegendTitle:F,padding:ae,relativeHeight:U,tooltip:q,onSeriesMouseOver:me,refValues:A,showColorScale:z,graphID:ne,maxValue:le,minValue:O,highlightedDataPoints:g,onSeriesMouseClick:M,graphDownload:se,dataDownload:H,language:L,theme:u,sortData:l,labelOrder:N,minHeight:P,maxBarThickness:$,maxNumberOfBars:G,minBarThickness:y,ariaLabel:d,resetSelectionOnDoubleClick:oe,styles:f,detailsOnClick:W,barAxisTitle:k,noOfTicks:X,valueColor:ue,classNames:w,filterNA:x,targetStyle:Y,targetColor:I,measureBarWidthFactor:_,qualitativeRangeColors:ce,animate:xe,dimmedOpacity:ge,precision:he,naLabel:R})}exports.BulletChart=Je;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-CTPQjnHt.cjs"),rt=require("react"),Le=require("./index-Cno4Q0YE.cjs"),Me=require("./index-DQA8q5sC.cjs"),Ae=require("./Modal-JW_IExO3.cjs"),fe=require("./index-CSNtgibC.cjs"),we=require("./numberFormattingFunction-02t-wJta.cjs"),Re=require("./Tooltip-4dJo4_AF.cjs"),f=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Oe=require("./string2HTML-CPGr_I5E.cjs"),ke=require("./Axis-DxRV2yMi.cjs"),Ve=require("./AxisTitle-sS5bLLR7.cjs"),qe=require("./XAxesLabels-D5X8jngD.cjs"),Ne=require("./ReferenceLine-BH0qdf4R.cjs"),Te=require("./YTicksAndGridLines-4pxTRlRK.cjs"),$e=require("./XTicksAndGridLines-B6CELS7q.cjs"),Se=require("./YAxesLabels-DcS85Beo.cjs"),Ee=require("./linear-BwPAspcq.cjs"),Ie=require("./band-VYfcZeJ2.cjs"),Ce=require("./use-in-view-QcfiW0w3.cjs"),ft=require("./proxy-BxvUI_9l.cjs"),ze=require("./index-DG2bgAva.cjs"),ve=require("./Colors.cjs"),De=require("./EmptyState-sAEZ_5rU.cjs"),je=require("./GraphContainer-d8A46BK2.cjs"),Fe=require("./GraphFooter.cjs"),Ue=require("./GraphHeader.cjs"),Be=require("./ColorLegend.cjs");function Pe(e){const t=s.compilerRuntimeExports.c(154),{data:n,width:pt,height:Yt,barColor:zt,suffix:gt,prefix:V,barPadding:Lt,showLabels:qt,showValues:Wt,showTicks:ie,truncateBy:Jt,leftMargin:ne,rightMargin:Tt,topMargin:Kt,bottomMargin:re,tooltip:ut,onSeriesMouseOver:ct,refValues:yt,maxValue:g,minValue:xt,highlightedDataPoints:K,onSeriesMouseClick:nt,labelOrder:D,maxBarThickness:$t,minBarThickness:bt,resetSelectionOnDoubleClick:St,detailsOnClick:N,barAxisTitle:M,valueColor:Q,noOfTicks:vt,styles:m,classNames:a,targetStyle:h,targetColor:wt,qualitativeRangeColors:Dt,measureBarWidthFactor:d,animate:r,dimmedOpacity:c,precision:st,customLayers:Z,naLabel:E}=e,_=ne===void 0?20:ne,Ft=Tt===void 0?20:Tt,se=Kt===void 0?20:Kt,ae=re===void 0?25:re,Qt=rt.useRef(null);let le;t[0]!==r.amount||t[1]!==r.once?(le={once:r.once,amount:r.amount},t[0]=r.amount,t[1]=r.once,t[2]=le):le=t[2];const I=Ce.useInView(Qt,le),F=M?_+30:_;let Ut;t[3]!==ae||t[4]!==Ft||t[5]!==F||t[6]!==se?(Ut={top:se,bottom:ae,left:F,right:Ft},t[3]=ae,t[4]=Ft,t[5]=F,t[6]=se,t[7]=Ut):Ut=t[7];const p=Ut,[A,Zt]=rt.useState(void 0),[U,_t]=rt.useState(void 0),[tt,te]=rt.useState(void 0),[Bt,ee]=rt.useState(void 0),x=pt-p.left-p.right,mt=Yt-p.top-p.bottom;let et;t[8]!==n?(et=Math.max(...n.filter(di).map(hi))<0?0:Math.max(...n.filter(mi).map(xi)),t[8]=n,t[9]=et):et=t[9];const jt=et;let Mt;t[10]!==n?(Mt=Math.max(...n.filter(ci).map(ui))<0?0:Math.max(...n.filter(ri).map(oi)),t[10]=n,t[11]=Mt):Mt=t[11];const At=Mt;let Rt;t[12]!==n?(Rt=Math.max(...n.map(ai)),t[12]=n,t[13]=Rt):Rt=t[13];const Ot=Rt;let kt;t[14]!==jt||t[15]!==g||t[16]!==Ot||t[17]!==At?(kt=f.checkIfNullOrUndefined(g)?Math.max(...[jt,At,Ot].filter(Number.isFinite))<0?0:Math.max(...[jt,At,Ot].filter(Number.isFinite)):g,t[14]=jt,t[15]=g,t[16]=Ot,t[17]=At,t[18]=kt):kt=t[18];const Vt=kt;let Pt;t[19]!==n?(Pt=Math.min(...n.filter(si).map(ni))>=0?0:Math.min(...n.filter(ii).map(ei)),t[19]=n,t[20]=Pt):Pt=t[20];const Nt=Pt;let Et;t[21]!==n?(Et=Math.min(...n.filter(ti).map(_e))>=0?0:Math.min(...n.filter(Ze).map(Qe)),t[21]=n,t[22]=Et):Et=t[22];const ht=Et;let It;t[23]!==Nt||t[24]!==xt||t[25]!==ht?(It=f.checkIfNullOrUndefined(xt)?Math.min(...[Nt,ht].filter(Number.isFinite))>=0?0:Math.min(...[Nt,ht].filter(Number.isFinite)):xt,t[23]=Nt,t[24]=xt,t[25]=ht,t[26]=It):It=t[26];const y=It;let C,z,B,P,L,H,G,b,R,O,q,T,v,w;if(t[27]!==r||t[28]!==M||t[29]!==zt||t[30]!==Lt||t[31]!==a?.graphObjectValues||t[32]!==a?.xAxis?.axis||t[33]!==a?.xAxis?.labels||t[34]!==a?.yAxis?.gridLines||t[35]!==a?.yAxis?.labels||t[36]!==a?.yAxis?.title||t[37]!==Z||t[38]!==n||t[39]!==N||t[40]!==c||t[41]!==mt||t[42]!==x||t[43]!==Yt||t[44]!==K||t[45]!==I||t[46]!==D||t[47]!==_||t[48]!==p.bottom||t[49]!==p.left||t[50]!==p.right||t[51]!==p.top||t[52]!==$t||t[53]!==d||t[54]!==bt||t[55]!==U||t[56]!==E||t[57]!==vt||t[58]!==nt||t[59]!==ct||t[60]!==st||t[61]!==V||t[62]!==Dt||t[63]!==yt||t[64]!==St||t[65]!==qt||t[66]!==ie||t[67]!==Wt||t[68]!==m?.graphObjectValues||t[69]!==m?.xAxis?.axis||t[70]!==m?.xAxis?.labels||t[71]!==m?.yAxis?.gridLines||t[72]!==m?.yAxis?.labels||t[73]!==m?.yAxis?.title||t[74]!==gt||t[75]!==wt||t[76]!==h||t[77]!==Jt||t[78]!==Q||t[79]!==pt||t[80]!==Vt||t[81]!==y){const u=Ee.linear().domain([y,Vt]).range([mt,0]).nice();let Ht;t[96]!==D?(Ht=(l,oe)=>({...l,id:D?`${l.label}`:`${oe}`}),t[96]=D,t[97]=Ht):Ht=t[97];const ue=n.map(Ht),o=D||ue.map(Ke),k=Ie.band().domain(o).range([0,bt?Math.max(x,bt*o.length):$t?Math.min(x,$t*o.length):x]).paddingInner(Lt),J=u.ticks(vt);z=ft.motion.svg,O=`${pt}px`,q=`${Yt}px`,T=`0 0 ${pt} ${Yt}`,v="ltr",w=Qt,L=`translate(${p.left},${p.top})`;const xe=u(y<0?0:y),Gt=u(y<0?0:y),dt=y<0?0:y;let lt;t[98]!==E||t[99]!==st||t[100]!==V||t[101]!==gt||t[102]!==dt?(lt=we.numberFormattingFunction(dt,E,st,V,gt),t[98]=E,t[99]=st,t[100]=V,t[101]=gt,t[102]=dt,t[103]=lt):lt=t[103];const Xt=a?.xAxis?.axis,j=a?.yAxis?.labels;let it;t[104]!==Xt||t[105]!==j?(it={axis:Xt,label:j},t[104]=Xt,t[105]=j,t[106]=it):it=t[106];const he=m?.xAxis?.axis,me=m?.yAxis?.labels;let i;t[107]!==he||t[108]!==me?(i={axis:he,label:me},t[107]=he,t[108]=me,t[109]=i):i=t[109],H=s.jsxRuntimeExports.jsx(ke.Axis,{y1:xe,y2:Gt,x1:0-_,x2:x+p.right,label:lt,labelPos:{x:0-_,dx:0,dy:Vt<0?"1em":-5,y:u(y<0?0:y)},classNames:it,styles:i}),G=ie?s.jsxRuntimeExports.jsx(Te.YTicksAndGridLines,{values:J.filter(Je),y:J.filter(We).map(l=>u(l)),x1:0-_,x2:x+p.right,styles:{gridLines:m?.yAxis?.gridLines,labels:m?.yAxis?.labels},classNames:{gridLines:a?.yAxis?.gridLines,labels:a?.yAxis?.labels},suffix:gt,prefix:V,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:st}):null;const ot=0-_-15,ce=mt/2,pe=m?.yAxis?.title,ge=a?.yAxis?.title;t[110]!==M||t[111]!==ot||t[112]!==ce||t[113]!==pe||t[114]!==ge?(b=s.jsxRuntimeExports.jsx(Ve.AxisTitle,{x:ot,y:ce,style:pe,className:ge,text:M,rotate90:!0}),t[110]=M,t[111]=ot,t[112]=ce,t[113]=pe,t[114]=ge,t[115]=b):b=t[115],t[116]!==Z?(R=Z.filter(Ye).map(Xe),t[116]=Z,t[117]=R):R=t[117],C=ze.AnimatePresence,B=ue.map(l=>f.checkIfNullOrUndefined(k(l.id))?null:s.jsxRuntimeExports.jsxs(ft.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:oe=>{Zt(l),ee(oe.clientY),te(oe.clientX),ct?.(l)},onClick:()=>{(nt||N)&&(Me.isEqual(U,l)&&St?(_t(void 0),nt?.(void 0)):(_t(l),nt?.(l)))},onMouseMove:oe=>{Zt(l),ee(oe.clientY),te(oe.clientX)},onMouseLeave:()=>{Zt(void 0),te(void 0),ee(void 0),ct?.(void 0)},exit:{opacity:0,transition:{duration:r.duration}},variants:{initial:{x:k(`${l.id}`),y:0,opacity:K.length!==0?K.indexOf(l.label)!==-1?.85:c:.85},whileInView:{x:k(`${l.id}`),y:0,opacity:K.length!==0?K.indexOf(l.label)!==-1?.85:c:.85,transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial",children:[l.qualitativeRange?l.qualitativeRange.map((oe,de)=>s.jsxRuntimeExports.jsx(ft.motion.rect,{x:0,exit:{height:0,y:u(0),transition:{duration:r.duration}},variants:{initial:{height:0,y:u(0),fill:Dt[de]},whileInView:{height:Math.abs(u(fe.sum(l.qualitativeRange.filter((ye,be)=>be<=de&&ye)))-u(fe.sum(l.qualitativeRange.filter((ye,be)=>be<de&&ye)))),y:u(fe.sum(l.qualitativeRange.filter((ye,be)=>be<=de&&ye))),fill:Dt[de],transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial",width:k.bandwidth()},de)):null,l.target&&h==="background"?s.jsxRuntimeExports.jsx(ft.motion.rect,{x:0,width:k.bandwidth(),style:{fill:wt},exit:{height:0,y:u(0),transition:{duration:r.duration}},variants:{initial:{height:0,y:u(0)},whileInView:{height:Math.abs(u(l.target)-u(0)),y:l.target>0?u(l.target):u(0),transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial"}):null,l.size?s.jsxRuntimeExports.jsx(ft.motion.rect,{x:k.bandwidth()*((1-d)/2),width:k.bandwidth()*d,style:{fill:zt},exit:{height:0,y:u(0),transition:{duration:r.duration}},variants:{initial:{height:0,y:u(0)},whileInView:{height:Math.abs(u(l.size)-u(0)),y:l.size>0?u(l.size):u(0),transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial"}):null,l.target&&h==="line"?s.jsxRuntimeExports.jsx(ft.motion.rect,{x:0,width:k.bandwidth(),style:{fill:wt},exit:{y:u(0),opacity:0,transition:{duration:r.duration}},variants:{initial:{y:u(0),opacity:0},whileInView:{y:u(l.target)-1,opacity:1,transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial",height:2}):null,qt?s.jsxRuntimeExports.jsx(qe.XAxesLabels,{value:`${l.label}`.length<Jt?`${l.label}`:`${`${l.label}`.substring(0,Jt)}...`,y:(l.size||0)<0?0:u(0)+5,x:0,width:k.bandwidth(),height:(l.size||0)<0?u(0)-5:p.bottom,style:m?.xAxis?.labels,className:a?.xAxis?.labels,alignment:(l.size||0)<0?"bottom":"top",animate:r,isInView:I}):null,Wt?s.jsxRuntimeExports.jsx(ft.motion.text,{x:k.bandwidth()/2,style:{textAnchor:"middle",...m?.graphObjectValues||{}},className:s.mo("graph-value text-sm",!Q&&zt.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",a?.graphObjectValues),dy:l.size?l.size>=0?"-5px":"1em":"-5px",exit:{opacity:0,transition:{duration:r.duration}},variants:{initial:{y:u(0),opacity:0,fill:Q||zt},whileInView:{y:u(l.size||0),opacity:1,fill:Q||zt,transition:{duration:r.duration}}},initial:"initial",animate:I?"whileInView":"initial",children:we.numberFormattingFunction(l.size,E,st,V,gt)}):null]},l.label)),P=yt?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:yt.map((l,oe)=>s.jsxRuntimeExports.jsx(Ne.RefLineY,{text:l.text,color:l.color,y:u(l.value),x1:0-_,x2:x+p.right,classNames:l.classNames,styles:l.styles,animate:r,isInView:I},oe))}):null,t[27]=r,t[28]=M,t[29]=zt,t[30]=Lt,t[31]=a?.graphObjectValues,t[32]=a?.xAxis?.axis,t[33]=a?.xAxis?.labels,t[34]=a?.yAxis?.gridLines,t[35]=a?.yAxis?.labels,t[36]=a?.yAxis?.title,t[37]=Z,t[38]=n,t[39]=N,t[40]=c,t[41]=mt,t[42]=x,t[43]=Yt,t[44]=K,t[45]=I,t[46]=D,t[47]=_,t[48]=p.bottom,t[49]=p.left,t[50]=p.right,t[51]=p.top,t[52]=$t,t[53]=d,t[54]=bt,t[55]=U,t[56]=E,t[57]=vt,t[58]=nt,t[59]=ct,t[60]=st,t[61]=V,t[62]=Dt,t[63]=yt,t[64]=St,t[65]=qt,t[66]=ie,t[67]=Wt,t[68]=m?.graphObjectValues,t[69]=m?.xAxis?.axis,t[70]=m?.xAxis?.labels,t[71]=m?.yAxis?.gridLines,t[72]=m?.yAxis?.labels,t[73]=m?.yAxis?.title,t[74]=gt,t[75]=wt,t[76]=h,t[77]=Jt,t[78]=Q,t[79]=pt,t[80]=Vt,t[81]=y,t[82]=C,t[83]=z,t[84]=B,t[85]=P,t[86]=L,t[87]=H,t[88]=G,t[89]=b,t[90]=R,t[91]=O,t[92]=q,t[93]=T,t[94]=v,t[95]=w}else C=t[82],z=t[83],B=t[84],P=t[85],L=t[86],H=t[87],G=t[88],b=t[89],R=t[90],O=t[91],q=t[92],T=t[93],v=t[94],w=t[95];let X;t[118]!==C||t[119]!==B||t[120]!==P?(X=s.jsxRuntimeExports.jsxs(C,{children:[B,P]}),t[118]=C,t[119]=B,t[120]=P,t[121]=X):X=t[121];let Y;t[122]!==Z?(Y=Z.filter(Ge).map(He),t[122]=Z,t[123]=Y):Y=t[123];let W;t[124]!==L||t[125]!==H||t[126]!==G||t[127]!==b||t[128]!==R||t[129]!==X||t[130]!==Y?(W=s.jsxRuntimeExports.jsxs("g",{transform:L,children:[H,G,b,R,X,Y]}),t[124]=L,t[125]=H,t[126]=G,t[127]=b,t[128]=R,t[129]=X,t[130]=Y,t[131]=W):W=t[131];let $;t[132]!==z||t[133]!==O||t[134]!==q||t[135]!==T||t[136]!==v||t[137]!==w||t[138]!==W?($=s.jsxRuntimeExports.jsx(z,{width:O,height:q,viewBox:T,direction:v,ref:w,children:W}),t[132]=z,t[133]=O,t[134]=q,t[135]=T,t[136]=v,t[137]=w,t[138]=W,t[139]=$):$=t[139];let at;t[140]!==a?.tooltip||t[141]!==tt||t[142]!==Bt||t[143]!==A||t[144]!==m?.tooltip||t[145]!==ut?(at=A&&ut&&tt&&Bt?s.jsxRuntimeExports.jsx(Re.Tooltip,{data:A,body:ut,xPos:tt,yPos:Bt,backgroundStyle:m?.tooltip,className:a?.tooltip}):null,t[140]=a?.tooltip,t[141]=tt,t[142]=Bt,t[143]=A,t[144]=m?.tooltip,t[145]=ut,t[146]=at):at=t[146];let S;t[147]!==N||t[148]!==U?(S=N&&U!==void 0?s.jsxRuntimeExports.jsx(Ae.le,{open:U!==void 0,onClose:()=>{_t(void 0)},children:s.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof N=="string"?{__html:Oe.string2HTML(N,U)}:void 0,children:typeof N=="function"?N(U):null})}):null,t[147]=N,t[148]=U,t[149]=S):S=t[149];let Ct;return t[150]!==$||t[151]!==at||t[152]!==S?(Ct=s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[$,at,S]}),t[150]=$,t[151]=at,t[152]=S,t[153]=Ct):Ct=t[153],Ct}function He(e){return e.layer}function Ge(e){return e.position==="after"}function Xe(e){return e.layer}function Ye(e){return e.position==="before"}function We(e){return e!==0}function Je(e){return e!==0}function Ke(e){return`${e.id}`}function Qe(e){return e.target}function Ze(e){return!f.checkIfNullOrUndefined(e.target)}function _e(e){return e.target}function ti(e){return!f.checkIfNullOrUndefined(e.target)}function ei(e){return e.size}function ii(e){return!f.checkIfNullOrUndefined(e.size)}function ni(e){return e.size}function si(e){return!f.checkIfNullOrUndefined(e.size)}function ai(e){return fe.sum((e.qualitativeRange||[]).filter(li))||0}function li(e){return!f.checkIfNullOrUndefined(e)}function oi(e){return e.target}function ri(e){return!f.checkIfNullOrUndefined(e.size)}function ui(e){return e.target}function ci(e){return!f.checkIfNullOrUndefined(e.target)}function xi(e){return e.size}function mi(e){return!f.checkIfNullOrUndefined(e.size)}function hi(e){return e.size}function di(e){return!f.checkIfNullOrUndefined(e.size)}function fi(e){const t=s.compilerRuntimeExports.c(146),{data:n,topMargin:pt,bottomMargin:Yt,leftMargin:zt,rightMargin:gt,barColor:V,suffix:Lt,prefix:qt,barPadding:Wt,showValues:ie,showTicks:Jt,truncateBy:ne,width:Tt,height:Kt,showLabels:re,tooltip:ut,onSeriesMouseOver:ct,refValues:yt,highlightedDataPoints:g,maxValue:xt,minValue:K,onSeriesMouseClick:nt,labelOrder:D,rtl:$t,maxBarThickness:bt,minBarThickness:St,resetSelectionOnDoubleClick:N,detailsOnClick:M,barAxisTitle:Q,valueColor:vt,noOfTicks:m,styles:a,classNames:h,targetStyle:wt,targetColor:Dt,qualitativeRangeColors:d,measureBarWidthFactor:r,animate:c,dimmedOpacity:st,precision:Z,customLayers:E,naLabel:_}=e,Ft=pt===void 0?25:pt,se=Yt===void 0?10:Yt,ae=zt===void 0?100:zt,Qt=gt===void 0?40:gt,le=rt.useRef(null);let I;t[0]!==c.amount||t[1]!==c.once?(I={once:c.once,amount:c.amount},t[0]=c.amount,t[1]=c.once,t[2]=I):I=t[2];const F=Ce.useInView(le,I),[Ut,p]=rt.useState(void 0),[A,Zt]=rt.useState(void 0),[U,_t]=rt.useState(void 0),[tt,te]=rt.useState(void 0),Bt=Q?Ft+25:Ft;let ee;t[3]!==se||t[4]!==ae||t[5]!==Qt||t[6]!==Bt?(ee={top:Bt,bottom:se,left:ae,right:Qt},t[3]=se,t[4]=ae,t[5]=Qt,t[6]=Bt,t[7]=ee):ee=t[7];const x=ee,mt=Tt-x.left-x.right,et=Kt-x.top-x.bottom;let jt;t[8]!==n?(jt=Math.max(...n.filter(Fi).map(Di))<0?0:Math.max(...n.filter(Si).map($i)),t[8]=n,t[9]=jt):jt=t[9];const Mt=jt;let At;t[10]!==n?(At=Math.max(...n.filter(Ti).map(qi))<0?0:Math.max(...n.filter(Li).map(zi)),t[10]=n,t[11]=At):At=t[11];const Rt=At;let Ot;t[12]!==n?(Ot=Math.max(...n.map(Ii)),t[12]=n,t[13]=Ot):Ot=t[13];const kt=Ot;let Vt;t[14]!==Mt||t[15]!==xt||t[16]!==kt||t[17]!==Rt?(Vt=f.checkIfNullOrUndefined(xt)?Math.max(...[Mt,Rt,kt].filter(Number.isFinite))<0?0:Math.max(...[Mt,Rt,kt].filter(Number.isFinite)):xt,t[14]=Mt,t[15]=xt,t[16]=kt,t[17]=Rt,t[18]=Vt):Vt=t[18];const Pt=Vt;let Nt;t[19]!==n?(Nt=Math.min(...n.filter(Ei).map(Ni))>=0?0:Math.min(...n.filter(Vi).map(ki)),t[19]=n,t[20]=Nt):Nt=t[20];const Et=Nt;let ht;t[21]!==n?(ht=Math.min(...n.filter(Oi).map(Ri))>=0?0:Math.min(...n.filter(Ai).map(Mi)),t[21]=n,t[22]=ht):ht=t[22];const It=ht;let y;t[23]!==Et||t[24]!==K||t[25]!==It?(y=f.checkIfNullOrUndefined(K)?Math.min(...[Et,It].filter(Number.isFinite))>=0?0:Math.min(...[Et,It].filter(Number.isFinite)):K,t[23]=Et,t[24]=K,t[25]=It,t[26]=y):y=t[26];const C=y;let z,B,P,L,H,G,b,R,O,q,T,v,w,X;if(t[27]!==c||t[28]!==Q||t[29]!==V||t[30]!==Wt||t[31]!==h?.graphObjectValues||t[32]!==h?.xAxis?.gridLines||t[33]!==h?.xAxis?.labels||t[34]!==h?.xAxis?.title||t[35]!==h?.yAxis?.axis||t[36]!==h?.yAxis?.labels||t[37]!==E||t[38]!==n||t[39]!==M||t[40]!==st||t[41]!==et||t[42]!==mt||t[43]!==Kt||t[44]!==g||t[45]!==F||t[46]!==D||t[47]!==x.bottom||t[48]!==x.left||t[49]!==x.top||t[50]!==bt||t[51]!==r||t[52]!==St||t[53]!==A||t[54]!==_||t[55]!==m||t[56]!==nt||t[57]!==ct||t[58]!==Z||t[59]!==qt||t[60]!==d||t[61]!==yt||t[62]!==N||t[63]!==$t||t[64]!==re||t[65]!==Jt||t[66]!==ie||t[67]!==a?.graphObjectValues||t[68]!==a?.xAxis?.gridLines||t[69]!==a?.xAxis?.labels||t[70]!==a?.xAxis?.title||t[71]!==a?.yAxis?.axis||t[72]!==a?.yAxis?.labels||t[73]!==Lt||t[74]!==Dt||t[75]!==wt||t[76]!==Ft||t[77]!==ne||t[78]!==vt||t[79]!==Tt||t[80]!==Pt||t[81]!==C){let Ht;t[96]!==D?(Ht=(i,ot)=>({...i,id:D?`${i.label}`:`${ot}`}),t[96]=D,t[97]=Ht):Ht=t[97];const ue=n.map(Ht),o=Ee.linear().domain([C,Pt]).range([0,mt]).nice(),k=D||ue.map(ji),J=Ie.band().domain(k).range([0,St?Math.max(et,St*k.length):bt?Math.min(et,bt*k.length):et]).paddingInner(Wt),xe=o.ticks(m);B=ft.motion.svg,q=`${Tt}px`,T=`${Kt}px`,v=`0 0 ${Tt} ${Kt}`,w="ltr",X=le,H=`translate(${x.left},${x.top})`,G=Jt?s.jsxRuntimeExports.jsx($e.XTicksAndGridLines,{values:xe.filter(wi),x:xe.filter(vi).map(i=>o(i)),y1:0-Ft,y2:et+x.bottom,styles:{gridLines:a?.xAxis?.gridLines,labels:a?.xAxis?.labels},classNames:{gridLines:h?.xAxis?.gridLines,labels:h?.xAxis?.labels},suffix:Lt,prefix:qt,labelType:"secondary",showGridLines:!0,precision:Z}):null;const Gt=mt/2,dt=0-x.top+15,lt=a?.xAxis?.title,Xt=h?.xAxis?.title;t[98]!==Q||t[99]!==Gt||t[100]!==dt||t[101]!==lt||t[102]!==Xt?(b=s.jsxRuntimeExports.jsx(Ve.AxisTitle,{x:Gt,y:dt,style:lt,className:Xt,text:Q}),t[98]=Q,t[99]=Gt,t[100]=dt,t[101]=lt,t[102]=Xt,t[103]=b):b=t[103];const j=h?.yAxis?.axis;let it;t[104]!==j?(it={axis:j},t[104]=j,t[105]=it):it=t[105];const he=a?.yAxis?.axis;let me;t[106]!==he?(me={axis:he},t[106]=he,t[107]=me):me=t[107],R=s.jsxRuntimeExports.jsx(ke.Axis,{x1:o(C<0?0:C),x2:o(C<0?0:C),y1:-2.5,y2:et+x.bottom,classNames:it,styles:me}),t[108]!==E?(O=E.filter(bi).map(yi),t[108]=E,t[109]=O):O=t[109],z=ze.AnimatePresence,P=ue.map(i=>f.checkIfNullOrUndefined(J(i.id))?null:s.jsxRuntimeExports.jsxs(ft.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:ot=>{p(i),te(ot.clientY),_t(ot.clientX),ct?.(i)},onClick:()=>{(nt||M)&&(Me.isEqual(A,i)&&N?(Zt(void 0),nt?.(void 0)):(Zt(i),nt?.(i)))},onMouseMove:ot=>{p(i),te(ot.clientY),_t(ot.clientX)},onMouseLeave:()=>{p(void 0),_t(void 0),te(void 0),ct?.(void 0)},exit:{opacity:0,transition:{duration:c.duration}},variants:{initial:{x:0,y:J(`${i.id}`),opacity:g.length!==0?g.indexOf(i.label)!==-1?.85:st:.85},whileInView:{x:0,y:J(`${i.id}`),opacity:g.length!==0?g.indexOf(i.label)!==-1?.85:st:.85,transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial",children:[i.qualitativeRange?i.qualitativeRange.map((ot,ce)=>s.jsxRuntimeExports.jsx(ft.motion.rect,{exit:{width:0,x:o(0),transition:{duration:c.duration}},variants:{initial:{x:o(0),width:0,fill:d[ce]},whileInView:{x:o(ce===0?0:fe.sum(i.qualitativeRange.filter((pe,ge)=>ge<ce&&pe))),width:o(ot),fill:d[ce],transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial",y:0,height:J.bandwidth()},ce)):null,i.target&&wt==="background"?s.jsxRuntimeExports.jsx(ft.motion.rect,{y:0,x:i.target>=0?o(0):o(i.target),height:J.bandwidth(),style:{fill:Dt},exit:{width:0,x:o(0),transition:{duration:c.duration}},variants:{initial:{x:o(0),width:0},whileInView:{x:i.target>=0?o(0):o(i.target),width:i.target>=0?o(i.target)-o(0):o(0)-o(i.target),transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial"}):null,i.size?s.jsxRuntimeExports.jsx(ft.motion.rect,{y:J.bandwidth()*((1-r)/2),style:{fill:V},height:J.bandwidth()*r,exit:{width:0,x:o(0),transition:{duration:c.duration}},variants:{initial:{x:o(0),width:0},whileInView:{x:i.size>=0?o(0):o(i.size),width:i.size>=0?o(i.size)-o(0):o(0)-o(i.size),transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial"}):null,i.target&&wt==="line"?s.jsxRuntimeExports.jsx(ft.motion.rect,{y:0,height:J.bandwidth(),style:{fill:Dt},width:2,exit:{opacity:0,x:o(0),transition:{duration:c.duration}},variants:{initial:{x:o(0),opacity:0},whileInView:{x:o(i.target)-1,opacity:1,transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial"}):null,re?s.jsxRuntimeExports.jsx(Se.YAxesLabels,{value:`${i.label}`.length<ne?`${i.label}`:`${`${i.label}`.substring(0,ne)}...`,y:0,x:(i.size||0)<0?o(0):0-x.left,width:(i.size||0)<0?Tt-o(0):o(0)+x.left,height:J.bandwidth(),alignment:i.size&&i.size<0?"left":"right",style:a?.yAxis?.labels,className:h?.yAxis?.labels,animate:c,isInView:F}):null,ie?s.jsxRuntimeExports.jsx(ft.motion.text,{y:J.bandwidth()/2,style:{textAnchor:i.size&&i.size<0?"end":"start",...a?.graphObjectValues||{}},className:s.mo("graph-value text-sm",!vt&&V.length>1?" fill-primary-gray-600 dark:fill-primary-gray-300":"",h?.graphObjectValues),dx:i.size&&i.size<0?-5:5,dy:"0.33em",exit:{opacity:0,transition:{duration:c.duration}},variants:{initial:{x:o(0),opacity:0,fill:vt||V},whileInView:{x:i.size?o(i.size):o(0),opacity:1,fill:vt||V,transition:{duration:c.duration}}},initial:"initial",animate:F?"whileInView":"initial",children:we.numberFormattingFunction(i.size,_,Z,qt,Lt)}):null]},i.label)),L=yt?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:yt.map((i,ot)=>s.jsxRuntimeExports.jsx(Ne.RefLineX,{text:i.text,color:i.color,x:o(i.value),y1:0-x.top,y2:et+x.bottom,textSide:o(i.value)>mt*.75||$t?"left":"right",classNames:i.classNames,styles:i.styles,animate:c,isInView:F},ot))}):null,t[27]=c,t[28]=Q,t[29]=V,t[30]=Wt,t[31]=h?.graphObjectValues,t[32]=h?.xAxis?.gridLines,t[33]=h?.xAxis?.labels,t[34]=h?.xAxis?.title,t[35]=h?.yAxis?.axis,t[36]=h?.yAxis?.labels,t[37]=E,t[38]=n,t[39]=M,t[40]=st,t[41]=et,t[42]=mt,t[43]=Kt,t[44]=g,t[45]=F,t[46]=D,t[47]=x.bottom,t[48]=x.left,t[49]=x.top,t[50]=bt,t[51]=r,t[52]=St,t[53]=A,t[54]=_,t[55]=m,t[56]=nt,t[57]=ct,t[58]=Z,t[59]=qt,t[60]=d,t[61]=yt,t[62]=N,t[63]=$t,t[64]=re,t[65]=Jt,t[66]=ie,t[67]=a?.graphObjectValues,t[68]=a?.xAxis?.gridLines,t[69]=a?.xAxis?.labels,t[70]=a?.xAxis?.title,t[71]=a?.yAxis?.axis,t[72]=a?.yAxis?.labels,t[73]=Lt,t[74]=Dt,t[75]=wt,t[76]=Ft,t[77]=ne,t[78]=vt,t[79]=Tt,t[80]=Pt,t[81]=C,t[82]=z,t[83]=B,t[84]=P,t[85]=L,t[86]=H,t[87]=G,t[88]=b,t[89]=R,t[90]=O,t[91]=q,t[92]=T,t[93]=v,t[94]=w,t[95]=X}else z=t[82],B=t[83],P=t[84],L=t[85],H=t[86],G=t[87],b=t[88],R=t[89],O=t[90],q=t[91],T=t[92],v=t[93],w=t[94],X=t[95];let Y;t[110]!==z||t[111]!==P||t[112]!==L?(Y=s.jsxRuntimeExports.jsxs(z,{children:[P,L]}),t[110]=z,t[111]=P,t[112]=L,t[113]=Y):Y=t[113];let W;t[114]!==E?(W=E.filter(gi).map(pi),t[114]=E,t[115]=W):W=t[115];let $;t[116]!==H||t[117]!==G||t[118]!==b||t[119]!==R||t[120]!==O||t[121]!==Y||t[122]!==W?($=s.jsxRuntimeExports.jsxs("g",{transform:H,children:[G,b,R,O,Y,W]}),t[116]=H,t[117]=G,t[118]=b,t[119]=R,t[120]=O,t[121]=Y,t[122]=W,t[123]=$):$=t[123];let at;t[124]!==B||t[125]!==q||t[126]!==T||t[127]!==v||t[128]!==w||t[129]!==X||t[130]!==$?(at=s.jsxRuntimeExports.jsx(B,{width:q,height:T,viewBox:v,direction:w,ref:X,children:$}),t[124]=B,t[125]=q,t[126]=T,t[127]=v,t[128]=w,t[129]=X,t[130]=$,t[131]=at):at=t[131];let S;t[132]!==h?.tooltip||t[133]!==U||t[134]!==tt||t[135]!==Ut||t[136]!==a?.tooltip||t[137]!==ut?(S=Ut&&ut&&U&&tt?s.jsxRuntimeExports.jsx(Re.Tooltip,{data:Ut,body:ut,xPos:U,yPos:tt,backgroundStyle:a?.tooltip,className:h?.tooltip}):null,t[132]=h?.tooltip,t[133]=U,t[134]=tt,t[135]=Ut,t[136]=a?.tooltip,t[137]=ut,t[138]=S):S=t[138];let Ct;t[139]!==M||t[140]!==A?(Ct=M&&A!==void 0?s.jsxRuntimeExports.jsx(Ae.le,{open:A!==void 0,onClose:()=>{Zt(void 0)},children:s.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof M=="string"?{__html:Oe.string2HTML(M,A)}:void 0,children:typeof M=="function"?M(A):null})}):null,t[139]=M,t[140]=A,t[141]=Ct):Ct=t[141];let u;return t[142]!==at||t[143]!==S||t[144]!==Ct?(u=s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[at,S,Ct]}),t[142]=at,t[143]=S,t[144]=Ct,t[145]=u):u=t[145],u}function pi(e){return e.layer}function gi(e){return e.position==="after"}function yi(e){return e.layer}function bi(e){return e.position==="before"}function vi(e){return e!==0}function wi(e){return e!==0}function ji(e){return`${e.id}`}function Mi(e){return e.target}function Ai(e){return!f.checkIfNullOrUndefined(e.target)}function Ri(e){return e.target}function Oi(e){return!f.checkIfNullOrUndefined(e.target)}function ki(e){return e.size}function Vi(e){return!f.checkIfNullOrUndefined(e.size)}function Ni(e){return e.size}function Ei(e){return!f.checkIfNullOrUndefined(e.size)}function Ii(e){return fe.sum((e.qualitativeRange||[]).filter(Ci))||0}function Ci(e){return!f.checkIfNullOrUndefined(e)}function zi(e){return e.target}function Li(e){return!f.checkIfNullOrUndefined(e.target)}function qi(e){return e.target}function Ti(e){return!f.checkIfNullOrUndefined(e.target)}function $i(e){return e.size}function Si(e){return!f.checkIfNullOrUndefined(e.size)}function Di(e){return e.size}function Fi(e){return!f.checkIfNullOrUndefined(e.size)}function Ui(e){const t=s.compilerRuntimeExports.c(94),{data:n,graphTitle:pt,barColor:Yt,barPadding:zt,showTicks:gt,leftMargin:V,rightMargin:Lt,topMargin:qt,bottomMargin:Wt,truncateBy:ie,showLabels:Jt,showValues:ne,backgroundColor:Tt,suffix:Kt,prefix:re,sources:ut,graphDescription:ct,height:yt,width:g,footNote:xt,colorDomain:K,colorLegendTitle:nt,padding:D,relativeHeight:$t,tooltip:bt,onSeriesMouseOver:St,refValues:N,showColorScale:M,graphID:Q,maxValue:vt,minValue:m,highlightedDataPoints:a,onSeriesMouseClick:h,valueColor:wt,orientation:Dt,styles:d,classNames:r,qualitativeRangeColors:c,targetColor:st,filterNA:Z,targetStyle:E,measureBarWidthFactor:_,animate:Ft,dimmedOpacity:se,precision:ae,customLayers:Qt,naLabel:le,graphDownload:I,dataDownload:F,language:Ut,theme:p,sortData:A,labelOrder:Zt,minHeight:U,maxBarThickness:_t,maxNumberOfBars:tt,minBarThickness:te,ariaLabel:Bt,resetSelectionOnDoubleClick:ee,detailsOnClick:x,barAxisTitle:mt,noOfTicks:et}=e,jt=Yt===void 0?ve.Colors.primaryColors["blue-600"]:Yt,Mt=zt===void 0?.25:zt,At=gt===void 0?!0:gt,Rt=ie===void 0?999:ie,Ot=Jt===void 0?!0:Jt,kt=ne===void 0?!0:ne,Vt=Tt===void 0?!1:Tt,Pt=Kt===void 0?"":Kt,Nt=re===void 0?"":re,Et=M===void 0?!0:M;let ht;t[0]!==a?(ht=a===void 0?[]:a,t[0]=a,t[1]=ht):ht=t[1];const It=ht,y=Dt===void 0?"vertical":Dt,C=st===void 0?ve.Colors.light.grays["gray-700"]:st,z=Z===void 0?!0:Z,B=E===void 0?"line":E,P=_===void 0?.4:_,L=Ft===void 0?!1:Ft,H=se===void 0?.3:se,G=ae===void 0?2:ae;let b;t[2]!==Qt?(b=Qt===void 0?[]:Qt,t[2]=Qt,t[3]=b):b=t[3];const R=b,O=le===void 0?"NA":le,q=I===void 0?!1:I,T=F===void 0?!1:F,v=Ut===void 0?"en":Ut,w=p===void 0?"light":p,X=U===void 0?0:U,Y=ee===void 0?!0:ee,W=et===void 0?5:et,[$,at]=rt.useState(0),[S,Ct]=rt.useState(0),u=rt.useRef(null),Ht=rt.useRef(null),ue=y==="horizontal"?fi:Pe;let o,k;t[4]===Symbol.for("react.memo_cache_sentinel")?(o=()=>{const j=new ResizeObserver(it=>{at(it[0].target.clientWidth||620),Ct(it[0].target.clientHeight||480)});return u.current&&j.observe(u.current),()=>j.disconnect()},k=[],t[4]=o,t[5]=k):(o=t[4],k=t[5]),rt.useEffect(o,k);const J=r?.graphContainer,xe=d?.graphContainer;let Gt;t[6]!==r?.description||t[7]!==r?.title||t[8]!==n||t[9]!==T||t[10]!==ct||t[11]!==q||t[12]!==pt||t[13]!==d?.description||t[14]!==d?.title||t[15]!==g?(Gt=pt||ct||q||T?s.jsxRuntimeExports.jsx(Ue.GraphHeader,{styles:{title:d?.title,description:d?.description},classNames:{title:r?.title,description:r?.description},graphTitle:pt,graphDescription:ct,width:g,graphDownload:q?Ht:void 0,dataDownload:T?n.map(Yi).filter(Xi).length>0?n.map(Gi).filter(Hi):n.filter(Pi):null}):null,t[6]=r?.description,t[7]=r?.title,t[8]=n,t[9]=T,t[10]=ct,t[11]=q,t[12]=pt,t[13]=d?.description,t[14]=d?.title,t[15]=g,t[16]=Gt):Gt=t[16];let dt;t[17]!==ue||t[18]!==L||t[19]!==mt||t[20]!==jt||t[21]!==Mt||t[22]!==Wt||t[23]!==r||t[24]!==K||t[25]!==nt||t[26]!==R||t[27]!==n||t[28]!==x||t[29]!==H||t[30]!==z||t[31]!==It||t[32]!==Zt||t[33]!==v||t[34]!==V||t[35]!==_t||t[36]!==tt||t[37]!==vt||t[38]!==P||t[39]!==te||t[40]!==m||t[41]!==O||t[42]!==W||t[43]!==h||t[44]!==St||t[45]!==y||t[46]!==G||t[47]!==Nt||t[48]!==c||t[49]!==N||t[50]!==Y||t[51]!==Lt||t[52]!==Et||t[53]!==Ot||t[54]!==At||t[55]!==kt||t[56]!==A||t[57]!==d||t[58]!==Pt||t[59]!==S||t[60]!==$||t[61]!==C||t[62]!==B||t[63]!==w||t[64]!==bt||t[65]!==qt||t[66]!==Rt||t[67]!==wt||t[68]!==g?(dt=n.length===0?s.jsxRuntimeExports.jsx(De.EmptyState,{}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[Et&&n.filter(Bi).length!==0&&K?s.jsxRuntimeExports.jsx(Be.ColorLegend,{width:g,colorLegendTitle:nt,colors:c||ve.Colors[w].sequentialColors.positiveColorsx10,colorDomain:K,showNAColor:!1,className:r?.colorLegend}):null,s.jsxRuntimeExports.jsx(je.GraphArea,{ref:u,children:$&&S?s.jsxRuntimeExports.jsx(ue,{data:A?Le.orderBy(n.filter(j=>z?!f.checkIfNullOrUndefined(j.size):j),[j=>j.size===void 0?A==="asc"?(y==="horizontal"?1:-1)*(1/0):(y==="horizontal"?-1:1)*(1/0):j.size],[A]).filter((j,it)=>tt?it<tt:!0):n.filter(j=>z?!f.checkIfNullOrUndefined(j.size):j).filter((j,it)=>tt?it<tt:!0),barColor:jt,targetColor:C,width:$,refValues:N,height:S,suffix:Pt,prefix:Nt,barPadding:Mt,showLabels:Ot,showValues:kt,showTicks:At,truncateBy:Rt,leftMargin:V,rightMargin:Lt,qualitativeRangeColors:c||ve.Colors[w].sequentialColors.positiveColorsx10,topMargin:qt,bottomMargin:Wt,tooltip:bt,onSeriesMouseOver:St,maxValue:vt,minValue:m,highlightedDataPoints:It,onSeriesMouseClick:h,labelOrder:Zt,maxBarThickness:_t,minBarThickness:te,resetSelectionOnDoubleClick:Y,detailsOnClick:x,barAxisTitle:mt,noOfTicks:W,valueColor:wt,styles:d,classNames:r,targetStyle:B,dimmedOpacity:H,measureBarWidthFactor:P,animate:L===!0?{duration:.5,once:!0,amount:.5}:L||{duration:0,once:!0,amount:0},precision:G,customLayers:R,naLabel:O,rtl:v==="ar"||v==="he"}):null})]}),t[17]=ue,t[18]=L,t[19]=mt,t[20]=jt,t[21]=Mt,t[22]=Wt,t[23]=r,t[24]=K,t[25]=nt,t[26]=R,t[27]=n,t[28]=x,t[29]=H,t[30]=z,t[31]=It,t[32]=Zt,t[33]=v,t[34]=V,t[35]=_t,t[36]=tt,t[37]=vt,t[38]=P,t[39]=te,t[40]=m,t[41]=O,t[42]=W,t[43]=h,t[44]=St,t[45]=y,t[46]=G,t[47]=Nt,t[48]=c,t[49]=N,t[50]=Y,t[51]=Lt,t[52]=Et,t[53]=Ot,t[54]=At,t[55]=kt,t[56]=A,t[57]=d,t[58]=Pt,t[59]=S,t[60]=$,t[61]=C,t[62]=B,t[63]=w,t[64]=bt,t[65]=qt,t[66]=Rt,t[67]=wt,t[68]=g,t[69]=dt):dt=t[69];let lt;t[70]!==r?.footnote||t[71]!==r?.source||t[72]!==xt||t[73]!==ut||t[74]!==d?.footnote||t[75]!==d?.source||t[76]!==g?(lt=ut||xt?s.jsxRuntimeExports.jsx(Fe.GraphFooter,{styles:{footnote:d?.footnote,source:d?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:ut,footNote:xt,width:g}):null,t[70]=r?.footnote,t[71]=r?.source,t[72]=xt,t[73]=ut,t[74]=d?.footnote,t[75]=d?.source,t[76]=g,t[77]=lt):lt=t[77];let Xt;return t[78]!==Bt||t[79]!==Vt||t[80]!==Q||t[81]!==yt||t[82]!==v||t[83]!==X||t[84]!==D||t[85]!==$t||t[86]!==J||t[87]!==xe||t[88]!==Gt||t[89]!==dt||t[90]!==lt||t[91]!==w||t[92]!==g?(Xt=s.jsxRuntimeExports.jsxs(je.GraphContainer,{className:J,style:xe,id:Q,ref:Ht,"aria-label":Bt,backgroundColor:Vt,theme:w,language:v,minHeight:X,width:g,height:yt,relativeHeight:$t,padding:D,children:[Gt,dt,lt]}),t[78]=Bt,t[79]=Vt,t[80]=Q,t[81]=yt,t[82]=v,t[83]=X,t[84]=D,t[85]=$t,t[86]=J,t[87]=xe,t[88]=Gt,t[89]=dt,t[90]=lt,t[91]=w,t[92]=g,t[93]=Xt):Xt=t[93],Xt}function Bi(e){return e.qualitativeRange}function Pi(e){return e!==void 0}function Hi(e){return e!==void 0}function Gi(e){return e.data}function Xi(e){return e!==void 0}function Yi(e){return e.data}exports.BulletChart=Ui;
 //# sourceMappingURL=BulletChart.cjs.map