@fluentui/react-charts 9.1.10 → 9.2.1

package/lib-commonjs/components/LineChart/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LineChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LineChartProps } from './LineChart.types';\nimport { useLineChartStyles } from './useLineChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select, pointer } from 'd3-selection';\nimport { bisector } from 'd3-array';\nimport { Legend, Legends } from '../Legends/index';\nimport { line as d3Line } from 'd3-shape';\nimport { useId } from '@fluentui/react-utilities';\nimport { find } from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  LineChartPoints,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ColorFillBarsProps,\n  LineChartGap,\n  LineChartDataPoint,\n  Chart,\n} from '../../index';\nimport { EventsAnnotation } from './eventAnnotation/EventAnnotation';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  getXAxisType,\n  XAxisTypes,\n  tooltipOfAxislabels,\n  Points,\n  pointTypes,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfDateForAreaLineVerticalBarChart,\n  domainRangeOfNumericForAreaChart,\n  createStringYAxis,\n  useRtl,\n  formatDate,\n  getCurveFactory,\n} from '../../utilities/index';\nimport { ScaleLinear } from 'd3-scale';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\nenum PointSize {\n  hoverSize = 11,\n  invisibleSize = 1,\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nconst DEFAULT_LINE_STROKE_SIZE = 4;\n// The given shape of a icon must be 2.5 times bigger than line width (known as stroke width)\nconst PATH_MULTIPLY_SIZE = 2.5;\n\n/**\n *\n * @param x units from origin\n * @param y units from origin\n * @param w is the legnth of the each side of a shape\n * @param index index to get the shape path\n */\nconst _getPointPath = (x: number, y: number, w: number, index: number): string => {\n  const allPointPaths = [\n    // circle path\n    `M${x - w / 2} ${y}\n     A${w / 2} ${w / 2} 0 1 0 ${x + w / 2} ${y}\n     M${x - w / 2} ${y}\n     A ${w / 2} ${w / 2} 0 1 1 ${x + w / 2} ${y}\n     `,\n    //square\n    `M${x - w / 2} ${y - w / 2}\n     L${x + w / 2} ${y - w / 2}\n     L${x + w / 2} ${y + w / 2}\n     L${x - w / 2} ${y + w / 2}\n     Z`,\n    //triangle\n    `M${x - w / 2} ${y - 0.2886 * w}\n     H ${x + w / 2}\n     L${x} ${y + 0.5774 * w} Z`,\n    //diamond\n    `M${x} ${y - w / 2}\n     L${x + w / 2} ${y}\n     L${x} ${y + w / 2}\n     L${x - w / 2} ${y}\n     Z`,\n    //pyramid\n    `M${x} ${y - 0.5774 * w}\n     L${x + w / 2} ${y + 0.2886 * w}\n     L${x - w / 2} ${y + 0.2886 * w} Z`,\n    //hexagon\n    `M${x - 0.5 * w} ${y - 0.866 * w}\n     L${x + 0.5 * w} ${y - 0.866 * w}\n     L${x + w} ${y}\n     L${x + 0.5 * w} ${y + 0.866 * w}\n     L${x - 0.5 * w} ${y + 0.866 * w}\n     L${x - w} ${y}\n     Z`,\n    //pentagon\n    `M${x} ${y - 0.851 * w}\n     L${x + 0.6884 * w} ${y - 0.2633 * w}\n     L${x + 0.5001 * w} ${y + 0.6884 * w}\n     L${x - 0.5001 * w} ${y + 0.6884 * w}\n     L${x - 0.6884 * w} ${y - 0.2633 * w}\n     Z`,\n    //octagon\n    `M${x - 0.5001 * w} ${y - 1.207 * w}\n     L${x + 0.5001 * w} ${y - 1.207 * w}\n     L${x + 1.207 * w} ${y - 0.5001 * w}\n     L${x + 1.207 * w} ${y + 0.5001 * w}\n     L${x + 0.5001 * w} ${y + 1.207 * w}\n     L${x - 0.5001 * w} ${y + 1.207 * w}\n     L${x - 1.207 * w} ${y + 0.5001 * w}\n     L${x - 1.207 * w} ${y - 0.5001 * w}\n     Z`,\n  ];\n  return allPointPaths[index];\n};\n\ntype LineChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a LineChart variant which uses these default styles and this styled subcomponent.\n/**\n * Linechart component\n * {@docCategory LineChart}\n */\nexport const LineChart: React.FunctionComponent<LineChartProps> = React.forwardRef<HTMLDivElement, LineChartProps>(\n  (props, forwardedRef) => {\n    let _points: LineChartDataWithIndex[] = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any[] = calloutData(_points) || [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisScale: any = '';\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _yScalePrimary: any = '';\n    let _circleId: string = useId('circle');\n    let _lineId: string = useId('lineID');\n    let _borderId: string = useId('borderID');\n    let _verticalLine: string = useId('verticalLine');\n    let _colorFillBarPatternId: string = useId('colorFillBarPattern');\n    let _uniqueCallOutID: string | null = '';\n    let _refArray: RefArrayData[] = [];\n    let margins: Margins;\n    let eventLabelHeight: number = 36;\n    let lines: JSX.Element[];\n    let _renderedColorFillBars: JSX.Element[];\n    const _colorFillBars = React.useRef<ColorFillBarsProps[]>([]);\n    let _tooltipId: string = useId('LineChartTooltipId_');\n    let _rectId: string = useId('containerRectLD');\n    let _staticHighlightCircle: string = useId('staticHighlightCircle');\n    let _firstRenderOptimization = true;\n    let _emptyChartId: string = useId('_LineChart_empty');\n    const _colorFillBarId = useId('_colorFillBarId');\n    const _isRTL: boolean = useRtl();\n    let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n    const cartesianChartRef = React.useRef<Chart>(null);\n    let _yScaleSecondary: ScaleLinear<number, number> | undefined;\n\n    props.eventAnnotationProps &&\n      props.eventAnnotationProps.labelHeight &&\n      (eventLabelHeight = props.eventAnnotationProps.labelHeight);\n\n    const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n    const [activeLegend, setActiveLegend] = React.useState<string>('');\n    const [YValueHover, setYValueHover] = React.useState<[]>([]);\n    const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n    const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>(\n      _injectIndexPropertyInLineChartData(props.data.lineChartData, true),\n    );\n    const [selectedColorBarLegend, setSelectedColorBarLegend] = React.useState<any[]>([]);\n    const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(\n      (props.legendProps?.selectedLegends?.length ?? 0) > 0,\n    );\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<LineChartDataPoint | null>(null);\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n    const pointsRef = React.useRef<LineChartDataWithIndex[] | []>([]);\n    const calloutPointsRef = React.useRef<any[]>([]);\n    const classes = useLineChartStyles(props);\n    React.useEffect(() => {\n      /** note that height and width are not used to resize or set as dimesions of the chart,\n       * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n       */\n\n      if (_points !== _injectIndexPropertyInLineChartData(props.data.lineChartData) || props.data !== _points) {\n        pointsRef.current = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n        calloutPointsRef.current = calloutData(pointsRef.current);\n      }\n    }, [props.height, props.width, props.data]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      }),\n      [],\n    );\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n      shiftX: number,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis) {\n        domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _injectIndexPropertyInLineChartData(\n      lineChartData?: LineChartPoints[],\n      isFilterSelectedLegends: boolean = false,\n    ): LineChartDataWithIndex[] | [] {\n      const { allowMultipleShapesForPoints = false } = props;\n      // Apply filter only if isPropChange is true\n      const filteredData = isFilterSelectedLegends\n        ? lineChartData?.filter(\n            (item: LineChartPoints) =>\n              props.legendProps?.selectedLegends?.includes(item.legend) ||\n              props.legendProps?.selectedLegend === item.legend,\n          )\n        : lineChartData;\n      return filteredData\n        ? filteredData.map((item: LineChartPoints, index: number) => {\n            let color: string;\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n            return {\n              ...item,\n              index: allowMultipleShapesForPoints ? index : -1,\n              color,\n            };\n          })\n        : [];\n    }\n\n    function updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getMargins(_margins: Margins) {\n      margins = _margins;\n    }\n\n    function _initializeLineChartData(\n      xScale: NumericAxis,\n      yScalePrimary: NumericAxis,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _xAxisScale = xScale;\n      _yScalePrimary = yScalePrimary;\n      _yScaleSecondary = yScaleSecondary;\n      _renderedColorFillBars = props.colorFillBars ? _createColorFillBars(containerHeight) : [];\n      lines = _createLines(xElement!, containerHeight!);\n    }\n\n    function _handleSingleLegendSelectionAction(lineChartItem: LineChartDataWithIndex | ColorFillBarsProps) {\n      if (selectedLegend === lineChartItem.legend) {\n        setSelectedLegend('');\n        _handleLegendClick(lineChartItem, null);\n      } else {\n        setSelectedLegend(lineChartItem.legend);\n        _handleLegendClick(lineChartItem, lineChartItem.legend);\n      }\n    }\n\n    function _onHoverCardHide() {\n      setSelectedLegendPoints([]);\n      setSelectedColorBarLegend([]);\n      setIsSelectedLegend(false);\n    }\n\n    function _handleLegendClick(\n      lineChartItem: LineChartDataWithIndex | ColorFillBarsProps,\n      selectedLegend: string | null | string[],\n    ): void {\n      if (lineChartItem.onLegendClick) {\n        lineChartItem.onLegendClick(selectedLegend);\n      }\n    }\n\n    function _createLegends(data: LineChartDataWithIndex[]): JSX.Element {\n      const { legendProps, allowMultipleShapesForPoints = false } = props;\n      const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n      const legendDataItems = data.map((point: LineChartDataWithIndex) => {\n        const color: string = point.color!;\n        // mapping data to the format Legends component needs\n        const legend: Legend = {\n          title: point.legend!,\n          color,\n          action: () => {\n            if (isLegendMultiSelectEnabled) {\n              _handleMultipleLineLegendSelectionAction(point);\n            } else {\n              _handleSingleLegendSelectionAction(point);\n            }\n          },\n          onMouseOutAction: () => {\n            setActiveLegend('');\n          },\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            setActiveLegend(point.legend);\n          },\n          ...(point.legendShape && {\n            shape: point.legendShape,\n          }),\n          ...(allowMultipleShapesForPoints && {\n            shape: Points[point.index % Object.keys(pointTypes).length] as Legend['shape'],\n          }),\n        };\n        return legend;\n      });\n\n      const colorFillBarsLegendDataItems = props.colorFillBars\n        ? props.colorFillBars.map((colorFillBar: ColorFillBarsProps, index: number) => {\n            const title = colorFillBar.legend;\n            const color = getColorFromToken(colorFillBar.color);\n            const legend: Legend = {\n              title,\n              color,\n              action: () => {\n                if (isLegendMultiSelectEnabled) {\n                  _handleMultipleColorFillBarLegendSelectionAction(colorFillBar);\n                } else {\n                  _handleSingleLegendSelectionAction(colorFillBar);\n                }\n              },\n              onMouseOutAction: () => {\n                setActiveLegend('');\n              },\n              hoverAction: () => {\n                _handleChartMouseLeave();\n                setActiveLegend(title);\n              },\n              opacity: _getColorFillBarOpacity(colorFillBar),\n              stripePattern: colorFillBar.applyPattern,\n            };\n            return legend;\n          })\n        : [];\n\n      return (\n        <Legends\n          legends={[...legendDataItems, ...colorFillBarsLegendDataItems]}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          overflowText={props.legendsOverflowText}\n          {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n          {...props.legendProps}\n        />\n      );\n    }\n\n    function _getBoxWidthOfShape(pointId: string, pointIndex: number, isLastPoint: boolean) {\n      const { allowMultipleShapesForPoints = false, strokeWidth = DEFAULT_LINE_STROKE_SIZE } = props;\n      if (allowMultipleShapesForPoints) {\n        if (activePoint === pointId) {\n          return PointSize.hoverSize;\n        } else if (pointIndex === 1 || isLastPoint) {\n          return strokeWidth * PATH_MULTIPLY_SIZE;\n        } else {\n          return PointSize.invisibleSize;\n        }\n      } else {\n        if (activePoint === pointId) {\n          return PointSize.hoverSize;\n        } else {\n          return PointSize.invisibleSize;\n        }\n      }\n    }\n\n    function _getPath(\n      xPos: number,\n      yPos: number,\n      pointId: string,\n      pointIndex: number,\n      isLastPoint: boolean,\n      pointOftheLine: number,\n    ): string {\n      const { allowMultipleShapesForPoints = false } = props;\n      let w = _getBoxWidthOfShape(pointId, pointIndex, isLastPoint);\n      const index: number = allowMultipleShapesForPoints ? pointOftheLine % Object.keys(pointTypes).length : 0;\n      const widthRatio = pointTypes[index].widthRatio;\n      w = widthRatio > 1 ? w / widthRatio : w;\n\n      return _getPointPath(xPos, yPos, w, index);\n    }\n    function _getPointFill(lineColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n      const { allowMultipleShapesForPoints = false } = props;\n      if (allowMultipleShapesForPoints) {\n        if (pointIndex === 1 || isLastPoint) {\n          if (activePoint === pointId) {\n            return tokens.colorNeutralBackground1;\n          } else {\n            return lineColor;\n          }\n        } else {\n          if (activePoint === pointId) {\n            return tokens.colorNeutralBackground1;\n          } else {\n            return lineColor;\n          }\n        }\n      } else {\n        if (activePoint === pointId) {\n          return tokens.colorNeutralBackground1;\n        } else {\n          return lineColor;\n        }\n      }\n    }\n\n    function _createLines(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n      const lines: JSX.Element[] = [];\n      if (isSelectedLegend) {\n        _points = selectedLegendPoints;\n      } else {\n        _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n      }\n      for (let i = _points.length - 1; i >= 0; i--) {\n        const linesForLine: JSX.Element[] = [];\n        const bordersForLine: JSX.Element[] = [];\n        const pointsForLine: JSX.Element[] = [];\n\n        const legendVal: string = _points[i].legend;\n        const lineColor: string = _points[i].color!;\n        const verticaLineHeight = containerHeight - margins.bottom! + 6;\n        const yScale = _points[i].useSecondaryYScale && _yScaleSecondary ? _yScaleSecondary : _yScalePrimary;\n        if (_points[i].data.length === 1) {\n          // eslint-disable-next-line @typescript-eslint/no-shadow\n          const {\n            x: x1,\n            y: y1,\n            xAxisCalloutData,\n            xAxisCalloutAccessibilityData,\n          } = _points[i].data[0] as LineChartDataPoint;\n          const circleId = `${_circleId}_${i}`;\n          const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n          pointsForLine.push(\n            <circle\n              id={circleId}\n              key={circleId}\n              r={activePoint === circleId ? 5.5 : 3.5}\n              cx={_xAxisScale(x1)}\n              cy={yScale(y1)}\n              fill={activePoint === circleId ? tokens.colorNeutralBackground1 : lineColor}\n              opacity={isLegendSelected ? 1 : 0.1}\n              tabIndex={isLegendSelected ? 0 : undefined}\n              onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                _handleHover(\n                  x1,\n                  y1,\n                  verticaLineHeight,\n                  xAxisCalloutData,\n                  circleId,\n                  xAxisCalloutAccessibilityData,\n                  event,\n                  yScale,\n                )\n              }\n              onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                _handleHover(\n                  x1,\n                  y1,\n                  verticaLineHeight,\n                  xAxisCalloutData,\n                  circleId,\n                  xAxisCalloutAccessibilityData,\n                  event,\n                  yScale,\n                )\n              }\n              onMouseOut={_handleMouseOut}\n              strokeWidth={activePoint === circleId ? DEFAULT_LINE_STROKE_SIZE : 0}\n              stroke={activePoint === circleId ? lineColor : ''}\n              role=\"img\"\n              aria-label={_getAriaLabel(i, 0)}\n              data-is-focusable={isLegendSelected}\n              ref={(e: SVGCircleElement | null) => {\n                _refCallback(e!, circleId);\n              }}\n              onFocus={event =>\n                _handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n              }\n              onBlur={_handleMouseOut}\n              {..._getClickHandler(_points[i].data[0].onDataPointClick)}\n            />,\n          );\n        }\n\n        let gapIndex = 0;\n        const gaps = _points[i].gaps?.sort((a, b) => a.startIndex - b.startIndex) ?? [];\n        const lineCurve = _points[i].lineOptions?.curve;\n\n        // Use path rendering technique for larger datasets to optimize performance.\n        if ((props.optimizeLargeData || lineCurve) && _points[i].data.length > 1) {\n          const line = d3Line()\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            .x((d: any) => _xAxisScale(d[0]))\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            .y((d: any) => yScale(d[1]))\n            .curve(getCurveFactory(lineCurve));\n\n          const lineId = `${_lineId}_${i}`;\n          const borderId = `${_borderId}_${i}`;\n          const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n          const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n          const lineData: [number, number][] = [];\n          for (let k = 0; k < _points[i].data.length; k++) {\n            lineData.push([\n              _points[i].data[k].x instanceof Date\n                ? (_points[i].data[k].x as Date).getTime()\n                : (_points[i].data[k].x as number),\n              _points[i].data[k].y,\n            ]);\n          }\n\n          if (isLegendSelected) {\n            const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n              ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n              : 0;\n            if (lineBorderWidth > 0) {\n              bordersForLine.push(\n                <path\n                  id={borderId}\n                  key={borderId}\n                  d={line(lineData)!}\n                  fill=\"transparent\"\n                  strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                  strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n                  stroke={_points[i].lineOptions?.lineBorderColor || tokens.colorNeutralBackground1}\n                  opacity={1}\n                />,\n              );\n            }\n\n            linesForLine.push(\n              <path\n                id={lineId}\n                key={lineId}\n                d={line(lineData)!}\n                fill=\"transparent\"\n                data-is-focusable={true}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n                onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n                onMouseOut={_handleMouseOut}\n                {..._getClickHandler(_points[i].onLineClick)}\n                opacity={1}\n                tabIndex={isLegendSelected ? 0 : undefined}\n              />,\n            );\n          } else {\n            linesForLine.push(\n              <path\n                id={lineId}\n                key={lineId}\n                d={line(lineData)!}\n                fill=\"transparent\"\n                data-is-focusable={false}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                opacity={0.1}\n              />,\n            );\n          }\n\n          pointsForLine.push(\n            <circle\n              id={`${_staticHighlightCircle}_${i}`}\n              key={`${_staticHighlightCircle}_${i}`}\n              r={5.5}\n              cx={0}\n              cy={0}\n              fill={tokens.colorNeutralBackground1}\n              strokeWidth={DEFAULT_LINE_STROKE_SIZE}\n              stroke={lineColor}\n              visibility={'hidden'}\n              onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n              onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n              onMouseOut={_handleMouseOut}\n            />,\n          );\n        } else if (!props.optimizeLargeData) {\n          for (let j = 1; j < _points[i].data.length; j++) {\n            const gapResult = _checkInGap(j, gaps, gapIndex);\n            const isInGap = gapResult.isInGap;\n            gapIndex = gapResult.gapIndex;\n\n            const lineId = `${_lineId}_${i}_${j}`;\n            const borderId = `${_borderId}_${i}_${j}`;\n            const circleId = `${_circleId}_${i}_${j}`;\n            const {\n              x: x1,\n              y: y1,\n              xAxisCalloutData,\n              xAxisCalloutAccessibilityData,\n            } = _points[i].data[j - 1] as LineChartDataPoint;\n            const { x: x2, y: y2 } = _points[i].data[j] as LineChartDataPoint;\n            let path = _getPath(_xAxisScale(x1), yScale(y1), circleId, j, false, _points[i].index);\n            const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n            const isLegendSelected: boolean =\n              _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n            const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n            pointsForLine.push(\n              <path\n                id={circleId}\n                key={circleId}\n                d={path}\n                data-is-focusable={isLegendSelected}\n                onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x1,\n                    y1,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                    yScale,\n                  )\n                }\n                onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x1,\n                    y1,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                    yScale,\n                  )\n                }\n                onMouseOut={_handleMouseOut}\n                onFocus={event =>\n                  _handleFocus(event, lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                }\n                onBlur={_handleMouseOut}\n                {..._getClickHandler(_points[i].data[j - 1].onDataPointClick)}\n                opacity={isLegendSelected && !currentPointHidden ? 1 : 0.01}\n                fill={_getPointFill(lineColor, circleId, j, false)}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                role=\"img\"\n                aria-label={_getAriaLabel(i, j - 1)}\n                tabIndex={isLegendSelected ? 0 : undefined}\n              />,\n            );\n            if (j + 1 === _points[i].data.length) {\n              // If this is last point of the line segment.\n              const lastCircleId = `${circleId}${j}L`;\n              const hiddenHoverCircleId = `${circleId}${j}D`;\n              const lastPointHidden = _points[i].hideNonActiveDots && activePoint !== lastCircleId;\n              path = _getPath(_xAxisScale(x2), yScale(y2), lastCircleId, j, true, _points[i].index);\n              const {\n                xAxisCalloutData: lastCirlceXCallout,\n                xAxisCalloutAccessibilityData: lastCirlceXCalloutAccessibilityData,\n              } = _points[i].data[j];\n              pointsForLine.push(\n                <React.Fragment key={`${lastCircleId}_container`}>\n                  <path\n                    id={lastCircleId}\n                    key={lastCircleId}\n                    d={path}\n                    data-is-focusable={isLegendSelected}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseOut={_handleMouseOut}\n                    onFocus={event =>\n                      _handleFocus(\n                        event,\n                        lineId,\n                        x2,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                      )\n                    }\n                    onBlur={_handleMouseOut}\n                    {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n                    opacity={isLegendSelected && !lastPointHidden ? 1 : 0.01}\n                    fill={_getPointFill(lineColor, lastCircleId, j, true)}\n                    stroke={lineColor}\n                    strokeWidth={strokeWidth}\n                    role=\"img\"\n                    aria-label={_getAriaLabel(i, j)}\n                    tabIndex={isLegendSelected ? 0 : undefined}\n                  />\n                  {/* Dummy circle acting as magnetic latch for last callout point */}\n                  <circle\n                    id={hiddenHoverCircleId}\n                    key={hiddenHoverCircleId}\n                    r={8}\n                    cx={_xAxisScale(x2)}\n                    cy={yScale(y2)}\n                    opacity={0}\n                    width={0}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onFocus={event =>\n                      _handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                    }\n                    onMouseOut={_handleMouseOut}\n                    strokeWidth={0}\n                    focusable={false}\n                    onBlur={_handleMouseOut}\n                  />\n                </React.Fragment>,\n              );\n              /* eslint-enable react/jsx-no-bind */\n            }\n\n            if (isLegendSelected) {\n              // don't draw line if it is in a gap\n              if (!isInGap) {\n                const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n                  ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n                  : 0;\n                if (lineBorderWidth > 0) {\n                  bordersForLine.push(\n                    <line\n                      id={borderId}\n                      key={borderId}\n                      x1={_xAxisScale(x1)}\n                      y1={yScale(y1)}\n                      x2={_xAxisScale(x2)}\n                      y2={yScale(y2)}\n                      strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                      strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n                      {...(_points[i].lineOptions?.lineBorderColor && {\n                        stroke: _points[i].lineOptions?.lineBorderColor,\n                      })}\n                      className={classes.lineBorder}\n                      opacity={1}\n                    />,\n                  );\n                }\n\n                linesForLine.push(\n                  <line\n                    id={lineId}\n                    key={lineId}\n                    x1={_xAxisScale(x1)}\n                    y1={yScale(y1)}\n                    x2={_xAxisScale(x2)}\n                    y2={yScale(y2)}\n                    strokeWidth={strokeWidth}\n                    ref={(e: SVGLineElement | null) => {\n                      _refCallback(e!, lineId);\n                    }}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x1,\n                        y1,\n                        verticaLineHeight,\n                        xAxisCalloutData,\n                        circleId,\n                        xAxisCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x1,\n                        y1,\n                        verticaLineHeight,\n                        xAxisCalloutData,\n                        circleId,\n                        xAxisCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseOut={_handleMouseOut}\n                    stroke={lineColor}\n                    strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                    strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n                    strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n                    opacity={1}\n                    {..._getClickHandler(_points[i].onLineClick)}\n                  />,\n                );\n              }\n            } else {\n              if (!isInGap) {\n                linesForLine.push(\n                  <line\n                    id={lineId}\n                    key={lineId}\n                    x1={_xAxisScale(x1)}\n                    y1={yScale(y1)}\n                    x2={_xAxisScale(x2)}\n                    y2={yScale(y2)}\n                    strokeWidth={strokeWidth}\n                    stroke={lineColor}\n                    strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                    strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n                    strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n                    opacity={0.1}\n                  />,\n                );\n              }\n            }\n          }\n        }\n\n        lines.push(\n          <g\n            key={`line_${i}`}\n            role=\"region\"\n            aria-label={`${legendVal}, line ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n          >\n            {bordersForLine}\n            {linesForLine}\n            {pointsForLine}\n          </g>,\n        );\n      }\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(_xAxisScale);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return lines;\n    }\n\n    function _createColorFillBars(containerHeight: number) {\n      const colorFillBars: JSX.Element[] = [];\n      if (isSelectedLegend) {\n        _colorFillBars.current = selectedColorBarLegend;\n      } else {\n        _colorFillBars.current = props.colorFillBars!;\n      }\n\n      const yMinMaxValues = findNumericMinMaxOfY(_points);\n      const FILL_Y_PADDING = 3;\n      for (let i = 0; i < _colorFillBars.current.length; i++) {\n        const colorFillBar = _colorFillBars.current[i];\n        const colorFillBarId = `${_colorFillBarId}-${i}`;\n        const color = getColorFromToken(colorFillBar.color);\n\n        if (colorFillBar.applyPattern) {\n          // Using a pattern element because CSS was unable to render diagonal stripes for rect elements\n          colorFillBars.push(_getStripePattern(color, i));\n        }\n\n        for (let j = 0; j < colorFillBar.data.length; j++) {\n          const startX = colorFillBar.data[j].startX;\n          const endX = colorFillBar.data[j].endX;\n          const opacity =\n            _legendHighlighted(colorFillBar.legend) || _noLegendHighlighted() || isSelectedLegend\n              ? _getColorFillBarOpacity(colorFillBar)\n              : 0.1;\n          colorFillBars.push(\n            <rect\n              fill={colorFillBar.applyPattern ? `url(#${_colorFillBarPatternId}_${i})` : color}\n              fillOpacity={opacity}\n              x={_isRTL ? _xAxisScale(endX) : _xAxisScale(startX)}\n              y={_yScalePrimary(yMinMaxValues.endValue) - FILL_Y_PADDING}\n              width={Math.abs(_xAxisScale(endX) - _xAxisScale(startX))}\n              height={_yScalePrimary(props.yMinValue || 0) - _yScalePrimary(yMinMaxValues.endValue) + FILL_Y_PADDING}\n              key={`${colorFillBarId}${j}`}\n            />,\n          );\n        }\n      }\n      return colorFillBars;\n    }\n\n    function _getStripePattern(color: string, id: number) {\n      // This describes a tile pattern that resembles diagonal stripes\n      // For more information: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d\n      const stripePath = 'M-4,4 l8,-8 M0,16 l16,-16 M12,20 l8,-8';\n      return (\n        <pattern\n          id={`${_colorFillBarPatternId}_${id}`}\n          width={16}\n          height={16}\n          key={`${_colorFillBarPatternId}_${id}`}\n          patternUnits={'userSpaceOnUse'}\n        >\n          <path d={stripePath} stroke={color} strokeWidth={1.25} />\n        </pattern>\n      );\n    }\n\n    function _checkInGap(pointIndex: number, gaps: LineChartGap[], currentGapIndex: number) {\n      let gapIndex = currentGapIndex;\n      let isInGap = false;\n\n      while (gapIndex < gaps.length && pointIndex > gaps[gapIndex].endIndex) {\n        gapIndex++;\n      }\n\n      if (gapIndex < gaps.length && pointIndex > gaps[gapIndex].startIndex && pointIndex <= gaps[gapIndex].endIndex) {\n        isInGap = true;\n      }\n      return { isInGap, gapIndex };\n    }\n\n    function _refCallback(element: SVGGElement, legendTitle: string): void {\n      _refArray.push({ index: legendTitle, refElement: element });\n    }\n\n    const _onMouseOverLargeDataset = (\n      linenumber: number,\n      lineHeight: number,\n      mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>,\n      yScale: ScaleLinear<number, number>,\n    ) => {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n\n      // This will get the value of the X when mouse is on the chart\n      const xOffset = _xAxisScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![linenumber].data, xOffset);\n      const d0 = lineChartData![linenumber].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![linenumber].data[i] as LineChartDataPoint;\n      let axisType: XAxisTypes | null = null;\n      let xPointToHighlight: string | Date | number = 0;\n      let index: null | number = null;\n      if (d0 === undefined && d1 !== undefined) {\n        xPointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        xPointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        axisType = getTypeOfAxis(lineChartData![linenumber].data[0].x, true) as XAxisTypes;\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      const { xAxisCalloutData } = lineChartData![linenumber].data[index as number];\n      const formattedDate =\n        xPointToHighlight instanceof Date ? formatDate(xPointToHighlight, props.useUTC) : xPointToHighlight;\n      const modifiedXVal = xPointToHighlight instanceof Date ? xPointToHighlight.getTime() : xPointToHighlight;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n        return element.x === modifiedXVal;\n      });\n      const pointToHighlight: LineChartDataPoint = lineChartData![linenumber].data[index!] as LineChartDataPoint;\n      const pointToHighlightUpdated =\n        nearestCircleToHighlight === null ||\n        (nearestCircleToHighlight !== null &&\n          pointToHighlight !== null &&\n          (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y));\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found && pointToHighlightUpdated) {\n        _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;\n\n        d3Select(`#${_staticHighlightCircle}_${linenumber}`)\n          .attr('cx', `${_xAxisScale(pointToHighlight.x)}`)\n          .attr('cy', `${yScale(pointToHighlight.y)}`)\n          .attr('visibility', 'visibility');\n\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(pointToHighlight.x)}, ${yScale(pointToHighlight.y)})`)\n          .attr('visibility', 'visibility')\n          .attr('y2', `${lineHeight - 5 - yScale(pointToHighlight.y)}`);\n\n        setNearestCircleToHighlight(pointToHighlight);\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        setStackCalloutProps(found!);\n        setYValueHover(found.values);\n        setDataPointCalloutProps(found!);\n        xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue(formattedDate);\n        setActivePoint('');\n      }\n\n      if (!found) {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(pointToHighlight);\n        setActivePoint('');\n      }\n    };\n\n    function _handleFocus(\n      event: React.FocusEvent<SVGCircleElement | SVGPathElement, Element>,\n      lineId: string,\n      x: number | Date,\n\n      xAxisCalloutData: string | undefined,\n      circleId: string,\n      xAxisCalloutAccessibilityData?: AccessibilityProps,\n    ) {\n      let cx = 0;\n      let cy = 0;\n\n      const targetRect = (event.target as SVGCircleElement | SVGPathElement).getBoundingClientRect();\n      cx = targetRect.left + targetRect.width / 2;\n      cy = targetRect.top + targetRect.height / 2;\n      updatePosition(cx, cy);\n      _uniqueCallOutID = circleId;\n      const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const xVal = x instanceof Date ? x.getTime() : x;\n      const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n      // if no points need to be called out then don't show vertical line and callout card\n\n      if (found) {\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(x)}, 0)`)\n          .attr('visibility', 'visibility');\n        _refArray.forEach((obj: RefArrayData) => {\n          if (obj.index === lineId) {\n            setPopoverOpen(true);\n            xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n            setYValueHover(found.values);\n            setStackCalloutProps(found!);\n            setDataPointCalloutProps(found!);\n            setActivePoint(circleId);\n          }\n        });\n      } else {\n        setActivePoint(circleId);\n      }\n    }\n\n    function _handleHover(\n      x: number | Date,\n      y: number | Date,\n      lineHeight: number,\n      xAxisCalloutData: string | undefined,\n      circleId: string,\n      xAxisCalloutAccessibilityData: AccessibilityProps | undefined,\n      mouseEvent: React.MouseEvent<SVGElement>,\n      yScale: ScaleLinear<number, number>,\n    ) {\n      mouseEvent?.persist();\n      const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const xVal = x instanceof Date ? x.getTime() : x;\n      const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n      // if no points need to be called out then don't show vertical line and callout card\n\n      if (found) {\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(x)}, ${yScale(y)})`)\n          .attr('visibility', 'visibility')\n          .attr('y2', `${lineHeight - 5 - yScale(y)}`);\n\n        if (_uniqueCallOutID !== circleId) {\n          _uniqueCallOutID = circleId;\n          updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n          xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n          setYValueHover(found.values);\n          setStackCalloutProps(found!);\n          setDataPointCalloutProps(found!);\n          setActivePoint(circleId);\n          setNearestCircleToHighlight(null);\n        }\n      } else {\n        setActivePoint(circleId);\n        setNearestCircleToHighlight(null);\n      }\n    }\n\n    /**\n     * Screen readers announce an element as clickable if the onClick attribute is set.\n     * This function sets the attribute only when a click event handler is provided.*/\n\n    function _getClickHandler(func?: () => void): { onClick?: () => void } {\n      if (func) {\n        return {\n          onClick: func,\n        };\n      }\n\n      return {};\n    }\n\n    function _handleMouseOut() {\n      d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n    }\n\n    function _handleChartMouseLeave() {\n      _uniqueCallOutID = null;\n      setActivePoint('');\n      if (isPopoverOpen) {\n        setPopoverOpen(false);\n      }\n    }\n\n    function _handleMultipleLineLegendSelectionAction(selectedLine: LineChartDataWithIndex) {\n      const selectedLineIndex = selectedLegendPoints.reduce((acc, line, index) => {\n        if (acc > -1 || line.legend !== selectedLine.legend) {\n          return acc;\n        } else {\n          return index;\n        }\n      }, -1);\n\n      let selectedLines: LineChartDataWithIndex[];\n      if (selectedLineIndex === -1) {\n        selectedLines = [...selectedLegendPoints, selectedLine];\n      } else {\n        selectedLines = selectedLegendPoints\n          .slice(0, selectedLineIndex)\n          .concat(selectedLegendPoints.slice(selectedLineIndex + 1));\n      }\n\n      const areAllLineLegendsSelected = props.data && selectedLines.length === props.data.lineChartData!.length;\n\n      if (\n        areAllLineLegendsSelected &&\n        ((props.colorFillBars && props.colorFillBars.length === selectedColorBarLegend.length) || !props.colorFillBars)\n      ) {\n        // Clear all legends if all legends including color fill bar legends are selected\n        // Or clear all legends if all legends are selected and there are no color fill bars\n        _clearMultipleLegendSelections();\n      } else if (!selectedLines.length && !selectedColorBarLegend.length) {\n        // Clear all legends if no legends including color fill bar legends are selected\n        _clearMultipleLegendSelections();\n      } else {\n        // Otherwise, set state when one or more legends are selected, including color fill bar legends\n        setSelectedLegendPoints(selectedLines);\n        setIsSelectedLegend(true);\n      }\n\n      const selectedLegendTitlesToPass = selectedLines.map((line: LineChartDataWithIndex) => line.legend);\n      _handleLegendClick(selectedLine, selectedLegendTitlesToPass);\n    }\n\n    function _handleMultipleColorFillBarLegendSelectionAction(selectedColorFillBar: ColorFillBarsProps) {\n      const selectedColorFillBarIndex = selectedColorBarLegend.reduce((acc, colorFillBar, index) => {\n        if (acc > -1 || colorFillBar.legend !== selectedColorFillBar.legend) {\n          return acc;\n        } else {\n          return index;\n        }\n      }, -1);\n\n      let selectedColorFillBars: ColorFillBarsProps[];\n      if (selectedColorFillBarIndex === -1) {\n        selectedColorFillBars = [...selectedColorBarLegend, selectedColorFillBar];\n      } else {\n        selectedColorFillBars = selectedColorBarLegend\n          .slice(0, selectedColorFillBarIndex)\n          .concat(selectedColorBarLegend.slice(selectedColorFillBarIndex + 1));\n      }\n\n      const areAllColorFillBarLegendsSelected =\n        selectedColorFillBars.length === (props.colorFillBars && props.colorFillBars!.length);\n\n      if (\n        areAllColorFillBarLegendsSelected &&\n        ((props.data && props.data.lineChartData!.length === selectedLegendPoints.length) || !props.data)\n      ) {\n        // Clear all legends if all legends, including line legends, are selected\n        // Or clear all legends if all legends are selected and there is no line data\n        _clearMultipleLegendSelections();\n      } else if (!selectedColorFillBars.length && !selectedLegendPoints.length) {\n        // Clear all legends if no legends are selected, including line legends\n        _clearMultipleLegendSelections();\n      } else {\n        // set state when one or more legends are selected, including line legends\n        setSelectedColorBarLegend(selectedColorFillBars);\n        setIsSelectedLegend(true);\n      }\n\n      const selectedLegendTitlesToPass = selectedColorFillBars.map(\n        (colorFillBar: ColorFillBarsProps) => colorFillBar.legend,\n      );\n      _handleLegendClick(selectedColorFillBar, selectedLegendTitlesToPass);\n    }\n\n    function _clearMultipleLegendSelections() {\n      setSelectedColorBarLegend([]);\n      setSelectedLegendPoints([]);\n      setIsSelectedLegend(false);\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it*/\n\n    function _legendHighlighted(legend: string) {\n      return selectedLegend === legend || (selectedLegend === '' && activeLegend === legend);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.*/\n\n    function _noLegendHighlighted() {\n      return selectedLegend === '' && activeLegend === '';\n    }\n\n    function _getColorFillBarOpacity(colorFillBar: ColorFillBarsProps) {\n      return colorFillBar.applyPattern ? 1 : 0.4;\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = _points[lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        props.data &&\n        props.data.lineChartData &&\n        props.data.lineChartData.length > 0 &&\n        props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n      );\n    }\n\n    const { legendProps, tickValues, tickFormat, eventAnnotationProps } = props;\n    _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n\n    const isXAxisDateType = getXAxisType(_points);\n    let points = _points;\n    if (legendProps && !!legendProps.canSelectMultipleLegends) {\n      points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n      _calloutPoints = calloutData(points);\n    }\n\n    let legendBars = null;\n    // reduce computation cost by only creating legendBars\n    // if when hideLegend is false.\n    // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n    if (!props.hideLegend) {\n      legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n    }\n    const calloutProps = {\n      YValueHover: YValueHover,\n      hoverXValue: hoverXValue,\n      descriptionMessage:\n        props.getCalloutDescriptionMessage && stackCalloutProps\n          ? props.getCalloutDescriptionMessage(stackCalloutProps)\n          : undefined,\n      'data-is-focusable': true,\n      xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,\n      ...props.calloutProps,\n      clickPosition: clickPosition,\n      isPopoverOpen: isPopoverOpen,\n      isCalloutForStack: true,\n      culture: props.culture ?? 'en-us',\n      isCartesian: true,\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n    };\n    const tickParams = {\n      tickValues,\n      tickFormat,\n    };\n\n    return !_isChartEmpty() ? (\n      <CartesianChart\n        {...props}\n        chartTitle={props.data.chartTitle}\n        points={points}\n        chartType={ChartTypes.LineChart}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createNumericYAxis}\n        getmargins={_getMargins}\n        getMinMaxOfYAxis={findNumericMinMaxOfY}\n        getGraphData={_initializeLineChartData}\n        xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        createStringYAxis={createStringYAxis}\n        onChartMouseLeave={_handleChartMouseLeave}\n        enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line react/no-children-prop\n        children={(props: ChildProps) => {\n          _xAxisScale = props.xScale!;\n          _yScalePrimary = props.yScalePrimary!;\n          _yScaleSecondary = props.yScaleSecondary;\n          return (\n            <>\n              <g>\n                <line\n                  x1={0}\n                  y1={0}\n                  x2={0}\n                  y2={props.containerHeight}\n                  stroke={'#323130'}\n                  id={_verticalLine}\n                  visibility={'hidden'}\n                  strokeDasharray={'5,5'}\n                />\n                {props.optimizeLargeData ? (\n                  <rect id={_rectId} width={props.containerWidth} height={props.containerHeight} fill={'transparent'} />\n                ) : (\n                  <></>\n                )}\n                <g>\n                  {_renderedColorFillBars}\n                  {lines}\n                </g>\n                {eventAnnotationProps && (\n                  <EventsAnnotation\n                    {...eventAnnotationProps}\n                    scale={props.xScale!}\n                    chartYTop={margins.top! + eventLabelHeight}\n                    chartYBottom={props.containerHeight! - 35}\n                  />\n                )}\n              </g>\n            </>\n          );\n        }}\n      />\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nLineChart.displayName = 'LineChart';\n"],"names":["React","useLineChartStyles","select","d3Select","pointer","bisector","Legends","line","d3Line","useId","find","CartesianChart","EventsAnnotation","tokens","calloutData","ChartTypes","getXAxisType","XAxisTypes","tooltipOfAxislabels","Points","pointTypes","getTypeOfAxis","getNextColor","getColorFromToken","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfDateForAreaLineVerticalBarChart","domainRangeOfNumericForAreaChart","createStringYAxis","useRtl","formatDate","getCurveFactory","PointSize","bisect","d","x","left","DEFAULT_LINE_STROKE_SIZE","PATH_MULTIPLY_SIZE","_getPointPath","y","w","index","allPointPaths","LineChart","forwardRef","props","forwardedRef","_points","_injectIndexPropertyInLineChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yScalePrimary","_circleId","_lineId","_borderId","_verticalLine","_colorFillBarPatternId","_uniqueCallOutID","_refArray","margins","eventLabelHeight","lines","_renderedColorFillBars","_colorFillBars","useRef","_tooltipId","_rectId","_staticHighlightCircle","_firstRenderOptimization","_emptyChartId","_colorFillBarId","_isRTL","xAxisCalloutAccessibilityData","cartesianChartRef","_yScaleSecondary","eventAnnotationProps","labelHeight","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegend","setSelectedLegend","selectedLegendPoints","setSelectedLegendPoints","selectedColorBarLegend","setSelectedColorBarLegend","isSelectedLegend","setIsSelectedLegend","legendProps","selectedLegends","length","activePoint","setActivePoint","nearestCircleToHighlight","setNearestCircleToHighlight","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","isPopoverOpen","setPopoverOpen","pointsRef","calloutPointsRef","classes","useEffect","current","height","width","useImperativeHandle","componentRef","chartContainer","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","isFilterSelectedLegends","allowMultipleShapesForPoints","filteredData","filter","item","includes","legend","map","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getMargins","_margins","_initializeLineChartData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","colorFillBars","_createColorFillBars","_createLines","_handleSingleLegendSelectionAction","lineChartItem","_handleLegendClick","_onHoverCardHide","onLegendClick","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","title","action","_handleMultipleLineLegendSelectionAction","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","Object","keys","colorFillBarsLegendDataItems","colorFillBar","_handleMultipleColorFillBarLegendSelectionAction","opacity","_getColorFillBarOpacity","stripePattern","applyPattern","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","_getBoxWidthOfShape","pointId","pointIndex","isLastPoint","strokeWidth","_getPath","xPos","yPos","pointOftheLine","widthRatio","_getPointFill","lineColor","colorNeutralBackground1","i","linesForLine","bordersForLine","pointsForLine","legendVal","verticaLineHeight","bottom","yScale","useSecondaryYScale","x1","y1","xAxisCalloutData","circleId","isLegendSelected","_legendHighlighted","_noLegendHighlighted","push","circle","id","key","r","cx","cy","fill","tabIndex","undefined","onMouseOver","event","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","stroke","role","aria-label","_getAriaLabel","data-is-focusable","ref","e","_refCallback","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","gapIndex","gaps","sort","a","b","startIndex","lineCurve","lineOptions","curve","optimizeLargeData","lineId","borderId","lineData","k","Date","getTime","lineBorderWidth","Number","parseFloat","toString","path","strokeLinecap","lineBorderColor","_onMouseOverLargeDataset","bind","onLineClick","visibility","j","gapResult","_checkInGap","isInGap","x2","y2","currentPointHidden","hideNonActiveDots","lastCircleId","hiddenHoverCircleId","lastPointHidden","lastCirlceXCallout","lastCirlceXCalloutAccessibilityData","Fragment","focusable","className","lineBorder","strokeDasharray","strokeDashoffset","g","showXAxisLablesTooltip","document","getElementById","remove","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","yMinMaxValues","FILL_Y_PADDING","colorFillBarId","_getStripePattern","startX","endX","rect","fillOpacity","endValue","abs","yMinValue","stripePath","pattern","patternUnits","currentGapIndex","endIndex","element","legendTitle","refElement","linenumber","lineHeight","mouseEvent","persist","xOffset","invert","d0","d1","axisType","xPointToHighlight","x0","point0","point1","formattedDate","useUTC","modifiedXVal","found","pointToHighlight","pointToHighlightUpdated","attr","clientX","clientY","values","targetRect","target","getBoundingClientRect","top","formattedData","xVal","forEach","obj","func","onClick","selectedLine","selectedLineIndex","reduce","acc","selectedLines","slice","concat","areAllLineLegendsSelected","_clearMultipleLegendSelections","selectedLegendTitlesToPass","selectedColorFillBar","selectedColorFillBarIndex","selectedColorFillBars","areAllColorFillBarLegendsSelected","lineIndex","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","tickFormat","isXAxisDateType","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","chartTitle","createYAxis","getmargins","getMinMaxOfYAxis","getGraphData","getDomainNRangeValues","onChartMouseLeave","enableFirstRenderOptimization","enablePerfOptimization","children","scale","chartYTop","chartYBottom","div","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/LineChart/LineChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LineChartProps } from './LineChart.types';\nimport { useLineChartStyles } from './useLineChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select, pointer } from 'd3-selection';\nimport { bisector } from 'd3-array';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { line as d3Line } from 'd3-shape';\nimport { useId } from '@fluentui/react-utilities';\nimport { find } from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  LineChartPoints,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ColorFillBarsProps,\n  LineChartGap,\n  LineChartDataPoint,\n  Chart,\n  ImageExportOptions,\n} from '../../index';\nimport { EventsAnnotation } from './eventAnnotation/EventAnnotation';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  getXAxisType,\n  XAxisTypes,\n  tooltipOfAxislabels,\n  Points,\n  pointTypes,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfDateForAreaLineVerticalBarChart,\n  domainRangeOfNumericForAreaChart,\n  createStringYAxis,\n  useRtl,\n  formatDate,\n  getCurveFactory,\n} from '../../utilities/index';\nimport { ScaleLinear } from 'd3-scale';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\nenum PointSize {\n  hoverSize = 11,\n  invisibleSize = 1,\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nconst DEFAULT_LINE_STROKE_SIZE = 4;\n// The given shape of a icon must be 2.5 times bigger than line width (known as stroke width)\nconst PATH_MULTIPLY_SIZE = 2.5;\n\n/**\n *\n * @param x units from origin\n * @param y units from origin\n * @param w is the legnth of the each side of a shape\n * @param index index to get the shape path\n */\nconst _getPointPath = (x: number, y: number, w: number, index: number): string => {\n  const allPointPaths = [\n    // circle path\n    `M${x - w / 2} ${y}\n     A${w / 2} ${w / 2} 0 1 0 ${x + w / 2} ${y}\n     M${x - w / 2} ${y}\n     A ${w / 2} ${w / 2} 0 1 1 ${x + w / 2} ${y}\n     `,\n    //square\n    `M${x - w / 2} ${y - w / 2}\n     L${x + w / 2} ${y - w / 2}\n     L${x + w / 2} ${y + w / 2}\n     L${x - w / 2} ${y + w / 2}\n     Z`,\n    //triangle\n    `M${x - w / 2} ${y - 0.2886 * w}\n     H ${x + w / 2}\n     L${x} ${y + 0.5774 * w} Z`,\n    //diamond\n    `M${x} ${y - w / 2}\n     L${x + w / 2} ${y}\n     L${x} ${y + w / 2}\n     L${x - w / 2} ${y}\n     Z`,\n    //pyramid\n    `M${x} ${y - 0.5774 * w}\n     L${x + w / 2} ${y + 0.2886 * w}\n     L${x - w / 2} ${y + 0.2886 * w} Z`,\n    //hexagon\n    `M${x - 0.5 * w} ${y - 0.866 * w}\n     L${x + 0.5 * w} ${y - 0.866 * w}\n     L${x + w} ${y}\n     L${x + 0.5 * w} ${y + 0.866 * w}\n     L${x - 0.5 * w} ${y + 0.866 * w}\n     L${x - w} ${y}\n     Z`,\n    //pentagon\n    `M${x} ${y - 0.851 * w}\n     L${x + 0.6884 * w} ${y - 0.2633 * w}\n     L${x + 0.5001 * w} ${y + 0.6884 * w}\n     L${x - 0.5001 * w} ${y + 0.6884 * w}\n     L${x - 0.6884 * w} ${y - 0.2633 * w}\n     Z`,\n    //octagon\n    `M${x - 0.5001 * w} ${y - 1.207 * w}\n     L${x + 0.5001 * w} ${y - 1.207 * w}\n     L${x + 1.207 * w} ${y - 0.5001 * w}\n     L${x + 1.207 * w} ${y + 0.5001 * w}\n     L${x + 0.5001 * w} ${y + 1.207 * w}\n     L${x - 0.5001 * w} ${y + 1.207 * w}\n     L${x - 1.207 * w} ${y + 0.5001 * w}\n     L${x - 1.207 * w} ${y - 0.5001 * w}\n     Z`,\n  ];\n  return allPointPaths[index];\n};\n\ntype LineChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a LineChart variant which uses these default styles and this styled subcomponent.\n/**\n * Linechart component\n * {@docCategory LineChart}\n */\nexport const LineChart: React.FunctionComponent<LineChartProps> = React.forwardRef<HTMLDivElement, LineChartProps>(\n  (props, forwardedRef) => {\n    let _points: LineChartDataWithIndex[] = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any[] = calloutData(_points) || [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisScale: any = '';\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _yScalePrimary: any = '';\n    let _circleId: string = useId('circle');\n    let _lineId: string = useId('lineID');\n    let _borderId: string = useId('borderID');\n    let _verticalLine: string = useId('verticalLine');\n    let _colorFillBarPatternId: string = useId('colorFillBarPattern');\n    let _uniqueCallOutID: string | null = '';\n    let _refArray: RefArrayData[] = [];\n    let margins: Margins;\n    let eventLabelHeight: number = 36;\n    let lines: JSX.Element[];\n    let _renderedColorFillBars: JSX.Element[];\n    const _colorFillBars = React.useRef<ColorFillBarsProps[]>([]);\n    let _tooltipId: string = useId('LineChartTooltipId_');\n    let _rectId: string = useId('containerRectLD');\n    let _staticHighlightCircle: string = useId('staticHighlightCircle');\n    let _firstRenderOptimization = true;\n    let _emptyChartId: string = useId('_LineChart_empty');\n    const _colorFillBarId = useId('_colorFillBarId');\n    const _isRTL: boolean = useRtl();\n    let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n    const cartesianChartRef = React.useRef<Chart>(null);\n    let _yScaleSecondary: ScaleLinear<number, number> | undefined;\n    const _legendsRef = React.useRef<LegendContainer>(null);\n\n    props.eventAnnotationProps &&\n      props.eventAnnotationProps.labelHeight &&\n      (eventLabelHeight = props.eventAnnotationProps.labelHeight);\n\n    const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n    const [activeLegend, setActiveLegend] = React.useState<string>('');\n    const [YValueHover, setYValueHover] = React.useState<[]>([]);\n    const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n    const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>(\n      _injectIndexPropertyInLineChartData(props.data.lineChartData, true),\n    );\n    const [selectedColorBarLegend, setSelectedColorBarLegend] = React.useState<any[]>([]);\n    const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(\n      (props.legendProps?.selectedLegends?.length ?? 0) > 0,\n    );\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<LineChartDataPoint | null>(null);\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n    const pointsRef = React.useRef<LineChartDataWithIndex[] | []>([]);\n    const calloutPointsRef = React.useRef<any[]>([]);\n    const classes = useLineChartStyles(props);\n    React.useEffect(() => {\n      /** note that height and width are not used to resize or set as dimesions of the chart,\n       * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n       */\n\n      if (_points !== _injectIndexPropertyInLineChartData(props.data.lineChartData) || props.data !== _points) {\n        pointsRef.current = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n        calloutPointsRef.current = calloutData(pointsRef.current);\n      }\n    }, [props.height, props.width, props.data]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n        toImage: (opts?: ImageExportOptions): Promise<string> => {\n          return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n        },\n      }),\n      [],\n    );\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n      shiftX: number,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis) {\n        domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _injectIndexPropertyInLineChartData(\n      lineChartData?: LineChartPoints[],\n      isFilterSelectedLegends: boolean = false,\n    ): LineChartDataWithIndex[] | [] {\n      const { allowMultipleShapesForPoints = false } = props;\n      // Apply filter only if isPropChange is true\n      const filteredData = isFilterSelectedLegends\n        ? lineChartData?.filter(\n            (item: LineChartPoints) =>\n              props.legendProps?.selectedLegends?.includes(item.legend) ||\n              props.legendProps?.selectedLegend === item.legend,\n          )\n        : lineChartData;\n      return filteredData\n        ? filteredData.map((item: LineChartPoints, index: number) => {\n            let color: string;\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n            return {\n              ...item,\n              index: allowMultipleShapesForPoints ? index : -1,\n              color,\n            };\n          })\n        : [];\n    }\n\n    function updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getMargins(_margins: Margins) {\n      margins = _margins;\n    }\n\n    function _initializeLineChartData(\n      xScale: NumericAxis,\n      yScalePrimary: NumericAxis,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _xAxisScale = xScale;\n      _yScalePrimary = yScalePrimary;\n      _yScaleSecondary = yScaleSecondary;\n      _renderedColorFillBars = props.colorFillBars ? _createColorFillBars(containerHeight) : [];\n      lines = _createLines(xElement!, containerHeight!);\n    }\n\n    function _handleSingleLegendSelectionAction(lineChartItem: LineChartDataWithIndex | ColorFillBarsProps) {\n      if (selectedLegend === lineChartItem.legend) {\n        setSelectedLegend('');\n        _handleLegendClick(lineChartItem, null);\n      } else {\n        setSelectedLegend(lineChartItem.legend);\n        _handleLegendClick(lineChartItem, lineChartItem.legend);\n      }\n    }\n\n    function _onHoverCardHide() {\n      setSelectedLegendPoints([]);\n      setSelectedColorBarLegend([]);\n      setIsSelectedLegend(false);\n    }\n\n    function _handleLegendClick(\n      lineChartItem: LineChartDataWithIndex | ColorFillBarsProps,\n      selectedLegend: string | null | string[],\n    ): void {\n      if (lineChartItem.onLegendClick) {\n        lineChartItem.onLegendClick(selectedLegend);\n      }\n    }\n\n    function _createLegends(data: LineChartDataWithIndex[]): JSX.Element {\n      const { legendProps, allowMultipleShapesForPoints = false } = props;\n      const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n      const legendDataItems = data.map((point: LineChartDataWithIndex) => {\n        const color: string = point.color!;\n        // mapping data to the format Legends component needs\n        const legend: Legend = {\n          title: point.legend!,\n          color,\n          action: () => {\n            if (isLegendMultiSelectEnabled) {\n              _handleMultipleLineLegendSelectionAction(point);\n            } else {\n              _handleSingleLegendSelectionAction(point);\n            }\n          },\n          onMouseOutAction: () => {\n            setActiveLegend('');\n          },\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            setActiveLegend(point.legend);\n          },\n          ...(point.legendShape && {\n            shape: point.legendShape,\n          }),\n          ...(allowMultipleShapesForPoints && {\n            shape: Points[point.index % Object.keys(pointTypes).length] as Legend['shape'],\n          }),\n        };\n        return legend;\n      });\n\n      const colorFillBarsLegendDataItems = props.colorFillBars\n        ? props.colorFillBars.map((colorFillBar: ColorFillBarsProps, index: number) => {\n            const title = colorFillBar.legend;\n            const color = getColorFromToken(colorFillBar.color);\n            const legend: Legend = {\n              title,\n              color,\n              action: () => {\n                if (isLegendMultiSelectEnabled) {\n                  _handleMultipleColorFillBarLegendSelectionAction(colorFillBar);\n                } else {\n                  _handleSingleLegendSelectionAction(colorFillBar);\n                }\n              },\n              onMouseOutAction: () => {\n                setActiveLegend('');\n              },\n              hoverAction: () => {\n                _handleChartMouseLeave();\n                setActiveLegend(title);\n              },\n              opacity: _getColorFillBarOpacity(colorFillBar),\n              stripePattern: colorFillBar.applyPattern,\n            };\n            return legend;\n          })\n        : [];\n\n      return (\n        <Legends\n          legends={[...legendDataItems, ...colorFillBarsLegendDataItems]}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          overflowText={props.legendsOverflowText}\n          {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      );\n    }\n\n    function _getBoxWidthOfShape(pointId: string, pointIndex: number, isLastPoint: boolean) {\n      const { allowMultipleShapesForPoints = false, strokeWidth = DEFAULT_LINE_STROKE_SIZE } = props;\n      if (allowMultipleShapesForPoints) {\n        if (activePoint === pointId) {\n          return PointSize.hoverSize;\n        } else if (pointIndex === 1 || isLastPoint) {\n          return strokeWidth * PATH_MULTIPLY_SIZE;\n        } else {\n          return PointSize.invisibleSize;\n        }\n      } else {\n        if (activePoint === pointId) {\n          return PointSize.hoverSize;\n        } else {\n          return PointSize.invisibleSize;\n        }\n      }\n    }\n\n    function _getPath(\n      xPos: number,\n      yPos: number,\n      pointId: string,\n      pointIndex: number,\n      isLastPoint: boolean,\n      pointOftheLine: number,\n    ): string {\n      const { allowMultipleShapesForPoints = false } = props;\n      let w = _getBoxWidthOfShape(pointId, pointIndex, isLastPoint);\n      const index: number = allowMultipleShapesForPoints ? pointOftheLine % Object.keys(pointTypes).length : 0;\n      const widthRatio = pointTypes[index].widthRatio;\n      w = widthRatio > 1 ? w / widthRatio : w;\n\n      return _getPointPath(xPos, yPos, w, index);\n    }\n    function _getPointFill(lineColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n      const { allowMultipleShapesForPoints = false } = props;\n      if (allowMultipleShapesForPoints) {\n        if (pointIndex === 1 || isLastPoint) {\n          if (activePoint === pointId) {\n            return tokens.colorNeutralBackground1;\n          } else {\n            return lineColor;\n          }\n        } else {\n          if (activePoint === pointId) {\n            return tokens.colorNeutralBackground1;\n          } else {\n            return lineColor;\n          }\n        }\n      } else {\n        if (activePoint === pointId) {\n          return tokens.colorNeutralBackground1;\n        } else {\n          return lineColor;\n        }\n      }\n    }\n\n    function _createLines(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n      const lines: JSX.Element[] = [];\n      if (isSelectedLegend) {\n        _points = selectedLegendPoints;\n      } else {\n        _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n      }\n      for (let i = _points.length - 1; i >= 0; i--) {\n        const linesForLine: JSX.Element[] = [];\n        const bordersForLine: JSX.Element[] = [];\n        const pointsForLine: JSX.Element[] = [];\n\n        const legendVal: string = _points[i].legend;\n        const lineColor: string = _points[i].color!;\n        const verticaLineHeight = containerHeight - margins.bottom! + 6;\n        const yScale = _points[i].useSecondaryYScale && _yScaleSecondary ? _yScaleSecondary : _yScalePrimary;\n        if (_points[i].data.length === 1) {\n          // eslint-disable-next-line @typescript-eslint/no-shadow\n          const {\n            x: x1,\n            y: y1,\n            xAxisCalloutData,\n            xAxisCalloutAccessibilityData,\n          } = _points[i].data[0] as LineChartDataPoint;\n          const circleId = `${_circleId}_${i}`;\n          const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n          pointsForLine.push(\n            <circle\n              id={circleId}\n              key={circleId}\n              r={activePoint === circleId ? 5.5 : 3.5}\n              cx={_xAxisScale(x1)}\n              cy={yScale(y1)}\n              fill={activePoint === circleId ? tokens.colorNeutralBackground1 : lineColor}\n              opacity={isLegendSelected ? 1 : 0.1}\n              tabIndex={isLegendSelected ? 0 : undefined}\n              onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                _handleHover(\n                  x1,\n                  y1,\n                  verticaLineHeight,\n                  xAxisCalloutData,\n                  circleId,\n                  xAxisCalloutAccessibilityData,\n                  event,\n                  yScale,\n                )\n              }\n              onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                _handleHover(\n                  x1,\n                  y1,\n                  verticaLineHeight,\n                  xAxisCalloutData,\n                  circleId,\n                  xAxisCalloutAccessibilityData,\n                  event,\n                  yScale,\n                )\n              }\n              onMouseOut={_handleMouseOut}\n              strokeWidth={activePoint === circleId ? DEFAULT_LINE_STROKE_SIZE : 0}\n              stroke={activePoint === circleId ? lineColor : ''}\n              role=\"img\"\n              aria-label={_getAriaLabel(i, 0)}\n              data-is-focusable={isLegendSelected}\n              ref={(e: SVGCircleElement | null) => {\n                _refCallback(e!, circleId);\n              }}\n              onFocus={event =>\n                _handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n              }\n              onBlur={_handleMouseOut}\n              {..._getClickHandler(_points[i].data[0].onDataPointClick)}\n            />,\n          );\n        }\n\n        let gapIndex = 0;\n        const gaps = _points[i].gaps?.sort((a, b) => a.startIndex - b.startIndex) ?? [];\n        const lineCurve = _points[i].lineOptions?.curve;\n\n        // Use path rendering technique for larger datasets to optimize performance.\n        if ((props.optimizeLargeData || lineCurve) && _points[i].data.length > 1) {\n          const line = d3Line()\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            .x((d: any) => _xAxisScale(d[0]))\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            .y((d: any) => yScale(d[1]))\n            .curve(getCurveFactory(lineCurve));\n\n          const lineId = `${_lineId}_${i}`;\n          const borderId = `${_borderId}_${i}`;\n          const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n          const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n          const lineData: [number, number][] = [];\n          for (let k = 0; k < _points[i].data.length; k++) {\n            lineData.push([\n              _points[i].data[k].x instanceof Date\n                ? (_points[i].data[k].x as Date).getTime()\n                : (_points[i].data[k].x as number),\n              _points[i].data[k].y,\n            ]);\n          }\n\n          if (isLegendSelected) {\n            const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n              ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n              : 0;\n            if (lineBorderWidth > 0) {\n              bordersForLine.push(\n                <path\n                  id={borderId}\n                  key={borderId}\n                  d={line(lineData)!}\n                  fill=\"transparent\"\n                  strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                  strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n                  stroke={_points[i].lineOptions?.lineBorderColor || tokens.colorNeutralBackground1}\n                  opacity={1}\n                />,\n              );\n            }\n\n            linesForLine.push(\n              <path\n                id={lineId}\n                key={lineId}\n                d={line(lineData)!}\n                fill=\"transparent\"\n                data-is-focusable={true}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n                onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n                onMouseOut={_handleMouseOut}\n                {..._getClickHandler(_points[i].onLineClick)}\n                opacity={1}\n                tabIndex={isLegendSelected ? 0 : undefined}\n              />,\n            );\n          } else {\n            linesForLine.push(\n              <path\n                id={lineId}\n                key={lineId}\n                d={line(lineData)!}\n                fill=\"transparent\"\n                data-is-focusable={false}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                opacity={0.1}\n              />,\n            );\n          }\n\n          pointsForLine.push(\n            <circle\n              id={`${_staticHighlightCircle}_${i}`}\n              key={`${_staticHighlightCircle}_${i}`}\n              r={5.5}\n              cx={0}\n              cy={0}\n              fill={tokens.colorNeutralBackground1}\n              strokeWidth={DEFAULT_LINE_STROKE_SIZE}\n              stroke={lineColor}\n              visibility={'hidden'}\n              onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n              onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event, yScale)}\n              onMouseOut={_handleMouseOut}\n            />,\n          );\n        } else if (!props.optimizeLargeData) {\n          for (let j = 1; j < _points[i].data.length; j++) {\n            const gapResult = _checkInGap(j, gaps, gapIndex);\n            const isInGap = gapResult.isInGap;\n            gapIndex = gapResult.gapIndex;\n\n            const lineId = `${_lineId}_${i}_${j}`;\n            const borderId = `${_borderId}_${i}_${j}`;\n            const circleId = `${_circleId}_${i}_${j}`;\n            const {\n              x: x1,\n              y: y1,\n              xAxisCalloutData,\n              xAxisCalloutAccessibilityData,\n            } = _points[i].data[j - 1] as LineChartDataPoint;\n            const { x: x2, y: y2 } = _points[i].data[j] as LineChartDataPoint;\n            let path = _getPath(_xAxisScale(x1), yScale(y1), circleId, j, false, _points[i].index);\n            const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n            const isLegendSelected: boolean =\n              _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n            const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n            pointsForLine.push(\n              <path\n                id={circleId}\n                key={circleId}\n                d={path}\n                data-is-focusable={isLegendSelected}\n                onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x1,\n                    y1,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                    yScale,\n                  )\n                }\n                onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x1,\n                    y1,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                    yScale,\n                  )\n                }\n                onMouseOut={_handleMouseOut}\n                onFocus={event =>\n                  _handleFocus(event, lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                }\n                onBlur={_handleMouseOut}\n                {..._getClickHandler(_points[i].data[j - 1].onDataPointClick)}\n                opacity={isLegendSelected && !currentPointHidden ? 1 : 0.01}\n                fill={_getPointFill(lineColor, circleId, j, false)}\n                stroke={lineColor}\n                strokeWidth={strokeWidth}\n                role=\"img\"\n                aria-label={_getAriaLabel(i, j - 1)}\n                tabIndex={isLegendSelected ? 0 : undefined}\n              />,\n            );\n            if (j + 1 === _points[i].data.length) {\n              // If this is last point of the line segment.\n              const lastCircleId = `${circleId}${j}L`;\n              const hiddenHoverCircleId = `${circleId}${j}D`;\n              const lastPointHidden = _points[i].hideNonActiveDots && activePoint !== lastCircleId;\n              path = _getPath(_xAxisScale(x2), yScale(y2), lastCircleId, j, true, _points[i].index);\n              const {\n                xAxisCalloutData: lastCirlceXCallout,\n                xAxisCalloutAccessibilityData: lastCirlceXCalloutAccessibilityData,\n              } = _points[i].data[j];\n              pointsForLine.push(\n                <React.Fragment key={`${lastCircleId}_container`}>\n                  <path\n                    id={lastCircleId}\n                    key={lastCircleId}\n                    d={path}\n                    data-is-focusable={isLegendSelected}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseOut={_handleMouseOut}\n                    onFocus={event =>\n                      _handleFocus(\n                        event,\n                        lineId,\n                        x2,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                      )\n                    }\n                    onBlur={_handleMouseOut}\n                    {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n                    opacity={isLegendSelected && !lastPointHidden ? 1 : 0.01}\n                    fill={_getPointFill(lineColor, lastCircleId, j, true)}\n                    stroke={lineColor}\n                    strokeWidth={strokeWidth}\n                    role=\"img\"\n                    aria-label={_getAriaLabel(i, j)}\n                    tabIndex={isLegendSelected ? 0 : undefined}\n                  />\n                  {/* Dummy circle acting as magnetic latch for last callout point */}\n                  <circle\n                    id={hiddenHoverCircleId}\n                    key={hiddenHoverCircleId}\n                    r={8}\n                    cx={_xAxisScale(x2)}\n                    cy={yScale(y2)}\n                    opacity={0}\n                    width={0}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x2,\n                        y2,\n                        verticaLineHeight,\n                        lastCirlceXCallout,\n                        lastCircleId,\n                        lastCirlceXCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onFocus={event =>\n                      _handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                    }\n                    onMouseOut={_handleMouseOut}\n                    strokeWidth={0}\n                    focusable={false}\n                    onBlur={_handleMouseOut}\n                  />\n                </React.Fragment>,\n              );\n              /* eslint-enable react/jsx-no-bind */\n            }\n\n            if (isLegendSelected) {\n              // don't draw line if it is in a gap\n              if (!isInGap) {\n                const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n                  ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n                  : 0;\n                if (lineBorderWidth > 0) {\n                  bordersForLine.push(\n                    <line\n                      id={borderId}\n                      key={borderId}\n                      x1={_xAxisScale(x1)}\n                      y1={yScale(y1)}\n                      x2={_xAxisScale(x2)}\n                      y2={yScale(y2)}\n                      strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                      strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n                      {...(_points[i].lineOptions?.lineBorderColor && {\n                        stroke: _points[i].lineOptions?.lineBorderColor,\n                      })}\n                      className={classes.lineBorder}\n                      opacity={1}\n                    />,\n                  );\n                }\n\n                linesForLine.push(\n                  <line\n                    id={lineId}\n                    key={lineId}\n                    x1={_xAxisScale(x1)}\n                    y1={yScale(y1)}\n                    x2={_xAxisScale(x2)}\n                    y2={yScale(y2)}\n                    strokeWidth={strokeWidth}\n                    ref={(e: SVGLineElement | null) => {\n                      _refCallback(e!, lineId);\n                    }}\n                    onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x1,\n                        y1,\n                        verticaLineHeight,\n                        xAxisCalloutData,\n                        circleId,\n                        xAxisCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                      _handleHover(\n                        x1,\n                        y1,\n                        verticaLineHeight,\n                        xAxisCalloutData,\n                        circleId,\n                        xAxisCalloutAccessibilityData,\n                        event,\n                        yScale,\n                      )\n                    }\n                    onMouseOut={_handleMouseOut}\n                    stroke={lineColor}\n                    strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                    strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n                    strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n                    opacity={1}\n                    {..._getClickHandler(_points[i].onLineClick)}\n                  />,\n                );\n              }\n            } else {\n              if (!isInGap) {\n                linesForLine.push(\n                  <line\n                    id={lineId}\n                    key={lineId}\n                    x1={_xAxisScale(x1)}\n                    y1={yScale(y1)}\n                    x2={_xAxisScale(x2)}\n                    y2={yScale(y2)}\n                    strokeWidth={strokeWidth}\n                    stroke={lineColor}\n                    strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n                    strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n                    strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n                    opacity={0.1}\n                  />,\n                );\n              }\n            }\n          }\n        }\n\n        lines.push(\n          <g\n            key={`line_${i}`}\n            role=\"region\"\n            aria-label={`${legendVal}, line ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n          >\n            {bordersForLine}\n            {linesForLine}\n            {pointsForLine}\n          </g>,\n        );\n      }\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(_xAxisScale);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return lines;\n    }\n\n    function _createColorFillBars(containerHeight: number) {\n      const colorFillBars: JSX.Element[] = [];\n      if (isSelectedLegend) {\n        _colorFillBars.current = selectedColorBarLegend;\n      } else {\n        _colorFillBars.current = props.colorFillBars!;\n      }\n\n      const yMinMaxValues = findNumericMinMaxOfY(_points);\n      const FILL_Y_PADDING = 3;\n      for (let i = 0; i < _colorFillBars.current.length; i++) {\n        const colorFillBar = _colorFillBars.current[i];\n        const colorFillBarId = `${_colorFillBarId}-${i}`;\n        const color = getColorFromToken(colorFillBar.color);\n\n        if (colorFillBar.applyPattern) {\n          // Using a pattern element because CSS was unable to render diagonal stripes for rect elements\n          colorFillBars.push(_getStripePattern(color, i));\n        }\n\n        for (let j = 0; j < colorFillBar.data.length; j++) {\n          const startX = colorFillBar.data[j].startX;\n          const endX = colorFillBar.data[j].endX;\n          const opacity =\n            _legendHighlighted(colorFillBar.legend) || _noLegendHighlighted() || isSelectedLegend\n              ? _getColorFillBarOpacity(colorFillBar)\n              : 0.1;\n          colorFillBars.push(\n            <rect\n              fill={colorFillBar.applyPattern ? `url(#${_colorFillBarPatternId}_${i})` : color}\n              fillOpacity={opacity}\n              x={_isRTL ? _xAxisScale(endX) : _xAxisScale(startX)}\n              y={_yScalePrimary(yMinMaxValues.endValue) - FILL_Y_PADDING}\n              width={Math.abs(_xAxisScale(endX) - _xAxisScale(startX))}\n              height={_yScalePrimary(props.yMinValue || 0) - _yScalePrimary(yMinMaxValues.endValue) + FILL_Y_PADDING}\n              key={`${colorFillBarId}${j}`}\n            />,\n          );\n        }\n      }\n      return colorFillBars;\n    }\n\n    function _getStripePattern(color: string, id: number) {\n      // This describes a tile pattern that resembles diagonal stripes\n      // For more information: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d\n      const stripePath = 'M-4,4 l8,-8 M0,16 l16,-16 M12,20 l8,-8';\n      return (\n        <pattern\n          id={`${_colorFillBarPatternId}_${id}`}\n          width={16}\n          height={16}\n          key={`${_colorFillBarPatternId}_${id}`}\n          patternUnits={'userSpaceOnUse'}\n        >\n          <path d={stripePath} stroke={color} strokeWidth={1.25} />\n        </pattern>\n      );\n    }\n\n    function _checkInGap(pointIndex: number, gaps: LineChartGap[], currentGapIndex: number) {\n      let gapIndex = currentGapIndex;\n      let isInGap = false;\n\n      while (gapIndex < gaps.length && pointIndex > gaps[gapIndex].endIndex) {\n        gapIndex++;\n      }\n\n      if (gapIndex < gaps.length && pointIndex > gaps[gapIndex].startIndex && pointIndex <= gaps[gapIndex].endIndex) {\n        isInGap = true;\n      }\n      return { isInGap, gapIndex };\n    }\n\n    function _refCallback(element: SVGGElement, legendTitle: string): void {\n      _refArray.push({ index: legendTitle, refElement: element });\n    }\n\n    const _onMouseOverLargeDataset = (\n      linenumber: number,\n      lineHeight: number,\n      mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>,\n      yScale: ScaleLinear<number, number>,\n    ) => {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n\n      // This will get the value of the X when mouse is on the chart\n      const xOffset = _xAxisScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![linenumber].data, xOffset);\n      const d0 = lineChartData![linenumber].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![linenumber].data[i] as LineChartDataPoint;\n      let axisType: XAxisTypes | null = null;\n      let xPointToHighlight: string | Date | number = 0;\n      let index: null | number = null;\n      if (d0 === undefined && d1 !== undefined) {\n        xPointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        xPointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        axisType = getTypeOfAxis(lineChartData![linenumber].data[0].x, true) as XAxisTypes;\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      const { xAxisCalloutData } = lineChartData![linenumber].data[index as number];\n      const formattedDate =\n        xPointToHighlight instanceof Date ? formatDate(xPointToHighlight, props.useUTC) : xPointToHighlight;\n      const modifiedXVal = xPointToHighlight instanceof Date ? xPointToHighlight.getTime() : xPointToHighlight;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n        return element.x === modifiedXVal;\n      });\n      const pointToHighlight: LineChartDataPoint = lineChartData![linenumber].data[index!] as LineChartDataPoint;\n      const pointToHighlightUpdated =\n        nearestCircleToHighlight === null ||\n        (nearestCircleToHighlight !== null &&\n          pointToHighlight !== null &&\n          (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y));\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found && pointToHighlightUpdated) {\n        _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;\n\n        d3Select(`#${_staticHighlightCircle}_${linenumber}`)\n          .attr('cx', `${_xAxisScale(pointToHighlight.x)}`)\n          .attr('cy', `${yScale(pointToHighlight.y)}`)\n          .attr('visibility', 'visibility');\n\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(pointToHighlight.x)}, ${yScale(pointToHighlight.y)})`)\n          .attr('visibility', 'visibility')\n          .attr('y2', `${lineHeight - 5 - yScale(pointToHighlight.y)}`);\n\n        setNearestCircleToHighlight(pointToHighlight);\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        setStackCalloutProps(found!);\n        setYValueHover(found.values);\n        setDataPointCalloutProps(found!);\n        xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue(formattedDate);\n        setActivePoint('');\n      }\n\n      if (!found) {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(pointToHighlight);\n        setActivePoint('');\n      }\n    };\n\n    function _handleFocus(\n      event: React.FocusEvent<SVGCircleElement | SVGPathElement, Element>,\n      lineId: string,\n      x: number | Date,\n\n      xAxisCalloutData: string | undefined,\n      circleId: string,\n      xAxisCalloutAccessibilityData?: AccessibilityProps,\n    ) {\n      let cx = 0;\n      let cy = 0;\n\n      const targetRect = (event.target as SVGCircleElement | SVGPathElement).getBoundingClientRect();\n      cx = targetRect.left + targetRect.width / 2;\n      cy = targetRect.top + targetRect.height / 2;\n      updatePosition(cx, cy);\n      _uniqueCallOutID = circleId;\n      const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const xVal = x instanceof Date ? x.getTime() : x;\n      const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n      // if no points need to be called out then don't show vertical line and callout card\n\n      if (found) {\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(x)}, 0)`)\n          .attr('visibility', 'visibility');\n        _refArray.forEach((obj: RefArrayData) => {\n          if (obj.index === lineId) {\n            setPopoverOpen(true);\n            xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n            setYValueHover(found.values);\n            setStackCalloutProps(found!);\n            setDataPointCalloutProps(found!);\n            setActivePoint(circleId);\n          }\n        });\n      } else {\n        setActivePoint(circleId);\n      }\n    }\n\n    function _handleHover(\n      x: number | Date,\n      y: number | Date,\n      lineHeight: number,\n      xAxisCalloutData: string | undefined,\n      circleId: string,\n      xAxisCalloutAccessibilityData: AccessibilityProps | undefined,\n      mouseEvent: React.MouseEvent<SVGElement>,\n      yScale: ScaleLinear<number, number>,\n    ) {\n      mouseEvent?.persist();\n      const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const xVal = x instanceof Date ? x.getTime() : x;\n      const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n      // if no points need to be called out then don't show vertical line and callout card\n\n      if (found) {\n        d3Select(`#${_verticalLine}`)\n          .attr('transform', () => `translate(${_xAxisScale(x)}, ${yScale(y)})`)\n          .attr('visibility', 'visibility')\n          .attr('y2', `${lineHeight - 5 - yScale(y)}`);\n\n        if (_uniqueCallOutID !== circleId) {\n          _uniqueCallOutID = circleId;\n          updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n          xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n          setYValueHover(found.values);\n          setStackCalloutProps(found!);\n          setDataPointCalloutProps(found!);\n          setActivePoint(circleId);\n          setNearestCircleToHighlight(null);\n        }\n      } else {\n        setActivePoint(circleId);\n        setNearestCircleToHighlight(null);\n      }\n    }\n\n    /**\n     * Screen readers announce an element as clickable if the onClick attribute is set.\n     * This function sets the attribute only when a click event handler is provided.*/\n\n    function _getClickHandler(func?: () => void): { onClick?: () => void } {\n      if (func) {\n        return {\n          onClick: func,\n        };\n      }\n\n      return {};\n    }\n\n    function _handleMouseOut() {\n      d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n    }\n\n    function _handleChartMouseLeave() {\n      _uniqueCallOutID = null;\n      setActivePoint('');\n      if (isPopoverOpen) {\n        setPopoverOpen(false);\n      }\n    }\n\n    function _handleMultipleLineLegendSelectionAction(selectedLine: LineChartDataWithIndex) {\n      const selectedLineIndex = selectedLegendPoints.reduce((acc, line, index) => {\n        if (acc > -1 || line.legend !== selectedLine.legend) {\n          return acc;\n        } else {\n          return index;\n        }\n      }, -1);\n\n      let selectedLines: LineChartDataWithIndex[];\n      if (selectedLineIndex === -1) {\n        selectedLines = [...selectedLegendPoints, selectedLine];\n      } else {\n        selectedLines = selectedLegendPoints\n          .slice(0, selectedLineIndex)\n          .concat(selectedLegendPoints.slice(selectedLineIndex + 1));\n      }\n\n      const areAllLineLegendsSelected = props.data && selectedLines.length === props.data.lineChartData!.length;\n\n      if (\n        areAllLineLegendsSelected &&\n        ((props.colorFillBars && props.colorFillBars.length === selectedColorBarLegend.length) || !props.colorFillBars)\n      ) {\n        // Clear all legends if all legends including color fill bar legends are selected\n        // Or clear all legends if all legends are selected and there are no color fill bars\n        _clearMultipleLegendSelections();\n      } else if (!selectedLines.length && !selectedColorBarLegend.length) {\n        // Clear all legends if no legends including color fill bar legends are selected\n        _clearMultipleLegendSelections();\n      } else {\n        // Otherwise, set state when one or more legends are selected, including color fill bar legends\n        setSelectedLegendPoints(selectedLines);\n        setIsSelectedLegend(true);\n      }\n\n      const selectedLegendTitlesToPass = selectedLines.map((line: LineChartDataWithIndex) => line.legend);\n      _handleLegendClick(selectedLine, selectedLegendTitlesToPass);\n    }\n\n    function _handleMultipleColorFillBarLegendSelectionAction(selectedColorFillBar: ColorFillBarsProps) {\n      const selectedColorFillBarIndex = selectedColorBarLegend.reduce((acc, colorFillBar, index) => {\n        if (acc > -1 || colorFillBar.legend !== selectedColorFillBar.legend) {\n          return acc;\n        } else {\n          return index;\n        }\n      }, -1);\n\n      let selectedColorFillBars: ColorFillBarsProps[];\n      if (selectedColorFillBarIndex === -1) {\n        selectedColorFillBars = [...selectedColorBarLegend, selectedColorFillBar];\n      } else {\n        selectedColorFillBars = selectedColorBarLegend\n          .slice(0, selectedColorFillBarIndex)\n          .concat(selectedColorBarLegend.slice(selectedColorFillBarIndex + 1));\n      }\n\n      const areAllColorFillBarLegendsSelected =\n        selectedColorFillBars.length === (props.colorFillBars && props.colorFillBars!.length);\n\n      if (\n        areAllColorFillBarLegendsSelected &&\n        ((props.data && props.data.lineChartData!.length === selectedLegendPoints.length) || !props.data)\n      ) {\n        // Clear all legends if all legends, including line legends, are selected\n        // Or clear all legends if all legends are selected and there is no line data\n        _clearMultipleLegendSelections();\n      } else if (!selectedColorFillBars.length && !selectedLegendPoints.length) {\n        // Clear all legends if no legends are selected, including line legends\n        _clearMultipleLegendSelections();\n      } else {\n        // set state when one or more legends are selected, including line legends\n        setSelectedColorBarLegend(selectedColorFillBars);\n        setIsSelectedLegend(true);\n      }\n\n      const selectedLegendTitlesToPass = selectedColorFillBars.map(\n        (colorFillBar: ColorFillBarsProps) => colorFillBar.legend,\n      );\n      _handleLegendClick(selectedColorFillBar, selectedLegendTitlesToPass);\n    }\n\n    function _clearMultipleLegendSelections() {\n      setSelectedColorBarLegend([]);\n      setSelectedLegendPoints([]);\n      setIsSelectedLegend(false);\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it*/\n\n    function _legendHighlighted(legend: string) {\n      return selectedLegend === legend || (selectedLegend === '' && activeLegend === legend);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.*/\n\n    function _noLegendHighlighted() {\n      return selectedLegend === '' && activeLegend === '';\n    }\n\n    function _getColorFillBarOpacity(colorFillBar: ColorFillBarsProps) {\n      return colorFillBar.applyPattern ? 1 : 0.4;\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = _points[lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        props.data &&\n        props.data.lineChartData &&\n        props.data.lineChartData.length > 0 &&\n        props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n      );\n    }\n\n    const { legendProps, tickValues, tickFormat, eventAnnotationProps } = props;\n    _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n\n    const isXAxisDateType = getXAxisType(_points);\n    let points = _points;\n    if (legendProps && !!legendProps.canSelectMultipleLegends) {\n      points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n      _calloutPoints = calloutData(points);\n    }\n\n    let legendBars = null;\n    // reduce computation cost by only creating legendBars\n    // if when hideLegend is false.\n    // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n    if (!props.hideLegend) {\n      legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n    }\n    const calloutProps = {\n      YValueHover: YValueHover,\n      hoverXValue: hoverXValue,\n      descriptionMessage:\n        props.getCalloutDescriptionMessage && stackCalloutProps\n          ? props.getCalloutDescriptionMessage(stackCalloutProps)\n          : undefined,\n      'data-is-focusable': true,\n      xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,\n      ...props.calloutProps,\n      clickPosition: clickPosition,\n      isPopoverOpen: isPopoverOpen,\n      isCalloutForStack: true,\n      culture: props.culture ?? 'en-us',\n      isCartesian: true,\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n    };\n    const tickParams = {\n      tickValues,\n      tickFormat,\n    };\n\n    return !_isChartEmpty() ? (\n      <CartesianChart\n        {...props}\n        chartTitle={props.data.chartTitle}\n        points={points}\n        chartType={ChartTypes.LineChart}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createNumericYAxis}\n        getmargins={_getMargins}\n        getMinMaxOfYAxis={findNumericMinMaxOfY}\n        getGraphData={_initializeLineChartData}\n        xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        createStringYAxis={createStringYAxis}\n        onChartMouseLeave={_handleChartMouseLeave}\n        enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line react/no-children-prop\n        children={(props: ChildProps) => {\n          _xAxisScale = props.xScale!;\n          _yScalePrimary = props.yScalePrimary!;\n          _yScaleSecondary = props.yScaleSecondary;\n          return (\n            <>\n              <g>\n                <line\n                  x1={0}\n                  y1={0}\n                  x2={0}\n                  y2={props.containerHeight}\n                  stroke={'#323130'}\n                  id={_verticalLine}\n                  visibility={'hidden'}\n                  strokeDasharray={'5,5'}\n                />\n                {props.optimizeLargeData ? (\n                  <rect id={_rectId} width={props.containerWidth} height={props.containerHeight} fill={'transparent'} />\n                ) : (\n                  <></>\n                )}\n                <g>\n                  {_renderedColorFillBars}\n                  {lines}\n                </g>\n                {eventAnnotationProps && (\n                  <EventsAnnotation\n                    {...eventAnnotationProps}\n                    scale={props.xScale!}\n                    chartYTop={margins.top! + eventLabelHeight}\n                    chartYBottom={props.containerHeight! - 35}\n                  />\n                )}\n              </g>\n            </>\n          );\n        }}\n      />\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nLineChart.displayName = 'LineChart';\n"],"names":["React","useLineChartStyles","select","d3Select","pointer","bisector","Legends","line","d3Line","useId","find","CartesianChart","EventsAnnotation","tokens","calloutData","ChartTypes","getXAxisType","XAxisTypes","tooltipOfAxislabels","Points","pointTypes","getTypeOfAxis","getNextColor","getColorFromToken","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfDateForAreaLineVerticalBarChart","domainRangeOfNumericForAreaChart","createStringYAxis","useRtl","formatDate","getCurveFactory","toImage","PointSize","bisect","d","x","left","DEFAULT_LINE_STROKE_SIZE","PATH_MULTIPLY_SIZE","_getPointPath","y","w","index","allPointPaths","LineChart","forwardRef","props","forwardedRef","_points","_injectIndexPropertyInLineChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yScalePrimary","_circleId","_lineId","_borderId","_verticalLine","_colorFillBarPatternId","_uniqueCallOutID","_refArray","margins","eventLabelHeight","lines","_renderedColorFillBars","_colorFillBars","useRef","_tooltipId","_rectId","_staticHighlightCircle","_firstRenderOptimization","_emptyChartId","_colorFillBarId","_isRTL","xAxisCalloutAccessibilityData","cartesianChartRef","_yScaleSecondary","_legendsRef","eventAnnotationProps","labelHeight","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegend","setSelectedLegend","selectedLegendPoints","setSelectedLegendPoints","selectedColorBarLegend","setSelectedColorBarLegend","isSelectedLegend","setIsSelectedLegend","legendProps","selectedLegends","length","activePoint","setActivePoint","nearestCircleToHighlight","setNearestCircleToHighlight","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","isPopoverOpen","setPopoverOpen","pointsRef","calloutPointsRef","classes","useEffect","current","height","width","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","isFilterSelectedLegends","allowMultipleShapesForPoints","filteredData","filter","item","includes","legend","map","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getMargins","_margins","_initializeLineChartData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","colorFillBars","_createColorFillBars","_createLines","_handleSingleLegendSelectionAction","lineChartItem","_handleLegendClick","_onHoverCardHide","onLegendClick","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","title","action","_handleMultipleLineLegendSelectionAction","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","Object","keys","colorFillBarsLegendDataItems","colorFillBar","_handleMultipleColorFillBarLegendSelectionAction","opacity","_getColorFillBarOpacity","stripePattern","applyPattern","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","legendRef","_getBoxWidthOfShape","pointId","pointIndex","isLastPoint","strokeWidth","_getPath","xPos","yPos","pointOftheLine","widthRatio","_getPointFill","lineColor","colorNeutralBackground1","i","linesForLine","bordersForLine","pointsForLine","legendVal","verticaLineHeight","bottom","yScale","useSecondaryYScale","x1","y1","xAxisCalloutData","circleId","isLegendSelected","_legendHighlighted","_noLegendHighlighted","push","circle","id","key","r","cx","cy","fill","tabIndex","undefined","onMouseOver","event","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","stroke","role","aria-label","_getAriaLabel","data-is-focusable","ref","e","_refCallback","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","gapIndex","gaps","sort","a","b","startIndex","lineCurve","lineOptions","curve","optimizeLargeData","lineId","borderId","lineData","k","Date","getTime","lineBorderWidth","Number","parseFloat","toString","path","strokeLinecap","lineBorderColor","_onMouseOverLargeDataset","bind","onLineClick","visibility","j","gapResult","_checkInGap","isInGap","x2","y2","currentPointHidden","hideNonActiveDots","lastCircleId","hiddenHoverCircleId","lastPointHidden","lastCirlceXCallout","lastCirlceXCalloutAccessibilityData","Fragment","focusable","className","lineBorder","strokeDasharray","strokeDashoffset","g","showXAxisLablesTooltip","document","getElementById","remove","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","yMinMaxValues","FILL_Y_PADDING","colorFillBarId","_getStripePattern","startX","endX","rect","fillOpacity","endValue","abs","yMinValue","stripePath","pattern","patternUnits","currentGapIndex","endIndex","element","legendTitle","refElement","linenumber","lineHeight","mouseEvent","persist","xOffset","invert","d0","d1","axisType","xPointToHighlight","x0","point0","point1","formattedDate","useUTC","modifiedXVal","found","pointToHighlight","pointToHighlightUpdated","attr","clientX","clientY","values","targetRect","target","getBoundingClientRect","top","formattedData","xVal","forEach","obj","func","onClick","selectedLine","selectedLineIndex","reduce","acc","selectedLines","slice","concat","areAllLineLegendsSelected","_clearMultipleLegendSelections","selectedLegendTitlesToPass","selectedColorFillBar","selectedColorFillBarIndex","selectedColorFillBars","areAllColorFillBarLegendsSelected","lineIndex","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","tickFormat","isXAxisDateType","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","chartTitle","createYAxis","getmargins","getMinMaxOfYAxis","getGraphData","getDomainNRangeValues","onChartMouseLeave","enableFirstRenderOptimization","enablePerfOptimization","children","scale","chartYTop","chartYBottom","div","style","displayName"],"mappings":"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"}

