@fluentui/react-charts 0.0.0-nightly-20251212-0406.1 → 0.0.0-nightly-20251216-0407.1

package/lib-commonjs/components/CommonComponents/CartesianChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\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 y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        // Note: This function should be invoked within the showYAxisLablesTooltip check,\n        // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n      const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          aria-label={props.chartTitle}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xAxis","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisTitle","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\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 y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        // Note: This function should be invoked within the showYAxisLablesTooltip check,\n        // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n      const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _getChartDescription(): string {\n    return (\n      (props.chartTitle || 'Chart. ') +\n      _getAxisTitle('X', props.xAxisTitle, props.xAxisType) +\n      _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) +\n      (props.secondaryYScaleOptions\n        ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis)\n        : '')\n    );\n  }\n\n  function _getAxisTitle(axisLabel: string, axisTitle: string | undefined, axisType: XAxisTypes | YAxisType): string {\n    return (\n      `The ${axisLabel} axis displays ` +\n      (axisTitle ||\n        (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis\n          ? 'categories'\n          : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis\n          ? 'time'\n          : 'values')) +\n      '. '\n    );\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          role=\"region\"\n          aria-label={_getChartDescription()}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xAxis","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","_getChartDescription","chartTitle","_getAxisTitle","xAxisTitle","yAxisTitle","secondaryYAxistitle","axisLabel","axisTitle","axisType","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","style","display","chart","g","transform","textProps","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}

package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -313,6 +313,62 @@ const resolveXAxisPoint = (x, isXYearCategory, isXString, isXDate, isXNumber)=>{
     }
     return x;
 };
