@undp/data-viz 1.5.9 → 2.0.1

package/dist/SlopeChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlopeChart.js","sources":["../src/Components/Graphs/SlopeChart/Graph.tsx","../src/Components/Graphs/SlopeChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  SlopeChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\n\r\ninterface Props {\r\n  data: SlopeChartDataType[];\r\n  width: number;\r\n  height: number;\r\n  selectedColor?: string;\r\n  showLabels: boolean;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  axisTitles: [string, string];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  highlightedDataPoints: (string | number)[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  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    width,\r\n    height,\r\n    showLabels,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    axisTitles,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minY = Math.min(Math.min(...data.map(d => d.y1)), Math.min(...data.map(d => d.y2)));\r\n  const maxY = Math.max(Math.max(...data.map(d => d.y1)), Math.max(...data.map(d => d.y2)));\r\n  const y = scaleLinear()\r\n    .domain([\r\n      checkIfNullOrUndefined(minValue) ? (minY > 0 ? 0 : minY) : (minValue as number),\r\n      checkIfNullOrUndefined(maxValue) ? (maxY > 0 ? maxY : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        className='mx-auto'\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <g>\r\n            <Axis\r\n              y1={0}\r\n              y2={graphHeight}\r\n              x1={radius}\r\n              x2={radius}\r\n              classNames={{\r\n                axis: cn(\r\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                  classNames?.yAxis?.axis,\r\n                ),\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={radius}\r\n              y={graphHeight + 15}\r\n              style={styles?.yAxis?.title}\r\n              className={cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                classNames?.yAxis?.title,\r\n              )}\r\n              text={axisTitles[0]}\r\n            />\r\n          </g>\r\n          <g>\r\n            <Axis\r\n              y1={0}\r\n              y2={graphHeight}\r\n              x1={graphWidth - radius}\r\n              x2={graphWidth - radius}\r\n              classNames={{\r\n                axis: cn(\r\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                  classNames?.yAxis?.axis,\r\n                ),\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={graphWidth - radius}\r\n              y={graphHeight + 15}\r\n              style={styles?.yAxis?.title}\r\n              className={cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                classNames?.yAxis?.title,\r\n              )}\r\n              text={axisTitles[1]}\r\n            />\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {data.map((d, i) => {\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : mouseOverData\r\n                          ? mouseOverData.label === d.label\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedDataPoints.length !== 0\r\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : mouseOverData\r\n                          ? mouseOverData.label === d.label\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedDataPoints.length !== 0\r\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                >\r\n                  <motion.circle\r\n                    variants={{\r\n                      initial: {\r\n                        cx: radius,\r\n                        cy: y(d.y1),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        cx: radius,\r\n                        cy: y(d.y1),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.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                    r={radius}\r\n                    style={{\r\n                      fillOpacity: 0.6,\r\n                    }}\r\n                  />\r\n                  {showLabels ? (\r\n                    <motion.text\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(d.y1),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(d.y1),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.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                      style={{\r\n                        textAnchor: 'end',\r\n                        ...(styles?.yAxis?.labels || {}),\r\n                      }}\r\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                      x={5}\r\n                      dy='0.33em'\r\n                      textAnchor='end'\r\n                      dx={0 - radius - 3}\r\n                    >\r\n                      {d.label}\r\n                    </motion.text>\r\n                  ) : highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        variants={{\r\n                          initial: {\r\n                            y: y(d.y1),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\r\n                            opacity: 0,\r\n                          },\r\n                          whileInView: {\r\n                            y: y(d.y1),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.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                        style={{\r\n                          textAnchor: 'end',\r\n                          ...(styles?.yAxis?.labels || {}),\r\n                        }}\r\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                        x={5}\r\n                        dy='0.33em'\r\n                        dx={-3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                  <motion.circle\r\n                    variants={{\r\n                      initial: {\r\n                        cx: graphWidth - radius,\r\n                        cy: y(d.y2),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        cx: graphWidth - radius,\r\n                        cy: y(d.y2),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.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                    r={radius}\r\n                    style={{\r\n                      fillOpacity: 0.6,\r\n                    }}\r\n                  />\r\n                  {showLabels ? (\r\n                    <motion.text\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(d.y2),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(d.y2),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.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                      style={{\r\n                        textAnchor: 'start',\r\n                        ...(styles?.yAxis?.labels || {}),\r\n                      }}\r\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                      x={graphWidth - 5}\r\n                      dy='0.33em'\r\n                      dx={radius + 3}\r\n                    >\r\n                      {d.label}\r\n                    </motion.text>\r\n                  ) : highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        variants={{\r\n                          initial: {\r\n                            y: y(d.y2),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\r\n                            opacity: 0,\r\n                          },\r\n                          whileInView: {\r\n                            y: y(d.y2),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.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                        style={{\r\n                          textAnchor: 'start',\r\n                          ...(styles?.yAxis?.labels || {}),\r\n                        }}\r\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                        x={graphWidth - 5}\r\n                        dy='0.33em'\r\n                        dx={3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                  <motion.line\r\n                    variants={{\r\n                      initial: {\r\n                        x1: radius,\r\n                        x2: graphWidth - radius,\r\n                        y1: y(d.y1),\r\n                        y2: y(d.y1),\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                      },\r\n                      whileInView: {\r\n                        x1: radius,\r\n                        x2: graphWidth - radius,\r\n                        y1: y(d.y1),\r\n                        y2: y(d.y2),\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\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={classNames?.dataConnectors}\r\n                    style={{\r\n                      fill: 'none',\r\n                      strokeWidth: 1,\r\n                      ...styles?.dataConnectors,\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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 { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  Languages,\r\n  SlopeChartDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: SlopeChartDataType[];\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  /** Color or array of colors for circles */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: 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  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Radius of the circles */\r\n  radius?: number;\r\n  /** Title for the two axis */\r\n  axisTitles?: [string, string];\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\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 SlopeChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = false,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    axisTitles = ['', ''],\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 50,\r\n    rightMargin = 50,\r\n    topMargin = 20,\r\n    bottomMargin = 20,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\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    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(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].target.clientWidth || 620);\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 || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex ${width ? 'grow-0' : 'grow'} ${\r\n        !fillContainer ? 'w-fit' : 'w-full'\r\n      } `}\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          !fillContainer ? '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 a slope chart showing changes in data between two category or starting and ending time. Each line represents a different row in data, with lines sloping up or down to show increase or decrease over two categories or time.${\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            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data.filter(\r\n                          d => !checkIfNullOrUndefined(d.y1) && !checkIfNullOrUndefined(d.y2),\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                        }\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        axisTitles={axisTitles}\r\n                        showLabels={showLabels}\r\n                        radius={radius}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        minValue={minValue}\r\n                        maxValue={maxValue}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\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                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\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","width","height","showLabels","colors","colorDomain","radius","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","axisTitles","highlightedDataPoints","selectedColor","minValue","maxValue","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","dimmedOpacity","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","minY","d","maxY","scaleLinear","checkIfNullOrUndefined","jsxs","Fragment","jsx","motion","Axis","cn","AxisTitle","AnimatePresence","i","event","isEqual","el","Colors","Tooltip","Modal","string2HTML","SlopeChart","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"SlopeChart.js","sources":["../src/Components/Graphs/SlopeChart/Graph.tsx","../src/Components/Graphs/SlopeChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  SlopeChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\n\r\ninterface Props {\r\n  data: SlopeChartDataType[];\r\n  width: number;\r\n  height: number;\r\n  selectedColor?: string;\r\n  showLabels: boolean;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  axisTitles: [string, string];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  highlightedDataPoints: (string | number)[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  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    width,\r\n    height,\r\n    showLabels,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    axisTitles,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minY = Math.min(Math.min(...data.map(d => d.y1)), Math.min(...data.map(d => d.y2)));\r\n  const maxY = Math.max(Math.max(...data.map(d => d.y1)), Math.max(...data.map(d => d.y2)));\r\n  const y = scaleLinear()\r\n    .domain([\r\n      checkIfNullOrUndefined(minValue) ? (minY > 0 ? 0 : minY) : (minValue as number),\r\n      checkIfNullOrUndefined(maxValue) ? (maxY > 0 ? maxY : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        className='mx-auto'\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <g>\r\n            <Axis\r\n              y1={0}\r\n              y2={graphHeight}\r\n              x1={radius}\r\n              x2={radius}\r\n              classNames={{\r\n                axis: cn(\r\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                  classNames?.yAxis?.axis,\r\n                ),\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={radius}\r\n              y={graphHeight + 15}\r\n              style={styles?.yAxis?.title}\r\n              className={cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                classNames?.yAxis?.title,\r\n              )}\r\n              text={axisTitles[0]}\r\n            />\r\n          </g>\r\n          <g>\r\n            <Axis\r\n              y1={0}\r\n              y2={graphHeight}\r\n              x1={graphWidth - radius}\r\n              x2={graphWidth - radius}\r\n              classNames={{\r\n                axis: cn(\r\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                  classNames?.yAxis?.axis,\r\n                ),\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={graphWidth - radius}\r\n              y={graphHeight + 15}\r\n              style={styles?.yAxis?.title}\r\n              className={cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                classNames?.yAxis?.title,\r\n              )}\r\n              text={axisTitles[1]}\r\n            />\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {data.map((d, i) => {\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : mouseOverData\r\n                          ? mouseOverData.label === d.label\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedDataPoints.length !== 0\r\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : mouseOverData\r\n                          ? mouseOverData.label === d.label\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedDataPoints.length !== 0\r\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                >\r\n                  <motion.circle\r\n                    variants={{\r\n                      initial: {\r\n                        cx: radius,\r\n                        cy: y(d.y1),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        cx: radius,\r\n                        cy: y(d.y1),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.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                    r={radius}\r\n                    style={{\r\n                      fillOpacity: 0.6,\r\n                    }}\r\n                  />\r\n                  {showLabels ? (\r\n                    <motion.text\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(d.y1),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(d.y1),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.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                      style={{\r\n                        textAnchor: 'end',\r\n                        ...(styles?.yAxis?.labels || {}),\r\n                      }}\r\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                      x={5}\r\n                      dy='0.33em'\r\n                      textAnchor='end'\r\n                      dx={0 - radius - 3}\r\n                    >\r\n                      {d.label}\r\n                    </motion.text>\r\n                  ) : highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        variants={{\r\n                          initial: {\r\n                            y: y(d.y1),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\r\n                            opacity: 0,\r\n                          },\r\n                          whileInView: {\r\n                            y: y(d.y1),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.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                        style={{\r\n                          textAnchor: 'end',\r\n                          ...(styles?.yAxis?.labels || {}),\r\n                        }}\r\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                        x={5}\r\n                        dy='0.33em'\r\n                        dx={-3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                  <motion.circle\r\n                    variants={{\r\n                      initial: {\r\n                        cx: graphWidth - radius,\r\n                        cy: y(d.y2),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        cx: graphWidth - radius,\r\n                        cy: y(d.y2),\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.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                    r={radius}\r\n                    style={{\r\n                      fillOpacity: 0.6,\r\n                    }}\r\n                  />\r\n                  {showLabels ? (\r\n                    <motion.text\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(d.y2),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(d.y2),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.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                      style={{\r\n                        textAnchor: 'start',\r\n                        ...(styles?.yAxis?.labels || {}),\r\n                      }}\r\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                      x={graphWidth - 5}\r\n                      dy='0.33em'\r\n                      dx={radius + 3}\r\n                    >\r\n                      {d.label}\r\n                    </motion.text>\r\n                  ) : highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        variants={{\r\n                          initial: {\r\n                            y: y(d.y2),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\r\n                            opacity: 0,\r\n                          },\r\n                          whileInView: {\r\n                            y: y(d.y2),\r\n                            fill:\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.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                        style={{\r\n                          textAnchor: 'start',\r\n                          ...(styles?.yAxis?.labels || {}),\r\n                        }}\r\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\r\n                        x={graphWidth - 5}\r\n                        dy='0.33em'\r\n                        dx={3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                  <motion.line\r\n                    variants={{\r\n                      initial: {\r\n                        x1: radius,\r\n                        x2: graphWidth - radius,\r\n                        y1: y(d.y1),\r\n                        y2: y(d.y1),\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\r\n                      },\r\n                      whileInView: {\r\n                        x1: radius,\r\n                        x2: graphWidth - radius,\r\n                        y1: y(d.y1),\r\n                        y2: y(d.y2),\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : colors[colorDomain.indexOf(`${d.color}`)],\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={classNames?.dataConnectors}\r\n                    style={{\r\n                      fill: 'none',\r\n                      strokeWidth: 1,\r\n                      ...styles?.dataConnectors,\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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 { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  Languages,\r\n  SlopeChartDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\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: SlopeChartDataType[];\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  /** Color or array of colors for circles */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: 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  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Radius of the circles */\r\n  radius?: number;\r\n  /** Title for the two axis */\r\n  axisTitles?: [string, string];\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\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 SlopeChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = false,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    axisTitles = ['', ''],\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 50,\r\n    rightMargin = 50,\r\n    topMargin = 20,\r\n    bottomMargin = 20,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\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    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  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={fillContainer ? undefined : 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      {data.length === 0 ? (\r\n        <EmptyState />\r\n      ) : (\r\n        <>\r\n          {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n            <ColorLegendWithMouseOver\r\n              width={width}\r\n              colorLegendTitle={colorLegendTitle}\r\n              colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n              colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n              setSelectedColor={setSelectedColor}\r\n              showNAColor={showNAColor}\r\n              className={classNames?.colorLegend}\r\n            />\r\n          ) : null}\r\n          <GraphArea ref={graphDiv}>\r\n            {svgWidth && svgHeight ? (\r\n              <Graph\r\n                data={data.filter(\r\n                  d => !checkIfNullOrUndefined(d.y1) && !checkIfNullOrUndefined(d.y2),\r\n                )}\r\n                width={fillContainer || !width ? svgWidth : svgWidth < width ? svgWidth : width}\r\n                height={svgHeight}\r\n                colorDomain={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? []\r\n                    : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                }\r\n                colors={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? colors\r\n                      ? [colors as string]\r\n                      : [Colors.primaryColors['blue-600']]\r\n                    : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                }\r\n                selectedColor={selectedColor}\r\n                axisTitles={axisTitles}\r\n                showLabels={showLabels}\r\n                radius={radius}\r\n                leftMargin={leftMargin}\r\n                rightMargin={rightMargin}\r\n                topMargin={topMargin}\r\n                bottomMargin={bottomMargin}\r\n                tooltip={tooltip}\r\n                onSeriesMouseOver={onSeriesMouseOver}\r\n                highlightedDataPoints={highlightedDataPoints}\r\n                minValue={minValue}\r\n                maxValue={maxValue}\r\n                onSeriesMouseClick={onSeriesMouseClick}\r\n                resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                detailsOnClick={detailsOnClick}\r\n                styles={styles}\r\n                classNames={classNames}\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              />\r\n            ) : null}\r\n          </GraphArea>\r\n        </>\r\n      )}\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","$","_c","data","width","height","showLabels","colors","colorDomain","radius","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","axisTitles","highlightedDataPoints","selectedColor","minValue","maxValue","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","dimmedOpacity","customLayers","svgRef","useRef","t0","amount","once","isInView","useInView","mouseOverData","setMouseOverData","useState","undefined","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","t1","top","bottom","left","right","margin","graphWidth","graphHeight","t2","Math","min","map","_temp","t3","_temp2","minY","t4","max","_temp3","t5","_temp4","maxY","T0","T1","t10","t11","t12","t13","t14","t15","t16","t6","t7","t8","t9","duration","dataConnectors","yAxis","axis","labels","title","t17","checkIfNullOrUndefined","t18","y","scaleLinear","domain","range","nice","motion","svg","t19","t20","cn","t21","t22","jsx","Axis","t23","t24","t25","t26","t27","AxisTitle","t28","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","filter","_temp5","_temp6","AnimatePresence","d_5","i","jsxs","initial","opacity","d","color","indexOf","label","length","whileInView","transition","event","clientY","clientX","event_0","isEqual","cx","cy","y1","fill","_temp7","Colors","gray","stroke","_temp8","_temp9","_temp0","fillOpacity","_temp1","_temp10","textAnchor","_temp11","_temp12","y2","_temp13","_temp14","_temp15","_temp16","_temp17","_temp18","_temp19","_temp20","x1","x2","_temp21","_temp22","strokeWidth","_temp23","_temp24","Tooltip","Modal","__html","string2HTML","Fragment","d_7","layer","d_6","position","el_16","el","el_15","el_14","el_13","el_12","el_11","el_10","el_9","el_8","el_7","el_6","el_5","el_4","el_3","el_2","el_1","el_0","d_4","d_3","d_2","d_1","d_0","SlopeChart","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","graphContainer","description","GraphHeader","EmptyState","ColorLegendWithMouseOver","categoricalColors","uniqBy","colorLegend","GraphArea","primaryColors","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/Source-DYMJRrsq.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),j=require("./Typography-DX7PlgQU.cjs"),d=require("react"),h=r.j("h-0 w-full",{variants:{size:{xs:"py-px",sm:"py-[2px]",base:"py-1",lg:"py-1.5",xl:"py-2","2xl":"py-3","3xl":"py-4","4xl":"py-5","5xl":"py-6","6xl":"py-8","7xl":"py-10","8xl":"py-12","9xl":"py-20"}},defaultVariants:{size:"base"}}),f=d.forwardRef((p,e)=>{const s=r._.c(11);let a,t,l;s[0]!==p?({className:a,size:l,...t}=p,s[0]=p,s[1]=a,s[2]=t,s[3]=l):(a=s[1],t=s[2],l=s[3]);let n;s[4]!==a||s[5]!==l?(n=r.mo(h({size:l}),a),s[4]=a,s[5]=l,s[6]=n):n=s[6];let i;return s[7]!==t||s[8]!==e||s[9]!==n?(i=r.ae.jsx("div",{...t,className:n,ref:e}),s[7]=t,s[8]=e,s[9]=n,s[10]=i):i=s[10],i});f.displayName="Spacer";function E(p){const e=r.compilerRuntimeExports.c(16),{sources:s,style:a,className:t}=p;let l;e[0]!==a?(l=a===void 0?{}:a,e[0]=a,e[1]=l):l=e[1];const n=l;let i;e[2]!==t?(i=r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),e[2]=t,e[3]=i):i=e[3];let o;if(e[4]!==t||e[5]!==s){let y;e[7]!==t?(y=(u,g)=>r.jsxRuntimeExports.jsx("span",{className:r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),style:{fontFamily:"inherit"},children:u.link?r.jsxRuntimeExports.jsx(j.q,{className:r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),href:u.link,target:"_blank",rel:"noreferrer",children:u.source}):u.source},g),e[7]=t,e[8]=y):y=e[8],o=s.map(y),e[4]=t,e[5]=s,e[6]=o}else o=e[6];let x;e[9]!==n||e[10]!==i||e[11]!==o?(x=r.jsxRuntimeExports.jsxs(j.j,{size:"sm",marginBottom:"none","aria-label":"Data sources",className:i,style:n,children:["Source:"," ",o]}),e[9]=n,e[10]=i,e[11]=o,e[12]=x):x=e[12];let m;e[13]===Symbol.for("react.memo_cache_sentinel")?(m=r.jsxRuntimeExports.jsx(f,{size:"base"}),e[13]=m):m=e[13];let c;return e[14]!==x?(c=r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[x,m]}),e[14]=x,e[15]=c):c=e[15],c}exports.Source=E;exports.n=f;
+//# sourceMappingURL=Source-DYMJRrsq.cjs.map

package/dist/Source-DYMJRrsq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Source-DYMJRrsq.cjs","sources":["../node_modules/@undp/design-system-react/dist/Spacer.js","../src/Components/Typography/Source.tsx"],"sourcesContent":["import { j as o } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as m } from \"./compiler-runtime-Cu50tn6L.js\";\nimport x from \"react\";\nimport { c } from \"./index-CHPV5EwG.js\";\nimport { c as y } from \"./utils-D_Pof5Gy.js\";\nconst f = c(\"h-0 w-full\", {\n  variants: {\n    size: {\n      xs: \"py-px\",\n      sm: \"py-[2px]\",\n      base: \"py-1\",\n      lg: \"py-1.5\",\n      xl: \"py-2\",\n      \"2xl\": \"py-3\",\n      \"3xl\": \"py-4\",\n      \"4xl\": \"py-5\",\n      \"5xl\": \"py-6\",\n      \"6xl\": \"py-8\",\n      \"7xl\": \"py-10\",\n      \"8xl\": \"py-12\",\n      \"9xl\": \"py-20\"\n    }\n  },\n  defaultVariants: {\n    size: \"base\"\n  }\n}), n = x.forwardRef((r, i) => {\n  const s = m.c(11);\n  let p, e, a;\n  s[0] !== r ? ({\n    className: p,\n    size: a,\n    ...e\n  } = r, s[0] = r, s[1] = p, s[2] = e, s[3] = a) : (p = s[1], e = s[2], a = s[3]);\n  let l;\n  s[4] !== p || s[5] !== a ? (l = y(f({\n    size: a\n  }), p), s[4] = p, s[5] = a, s[6] = l) : l = s[6];\n  let t;\n  return s[7] !== e || s[8] !== i || s[9] !== l ? (t = /* @__PURE__ */ o.jsx(\"div\", { ...e, className: l, ref: i }), s[7] = e, s[8] = i, s[9] = l, s[10] = t) : t = s[10], t;\n});\nn.displayName = \"Spacer\";\nexport {\n  n as Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n","import { A, P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { SourcesDataType } from '@/Types';\r\n\r\ninterface SourceProps {\r\n  sources: SourcesDataType[];\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function Source(props: SourceProps) {\r\n  const { sources, style = {}, className } = props;\r\n  return (\r\n    <>\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        aria-label='Data sources'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n        style={style}\r\n      >\r\n        Source:{' '}\r\n        {sources.map((d, i) => (\r\n          <span\r\n            key={i}\r\n            className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n            style={{ fontFamily: 'inherit' }}\r\n          >\r\n            {d.link ? (\r\n              <A\r\n                className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n                href={d.link}\r\n                target='_blank'\r\n                rel='noreferrer'\r\n              >\r\n                {d.source}\r\n              </A>\r\n            ) : (\r\n              d.source\r\n            )}\r\n          </span>\r\n        ))}\r\n      </P>\r\n      <Spacer size='base' />\r\n    </>\r\n  );\r\n}\r\n"],"names":["f","c","n","x","r","i","m","p","e","a","l","y","t","o","Source","props","$","_c","sources","style","t0","className","t1","undefined","t2","cn","t3","t4","d","jsx","fontFamily","link","A","source","map","jsxs","P","t5","Symbol","for","Spacer","t6"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Source-DwTHB8fn.js

@@ -0,0 +1,78 @@
+import { _ as g, m as u, a as h, b, c as N, j as p } from "./index-CHPV5EwG-Curnpaqc.js";
+import { q as k, j as z } from "./Typography-PxtFcnJb.js";
+import _ from "react";
+const S = h("h-0 w-full", {
+  variants: {
+    size: {
+      xs: "py-px",
+      sm: "py-[2px]",
+      base: "py-1",
+      lg: "py-1.5",
+      xl: "py-2",
+      "2xl": "py-3",
+      "3xl": "py-4",
+      "4xl": "py-5",
+      "5xl": "py-6",
+      "6xl": "py-8",
+      "7xl": "py-10",
+      "8xl": "py-12",
+      "9xl": "py-20"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+}), j = _.forwardRef((n, e) => {
+  const s = g.c(11);
+  let t, a, r;
+  s[0] !== n ? ({
+    className: t,
+    size: r,
+    ...a
+  } = n, s[0] = n, s[1] = t, s[2] = a, s[3] = r) : (t = s[1], a = s[2], r = s[3]);
+  let i;
+  s[4] !== t || s[5] !== r ? (i = u(S({
+    size: r
+  }), t), s[4] = t, s[5] = r, s[6] = i) : i = s[6];
+  let l;
+  return s[7] !== a || s[8] !== e || s[9] !== i ? (l = /* @__PURE__ */ b.jsx("div", { ...a, className: i, ref: e }), s[7] = a, s[8] = e, s[9] = i, s[10] = l) : l = s[10], l;
+});
+j.displayName = "Spacer";
+function E(n) {
+  const e = N.c(16), {
+    sources: s,
+    style: t,
+    className: a
+  } = n;
+  let r;
+  e[0] !== t ? (r = t === void 0 ? {} : t, e[0] = t, e[1] = r) : r = e[1];
+  const i = r;
+  let l;
+  e[2] !== a ? (l = u("text-primary-gray-550 dark:text-primary-gray-400", a), e[2] = a, e[3] = l) : l = e[3];
+  let m;
+  if (e[4] !== a || e[5] !== s) {
+    let x;
+    e[7] !== a ? (x = (f, d) => /* @__PURE__ */ p.jsx("span", { className: u("text-primary-gray-550 dark:text-primary-gray-400", a), style: {
+      fontFamily: "inherit"
+    }, children: f.link ? /* @__PURE__ */ p.jsx(k, { className: u("text-primary-gray-550 dark:text-primary-gray-400", a), href: f.link, target: "_blank", rel: "noreferrer", children: f.source }) : f.source }, d), e[7] = a, e[8] = x) : x = e[8], m = s.map(x), e[4] = a, e[5] = s, e[6] = m;
+  } else
+    m = e[6];
+  let o;
+  e[9] !== i || e[10] !== l || e[11] !== m ? (o = /* @__PURE__ */ p.jsxs(z, { size: "sm", marginBottom: "none", "aria-label": "Data sources", className: l, style: i, children: [
+    "Source:",
+    " ",
+    m
+  ] }), e[9] = i, e[10] = l, e[11] = m, e[12] = o) : o = e[12];
+  let y;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ p.jsx(j, { size: "base" }), e[13] = y) : y = e[13];
+  let c;
+  return e[14] !== o ? (c = /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    o,
+    y
+  ] }), e[14] = o, e[15] = c) : c = e[15], c;
+}
+export {
+  E as S,
+  j as n
+};
+//# sourceMappingURL=Source-DwTHB8fn.js.map

package/dist/Source-DwTHB8fn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Source-DwTHB8fn.js","sources":["../node_modules/@undp/design-system-react/dist/Spacer.js","../src/Components/Typography/Source.tsx"],"sourcesContent":["import { j as o } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as m } from \"./compiler-runtime-Cu50tn6L.js\";\nimport x from \"react\";\nimport { c } from \"./index-CHPV5EwG.js\";\nimport { c as y } from \"./utils-D_Pof5Gy.js\";\nconst f = c(\"h-0 w-full\", {\n  variants: {\n    size: {\n      xs: \"py-px\",\n      sm: \"py-[2px]\",\n      base: \"py-1\",\n      lg: \"py-1.5\",\n      xl: \"py-2\",\n      \"2xl\": \"py-3\",\n      \"3xl\": \"py-4\",\n      \"4xl\": \"py-5\",\n      \"5xl\": \"py-6\",\n      \"6xl\": \"py-8\",\n      \"7xl\": \"py-10\",\n      \"8xl\": \"py-12\",\n      \"9xl\": \"py-20\"\n    }\n  },\n  defaultVariants: {\n    size: \"base\"\n  }\n}), n = x.forwardRef((r, i) => {\n  const s = m.c(11);\n  let p, e, a;\n  s[0] !== r ? ({\n    className: p,\n    size: a,\n    ...e\n  } = r, s[0] = r, s[1] = p, s[2] = e, s[3] = a) : (p = s[1], e = s[2], a = s[3]);\n  let l;\n  s[4] !== p || s[5] !== a ? (l = y(f({\n    size: a\n  }), p), s[4] = p, s[5] = a, s[6] = l) : l = s[6];\n  let t;\n  return s[7] !== e || s[8] !== i || s[9] !== l ? (t = /* @__PURE__ */ o.jsx(\"div\", { ...e, className: l, ref: i }), s[7] = e, s[8] = i, s[9] = l, s[10] = t) : t = s[10], t;\n});\nn.displayName = \"Spacer\";\nexport {\n  n as Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n","import { A, P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { SourcesDataType } from '@/Types';\r\n\r\ninterface SourceProps {\r\n  sources: SourcesDataType[];\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function Source(props: SourceProps) {\r\n  const { sources, style = {}, className } = props;\r\n  return (\r\n    <>\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        aria-label='Data sources'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n        style={style}\r\n      >\r\n        Source:{' '}\r\n        {sources.map((d, i) => (\r\n          <span\r\n            key={i}\r\n            className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n            style={{ fontFamily: 'inherit' }}\r\n          >\r\n            {d.link ? (\r\n              <A\r\n                className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n                href={d.link}\r\n                target='_blank'\r\n                rel='noreferrer'\r\n              >\r\n                {d.source}\r\n              </A>\r\n            ) : (\r\n              d.source\r\n            )}\r\n          </span>\r\n        ))}\r\n      </P>\r\n      <Spacer size='base' />\r\n    </>\r\n  );\r\n}\r\n"],"names":["f","c","n","x","r","i","m","p","e","a","l","y","t","o","Source","props","$","_c","sources","style","t0","className","t1","undefined","t2","cn","t3","t4","d","jsx","fontFamily","link","A","source","map","jsxs","P","t5","Symbol","for","Spacer","t6"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Source.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DjM48pIC.cjs"),a=require("./Typography-BDULiwlF.cjs");function m(s){const{sources:i,style:o={},className:t}=s;return r.jsxRuntimeExports.jsxs(a.u,{size:"sm",marginBottom:"none","aria-label":"Data sources",className:r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),style:o,children:["Source:"," ",i.map((e,n)=>r.jsxRuntimeExports.jsx("span",{className:r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),style:{fontFamily:"inherit"},children:e.link?r.jsxRuntimeExports.jsx(a.H,{className:r.mo("text-primary-gray-550 dark:text-primary-gray-400",t),href:e.link,target:"_blank",rel:"noreferrer",children:e.source}):e.source},n))]})}exports.Source=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CHPV5EwG-CTPQjnHt.cjs");require("./Typography-DX7PlgQU.cjs");const e=require("./Source-DYMJRrsq.cjs");exports.Source=e.Source;
 //# sourceMappingURL=Source.cjs.map

package/dist/Source.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Source.cjs","sources":["../src/Components/Typography/Source.tsx"],"sourcesContent":["import { A, P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { SourcesDataType } from '@/Types';\r\n\r\ninterface SourceProps {\r\n  sources: SourcesDataType[];\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function Source(props: SourceProps) {\r\n  const { sources, style = {}, className } = props;\r\n  return (\r\n    <P\r\n      size='sm'\r\n      marginBottom='none'\r\n      aria-label='Data sources'\r\n      className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n      style={style}\r\n    >\r\n      Source:{' '}\r\n      {sources.map((d, i) => (\r\n        <span\r\n          key={i}\r\n          className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n          style={{ fontFamily: 'inherit' }}\r\n        >\r\n          {d.link ? (\r\n            <A\r\n              className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n              href={d.link}\r\n              target='_blank'\r\n              rel='noreferrer'\r\n            >\r\n              {d.source}\r\n            </A>\r\n          ) : (\r\n            d.source\r\n          )}\r\n        </span>\r\n      ))}\r\n    </P>\r\n  );\r\n}\r\n"],"names":["Source","props","sources","style","className","jsxs","P","cn","d","i","jsx","A"],"mappings":"wKAWO,SAASA,EAAOC,EAAoB,CACzC,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAQ,CAAA,EAAI,UAAAC,GAAcH,EAC3C,OACEI,EAAAA,kBAAAA,KAACC,EAAAA,EAAA,CACC,KAAK,KACL,aAAa,OACb,aAAW,eACX,UAAWC,EAAAA,GAAG,mDAAoDH,CAAS,EAC3E,MAAAD,EACD,SAAA,CAAA,UACS,IACPD,EAAQ,IAAI,CAACM,EAAGC,IACfC,EAAAA,kBAAAA,IAAC,OAAA,CAEC,UAAWH,EAAAA,GAAG,mDAAoDH,CAAS,EAC3E,MAAO,CAAE,WAAY,SAAA,EAEpB,WAAE,KACDM,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACC,UAAWJ,EAAAA,GAAG,mDAAoDH,CAAS,EAC3E,KAAMI,EAAE,KACR,OAAO,SACP,IAAI,aAEH,SAAAA,EAAE,MAAA,CAAA,EAGLA,EAAE,MAAA,EAdCC,CAAA,CAiBR,CAAA,CAAA,CAAA,CAGP"}
+{"version":3,"file":"Source.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Source.js

@@ -1,41 +1,7 @@
-import { j as e, m as t } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { u as n, H as l } from "./Typography-LmZ9LEpe.js";
-function p(s) {
-  const { sources: m, style: i = {}, className: a } = s;
-  return /* @__PURE__ */ e.jsxs(
-    n,
-    {
-      size: "sm",
-      marginBottom: "none",
-      "aria-label": "Data sources",
-      className: t("text-primary-gray-550 dark:text-primary-gray-400", a),
-      style: i,
-      children: [
-        "Source:",
-        " ",
-        m.map((r, o) => /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: t("text-primary-gray-550 dark:text-primary-gray-400", a),
-            style: { fontFamily: "inherit" },
-            children: r.link ? /* @__PURE__ */ e.jsx(
-              l,
-              {
-                className: t("text-primary-gray-550 dark:text-primary-gray-400", a),
-                href: r.link,
-                target: "_blank",
-                rel: "noreferrer",
-                children: r.source
-              }
-            ) : r.source
-          },
-          o
-        ))
-      ]
-    }
-  );
-}
+import "./index-CHPV5EwG-Curnpaqc.js";
+import "./Typography-PxtFcnJb.js";
+import { S as t } from "./Source-DwTHB8fn.js";
 export {
-  p as Source
+  t as Source
 };
 //# sourceMappingURL=Source.js.map

package/dist/Source.js.map

@@ -1 +1 @@
-{"version":3,"file":"Source.js","sources":["../src/Components/Typography/Source.tsx"],"sourcesContent":["import { A, P } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { SourcesDataType } from '@/Types';\r\n\r\ninterface SourceProps {\r\n  sources: SourcesDataType[];\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function Source(props: SourceProps) {\r\n  const { sources, style = {}, className } = props;\r\n  return (\r\n    <P\r\n      size='sm'\r\n      marginBottom='none'\r\n      aria-label='Data sources'\r\n      className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n      style={style}\r\n    >\r\n      Source:{' '}\r\n      {sources.map((d, i) => (\r\n        <span\r\n          key={i}\r\n          className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n          style={{ fontFamily: 'inherit' }}\r\n        >\r\n          {d.link ? (\r\n            <A\r\n              className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n              href={d.link}\r\n              target='_blank'\r\n              rel='noreferrer'\r\n            >\r\n              {d.source}\r\n            </A>\r\n          ) : (\r\n            d.source\r\n          )}\r\n        </span>\r\n      ))}\r\n    </P>\r\n  );\r\n}\r\n"],"names":["Source","props","sources","style","className","jsxs","P","cn","d","i","jsx","A"],"mappings":";;AAWO,SAASA,EAAOC,GAAoB;AACzC,QAAM,EAAE,SAAAC,GAAS,OAAAC,IAAQ,CAAA,GAAI,WAAAC,MAAcH;AAC3C,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAa;AAAA,MACb,cAAW;AAAA,MACX,WAAWC,EAAG,oDAAoDH,CAAS;AAAA,MAC3E,OAAAD;AAAA,MACD,UAAA;AAAA,QAAA;AAAA,QACS;AAAA,QACPD,EAAQ,IAAI,CAACM,GAAGC,MACfC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWH,EAAG,oDAAoDH,CAAS;AAAA,YAC3E,OAAO,EAAE,YAAY,UAAA;AAAA,YAEpB,YAAE,OACDM,gBAAAA,EAAAA;AAAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,WAAWJ,EAAG,oDAAoDH,CAAS;AAAA,gBAC3E,MAAMI,EAAE;AAAA,gBACR,QAAO;AAAA,gBACP,KAAI;AAAA,gBAEH,UAAAA,EAAE;AAAA,cAAA;AAAA,YAAA,IAGLA,EAAE;AAAA,UAAA;AAAA,UAdCC;AAAA,QAAA,CAiBR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Source.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/SparkLine.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DjM48pIC.cjs"),l=require("react"),B=require("./parse-hMnG_lRV.cjs"),K=require("./index-CQ3e6Ewi.cjs"),Q=require("./Tooltip-Cpv0QohJ.cjs"),U=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Z=require("./time-Byw_jYQ7.cjs"),_=require("./linear-BVckp9RD.cjs"),ee=require("./area-D3Qx7k7K.cjs"),z=require("./line-DHV4JwCR.cjs"),T=require("./step-BZ3C8QFW.cjs"),te=require("./select-Bnfk0lJx.cjs"),re=require("./init-DU0ybBc_.cjs"),se=require("./pointer-Dkq5NV1q.cjs"),ie=require("./GraphFooter.cjs"),oe=require("./GraphHeader.cjs"),ae=require("./Colors.cjs"),ne=require("./generateRandomString-B5zBiJzS.cjs");function le(F){const{data:y,width:c,height:E,lineColor:p,dateFormat:u,areaId:x,leftMargin:s,rightMargin:$,topMargin:L,bottomMargin:W,tooltip:w,onSeriesMouseOver:o,minValue:C,maxValue:k,curveType:v,styles:b,classNames:M,customLayers:m}=F,D=v==="linear"?z.curveLinear:v==="step"?T.curveStep:v==="stepAfter"?T.stepAfter:v==="stepBefore"?T.stepBefore:T.monotoneX,[h,O]=l.useState(void 0),[H,q]=l.useState(void 0),[S,j]=l.useState(void 0),a={top:L,bottom:W,left:s,right:$},A=l.useRef(null),r=K.orderBy(y.map(e=>({...e,date:B.parse(`${e.date}`,u,new Date)})),["date"],["asc"]),G=c-a.left-a.right,i=E-a.top-a.bottom,d=r[0].date,V=r[r.length-1].date,g=Math.min(...r.map(e=>e.y).filter(e=>e!=null))!==1/0?Math.min(...r.map(e=>e.y).filter(e=>e!=null))>0?0:Math.min(...r.map(e=>e.y).filter(e=>e!=null)):0,N=Math.max(...r.map(e=>e.y).filter(e=>e!=null))!==1/0?Math.max(...r.map(e=>e.y).filter(e=>e!=null)):0,n=Z.time().domain([d,V]).range([0,G]),R=_.linear().domain([U.checkIfNullOrUndefined(C)?g:C,U.checkIfNullOrUndefined(k)?N>0?N:0:k]).range([i,0]).nice(),f=ee.area().x(e=>n(e.date)).y1(e=>R(e.y)).y0(i).curve(D),I=z.line().x(e=>n(e.date)).y(e=>R(e.y)).curve(D);return l.useEffect(()=>{const e=Y=>{const X=r[re.bisectCenter(r.map(J=>J.date),n.invert(se.pointer(Y)[0]),0)];O(X||r[r.length-1]),o?.(X||r[r.length-1]),j(Y.clientY),q(Y.clientX)},P=()=>{O(void 0),o?.(void 0),q(void 0),j(void 0)};te.select(A.current).on("mousemove",e).on("mouseout",P),o?.(void 0)},[n,r,o]),t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("svg",{width:`${c}px`,height:`${E}px`,viewBox:`0 0 ${c} ${E}`,direction:"ltr",children:[x?t.jsxRuntimeExports.jsxs("linearGradient",{id:x,x1:"0",x2:"0",y1:"0",y2:"1",children:[t.jsxRuntimeExports.jsx("stop",{style:{stopColor:p},stopOpacity:"0.1",offset:"0%"}),t.jsxRuntimeExports.jsx("stop",{style:{stopColor:p},stopOpacity:"0",offset:"100%"})]}):null,t.jsxRuntimeExports.jsxs("g",{transform:`translate(${a.left},${a.top})`,children:[m.filter(e=>e.position==="before").map(e=>e.layer),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("text",{className:t.mo("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",M?.xAxis?.labels),y:i,x:n(r[r.length-1].date),style:{textAnchor:"end",...b?.xAxis?.labels},dy:"1em",children:B.format(r[r.length-1].date,u)}),t.jsxRuntimeExports.jsx("text",{y:i,x:n(r[0].date),style:{textAnchor:"start",...b?.xAxis?.labels},className:t.mo("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",M?.xAxis?.labels),dy:"1em",children:B.format(r[0].date,u)})]}),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("path",{d:f(r)||"",style:{fill:`url(#${x})`,clipPath:"url(#clip)"}}),t.jsxRuntimeExports.jsx("path",{d:I(r)||"",style:{stroke:p,fill:"none",strokeWidth:2}}),h?t.jsxRuntimeExports.jsx("circle",{y1:0,cy:R(h.y),cx:n(h.date),r:5,style:{fill:p}}):null]}),m.filter(e=>e.position==="after").map(e=>e.layer),t.jsxRuntimeExports.jsx("rect",{ref:A,style:{fill:"none",pointerEvents:"all"},width:G,height:i})]})]}),h&&w&&H&&S?t.jsxRuntimeExports.jsx(Q.Tooltip,{data:h,body:w,xPos:H,yPos:S,backgroundStyle:b?.tooltip,className:M?.tooltip}):null]})}function ce(F){const{data:y,graphTitle:c,lineColor:E,sources:p,graphDescription:u,height:x,width:s,footNote:$,dateFormat:L="yyyy",area:W=!1,padding:w,backgroundColor:o,leftMargin:C=5,rightMargin:k=5,topMargin:v=10,bottomMargin:b=20,tooltip:M,relativeHeight:m,onSeriesMouseOver:D,graphID:h,minValue:O,maxValue:H,graphDownload:q=!1,dataDownload:S=!1,language:j="en",minHeight:a=0,theme:A="light",ariaLabel:r,curveType:G="curve",styles:i,classNames:d,customLayers:V=[]}=F,[g,N]=l.useState(0),[n,R]=l.useState(0),f=l.useRef(null),I=l.useRef(null);return l.useEffect(()=>{const e=new ResizeObserver(P=>{N(s||P[0].target.clientWidth||620),R(x||P[0].target.clientHeight||480)});return f.current&&(R(f.current.clientHeight||480),N(f.current.clientWidth||620),s||e.observe(f.current)),()=>e.disconnect()},[s,x]),t.jsxRuntimeExports.jsx("div",{className:`${A||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:j==="he"||j==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${o?o===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${j||"en"}`,s?"w-fit":"w-full",d?.graphContainer),style:{...i?.graphContainer||{},...o&&o!==!0?{backgroundColor:o}:{}},id:h,ref:I,"aria-label":r||`${c?`The graph shows ${c}. `:""}This is a line chart that show trends over time.${u?` ${u}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:o?w||"1rem":w||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[c||u||q||S?t.jsxRuntimeExports.jsx(oe.GraphHeader,{styles:{title:i?.title,description:i?.description},classNames:{title:d?.title,description:d?.description},graphTitle:c,graphDescription:u,width:s,graphDownload:q?I.current:void 0,dataDownload:S?y.map(e=>e.data).filter(e=>e!==void 0).length>0?y.map(e=>e.data).filter(e=>e!==void 0):y.filter(e=>e!==void 0):null}):null,t.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:f,"aria-label":"Graph area",children:(s||g)&&(x||n)?t.jsxRuntimeExports.jsx(le,{data:y,lineColor:E||ae.Colors.primaryColors["blue-600"],width:s||g,height:Math.max(a,x||(m?a?(s||g)*m>a?(s||g)*m:a:(s||g)*m:n)),dateFormat:L,areaId:W?ne.generateRandomString(8):void 0,leftMargin:C,rightMargin:k,topMargin:v,bottomMargin:b,tooltip:M,onSeriesMouseOver:D,minValue:O,maxValue:H,curveType:G,styles:i,classNames:d,customLayers:V}):null}),p||$?t.jsxRuntimeExports.jsx(ie.GraphFooter,{styles:{footnote:i?.footnote,source:i?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:p,footNote:$,width:s}):null]})})})})}exports.SparkLine=ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),M=require("react"),Rt=require("./parse-hMnG_lRV.cjs"),_t=require("./index-Cno4Q0YE.cjs"),Ct=require("./Tooltip-4dJo4_AF.cjs"),bt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),wt=require("./time-CZd5YLSP.cjs"),$t=require("./linear-BwPAspcq.cjs"),Dt=require("./area-D3Qx7k7K.cjs"),Mt=require("./line-DHV4JwCR.cjs"),vt=require("./step-BZ3C8QFW.cjs"),kt=require("./select-Bnfk0lJx.cjs"),Nt=require("./init-DU0ybBc_.cjs"),Ot=require("./pointer-Dkq5NV1q.cjs"),Gt=require("./GraphFooter.cjs"),At=require("./GraphHeader.cjs"),Ht=require("./Colors.cjs"),It=require("./generateRandomString-B5zBiJzS.cjs"),St=require("./GraphContainer-d8A46BK2.cjs");function Pt(e){const t=r.compilerRuntimeExports.c(71),{data:j,width:w,height:V,lineColor:a,dateFormat:l,areaId:S,leftMargin:c,rightMargin:$,topMargin:rt,bottomMargin:nt,tooltip:D,onSeriesMouseOver:W,minValue:Y,maxValue:B,curveType:X,styles:k,classNames:q,customLayers:R}=e,it=X==="linear"?Mt.curveLinear:X==="step"?vt.curveStep:X==="stepAfter"?vt.stepAfter:X==="stepBefore"?vt.stepBefore:vt.monotoneX,[f,st]=M.useState(void 0),[N,at]=M.useState(void 0),[U,ct]=M.useState(void 0);let z;t[0]!==nt||t[1]!==c||t[2]!==$||t[3]!==rt?(z={top:rt,bottom:nt,left:c,right:$},t[0]=nt,t[1]=c,t[2]=$,t[3]=rt,t[4]=z):z=t[4];const _=z,O=M.useRef(null);let J;t[5]!==l?(J=d=>({...d,date:Rt.parse(`${d.date}`,l,new Date)}),t[5]=l,t[6]=J):J=t[6];const o=_t.orderBy(j.map(J),["date"],["asc"]),n=w-_.left-_.right,i=V-_.top-_.bottom,ut=o[0].date,pt=o[o.length-1].date,K=Math.min(...o.map(te).filter(Zt))!==1/0?Math.min(...o.map(Qt).filter(Kt))>0?0:Math.min(...o.map(Jt).filter(zt)):0,G=Math.max(...o.map(Ut).filter(Xt))!==1/0?Math.max(...o.map(Bt).filter(Yt)):0,s=wt.time().domain([ut,pt]).range([0,n]);let A;t[7]!==K||t[8]!==Y?(A=bt.checkIfNullOrUndefined(Y)?K:Y,t[7]=K,t[8]=Y,t[9]=A):A=t[9];let H;t[10]!==G||t[11]!==B?(H=bt.checkIfNullOrUndefined(B)?G>0?G:0:B,t[10]=G,t[11]=B,t[12]=H):H=t[12];const I=$t.linear().domain([A,H]).range([i,0]).nice(),lt=Dt.area().x(d=>s(d.date)).y1(d=>I(d.y)).y0(i).curve(it),mt=Mt.line().x(d=>s(d.date)).y(d=>I(d.y)).curve(it);M.useEffect(()=>{const d=jt=>{const Et=o[Nt.bisectCenter(o.map(Wt),s.invert(Ot.pointer(jt)[0]),0)];st(Et||o[o.length-1]),W?.(Et||o[o.length-1]),ct(jt.clientY),at(jt.clientX)},qt=()=>{st(void 0),W?.(void 0),at(void 0),ct(void 0)};kt.select(O.current).on("mousemove",d).on("mouseout",qt),W?.(void 0)},[s,o,W]);let P;t[13]!==S||t[14]!==a?(P=S?r.jsxRuntimeExports.jsxs("linearGradient",{id:S,x1:"0",x2:"0",y1:"0",y2:"1",children:[r.jsxRuntimeExports.jsx("stop",{style:{stopColor:a},stopOpacity:"0.1",offset:"0%"}),r.jsxRuntimeExports.jsx("stop",{style:{stopColor:a},stopOpacity:"0",offset:"100%"})]}):null,t[13]=S,t[14]=a,t[15]=P):P=t[15];let F;t[16]!==R?(F=R.filter(Vt).map(Tt),t[16]=R,t[17]=F):F=t[17];const Q=q?.xAxis?.labels;let x;t[18]!==Q?(x=r.mo("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",Q),t[18]=Q,t[19]=x):x=t[19];const Z=o[o.length-1];let h;t[20]!==Z.date||t[21]!==s?(h=s(Z.date),t[20]=Z.date,t[21]=s,t[22]=h):h=t[22];const dt=k?.xAxis?.labels;let g;t[23]!==dt?(g={textAnchor:"end",...dt},t[23]=dt,t[24]=g):g=t[24];const ft=o[o.length-1];let E;t[25]!==l||t[26]!==ft.date?(E=Rt.format(ft.date,l),t[25]=l,t[26]=ft.date,t[27]=E):E=t[27];let C;t[28]!==i||t[29]!==g||t[30]!==E||t[31]!==x||t[32]!==h?(C=r.jsxRuntimeExports.jsx("text",{className:x,y:i,x:h,style:g,dy:"1em",children:E}),t[28]=i,t[29]=g,t[30]=E,t[31]=x,t[32]=h,t[33]=C):C=t[33];let y;t[34]!==o||t[35]!==s?(y=s(o[0].date),t[34]=o,t[35]=s,t[36]=y):y=t[36];const L=k?.xAxis?.labels;let b;t[37]!==L?(b={textAnchor:"start",...L},t[37]=L,t[38]=b):b=t[38];const tt=q?.xAxis?.labels;let u;t[39]!==tt?(u=r.mo("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",tt),t[39]=tt,t[40]=u):u=t[40];let p;t[41]!==o||t[42]!==l?(p=Rt.format(o[0].date,l),t[41]=o,t[42]=l,t[43]=p):p=t[43];let m;t[44]!==i||t[45]!==y||t[46]!==b||t[47]!==u||t[48]!==p?(m=r.jsxRuntimeExports.jsx("text",{y:i,x:y,style:b,className:u,dy:"1em",children:p}),t[44]=i,t[45]=y,t[46]=b,t[47]=u,t[48]=p,t[49]=m):m=t[49];let v;t[50]!==C||t[51]!==m?(v=r.jsxRuntimeExports.jsxs("g",{children:[C,m]}),t[50]=C,t[51]=m,t[52]=v):v=t[52];const T=`url(#${S})`;let et;t[53]!==T?(et={fill:T,clipPath:"url(#clip)"},t[53]=T,t[54]=et):et=t[54];let ot;t[55]!==a?(ot={stroke:a,fill:"none",strokeWidth:2},t[55]=a,t[56]=ot):ot=t[56];let xt;t[57]!==R?(xt=R.filter(Lt).map(Ft),t[57]=R,t[58]=xt):xt=t[58];let ht;t[59]===Symbol.for("react.memo_cache_sentinel")?(ht={fill:"none",pointerEvents:"all"},t[59]=ht):ht=t[59];let gt;t[60]!==O||t[61]!==i||t[62]!==n?(gt=r.jsxRuntimeExports.jsx("rect",{ref:O,style:ht,width:n,height:i}),t[60]=O,t[61]=i,t[62]=n,t[63]=gt):gt=t[63];let yt;return t[64]!==q?.tooltip||t[65]!==N||t[66]!==U||t[67]!==f||t[68]!==k?.tooltip||t[69]!==D?(yt=f&&D&&N&&U?r.jsxRuntimeExports.jsx(Ct.Tooltip,{data:f,body:D,xPos:N,yPos:U,backgroundStyle:k?.tooltip,className:q?.tooltip}):null,t[64]=q?.tooltip,t[65]=N,t[66]=U,t[67]=f,t[68]=k?.tooltip,t[69]=D,t[70]=yt):yt=t[70],r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("svg",{width:`${w}px`,height:`${V}px`,viewBox:`0 0 ${w} ${V}`,direction:"ltr",children:[P,r.jsxRuntimeExports.jsxs("g",{transform:`translate(${_.left},${_.top})`,children:[F,v,r.jsxRuntimeExports.jsxs("g",{children:[r.jsxRuntimeExports.jsx("path",{d:lt(o)||"",style:et}),r.jsxRuntimeExports.jsx("path",{d:mt(o)||"",style:ot}),f?r.jsxRuntimeExports.jsx("circle",{y1:0,cy:I(f.y),cx:s(f.date),r:5,style:{fill:a}}):null]}),xt,gt]})]}),yt]})}function Ft(e){return e.layer}function Lt(e){return e.position==="after"}function Tt(e){return e.layer}function Vt(e){return e.position==="before"}function Wt(e){return e.date}function Yt(e){return e!=null}function Bt(e){return e.y}function Xt(e){return e!=null}function Ut(e){return e.y}function zt(e){return e!=null}function Jt(e){return e.y}function Kt(e){return e!=null}function Qt(e){return e.y}function Zt(e){return e!=null}function te(e){return e.y}function ee(e){const t=r.compilerRuntimeExports.c(60),{data:j,graphTitle:w,lineColor:V,sources:a,graphDescription:l,height:S,width:c,footNote:$,dateFormat:rt,area:nt,padding:D,backgroundColor:W,leftMargin:Y,rightMargin:B,topMargin:X,bottomMargin:k,tooltip:q,relativeHeight:R,onSeriesMouseOver:it,graphID:f,minValue:st,maxValue:N,graphDownload:at,dataDownload:U,language:ct,minHeight:z,theme:_,ariaLabel:O,curveType:J,styles:o,classNames:n,customLayers:i}=e,ut=rt===void 0?"yyyy":rt,pt=nt===void 0?!1:nt,K=W===void 0?!0:W,G=Y===void 0?5:Y,s=B===void 0?5:B,A=X===void 0?10:X,H=k===void 0?20:k,I=at===void 0?!1:at,lt=U===void 0?!1:U,mt=ct===void 0?"en":ct,P=z===void 0?0:z,F=_===void 0?"light":_,Q=J===void 0?"curve":J;let x;t[0]!==i?(x=i===void 0?[]:i,t[0]=i,t[1]=x):x=t[1];const Z=x,[h,dt]=M.useState(0),[g,ft]=M.useState(0),E=M.useRef(null),C=M.useRef(null);let y,L;t[2]===Symbol.for("react.memo_cache_sentinel")?(y=()=>{const et=new ResizeObserver(ot=>{dt(ot[0].target.clientWidth||620),ft(ot[0].target.clientHeight||480)});return E.current&&et.observe(E.current),()=>et.disconnect()},L=[],t[2]=y,t[3]=L):(y=t[2],L=t[3]),M.useEffect(y,L);const b=n?.graphContainer,tt=o?.graphContainer;let u;t[4]!==n?.description||t[5]!==n?.title||t[6]!==j||t[7]!==lt||t[8]!==l||t[9]!==I||t[10]!==w||t[11]!==o?.description||t[12]!==o?.title||t[13]!==c?(u=w||l||I||lt?r.jsxRuntimeExports.jsx(At.GraphHeader,{styles:{title:o?.title,description:o?.description},classNames:{title:n?.title,description:n?.description},graphTitle:w,graphDescription:l,width:c,graphDownload:I?C:void 0,dataDownload:lt?j.map(se).filter(ie).length>0?j.map(ne).filter(re):j.filter(oe):null}):null,t[4]=n?.description,t[5]=n?.title,t[6]=j,t[7]=lt,t[8]=l,t[9]=I,t[10]=w,t[11]=o?.description,t[12]=o?.title,t[13]=c,t[14]=u):u=t[14];let p;t[15]!==pt||t[16]!==H||t[17]!==n||t[18]!==Q||t[19]!==Z||t[20]!==j||t[21]!==ut||t[22]!==G||t[23]!==V||t[24]!==N||t[25]!==st||t[26]!==it||t[27]!==s||t[28]!==o||t[29]!==g||t[30]!==h||t[31]!==q||t[32]!==A?(p=h&&g?r.jsxRuntimeExports.jsx(Pt,{data:j,lineColor:V||Ht.Colors.primaryColors["blue-600"],width:h,height:g,dateFormat:ut,areaId:pt?It.generateRandomString(8):void 0,leftMargin:G,rightMargin:s,topMargin:A,bottomMargin:H,tooltip:q,onSeriesMouseOver:it,minValue:st,maxValue:N,curveType:Q,styles:o,classNames:n,customLayers:Z}):null,t[15]=pt,t[16]=H,t[17]=n,t[18]=Q,t[19]=Z,t[20]=j,t[21]=ut,t[22]=G,t[23]=V,t[24]=N,t[25]=st,t[26]=it,t[27]=s,t[28]=o,t[29]=g,t[30]=h,t[31]=q,t[32]=A,t[33]=p):p=t[33];let m;t[34]!==p?(m=r.jsxRuntimeExports.jsx(St.GraphArea,{ref:E,children:p}),t[34]=p,t[35]=m):m=t[35];let v;t[36]!==n?.footnote||t[37]!==n?.source||t[38]!==$||t[39]!==a||t[40]!==o?.footnote||t[41]!==o?.source||t[42]!==c?(v=a||$?r.jsxRuntimeExports.jsx(Gt.GraphFooter,{styles:{footnote:o?.footnote,source:o?.source},classNames:{footnote:n?.footnote,source:n?.source},sources:a,footNote:$,width:c}):null,t[36]=n?.footnote,t[37]=n?.source,t[38]=$,t[39]=a,t[40]=o?.footnote,t[41]=o?.source,t[42]=c,t[43]=v):v=t[43];let T;return t[44]!==O||t[45]!==K||t[46]!==f||t[47]!==S||t[48]!==mt||t[49]!==P||t[50]!==D||t[51]!==R||t[52]!==b||t[53]!==tt||t[54]!==u||t[55]!==m||t[56]!==v||t[57]!==F||t[58]!==c?(T=r.jsxRuntimeExports.jsxs(St.GraphContainer,{className:b,style:tt,id:f,ref:C,"aria-label":O,backgroundColor:K,theme:F,language:mt,minHeight:P,width:c,height:S,relativeHeight:R,padding:D,children:[u,m,v]}),t[44]=O,t[45]=K,t[46]=f,t[47]=S,t[48]=mt,t[49]=P,t[50]=D,t[51]=R,t[52]=b,t[53]=tt,t[54]=u,t[55]=m,t[56]=v,t[57]=F,t[58]=c,t[59]=T):T=t[59],T}function oe(e){return e!==void 0}function re(e){return e!==void 0}function ne(e){return e.data}function ie(e){return e!==void 0}function se(e){return e.data}exports.SparkLine=ee;
 //# sourceMappingURL=SparkLine.cjs.map