package/lib-commonjs/components/LineChart/LineChart.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LineChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  LineChartPoints,\n  Margins,\n  Basestate,\n  RefArrayData,\n  CustomizedCalloutData,\n} from '../../types/index';\nimport { EventAnnotation } from '../../types/EventAnnotation';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface LineChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: LineChartStyles;\n\n  /**\n   * Show event annotation\n   */\n  eventAnnotationProps?: EventsAnnotationProps;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Define a custom callout renderer for a stack; default is to render per data point\n   */\n  onRenderCalloutPerStack?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Callback for getting callout description message\n   */\n  getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n  /*\n   * Color fill bars for the chart,\n   */\n  colorFillBars?: ColorFillBarsProps[];\n\n  /**\n   * if this is set to true, then for each line there will be a unique shape assigned to the point,\n   * there are total 8 shapes which are as follow circle, square, triangele, diamond, pyramid,\n   *  hexagon, pentagon and octagon, which will get assigned as respectively, if there are more\n   * than 8 lines in the line chart then it will again start from cicle to octagon.\n   * setting this flag to true will also change the behavior of the points, like for a\n   * line, last point shape and first point shape will be visible all the times, and all\n   * other points will get enlarge only when hovered over them\n   * if set to false default shape will be circle, with the existing behavior\n   * @default false\n   */\n  allowMultipleShapesForPoints?: boolean;\n\n  /*\n   * Optimize line chart rendering for large data set. If this prop is enabled, line chart\n   * can easily render over 10K datapoints with multiple lines smoothly.\n   * This rendering mechanism does not support gaps in lines.\n   */\n  optimizeLargeData?: boolean;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * @default false\n   * The prop used to enable the perf optimization\n   */\n  enablePerfOptimization?: boolean;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface EventsAnnotationProps {\n  events: EventAnnotation[];\n  strokeColor?: string;\n  labelColor?: string;\n  labelHeight?: number;\n  labelWidth?: number;\n  mergedLabel: (count: number) => string;\n}\n\n/**\n * Line Chart styles\n * {@docCategory LineChart}\n */\nexport interface LineChartStyles extends CartesianChartStyles {\n  /**\n   * styles for line border\n   */\n  lineBorder?: string;\n}\n\n/**\n * Line Chart style properties\n * {@docCategory LineChart}\n */\nexport interface LineChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarsProps {\n  legend: string;\n  color: string;\n  data: ColorFillBarData[];\n  applyPattern?: boolean;\n  onLegendClick?: (selectedLegend: string | string[] | null) => void | undefined;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarData {\n  startX: number | Date;\n  endX: number | Date;\n}\n"],"names":[],"mappings":"AAAA,uDAAuD,GAoIvD;;CAEC,GACD,WAGC"}
+{"version":3,"sources":["../src/components/LineChart/LineChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  LineChartPoints,\n  Margins,\n  Basestate,\n  RefArrayData,\n  CustomizedCalloutData,\n} from '../../types/index';\nimport { EventAnnotation } from '../../types/EventAnnotation';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface LineChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: LineChartStyles;\n\n  /**\n   * Show event annotation\n   */\n  eventAnnotationProps?: EventsAnnotationProps;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Define a custom callout renderer for a stack; default is to render per data point\n   */\n  onRenderCalloutPerStack?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Callback for getting callout description message\n   */\n  getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n  /*\n   * Color fill bars for the chart,\n   */\n  colorFillBars?: ColorFillBarsProps[];\n\n  /**\n   * if this is set to true, then for each line there will be a unique shape assigned to the point,\n   * there are total 8 shapes which are as follow circle, square, triangele, diamond, pyramid,\n   *  hexagon, pentagon and octagon, which will get assigned as respectively, if there are more\n   * than 8 lines in the line chart then it will again start from cicle to octagon.\n   * setting this flag to true will also change the behavior of the points, like for a\n   * line, last point shape and first point shape will be visible all the times, and all\n   * other points will get enlarge only when hovered over them\n   * if set to false default shape will be circle, with the existing behavior\n   * @default false\n   */\n  allowMultipleShapesForPoints?: boolean;\n\n  /*\n   * Optimize line chart rendering for large data set. If this prop is enabled, line chart\n   * can easily render over 10K datapoints with multiple lines smoothly.\n   * This rendering mechanism does not support gaps in lines.\n   */\n  optimizeLargeData?: boolean;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * @default false\n   * The prop used to enable the perf optimization\n   */\n  enablePerfOptimization?: boolean;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface EventsAnnotationProps {\n  events: EventAnnotation[];\n  strokeColor?: string;\n  labelColor?: string;\n  labelHeight?: number;\n  labelWidth?: number;\n  mergedLabel: (count: number) => string;\n}\n\n/**\n * Line Chart styles\n * {@docCategory LineChart}\n */\nexport interface LineChartStyles extends CartesianChartStyles {\n  /**\n   * styles for line border\n   */\n  lineBorder?: string;\n}\n\n/**\n * Line Chart style properties\n * {@docCategory LineChart}\n */\nexport interface LineChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarsProps {\n  legend: string;\n  color: string;\n  data: ColorFillBarData[];\n  applyPattern?: boolean;\n  onLegendClick?: (selectedLegend: string | string[] | null) => void | undefined;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarData {\n  startX: number | Date;\n  endX: number | Date;\n}\n"],"names":[],"mappings":"AAAA,uDAAuD,GAoIvD;;CAEC,GACD,WAGC"}

package/lib-commonjs/components/LineChart/eventAnnotation/EventAnnotation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["EventAnnotation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScaleTime } from 'd3-scale';\nimport { tokens } from '@fluentui/react-theme';\nimport { findIndex } from '../../../utilities/index';\nimport { LineDef, LabelLink, LabelDef } from './LabelLink';\nimport { EventsAnnotationProps } from '../LineChart.types';\nimport { getColorFromToken } from '../../../utilities/colors';\n\ninterface IEventsAnnotationExtendProps extends EventsAnnotationProps {\n  scale: ScaleTime<number, number>;\n  chartYBottom: number;\n  chartYTop: number;\n}\n\nexport const EventsAnnotation: React.FunctionComponent<IEventsAnnotationExtendProps> = props => {\n  const textWidth = props.labelWidth ? props.labelWidth : 105;\n  const textY = props.chartYTop - 20;\n  const lineTopY = textY + 7;\n  const textPadding = 5;\n  const lineHeight = 18;\n  const fontSize = '10pt';\n  const axisRange = props.scale.range();\n\n  const lineDefs: LineDef[] = props.events.map(e => ({ ...e, x: props.scale(e.date) }));\n\n  lineDefs.sort((e1, e2) => +e1.date - +e2.date);\n\n  const fill: string | undefined = props.strokeColor\n    ? getColorFromToken(props.strokeColor, false /*ToDo fix */)\n    : tokens.colorNeutralForeground1;\n\n  const lines = uniqBy(lineDefs, x => x.date.toString()).map((x, i) => (\n    <line key={i} x1={x.x} x2={x.x} y1={lineTopY} y2={props.chartYBottom} stroke={fill} strokeDasharray=\"8\" />\n  ));\n\n  const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i) => (\n    <LabelLink\n      key={i}\n      {...{\n        lineDefs,\n        labelDef: x,\n        textY,\n        textWidth,\n        textLineHeight: lineHeight,\n        textFontSize: fontSize,\n        textColor: props.labelColor,\n        mergedLabel: props.mergedLabel,\n      }}\n    />\n  ));\n\n  return (\n    <>\n      {lines}\n      {labelLinks}\n    </>\n  );\n};\n\nfunction calculateLabels(lineDefs: LineDef[], textWidth: number, maxX: number, minX: number): LabelDef[] {\n  const calculateLabel = (lastX: number, currentIdx: number): LabelDef[] => {\n    // base case 1\n    if (currentIdx === lineDefs.length) {\n      return [];\n    }\n\n    const { x } = lineDefs[currentIdx];\n    const leftXBoundary = x - textWidth;\n\n    // cannot render on top of other text\n    if (x < lastX) {\n      return [];\n    }\n\n    // base case 2\n    if (currentIdx === lineDefs.length - 1) {\n      if (lastX < leftXBoundary) {\n        return [{ x: x, anchor: 'end', aggregatedIdx: [currentIdx] }];\n      } else if (x + textWidth < maxX) {\n        return [{ x: x, anchor: 'start', aggregatedIdx: [currentIdx] }];\n      }\n\n      return [];\n    }\n\n    if (lastX < leftXBoundary) {\n      // label on left side\n      return backtrack(currentIdx, 'end');\n    } else {\n      // label on right side\n      return backtrack(currentIdx, 'start');\n    }\n  };\n\n  const backtrack = (currentIdx: number, anchor: 'start' | 'end'): LabelDef[] => {\n    const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;\n\n    let idx = findIndex(\n      lineDefs,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ds => ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX),\n      currentIdx + 1,\n    );\n    if (idx === -1) {\n      idx = lineDefs.length;\n    }\n\n    const aggregatedIdx: number[] = [];\n    for (let i = currentIdx; i < idx; i++) {\n      aggregatedIdx.push(i);\n    }\n    const next = calculateLabel(bd, idx);\n\n    next.unshift({ x: lineDefs[currentIdx].x, anchor, aggregatedIdx });\n    return next;\n  };\n\n  return calculateLabel(minX, 0);\n}\n\n/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */\nfunction uniqBy<T>(arr: T[], iteratee: (x: T) => string): T[] {\n  const seen: string[] = [];\n  const result: T[] = [];\n  for (const x of arr) {\n    const comp = iteratee(x);\n    if (seen.indexOf(comp) === -1) {\n      result.push(x);\n      seen.push(comp);\n    }\n  }\n  return result;\n}\n"],"names":["React","tokens","findIndex","LabelLink","getColorFromToken","EventsAnnotation","props","textWidth","labelWidth","textY","chartYTop","lineTopY","textPadding","lineHeight","fontSize","axisRange","scale","range","lineDefs","events","map","e","x","date","sort","e1","e2","fill","strokeColor","colorNeutralForeground1","lines","uniqBy","toString","i","line","key","x1","x2","y1","y2","chartYBottom","stroke","strokeDasharray","labelLinks","calculateLabels","labelDef","textLineHeight","textFontSize","textColor","labelColor","mergedLabel","maxX","minX","calculateLabel","lastX","currentIdx","length","leftXBoundary","anchor","aggregatedIdx","backtrack","bd","idx","ds","push","next","unshift","arr","iteratee","seen","result","comp","indexOf"],"mappings":"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"}
+{"version":3,"sources":["../src/components/LineChart/eventAnnotation/EventAnnotation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScaleTime } from 'd3-scale';\nimport { tokens } from '@fluentui/react-theme';\nimport { findIndex } from '../../../utilities/index';\nimport { LineDef, LabelLink, LabelDef } from './LabelLink';\nimport { EventsAnnotationProps } from '../LineChart.types';\nimport { getColorFromToken } from '../../../utilities/colors';\n\ninterface IEventsAnnotationExtendProps extends EventsAnnotationProps {\n  scale: ScaleTime<number, number>;\n  chartYBottom: number;\n  chartYTop: number;\n}\n\nexport const EventsAnnotation: React.FunctionComponent<IEventsAnnotationExtendProps> = props => {\n  const textWidth = props.labelWidth ? props.labelWidth : 105;\n  const textY = props.chartYTop - 20;\n  const lineTopY = textY + 7;\n  const textPadding = 5;\n  const lineHeight = 18;\n  const fontSize = '10pt';\n  const axisRange = props.scale.range();\n\n  const lineDefs: LineDef[] = props.events.map(e => ({ ...e, x: props.scale(e.date) }));\n\n  lineDefs.sort((e1, e2) => +e1.date - +e2.date);\n\n  const fill: string | undefined = props.strokeColor\n    ? getColorFromToken(props.strokeColor, false /*ToDo fix */)\n    : tokens.colorNeutralForeground1;\n\n  const lines = uniqBy(lineDefs, x => x.date.toString()).map((x, i) => (\n    <line key={i} x1={x.x} x2={x.x} y1={lineTopY} y2={props.chartYBottom} stroke={fill} strokeDasharray=\"8\" />\n  ));\n\n  const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i) => (\n    <LabelLink\n      key={i}\n      {...{\n        lineDefs,\n        labelDef: x,\n        textY,\n        textWidth,\n        textLineHeight: lineHeight,\n        textFontSize: fontSize,\n        textColor: props.labelColor,\n        mergedLabel: props.mergedLabel,\n      }}\n    />\n  ));\n\n  return (\n    <>\n      {lines}\n      {labelLinks}\n    </>\n  );\n};\n\nfunction calculateLabels(lineDefs: LineDef[], textWidth: number, maxX: number, minX: number): LabelDef[] {\n  const calculateLabel = (lastX: number, currentIdx: number): LabelDef[] => {\n    // base case 1\n    if (currentIdx === lineDefs.length) {\n      return [];\n    }\n\n    const { x } = lineDefs[currentIdx];\n    const leftXBoundary = x - textWidth;\n\n    // cannot render on top of other text\n    if (x < lastX) {\n      return [];\n    }\n\n    // base case 2\n    if (currentIdx === lineDefs.length - 1) {\n      if (lastX < leftXBoundary) {\n        return [{ x: x, anchor: 'end', aggregatedIdx: [currentIdx] }];\n      } else if (x + textWidth < maxX) {\n        return [{ x: x, anchor: 'start', aggregatedIdx: [currentIdx] }];\n      }\n\n      return [];\n    }\n\n    if (lastX < leftXBoundary) {\n      // label on left side\n      return backtrack(currentIdx, 'end');\n    } else {\n      // label on right side\n      return backtrack(currentIdx, 'start');\n    }\n  };\n\n  const backtrack = (currentIdx: number, anchor: 'start' | 'end'): LabelDef[] => {\n    const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;\n\n    let idx = findIndex(\n      lineDefs,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ds => ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX),\n      currentIdx + 1,\n    );\n    if (idx === -1) {\n      idx = lineDefs.length;\n    }\n\n    const aggregatedIdx: number[] = [];\n    for (let i = currentIdx; i < idx; i++) {\n      aggregatedIdx.push(i);\n    }\n    const next = calculateLabel(bd, idx);\n\n    next.unshift({ x: lineDefs[currentIdx].x, anchor, aggregatedIdx });\n    return next;\n  };\n\n  return calculateLabel(minX, 0);\n}\n\n/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */\nfunction uniqBy<T>(arr: T[], iteratee: (x: T) => string): T[] {\n  const seen: string[] = [];\n  const result: T[] = [];\n  for (const x of arr) {\n    const comp = iteratee(x);\n    if (seen.indexOf(comp) === -1) {\n      result.push(x);\n      seen.push(comp);\n    }\n  }\n  return result;\n}\n"],"names":["React","tokens","findIndex","LabelLink","getColorFromToken","EventsAnnotation","props","textWidth","labelWidth","textY","chartYTop","lineTopY","textPadding","lineHeight","fontSize","axisRange","scale","range","lineDefs","events","map","e","x","date","sort","e1","e2","fill","strokeColor","colorNeutralForeground1","lines","uniqBy","toString","i","line","key","x1","x2","y1","y2","chartYBottom","stroke","strokeDasharray","labelLinks","calculateLabels","labelDef","textLineHeight","textFontSize","textColor","labelColor","mergedLabel","maxX","minX","calculateLabel","lastX","currentIdx","length","leftXBoundary","anchor","aggregatedIdx","backtrack","bd","idx","ds","push","next","unshift","arr","iteratee","seen","result","comp","indexOf"],"mappings":"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"}