+/**
+ * Formats text values according to the texttemplate specification
+ * Supports D3 format specifiers within %{text:format} patterns
+ * @param textValue The raw text value to format
+ * @param textTemplate The template string (e.g., "%{text:.1f}%", "%{text:.2%}", "%{text:,.0f}")
+ * @param index Optional index for array-based templates
+ * @returns Formatted text string
+ *
+ * Examples:
+ * - "%{text:.1f}%" → Formats number with 1 decimal place and adds % suffix
+ * - "%{text:.2%}" → Formats as percentage with 2 decimal places
+ * - "%{text:,.0f}" → Formats with thousands separator and no decimals
+ * - "%{text:$,.2f}" → Formats as currency with thousands separator and 2 decimals
+ */ const formatTextWithTemplate = (textValue, textTemplate, index)=>{
+    if (!textTemplate) {
+        return String(textValue);
+    }
+    const numVal = typeof textValue === 'number' ? textValue : parseFloat(String(textValue));
+    if (isNaN(numVal)) {
+        return String(textValue);
+    }
+    const template = typeof textTemplate === 'string' ? textTemplate : textTemplate[index || 0] || '';
+    // Match Plotly's texttemplate pattern: %{text:format} or %{text}
+    // Can be followed by any literal text like %, $, etc.
+    const plotlyPattern = /%\{text(?::([^}]+))?\}(.*)$/;
+    const match = template.match(plotlyPattern);
+    if (match) {
+        const formatSpec = match[1]; // The format specifier (e.g., ".1f", ".2%", ",.0f") or undefined
+        const suffix = match[2]; // Any text after the closing brace (e.g., "%", " units")
+        // If no format specifier is provided (e.g., %{text}%), try to infer from suffix
+        if (!formatSpec) {
+            // Check if suffix starts with % - assume simple percentage with 1 decimal
+            if (suffix.startsWith('%')) {
+                return `${numVal.toFixed(1)}${suffix}`;
+            }
+            // No format specifier, just return the number with the suffix
+            return `${numVal}${suffix}`;
+        }
+        try {
+            // Use D3 format function to apply the format specifier
+            const formatter = (0, _d3format.format)(formatSpec);
+            const formattedValue = formatter(numVal);
+            return `${formattedValue}${suffix}`;
+        } catch (error) {
+            // Try to extract precision for basic fallback
+            const precisionMatch = formatSpec.match(/\.(\d+)[f%]/);
+            const precision = precisionMatch ? parseInt(precisionMatch[1], 10) : 2;
+            // Check if it's a percentage format
+            if (formatSpec.includes('%')) {
+                return `${(numVal * 100).toFixed(precision)}%${suffix}`;
+            }
+            return `${numVal.toFixed(precision)}${suffix}`;
+        }
+    }
+    return String(textValue);
+};
 /**
  * Extracts unique X-axis categories from Plotly data traces
  * @param data Array of Plotly data traces
@@ -964,7 +1020,8 @@ const transformPlotlyJsonToDonutProps = (input, isMultiPlot, colorMap, colorwayT
     const hideLabels = firstData.textinfo ? ![
         'value',
         'percent',
-        'label+percent'
+        'label+percent',
+        'percent+label'
     ].includes(firstData.textinfo) : false;
     const donutMarginHorizontal = hideLabels ? 0 : 80;
     const donutMarginVertical = 40 + (hideLabels ? 0 : 40);
@@ -997,7 +1054,8 @@ const transformPlotlyJsonToDonutProps = (input, isMultiPlot, colorMap, colorwayT
         hideLabels,
         showLabelsInPercent: firstData.textinfo ? [
             'percent',
-            'label+percent'
+            'label+percent',
+            'percent+label'
         ].includes(firstData.textinfo) : true,
         roundCorners: true,
         order: 'sorted'
@@ -1024,6 +1082,7 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
         validXYRanges.forEach(([rangeStart, rangeEnd], rangeIdx)=>{
             const rangeXValues = series.x.slice(rangeStart, rangeEnd);
             const rangeYValues = series.y.slice(rangeStart, rangeEnd);
+            const textValues = Array.isArray(series.text) ? series.text.slice(rangeStart, rangeEnd) : typeof series.text === 'string' ? series.text : undefined;
             rangeXValues.forEach((x, index2)=>{
                 var _series_marker, _series_marker1, _series_marker_color, _series_marker2, _input_layout_template_layout, _input_layout_template, _input_layout;
                 if (!mapXToDataPoints[x]) {
@@ -1039,6 +1098,11 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
                 const opacity = (0, _PlotlyColorAdapter.getOpacity)(series, index2);
                 const yVal = rangeYValues[index2];
                 const yAxisCalloutData = getFormattedCalloutYData(yVal, yAxisTickFormat);
+                let barLabel = Array.isArray(textValues) ? textValues[index2] : textValues;
+                // Apply texttemplate formatting if specified
+                if (barLabel && series.texttemplate) {
+                    barLabel = formatTextWithTemplate(barLabel, series.texttemplate, index2);
+                }
                 if (series.type === 'bar') {
                     var _rgb_copy_formatHex8;
                     mapXToDataPoints[x].chartData.push({
@@ -1047,7 +1111,10 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
                         color: (_rgb_copy_formatHex8 = (0, _d3color.rgb)(color).copy({
                             opacity
                         }).formatHex8()) !== null && _rgb_copy_formatHex8 !== void 0 ? _rgb_copy_formatHex8 : color,
-                        yAxisCalloutData
+                        yAxisCalloutData,
+                        ...barLabel ? {
+                            barLabel: String(barLabel)
+                        } : {}
                     });
                     if (typeof yVal === 'number') {
                         yMaxValue = Math.max(yMaxValue, yVal);
@@ -1234,6 +1301,12 @@ const transformPlotlyJsonToGVBCProps = (input, isMultiPlot, colorMap, colorwayTy
                     const color = colorScale ? colorScale((0, _chartutilities.isArrayOrTypedArray)((_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color) ? (_series_marker2 = series.marker) === null || _series_marker2 === void 0 ? void 0 : (_series_marker_color = _series_marker2.color) === null || _series_marker_color === void 0 ? void 0 : _series_marker_color[xIndex % ((_series_marker1 = series.marker) === null || _series_marker1 === void 0 ? void 0 : _series_marker1.color).length] : 0) : (0, _PlotlyColorAdapter.resolveColor)(extractedBarColors, xIndex, legend, colorMap, (_processedInput_layout = processedInput.layout) === null || _processedInput_layout === void 0 ? void 0 : (_processedInput_layout_template = _processedInput_layout.template) === null || _processedInput_layout_template === void 0 ? void 0 : (_processedInput_layout_template_layout = _processedInput_layout_template.layout) === null || _processedInput_layout_template_layout === void 0 ? void 0 : _processedInput_layout_template_layout.colorway, isDarkTheme);
                     const opacity = (0, _PlotlyColorAdapter.getOpacity)(series, xIndex);
                     const yVal = series.y[xIndex];
+                    // Extract text value for barLabel
+                    let barLabel = Array.isArray(series.text) ? series.text[xIndex] : series.text;
+                    // Apply texttemplate formatting if specified
+                    if (barLabel && series.texttemplate) {
+                        barLabel = formatTextWithTemplate(barLabel, series.texttemplate, xIndex);
+                    }
                     var _rgb_copy_formatHex8;
                     return {
                         x: x.toString(),
@@ -1241,7 +1314,10 @@ const transformPlotlyJsonToGVBCProps = (input, isMultiPlot, colorMap, colorwayTy
                         yAxisCalloutData: getFormattedCalloutYData(yVal, yAxisTickFormat),
                         color: (_rgb_copy_formatHex8 = (0, _d3color.rgb)(color).copy({
                             opacity
-                        }).formatHex8()) !== null && _rgb_copy_formatHex8 !== void 0 ? _rgb_copy_formatHex8 : color
+                        }).formatHex8()) !== null && _rgb_copy_formatHex8 !== void 0 ? _rgb_copy_formatHex8 : color,
+                        ...barLabel ? {
+                            barLabel: String(barLabel)
+                        } : {}
                     };
                 }).filter((item)=>typeof item !== 'undefined'),
                 useSecondaryYScale: usesSecondaryYScale(series, processedInput.layout)
@@ -1358,6 +1434,11 @@ const transformPlotlyJsonToVBCProps = (input, isMultiPlot, colorMap, colorwayTyp
             const color = colorScale ? colorScale((0, _chartutilities.isArrayOrTypedArray)((_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color) ? (_series_marker2 = series.marker) === null || _series_marker2 === void 0 ? void 0 : (_series_marker_color = _series_marker2.color) === null || _series_marker_color === void 0 ? void 0 : _series_marker_color[index % ((_series_marker1 = series.marker) === null || _series_marker1 === void 0 ? void 0 : _series_marker1.color).length] : 0) : (0, _PlotlyColorAdapter.resolveColor)(extractedColors, index, legend, colorMap, (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, isDarkTheme);
             const opacity = (0, _PlotlyColorAdapter.getOpacity)(series, index);
             const yVal = calculateHistNorm(series.histnorm, y[index], total, isXString ? bin.length : getBinSize(bin));
+            // Handle text values and texttemplate formatting for histogram bins
+            let barLabel = Array.isArray(series.text) ? series.text[index] : series.text;
+            if (barLabel && series.texttemplate) {
+                barLabel = formatTextWithTemplate(barLabel, series.texttemplate, index);
+            }
             var _rgb_copy_formatHex8;
             vbcData.push({
                 x: isXString ? bin.join(', ') : getBinCenter(bin),
@@ -1368,7 +1449,10 @@ const transformPlotlyJsonToVBCProps = (input, isMultiPlot, colorMap, colorwayTyp
                 }).formatHex8()) !== null && _rgb_copy_formatHex8 !== void 0 ? _rgb_copy_formatHex8 : color,
                 ...isXString ? {} : {
                     xAxisCalloutData: `[${bin.x0} - ${bin.x1})`
-                }
+                },
+                ...barLabel ? {
+                    barLabel: String(barLabel)
+                } : {}
             });
         });
     });
@@ -1785,11 +1869,53 @@ const transformPlotlyJsonToGanttChartProps = (input, isMultiPlot, colorMap, colo
     };
 };
 const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap, colorwayType, isDarkTheme)=>{
-    var _input_layout, _input_layout_coloraxis, _input_layout1, _input_layout_template_layout, _input_layout_template, _input_layout2, _input_layout_template_data_histogram2d_, _input_layout_template_data_histogram2d, _input_layout_template_data, _input_layout_template1, _input_layout3, _input_layout_template_data_heatmap_, _input_layout_template_data_heatmap, _input_layout_template_data1, _input_layout_template2, _input_layout4, _input_layout5, _input_layout6;
+    var _input_layout, _input_layout1, _input_layout_coloraxis, _input_layout2, _input_layout_template_layout, _input_layout_template, _input_layout3, _input_layout_template_data_histogram2d_, _input_layout_template_data_histogram2d, _input_layout_template_data, _input_layout_template1, _input_layout4, _input_layout_template_data_heatmap_, _input_layout_template_data_heatmap, _input_layout_template_data1, _input_layout_template2, _input_layout5, _input_layout6, _input_layout7;
     const firstData = input.data[0];
     const heatmapDataPoints = [];
     let zMin = Number.POSITIVE_INFINITY;
     let zMax = Number.NEGATIVE_INFINITY;
+    // Build a 2D array of annotations based on their grid position
+    const annotationGrid = [];
+    const rawAnnotations = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.annotations;
+    if (rawAnnotations) {
+        const annotationsArray = Array.isArray(rawAnnotations) ? rawAnnotations : [
+            rawAnnotations
+        ];
+        // Collect all unique x and y values from valid annotations
+        const xSet = new Set();
+        const ySet = new Set();
+        const validAnnotations = [];
+        annotationsArray.forEach((a)=>{
+            if (a && typeof a.x === 'number' && typeof a.y === 'number' && typeof a.text === 'string' && (a.xref === 'x' || a.xref === undefined) && (a.yref === 'y' || a.yref === undefined)) {
+                xSet.add(a.x);
+                ySet.add(a.y);
+                validAnnotations.push({
+                    x: a.x,
+                    y: a.y,
+                    text: cleanText(a.text)
+                });
+            }
+        });
+        if (validAnnotations.length > 0) {
+            // Get sorted unique x and y values
+            const xValues = Array.from(xSet).sort((a, b)=>a - b);
+            const yValues = Array.from(ySet).sort((a, b)=>a - b);
+            // Initialize 2D grid and populate
+            validAnnotations.forEach((annotation)=>{
+                const xIdx = xValues.indexOf(annotation.x);
+                const yIdx = yValues.indexOf(annotation.y);
+                if (!annotationGrid[yIdx]) {
+                    annotationGrid[yIdx] = [];
+                }
+                annotationGrid[yIdx][xIdx] = annotation.text;
+            });
+        }
+    }
+    // Helper function to get annotation from 2D grid by index
+    const getAnnotationByIndex = (xIdx, yIdx)=>{
+        var _annotationGrid_yIdx;
+        return (_annotationGrid_yIdx = annotationGrid[yIdx]) === null || _annotationGrid_yIdx === void 0 ? void 0 : _annotationGrid_yIdx[xIdx];
+    };
     if (firstData.type === 'histogram2d') {
         var _firstData_x, _firstData_xbins, _firstData_xbins1, _firstData_xbins2, _firstData_ybins, _firstData_ybins1, _firstData_ybins2;
         const xValues = [];
@@ -1829,11 +1955,12 @@ const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap, colorwa
         xBins.forEach((xBin, xIdx)=>{
             yBins.forEach((yBin, yIdx)=>{
                 const zVal = calculateHistNorm(firstData.histnorm, z[yIdx][xIdx], total, isXString ? xBin.length : getBinSize(xBin), isYString ? yBin.length : getBinSize(yBin));
+                const annotationText = getAnnotationByIndex(xIdx, yIdx);
                 heatmapDataPoints.push({
                     x: isXString ? xBin.join(', ') : getBinCenter(xBin),
                     y: isYString ? yBin.join(', ') : getBinCenter(yBin),
                     value: zVal,
-                    rectText: zVal
+                    rectText: annotationText || zVal
                 });
                 if (typeof zVal === 'number') {
                     zMin = Math.min(zMin, zVal);
@@ -1842,17 +1969,34 @@ const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap, colorwa
             });
         });
     } else {
-        var _firstData_x1;
-        (_firstData_x1 = firstData.x) === null || _firstData_x1 === void 0 ? void 0 : _firstData_x1.forEach((xVal, xIdx)=>{
-            var _firstData_y;
-            (_firstData_y = firstData.y) === null || _firstData_y === void 0 ? void 0 : _firstData_y.forEach((yVal, yIdx)=>{
-                var _firstData_z_yIdx, _firstData_z, _input_layout_xaxis, _input_layout, _input_layout_yaxis, _input_layout1;
-                const zVal = (_firstData_z = firstData.z) === null || _firstData_z === void 0 ? void 0 : (_firstData_z_yIdx = _firstData_z[yIdx]) === null || _firstData_z_yIdx === void 0 ? void 0 : _firstData_z_yIdx[xIdx];
+        var _zArray_;
+        // If x and y are not provided, generate indices based on z dimensions
+        const zArray = firstData.z;
+        const xValues = firstData.x;
+        const yValues = firstData.y;
+        var _zArray_length;
+        // Determine the dimensions from z array
+        const yLength = (_zArray_length = zArray === null || zArray === void 0 ? void 0 : zArray.length) !== null && _zArray_length !== void 0 ? _zArray_length : 0;
+        var _zArray__length;
+        const xLength = (_zArray__length = zArray === null || zArray === void 0 ? void 0 : (_zArray_ = zArray[0]) === null || _zArray_ === void 0 ? void 0 : _zArray_.length) !== null && _zArray__length !== void 0 ? _zArray__length : 0;
+        // Use provided x/y values or generate indices
+        const xData = xValues !== null && xValues !== void 0 ? xValues : Array.from({
+            length: xLength
+        }, (_, i)=>i);
+        const yData = yValues !== null && yValues !== void 0 ? yValues : Array.from({
+            length: yLength
+        }, (_, i)=>yLength - 1 - i);
+        xData.forEach((xVal, xIdx)=>{
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            yData.forEach((yVal, yIdx)=>{
+                var _zArray_yIdx, _input_layout_xaxis, _input_layout, _input_layout_yaxis, _input_layout1;
+                const zVal = zArray === null || zArray === void 0 ? void 0 : (_zArray_yIdx = zArray[yIdx]) === null || _zArray_yIdx === void 0 ? void 0 : _zArray_yIdx[xIdx];
+                const annotationText = getAnnotationByIndex(xIdx, yIdx);
                 heatmapDataPoints.push({
                     x: ((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_xaxis = _input_layout.xaxis) === null || _input_layout_xaxis === void 0 ? void 0 : _input_layout_xaxis.type) === 'date' ? xVal : xVal !== null && xVal !== void 0 ? xVal : 0,
                     y: ((_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_yaxis = _input_layout1.yaxis) === null || _input_layout_yaxis === void 0 ? void 0 : _input_layout_yaxis.type) === 'date' ? yVal : yVal,
                     value: zVal,
-                    rectText: zVal
+                    rectText: annotationText || zVal
                 });
                 if (typeof zVal === 'number') {
                     zMin = Math.min(zMin, zVal);
@@ -1879,7 +2023,7 @@ const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap, colorwa
         (0, _colors.getColorFromToken)(_colors.DataVizPalette.color3)
     ];
     var _firstData_colorscale, _ref, _ref1, _ref2, _ref3;
-    let colorscale = (_ref3 = (_ref2 = (_ref1 = (_ref = (_firstData_colorscale = firstData === null || firstData === void 0 ? void 0 : firstData.colorscale) !== null && _firstData_colorscale !== void 0 ? _firstData_colorscale : (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.colorscale) !== null && _ref !== void 0 ? _ref : (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_coloraxis = _input_layout1.coloraxis) === null || _input_layout_coloraxis === void 0 ? void 0 : _input_layout_coloraxis.colorscale) !== null && _ref1 !== void 0 ? _ref1 : (_input_layout2 = input.layout) === null || _input_layout2 === void 0 ? void 0 : (_input_layout_template = _input_layout2.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorscale) !== null && _ref2 !== void 0 ? _ref2 : firstData.type === 'histogram2d' && ((_input_layout3 = input.layout) === null || _input_layout3 === void 0 ? void 0 : (_input_layout_template1 = _input_layout3.template) === null || _input_layout_template1 === void 0 ? void 0 : (_input_layout_template_data = _input_layout_template1.data) === null || _input_layout_template_data === void 0 ? void 0 : (_input_layout_template_data_histogram2d = _input_layout_template_data.histogram2d) === null || _input_layout_template_data_histogram2d === void 0 ? void 0 : (_input_layout_template_data_histogram2d_ = _input_layout_template_data_histogram2d[0]) === null || _input_layout_template_data_histogram2d_ === void 0 ? void 0 : _input_layout_template_data_histogram2d_.colorscale)) !== null && _ref3 !== void 0 ? _ref3 : (_input_layout4 = input.layout) === null || _input_layout4 === void 0 ? void 0 : (_input_layout_template2 = _input_layout4.template) === null || _input_layout_template2 === void 0 ? void 0 : (_input_layout_template_data1 = _input_layout_template2.data) === null || _input_layout_template_data1 === void 0 ? void 0 : (_input_layout_template_data_heatmap = _input_layout_template_data1.heatmap) === null || _input_layout_template_data_heatmap === void 0 ? void 0 : (_input_layout_template_data_heatmap_ = _input_layout_template_data_heatmap[0]) === null || _input_layout_template_data_heatmap_ === void 0 ? void 0 : _input_layout_template_data_heatmap_.colorscale;
+    let colorscale = (_ref3 = (_ref2 = (_ref1 = (_ref = (_firstData_colorscale = firstData === null || firstData === void 0 ? void 0 : firstData.colorscale) !== null && _firstData_colorscale !== void 0 ? _firstData_colorscale : (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : _input_layout1.colorscale) !== null && _ref !== void 0 ? _ref : (_input_layout2 = input.layout) === null || _input_layout2 === void 0 ? void 0 : (_input_layout_coloraxis = _input_layout2.coloraxis) === null || _input_layout_coloraxis === void 0 ? void 0 : _input_layout_coloraxis.colorscale) !== null && _ref1 !== void 0 ? _ref1 : (_input_layout3 = input.layout) === null || _input_layout3 === void 0 ? void 0 : (_input_layout_template = _input_layout3.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorscale) !== null && _ref2 !== void 0 ? _ref2 : firstData.type === 'histogram2d' && ((_input_layout4 = input.layout) === null || _input_layout4 === void 0 ? void 0 : (_input_layout_template1 = _input_layout4.template) === null || _input_layout_template1 === void 0 ? void 0 : (_input_layout_template_data = _input_layout_template1.data) === null || _input_layout_template_data === void 0 ? void 0 : (_input_layout_template_data_histogram2d = _input_layout_template_data.histogram2d) === null || _input_layout_template_data_histogram2d === void 0 ? void 0 : (_input_layout_template_data_histogram2d_ = _input_layout_template_data_histogram2d[0]) === null || _input_layout_template_data_histogram2d_ === void 0 ? void 0 : _input_layout_template_data_histogram2d_.colorscale)) !== null && _ref3 !== void 0 ? _ref3 : (_input_layout5 = input.layout) === null || _input_layout5 === void 0 ? void 0 : (_input_layout_template2 = _input_layout5.template) === null || _input_layout_template2 === void 0 ? void 0 : (_input_layout_template_data1 = _input_layout_template2.data) === null || _input_layout_template_data1 === void 0 ? void 0 : (_input_layout_template_data_heatmap = _input_layout_template_data1.heatmap) === null || _input_layout_template_data_heatmap === void 0 ? void 0 : (_input_layout_template_data_heatmap_ = _input_layout_template_data_heatmap[0]) === null || _input_layout_template_data_heatmap_ === void 0 ? void 0 : _input_layout_template_data_heatmap_.colorscale;
     // determine if the types diverging, sequential or sequentialminus are present in colorscale
     if (colorscale && typeof colorscale === 'object' && ('diverging' in colorscale || 'sequential' in colorscale || 'sequentialminus' in colorscale)) {
         const isDivergent = zMin < 0 && zMax > 0; // Data spans both positive and negative values
@@ -1905,8 +2049,8 @@ const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap, colorwa
         hideLegend: true,
         showYAxisLables: true,
         sortOrder: 'none',
-        width: (_input_layout5 = input.layout) === null || _input_layout5 === void 0 ? void 0 : _input_layout5.width,
-        height: (_input_layout_height = (_input_layout6 = input.layout) === null || _input_layout6 === void 0 ? void 0 : _input_layout6.height) !== null && _input_layout_height !== void 0 ? _input_layout_height : 350,
+        width: (_input_layout6 = input.layout) === null || _input_layout6 === void 0 ? void 0 : _input_layout6.width,
+        height: (_input_layout_height = (_input_layout7 = input.layout) === null || _input_layout7 === void 0 ? void 0 : _input_layout7.height) !== null && _input_layout_height !== void 0 ? _input_layout_height : 350,
         hideTickOverlap: true,
         noOfCharsToTruncate: 20,
         showYAxisLablesTooltip: true,
@@ -2755,7 +2899,10 @@ const isNonPlotType = (chartType)=>{
         'donut',
         'sankey',
         'pie',
-        'annotation'
+        'annotation',
+        'table',
+        'gauge',
+        'funnel'
     ].includes(chartType);
 };
 const getGridProperties = (schema, isMultiPlot, validTracesInfo)=>{