package/lib-commonjs/components/LineChart/eventAnnotation/LabelLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LabelLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EventAnnotation } from '../../../types/EventAnnotation';\nimport { Textbox } from './Textbox';\nimport { getColorFromToken } from '../../../utilities/colors';\nimport { tokens } from '@fluentui/react-theme';\n\nexport interface LineDef extends EventAnnotation {\n  x: number;\n}\n\nexport interface LabelDef {\n  x: number;\n  aggregatedIdx: number[];\n  anchor: 'start' | 'end';\n}\n\ninterface LabelLinkProps {\n  lineDefs: LineDef[];\n  labelDef: LabelDef;\n  textY: number;\n  textWidth: number;\n  textLineHeight: number;\n  textFontSize: string;\n  textColor: string | undefined;\n  mergedLabel: (count: number) => string;\n}\n\nexport const LabelLink: React.FunctionComponent<LabelLinkProps> = props => {\n  const gRef = React.useRef<SVGGElement>(null);\n  const [showCard, setShowCard] = React.useState(false);\n  const onClick = () => setShowCard(true);\n\n  let callout: React.ReactNode = null;\n  if (showCard) {\n    const cards = props.labelDef.aggregatedIdx.map(i => props.lineDefs[i].onRenderCard!).filter(c => !!c);\n    if (cards.length > 0) {\n      callout = null;\n      // TODO - need to replace callout with popover\n      /*callout = {\n        /* <Callout\n          target={gRef.current}\n          // eslint-disable-next-line react/jsx-no-bind\n          onDismiss={onDismiss}\n          setInitialFocus={true}\n          role=\"dialog\"\n        >\n          <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>\n            <List<() => React.ReactNode>\n              items={cards}\n              // eslint-disable-next-line react/jsx-no-bind\n              onRenderCell={onRenderCell}\n            />\n          </FocusZone>\n        </Callout>\n      };*/\n    }\n  }\n\n  let text: string;\n  const fill: string | undefined = props.textColor\n    ? getColorFromToken(props.textColor, false)\n    : tokens.colorNeutralForeground1;\n\n  if (props.labelDef.aggregatedIdx.length === 1) {\n    text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;\n  } else {\n    text = props.mergedLabel(props.labelDef.aggregatedIdx.length);\n  }\n\n  return (\n    <>\n      <g ref={gRef} onClick={onClick} data-is-focusable={false} style={{ cursor: 'pointer' }} role=\"button\">\n        <Textbox\n          text={text}\n          x={props.labelDef.x}\n          y={props.textY}\n          width={props.textWidth}\n          lineHeight={props.textLineHeight}\n          textAnchor={props.labelDef.anchor}\n          fontSize={props.textFontSize}\n          fill={fill}\n        />\n      </g>\n      {callout}\n    </>\n  );\n};\n"],"names":["React","Textbox","getColorFromToken","tokens","LabelLink","props","gRef","useRef","showCard","setShowCard","useState","onClick","callout","cards","labelDef","aggregatedIdx","map","i","lineDefs","onRenderCard","filter","c","length","text","fill","textColor","colorNeutralForeground1","event","mergedLabel","g","ref","data-is-focusable","style","cursor","role","x","y","textY","width","textWidth","lineHeight","textLineHeight","textAnchor","anchor","fontSize","textFontSize"],"mappings":";;;;+BA2BaI;;;;;;;iEA3BU,QAAQ;yBAEP,YAAY;wBACF,4BAA4B;4BACvC,wBAAwB;AAuBxC,kBAA2DC,CAAAA;IAChE,MAAMC,OAAON,OAAMO,MAAM,CAAc;IACvC,MAAM,CAACC,UAAUC,YAAY,GAAGT,OAAMU,QAAQ,CAAC;IAC/C,MAAMC,UAAU,IAAMF,YAAY;IAElC,IAAIG,UAA2B;IAC/B,IAAIJ,UAAU;QACZ,MAAMK,QAAQR,MAAMS,QAAQ,CAACC,aAAa,CAACC,GAAG,CAACC,CAAAA,IAAKZ,MAAMa,QAAQ,CAACD,EAAE,CAACE,YAAY,EAAGC,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA;QACnG,IAAIR,MAAMS,MAAM,GAAG,GAAG;YACpBV,UAAU;QACV,8CAA8C;QAC9C;;;;;;;;;;;;;;;;QAgBE,GACJ;IACF;IAEA,IAAIW;IACJ,MAAMC,OAA2BnB,MAAMoB,SAAS,OAC5CvB,yBAAAA,EAAkBG,MAAMoB,SAAS,EAAE,SACnCtB,kBAAAA,CAAOuB,uBAAuB;IAElC,IAAIrB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM,KAAK,GAAG;QAC7CC,OAAOlB,MAAMa,QAAQ,CAACb,MAAMS,QAAQ,CAACC,aAAa,CAAC,EAAE,CAAC,CAACY,KAAK;IAC9D,OAAO;QACLJ,OAAOlB,MAAMuB,WAAW,CAACvB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM;IAC9D;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAAA,OAAA,QAAA,EAAA,MAAA,WAAA,GACE,OAAA,aAAA,CAACO,KAAAA;QAAEC,KAAKxB;QAAMK,SAASA;QAASoB,qBAAmB;QAAOC,OAAO;YAAEC,QAAQ;QAAU;QAAGC,MAAK;qBAC3F,OAAA,aAAA,CAACjC,gBAAAA,EAAAA;QACCsB,MAAMA;QACNY,GAAG9B,MAAMS,QAAQ,CAACqB,CAAC;QACnBC,GAAG/B,MAAMgC,KAAK;QACdC,OAAOjC,MAAMkC,SAAS;QACtBC,YAAYnC,MAAMoC,cAAc;QAChCC,YAAYrC,MAAMS,QAAQ,CAAC6B,MAAM;QACjCC,UAAUvC,MAAMwC,YAAY;QAC5BrB,MAAMA;SAGTZ;AAGP,EAAE"}
+{"version":3,"sources":["../src/components/LineChart/eventAnnotation/LabelLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EventAnnotation } from '../../../types/EventAnnotation';\nimport { Textbox } from './Textbox';\nimport { getColorFromToken } from '../../../utilities/colors';\nimport { tokens } from '@fluentui/react-theme';\n\nexport interface LineDef extends EventAnnotation {\n  x: number;\n}\n\nexport interface LabelDef {\n  x: number;\n  aggregatedIdx: number[];\n  anchor: 'start' | 'end';\n}\n\ninterface LabelLinkProps {\n  lineDefs: LineDef[];\n  labelDef: LabelDef;\n  textY: number;\n  textWidth: number;\n  textLineHeight: number;\n  textFontSize: string;\n  textColor: string | undefined;\n  mergedLabel: (count: number) => string;\n}\n\nexport const LabelLink: React.FunctionComponent<LabelLinkProps> = props => {\n  const gRef = React.useRef<SVGGElement>(null);\n  const [showCard, setShowCard] = React.useState(false);\n  const onClick = () => setShowCard(true);\n\n  let callout: React.ReactNode = null;\n  if (showCard) {\n    const cards = props.labelDef.aggregatedIdx.map(i => props.lineDefs[i].onRenderCard!).filter(c => !!c);\n    if (cards.length > 0) {\n      callout = null;\n      // TODO - need to replace callout with popover\n      /*callout = {\n        /* <Callout\n          target={gRef.current}\n          // eslint-disable-next-line react/jsx-no-bind\n          onDismiss={onDismiss}\n          setInitialFocus={true}\n          role=\"dialog\"\n        >\n          <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>\n            <List<() => React.ReactNode>\n              items={cards}\n              // eslint-disable-next-line react/jsx-no-bind\n              onRenderCell={onRenderCell}\n            />\n          </FocusZone>\n        </Callout>\n      };*/\n    }\n  }\n\n  let text: string;\n  const fill: string | undefined = props.textColor\n    ? getColorFromToken(props.textColor, false)\n    : tokens.colorNeutralForeground1;\n\n  if (props.labelDef.aggregatedIdx.length === 1) {\n    text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;\n  } else {\n    text = props.mergedLabel(props.labelDef.aggregatedIdx.length);\n  }\n\n  return (\n    <>\n      <g ref={gRef} onClick={onClick} data-is-focusable={false} style={{ cursor: 'pointer' }} role=\"button\">\n        <Textbox\n          text={text}\n          x={props.labelDef.x}\n          y={props.textY}\n          width={props.textWidth}\n          lineHeight={props.textLineHeight}\n          textAnchor={props.labelDef.anchor}\n          fontSize={props.textFontSize}\n          fill={fill}\n        />\n      </g>\n      {callout}\n    </>\n  );\n};\n"],"names":["React","Textbox","getColorFromToken","tokens","LabelLink","props","gRef","useRef","showCard","setShowCard","useState","onClick","callout","cards","labelDef","aggregatedIdx","map","i","lineDefs","onRenderCard","filter","c","length","text","fill","textColor","colorNeutralForeground1","event","mergedLabel","g","ref","data-is-focusable","style","cursor","role","x","y","textY","width","textWidth","lineHeight","textLineHeight","textAnchor","anchor","fontSize","textFontSize"],"mappings":";;;;+BA2BaI;;;;;;;iEA3BU,QAAQ;yBAEP,YAAY;wBACF,4BAA4B;4BACvC,wBAAwB;AAuBxC,kBAA2DC,CAAAA;IAChE,MAAMC,OAAON,OAAMO,MAAM,CAAc;IACvC,MAAM,CAACC,UAAUC,YAAY,GAAGT,OAAMU,QAAQ,CAAC;IAC/C,MAAMC,UAAU,IAAMF,YAAY;IAElC,IAAIG,UAA2B;IAC/B,IAAIJ,UAAU;QACZ,MAAMK,QAAQR,MAAMS,QAAQ,CAACC,aAAa,CAACC,GAAG,CAACC,CAAAA,IAAKZ,MAAMa,QAAQ,CAACD,EAAE,CAACE,YAAY,EAAGC,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA;QACnG,IAAIR,MAAMS,MAAM,GAAG,GAAG;YACpBV,UAAU;QACV,8CAA8C;QAC9C;;;;;;;;;;;;;;;;QAgBE,GACJ;IACF;IAEA,IAAIW;IACJ,MAAMC,OAA2BnB,MAAMoB,SAAS,OAC5CvB,yBAAAA,EAAkBG,MAAMoB,SAAS,EAAE,SACnCtB,kBAAAA,CAAOuB,uBAAuB;IAElC,IAAIrB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM,KAAK,GAAG;QAC7CC,OAAOlB,MAAMa,QAAQ,CAACb,MAAMS,QAAQ,CAACC,aAAa,CAAC,EAAE,CAAC,CAACY,KAAK;IAC9D,OAAO;QACLJ,OAAOlB,MAAMuB,WAAW,CAACvB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM;IAC9D;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAAA,OAAA,QAAA,EAAA,MAAA,WAAA,GACE,OAAA,aAAA,CAACO,KAAAA;QAAEC,KAAKxB;QAAMK,SAASA;QAASoB,qBAAmB;QAAOC,OAAO;YAAEC,QAAQ;QAAU;QAAGC,MAAK;qBAC3F,OAAA,aAAA,CAACjC,gBAAAA,EAAAA;QACCsB,MAAMA;QACNY,GAAG9B,MAAMS,QAAQ,CAACqB,CAAC;QACnBC,GAAG/B,MAAMgC,KAAK;QACdC,OAAOjC,MAAMkC,SAAS;QACtBC,YAAYnC,MAAMoC,cAAc;QAChCC,YAAYrC,MAAMS,QAAQ,CAAC6B,MAAM;QACjCC,UAAUvC,MAAMwC,YAAY;QAC5BrB,MAAMA;SAGTZ;AAGP,EAAE"}