@fluentui/react-charts 9.3.2 → 9.3.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useGroupedVerticalBarChartStyles_unstable } from './useGroupedVerticalBarChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\n\nimport { useId, JSXElement } from '@fluentui/react-utilities';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  tooltipOfAxislabels,\n  XAxisTypes,\n  getTypeOfAxis,\n  formatScientificLimitWidth,\n  getScalePadding,\n  getBarWidth,\n  isScalePaddingDefined,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  getNextColor,\n  areArraysEqual,\n  calculateLongestLabelWidth,\n  useRtl,\n  YAxisType,\n  calcRequiredWidth,\n  calcTotalWidth,\n  calcBandwidth,\n  calcTotalBandUnits,\n  sortAxisCategories,\n} from '../../utilities/index';\n\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  Margins,\n  Legend,\n  GroupedVerticalBarChartProps,\n  GroupedVerticalBarChartData,\n  GVBarChartSeriesPoint,\n  Legends,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n} from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype StringAxis = D3Axis<string>;\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\nconst MIN_DOMAIN_MARGIN = 8;\nconst X1_INNER_PADDING = 0.1;\nconst VERTICAL_BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 1;\n\n// This interface used for - While forming datapoints from given prop \"data\" in code\ninterface GVDataPoint {\n  [key: string]: number | string;\n}\n\n// While forming datapoints from given prop \"data\" in code. These datapoints are used for to draw graph easily.\ninterface GVSingleDataPoint {\n  [key: string]: GVDataPoint;\n}\n\nexport const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  GroupedVerticalBarChartProps\n>((_props, forwardedRef) => {\n  const props: GroupedVerticalBarChartProps = {\n    xAxisCategoryOrder: 'default',\n    maxBarWidth: 24,\n    ..._props,\n  };\n  const _tooltipId: string = useId('GVBCTooltipId_');\n  const _emptyChartId: string = useId('_GVBC_empty');\n  const _useRtl: boolean = useRtl();\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _xAxisLabels: string[] = [];\n  let _datasetForBars: any[] = [];\n  let _margins: Margins = { top: 0, right: 0, bottom: 0, left: 0 };\n  let _groupedVerticalBarGraph: JSXElement[] = [];\n  let _yMax: number = 0;\n  let _calloutAnchorPoint: GVBarChartSeriesPoint | null = null;\n  let _barWidth: number = 0;\n  let _groupWidth: number = 0;\n  let _xAxisInnerPadding: number = 0;\n  let _xAxisOuterPadding: number = 0;\n  let _legends: string[] = [];\n  let _legendColorMap: Record<string, [string, string]> = {};\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const Y_ORIGIN: number = 0;\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n  const [hoverXValue, setHoverXValue] = React.useState<string>('');\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps | undefined>(\n    undefined,\n  );\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const classes = useGroupedVerticalBarChartStyles_unstable(props);\n\n  React.useEffect(() => {\n    if (!areArraysEqual(props.legendProps?.selectedLegends, selectedLegends)) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _useRtl, opts);\n      },\n    }),\n    [],\n  );\n\n  const _adjustProps = () => {\n    _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n    // x0_inner_padding = space_between_groups / (space_between_groups + group_width)\n    // space_between_groups = 2 * bar_width\n    // group_width = _legends.length * bar_width + (_legends.length - 1) * space_between_bars\n    _xAxisInnerPadding = getScalePadding(\n      props.xAxisInnerPadding,\n      undefined,\n      2 / (2 + calcTotalBandUnits(_legends.length, X1_INNER_PADDING)),\n    );\n    _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding);\n  };\n\n  const _createDataset = (points: GroupedVerticalBarChartData[]) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const datasetForBars: any = [];\n\n    points.forEach((point: GroupedVerticalBarChartData, index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const singleDatasetPointForBars: any = {};\n      const legendToBarPoint: Record<string, GVBarChartSeriesPoint> = {};\n\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        if (!singleDatasetPointForBars[seriesPoint.legend]) {\n          singleDatasetPointForBars[seriesPoint.legend] = [{ ...seriesPoint }];\n          legendToBarPoint[seriesPoint.legend] = { ...seriesPoint };\n        } else {\n          singleDatasetPointForBars[seriesPoint.legend].push({ ...seriesPoint });\n          legendToBarPoint[seriesPoint.legend].data += seriesPoint.data;\n        }\n      });\n\n      singleDatasetPointForBars.xAxisPoint = point.name;\n      singleDatasetPointForBars.indexNum = index;\n      singleDatasetPointForBars.groupSeries = Object.values(legendToBarPoint);\n      singleDatasetPointForBars.stackCallOutAccessibilityData = point.stackCallOutAccessibilityData;\n      datasetForBars.push(singleDatasetPointForBars);\n    });\n    return datasetForBars;\n  };\n\n  const _createDataSetOfGVBC = (points: GroupedVerticalBarChartData[]) => {\n    const legends = new Set<string>();\n    const xAxisLabels: string[] = _getOrderedXAxisLabels(points);\n    points.forEach((point: GroupedVerticalBarChartData) => {\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        legends.add(seriesPoint.legend);\n      });\n    });\n    const datasetForBars = _createDataset(points);\n    return {\n      legends: Array.from(legends),\n      xAxisLabels,\n      datasetForBars,\n    };\n  };\n\n  const onLegendSelectionChange = (\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void => {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n    }\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const _getLegendData = (points: GroupedVerticalBarChartData[]): JSXElement => {\n    const actions: Legend[] = [];\n\n    _legends.forEach((legendTitle: string) => {\n      const legend: Legend = {\n        title: legendTitle,\n        color: _legendColorMap[legendTitle][0],\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        onMouseOutAction: () => {\n          _onLegendLeave();\n        },\n      };\n\n      actions.push(legend);\n    });\n    return (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...props.legendProps}\n        onChange={onLegendSelectionChange}\n        legendRef={_legendsRef}\n      />\n    );\n  };\n\n  const _addDefaultColors = (data?: GroupedVerticalBarChartData[]): GroupedVerticalBarChartData[] => {\n    _legendColorMap = {};\n    let colorIndex = 0;\n\n    return (\n      data?.map(point => {\n        return {\n          ...point,\n          series:\n            point.series?.map(seriesPoint => {\n              // TODO: Add support for gradient colors\n              let startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);\n              let endColor = startColor;\n              if (!_legendColorMap[seriesPoint.legend]) {\n                _legendColorMap[seriesPoint.legend] = [startColor, endColor];\n              }\n              colorIndex += 1;\n\n              return {\n                ...seriesPoint,\n                color: seriesPoint.color ?? _legendColorMap[seriesPoint.legend][0],\n              };\n            }) ?? [],\n        };\n      }) ?? []\n    );\n  };\n\n  const _getOrderedXAxisLabels = (points: GroupedVerticalBarChartData[]) => {\n    if (_xAxisType !== XAxisTypes.StringAxis) {\n      return [];\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(points), props.xAxisCategoryOrder);\n  };\n\n  const _mapCategoryToValues = (points: GroupedVerticalBarChartData[]) => {\n    const categoryToValues: Record<string, number[]> = {};\n    points.forEach(point => {\n      if (!categoryToValues[point.name]) {\n        categoryToValues[point.name] = [];\n      }\n      point.series.forEach(seriesPoint => {\n        categoryToValues[point.name].push(seriesPoint.data);\n      });\n    });\n    return categoryToValues;\n  };\n\n  const points = _addDefaultColors(props.data);\n  const _xAxisType: XAxisTypes = getTypeOfAxis(points![0].name, true) as XAxisTypes;\n  const { legends, xAxisLabels, datasetForBars } = _createDataSetOfGVBC(points!);\n  _legends = legends;\n  _xAxisLabels = xAxisLabels;\n  _datasetForBars = datasetForBars;\n  const legendBars: JSXElement = _getLegendData(points);\n  _adjustProps();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Add commentMore actions\n  function _getMinMaxOfYAxis(datasetForBars: any, yAxisType?: YAxisType, useSecondaryYScale?: boolean) {\n    const values: number[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    datasetForBars.forEach((data: any) => {\n      data.groupSeries.forEach((point: GVBarChartSeriesPoint) => {\n        if (!useSecondaryYScale === !point.useSecondaryYScale) {\n          values.push(point.data);\n        }\n      });\n    });\n\n    return { startValue: d3Min(values)!, endValue: d3Max(values)! };\n  }\n\n  function _getDomainNRangeValues(\n    points: GroupedVerticalBarChartData[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis || xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\n  }\n\n  // The maxOfYVal prop is only required for the primary y-axis, so yMax should be calculated\n  // using only the data points associated with the primary y-axis.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;\n  _yMax = Math.max(yMax, props.yMaxValue || 0);\n\n  const calloutProps: ChartPopoverProps = {\n    clickPosition,\n    isPopoverOpen,\n    color,\n    legend: calloutLegend,\n    XValue: xCalloutValue,\n    YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n    YValueHover,\n    hoverXValue,\n    culture: props.culture,\n    isCartesian: true,\n    ...props.calloutProps,\n    ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n  };\n  const tickParams = {\n    tickValues: props.tickValues!,\n    tickFormat: props.tickFormat!,\n  };\n\n  const _getGraphData = (\n    xScale: StringAxis | NumericAxis,\n    yScalePrimary: ScaleLinear<number, number>,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yAxisElement?: SVGElement | null,\n    yScaleSecondary?: ScaleLinear<number, number>,\n  ) => {\n    const xScale0 = _createX0Scale(containerWidth);\n\n    // Setting the bar width here is safe because there are no dependencies earlier in the code\n    // that rely on the width of bars in vertical bar charts with string x-axis.\n    _barWidth = getBarWidth(\n      props.barWidth,\n      props.maxBarWidth,\n      calcBandwidth(xScale0.bandwidth(), _legends.length, X1_INNER_PADDING),\n    );\n    _groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n\n    const xScale1 = _createX1Scale();\n    const allGroupsBars: JSXElement[] = [];\n    _datasetForBars.forEach((singleSet: GVSingleDataPoint) => {\n      allGroupsBars.push(\n        _buildGraph(singleSet, xScale0, xScale1, yScalePrimary, yScaleSecondary, containerHeight, xElement!),\n      );\n    });\n    _groupedVerticalBarGraph = allGroupsBars;\n  };\n\n  const _getMargins = (margins: Margins) => {\n    _margins = margins;\n  };\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  const onBarHover = (\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void => {\n    mouseEvent.persist();\n    if (_calloutAnchorPoint !== pointData) {\n      _calloutAnchorPoint = pointData;\n      updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n      setCalloutLegend(pointData.legend);\n      setDataForHoverCard(pointData.data);\n      setColor(pointData.color);\n      setXCalloutValue(pointData.xAxisCalloutData!);\n      setYCalloutValue(pointData.yAxisCalloutData!);\n      setCallOutAccessibilityData(\n        props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n      );\n      setYValueHover(groupData.groupSeries);\n      setHoverXValue(pointData.xAxisCalloutData!);\n    }\n  };\n\n  const _onBarLeave = (): void => {\n    /**/\n  };\n\n  const _handleChartMouseLeave = (): void => {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  };\n\n  const onBarFocus = (\n    event: React.FocusEvent<SVGRectElement, Element>,\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n  ): void => {\n    let x = 0;\n    let y = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n    updatePosition(x, y);\n    setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n    setCalloutLegend(pointData.legend);\n    setDataForHoverCard(pointData.data);\n    setColor(pointData.color);\n    setXCalloutValue(pointData.xAxisCalloutData!);\n    setYCalloutValue(pointData.yAxisCalloutData!);\n    setCallOutAccessibilityData(\n      props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n    );\n    setYValueHover(groupData.groupSeries);\n    setHoverXValue(pointData.xAxisCalloutData!);\n  };\n\n  const _buildGraph = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    singleSet: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale0: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale1: any,\n    yScalePrimary: ScaleLinear<number, number>,\n    yScaleSecondary: ScaleLinear<number, number> | undefined,\n    containerHeight: number,\n    xElement: SVGElement,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ): JSXElement => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const singleGroup: JSXElement[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const barLabelsForGroup: JSXElement[] = [];\n\n    // Get the actual legends present at this x-axis point\n    const presentLegends = Object.keys(singleSet).filter(key => key in _legendColorMap);\n    const effectiveGroupWidth = calcRequiredWidth(_barWidth, presentLegends.length, X1_INNER_PADDING);\n\n    // For stacked bars, center the single bar group in the available space\n    // Instead of using the global legend position, use the local position within present legends\n    const localScale = d3ScaleBand()\n      .domain(presentLegends)\n      .range(_useRtl ? [effectiveGroupWidth, 0] : [0, effectiveGroupWidth])\n      .paddingInner(X1_INNER_PADDING);\n    _legends.forEach((legendTitle: string, legendIndex: number) => {\n      const barPoints = singleSet[legendTitle];\n      if (barPoints) {\n        const yBarScale = barPoints[0].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        const xPoint = (localScale(legendTitle) ?? 0) + (localScale.bandwidth() - _barWidth) / 2;\n        const isLegendActive = _legendHighlighted(legendTitle) || _noLegendHighlighted();\n        const barOpacity = isLegendActive ? '' : '0.1';\n\n        let barTotalValue = 0;\n        const yBaseline = yBarScale(Y_ORIGIN);\n        let yPositiveStart = yBaseline;\n        let yNegativeStart = yBaseline;\n        let yPoint = Y_ORIGIN;\n\n        barPoints.forEach((pointData: GVBarChartSeriesPoint, pointIndex: number) => {\n          if (!pointData.data) {\n            // Not rendering data with 0.\n            return;\n          }\n          const barGap = (VERTICAL_BAR_GAP / 2) * (pointIndex > 0 ? 2 : 0);\n          const height = Math.max(yBarScale(Y_ORIGIN) - yBarScale(Math.abs(pointData.data)), MIN_BAR_HEIGHT);\n          const pointColor = pointData.color; // Use the color of the current point\n\n          if (pointData.data >= Y_ORIGIN) {\n            yPositiveStart -= height + barGap;\n            yPoint = yPositiveStart;\n          } else {\n            yPoint = yNegativeStart + barGap;\n            yNegativeStart = yPoint + height;\n          }\n\n          singleGroup.push(\n            <rect\n              key={`${singleSet.indexNum}-${legendIndex}-${pointIndex}`}\n              className={classes.opacityChangeOnHover}\n              height={height}\n              width={_barWidth}\n              x={xPoint}\n              y={yPoint}\n              opacity={barOpacity}\n              fill={pointColor}\n              rx={props.roundCorners ? 3 : 0}\n              onMouseOver={event => onBarHover(pointData, singleSet, event)}\n              onMouseMove={event => onBarHover(pointData, singleSet, event)}\n              onMouseOut={_onBarLeave}\n              onFocus={event => onBarFocus(event, pointData, singleSet)}\n              onBlur={_onBarLeave}\n              onClick={pointData.onClick}\n              aria-label={getAriaLabel(pointData, singleSet.xAxisPoint)}\n              tabIndex={_legendHighlighted(pointData.legend) || _noLegendHighlighted() ? 0 : undefined}\n              role=\"img\"\n            />,\n          );\n\n          barTotalValue += pointData.data;\n        });\n        if (barTotalValue !== null && !props.hideLabels && Math.ceil(_barWidth) >= 16 && isLegendActive) {\n          barLabelsForGroup.push(\n            <text\n              key={`${singleSet.indexNum}-${legendIndex}`}\n              x={xPoint + _barWidth / 2}\n              y={barTotalValue >= Y_ORIGIN ? yPositiveStart - 6 : yNegativeStart + 12}\n              textAnchor=\"middle\"\n              className={classes.barLabel}\n              aria-hidden={true}\n              style={{ direction: 'ltr', unicodeBidi: 'isolate' }}\n            >\n              {typeof props.yAxisTickFormat === 'function'\n                ? props.yAxisTickFormat(barTotalValue)\n                : formatScientificLimitWidth(barTotalValue)}\n            </text>,\n          );\n        }\n      }\n    });\n    // Used to display tooltip at x axis labels.\n    if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(xScale0);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return (\n      <g\n        key={singleSet.indexNum}\n        transform={`translate(${xScale0(singleSet.xAxisPoint) + (xScale0.bandwidth() - effectiveGroupWidth) / 2}, 0)`}\n      >\n        {singleGroup}\n        {barLabelsForGroup}\n      </g>\n    );\n  };\n\n  // For grouped vertical bar chart, First need to define total scale (from start to end)\n  // From that need to define scale for single group of bars - done by createX1Scale\n  const _createX0Scale = (containerWidth: number) => {\n    const x0Axis = d3ScaleBand()\n      .domain(xAxisLabels)\n      .range(\n        _useRtl\n          ? [containerWidth! - _margins.right! - _domainMargin, _margins.left! + _domainMargin]\n          : [_margins.left! + _domainMargin, containerWidth! - _margins.right! - _domainMargin],\n      )\n      .paddingInner(_xAxisInnerPadding)\n      .paddingOuter(_xAxisOuterPadding);\n    return x0Axis;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _createX1Scale = (): any => {\n    return (\n      d3ScaleBand()\n        .domain(_legends)\n        // When there is only one group, xScale0 adds padding around it,\n        // causing the bandwidth to become smaller than the actual group width.\n        // So to render bars in the group correctly, use groupWidth instead of the generated scale bandwidth.\n        .range(_useRtl ? [_groupWidth, 0] : [0, _groupWidth])\n        .paddingInner(X1_INNER_PADDING)\n    );\n  };\n\n  const _onLegendHover = (legendTitle: string): void => {\n    setActiveLegend(legendTitle);\n  };\n\n  const _onLegendLeave = (): void => {\n    setActiveLegend('');\n  };\n\n  const _getAxisData = React.useCallback(\n    (yAxisData: IAxisData) => {\n      if (yAxisData && yAxisData.yAxisDomainValues.length) {\n        const { yAxisDomainValues: domainValue } = yAxisData;\n        _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n      }\n    },\n    [props.yMaxValue],\n  );\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  const _legendHighlighted = (legendTitle: string) => {\n    return _getHighlightedLegend().includes(legendTitle!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  const _noLegendHighlighted = () => {\n    return _getHighlightedLegend().length === 0;\n  };\n\n  const _getHighlightedLegend = () => {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  };\n\n  const getAriaLabel = (point: GVBarChartSeriesPoint, xAxisPoint: string): string => {\n    const xValue = point.xAxisCalloutData || xAxisPoint;\n    const legend = point.legend;\n    const yValue = point.yAxisCalloutData || point.data;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  };\n\n  const _getDomainMargins = (containerWidth: number): Margins => {\n    /** Total width available to render the bars */\n    const totalWidth = calcTotalWidth(containerWidth, _margins, MIN_DOMAIN_MARGIN);\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      if (isScalePaddingDefined(props.xAxisOuterPadding)) {\n        // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n        // to adjust the space before the first group and after the last group.\n        _domainMargin = 0;\n      } else if (props.barWidth !== 'auto') {\n        // Update the bar width so that when CartesianChart rerenders,\n        // the following calculations don't use the previous bar width.\n        _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n        const groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n        /** Total width required to render the groups. Directly proportional to group width */\n        const reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n\n        if (totalWidth >= reqWidth) {\n          // Center align the chart by setting equal left and right margins for domain\n          _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n        }\n      } else if (props.mode === 'plotly' && xAxisLabels.length > 1) {\n        // Calculate the remaining width after rendering groups at their maximum allowable width\n        const groupBandwidth = calcBandwidth(totalWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const barBandwidth = calcBandwidth(groupBandwidth, _legends.length, X1_INNER_PADDING);\n        const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, barBandwidth);\n        const groupWidth = calcRequiredWidth(barWidth, _legends.length, X1_INNER_PADDING);\n        let reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const margin1 = (totalWidth - reqWidth) / 2;\n\n        let margin2 = Number.POSITIVE_INFINITY;\n        if (!props.hideTickOverlap) {\n          // Calculate the remaining width after accounting for the space required to render x-axis labels\n          const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n          reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n          margin2 = (totalWidth - reqWidth) / 2;\n        }\n\n        _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n      }\n    }\n\n    return {\n      ..._margins,\n      left: _margins.left! + _domainMargin,\n      right: _margins.right! + _domainMargin,\n    };\n  };\n\n  const _isChartEmpty = (): boolean => {\n    return !(\n      props.data &&\n      props.data.length > 0 &&\n      props.data.filter((item: GroupedVerticalBarChartData) => item.series.length).length > 0\n    );\n  };\n\n  const _getChartTitle = (): string => {\n    return (\n      (props.chartTitle ? `${props.chartTitle}. ` : '') +\n      `Vertical bar chart with ${_xAxisLabels.length} groups of ${_legends.length} bars each. `\n    );\n  };\n\n  return !_isChartEmpty() ? (\n    <CartesianChart\n      {...props}\n      chartTitle={_getChartTitle()}\n      points={_datasetForBars}\n      chartType={ChartTypes.GroupedVerticalBarChart}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      getMinMaxOfYAxis={_getMinMaxOfYAxis}\n      createStringYAxis={createStringYAxis}\n      calloutProps={calloutProps}\n      legendBars={legendBars}\n      xAxisType={_xAxisType}\n      createYAxis={createNumericYAxis}\n      datasetForXAxisDomain={_xAxisLabels}\n      tickParams={tickParams}\n      tickPadding={props.tickPadding || 5}\n      maxOfYVal={_yMax}\n      getmargins={_getMargins}\n      getGraphData={_getGraphData}\n      getAxisData={_getAxisData}\n      onChartMouseLeave={_handleChartMouseLeave}\n      getDomainMargins={_getDomainMargins}\n      {...(_xAxisType === XAxisTypes.StringAxis && {\n        xAxisInnerPadding: _xAxisInnerPadding,\n        xAxisOuterPadding: _xAxisOuterPadding,\n      })}\n      barwidth={_barWidth}\n      componentRef={cartesianChartRef}\n      /* eslint-disable react/jsx-no-bind */\n      children={() => {\n        return <g>{_groupedVerticalBarGraph}</g>;\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nGroupedVerticalBarChart.displayName = 'GroupedVerticalBarChart';\n"],"names":["React","useGroupedVerticalBarChartStyles_unstable","select","d3Select","max","d3Max","min","d3Min","scaleBand","d3ScaleBand","useId","ChartTypes","getAccessibleDataObject","tooltipOfAxislabels","XAxisTypes","getTypeOfAxis","formatScientificLimitWidth","getScalePadding","getBarWidth","isScalePaddingDefined","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","getNextColor","areArraysEqual","calculateLongestLabelWidth","useRtl","calcRequiredWidth","calcTotalWidth","calcBandwidth","calcTotalBandUnits","sortAxisCategories","CartesianChart","Legends","toImage","MIN_DOMAIN_MARGIN","X1_INNER_PADDING","VERTICAL_BAR_GAP","MIN_BAR_HEIGHT","GroupedVerticalBarChart","forwardRef","_props","forwardedRef","props","xAxisCategoryOrder","maxBarWidth","_tooltipId","_emptyChartId","_useRtl","_domainMargin","_xAxisLabels","_datasetForBars","_margins","top","right","bottom","left","_groupedVerticalBarGraph","_yMax","_calloutAnchorPoint","_barWidth","_groupWidth","_xAxisInnerPadding","_xAxisOuterPadding","_legends","_legendColorMap","cartesianChartRef","useRef","Y_ORIGIN","_legendsRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","selectedLegends","setSelectedLegends","legendProps","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","YValueHover","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","activeLegend","setActiveLegend","callOutAccessibilityData","setCallOutAccessibilityData","undefined","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","classes","useEffect","useImperativeHandle","componentRef","chartContainer","current","opts","toSVG","_adjustProps","barWidth","xAxisInnerPadding","length","xAxisOuterPadding","_createDataset","points","datasetForBars","forEach","point","index","singleDatasetPointForBars","legendToBarPoint","series","seriesPoint","legend","push","data","xAxisPoint","name","indexNum","groupSeries","Object","values","stackCallOutAccessibilityData","_createDataSetOfGVBC","legends","Set","xAxisLabels","_getOrderedXAxisLabels","add","Array","from","onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","_handleChartMouseLeave","_onLegendHover","onMouseOutAction","_onLegendLeave","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_addDefaultColors","colorIndex","map","startColor","endColor","_xAxisType","StringAxis","_mapCategoryToValues","categoryToValues","legendBars","_getMinMaxOfYAxis","yAxisType","useSecondaryYScale","startValue","endValue","_getDomainNRangeValues","margins","width","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","yMax","Math","yMaxValue","calloutProps","XValue","YValue","culture","isCartesian","tickParams","tickFormat","_getGraphData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","xScale0","_createX0Scale","bandwidth","xScale1","_createX1Scale","allGroupsBars","singleSet","_buildGraph","_getMargins","updatePosition","newX","newY","threshold","distance","sqrt","pow","onBarHover","pointData","groupData","mouseEvent","persist","clientX","clientY","_noLegendHighlighted","_legendHighlighted","xAxisCalloutData","yAxisCalloutData","isCalloutForStack","_onBarLeave","onBarFocus","targetRect","target","getBoundingClientRect","height","singleGroup","barLabelsForGroup","presentLegends","keys","filter","key","effectiveGroupWidth","localScale","domain","range","paddingInner","legendIndex","barPoints","yBarScale","xPoint","isLegendActive","barOpacity","barTotalValue","yBaseline","yPositiveStart","yNegativeStart","yPoint","pointIndex","barGap","abs","pointColor","rect","className","opacityChangeOnHover","opacity","fill","rx","roundCorners","onMouseOver","onMouseMove","onMouseOut","onFocus","onBlur","onClick","aria-label","getAriaLabel","tabIndex","role","hideLabels","ceil","text","textAnchor","barLabel","aria-hidden","style","direction","unicodeBidi","yAxisTickFormat","wrapXAxisLables","showXAxisLablesTooltip","xAxisElement","call","document","getElementById","remove","e","tooltipProps","tooltipCls","tooltip","id","axis","g","transform","x0Axis","paddingOuter","_getAxisData","useCallback","yAxisData","yAxisDomainValues","domainValue","_getHighlightedLegend","includes","xValue","yValue","ariaLabel","_getDomainMargins","totalWidth","groupWidth","reqWidth","mode","groupBandwidth","barBandwidth","margin1","margin2","Number","POSITIVE_INFINITY","hideTickOverlap","step","_isChartEmpty","item","_getChartTitle","chartTitle","getDomainNRangeValues","getMinMaxOfYAxis","createYAxis","datasetForXAxisDomain","tickPadding","maxOfYVal","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","barwidth","children","div","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useGroupedVerticalBarChartStyles_unstable } from './useGroupedVerticalBarChartStyles.styles';\nimport { select as d3Select, pointer as d3Pointer } from 'd3-selection';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleBand, ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\n\nimport { useId, JSXElement } from '@fluentui/react-utilities';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  tooltipOfAxislabels,\n  XAxisTypes,\n  getTypeOfAxis,\n  formatScientificLimitWidth,\n  getScalePadding,\n  getBarWidth,\n  isScalePaddingDefined,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  getNextColor,\n  areArraysEqual,\n  calculateLongestLabelWidth,\n  useRtl,\n  YAxisType,\n  calcRequiredWidth,\n  calcTotalWidth,\n  calcBandwidth,\n  calcTotalBandUnits,\n  sortAxisCategories,\n} from '../../utilities/index';\n\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  Margins,\n  Legend,\n  GroupedVerticalBarChartProps,\n  GroupedVerticalBarChartData,\n  GVBarChartSeriesPoint,\n  Legends,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n  LineSeries,\n  getColorFromToken,\n  BarSeries,\n  ChildProps,\n} from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { tokens } from '@fluentui/react-theme';\n\ntype NumericScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\n\nconst MIN_DOMAIN_MARGIN = 8;\nconst X1_INNER_PADDING = 0.1;\nconst VERTICAL_BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 1;\n\n// This interface used for - While forming datapoints from given prop \"data\" in code\ninterface GVDataPoint {\n  [key: string]: number | string;\n}\n\n// While forming datapoints from given prop \"data\" in code. These datapoints are used for to draw graph easily.\ninterface GVSingleDataPoint {\n  [key: string]: GVDataPoint;\n}\n\ntype GVBCLineSeries = LineSeries<string, number>;\n\nexport const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  GroupedVerticalBarChartProps\n>((_props, forwardedRef) => {\n  const props: GroupedVerticalBarChartProps = {\n    xAxisCategoryOrder: 'default',\n    maxBarWidth: 24,\n    ..._props,\n  };\n  const _tooltipId: string = useId('GVBCTooltipId_');\n  const _emptyChartId: string = useId('_GVBC_empty');\n  const _useRtl: boolean = useRtl();\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _xAxisLabels: string[] = [];\n  let _datasetForBars: any[] = [];\n  let _margins: Margins = { top: 0, right: 0, bottom: 0, left: 0 };\n  let _groupedVerticalBarGraph: JSXElement[] = [];\n  let _yMax: number = 0;\n  let _calloutAnchorPoint: GVBarChartSeriesPoint | null = null;\n  let _barWidth: number = 0;\n  let _groupWidth: number = 0;\n  let _xAxisInnerPadding: number = 0;\n  let _xAxisOuterPadding: number = 0;\n  let _barLegends: string[] = [];\n  let _lineLegends: string[] = [];\n  let _legendColorMap: Record<string, [string, string]> = {};\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const Y_ORIGIN: number = 0;\n  const _legendsRef = React.useRef<LegendContainer>(null);\n  const _rectRef = React.useRef<SVGRectElement>(null);\n  const _uniqDotId = useId('gvbc_dot_');\n\n  const [color, setColor] = React.useState<string | undefined>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string | undefined>('');\n  const [yValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n  const [hoverXValue, setHoverXValue] = React.useState<string>('');\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps | undefined>(\n    undefined,\n  );\n  const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [activeLinePoint, setActiveLinePoint] = React.useState<string>('');\n  const classes = useGroupedVerticalBarChartStyles_unstable(props);\n\n  React.useEffect(() => {\n    if (!areArraysEqual(props.legendProps?.selectedLegends, selectedLegends)) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _useRtl, opts);\n      },\n    }),\n    [],\n  );\n\n  const _adjustProps = () => {\n    _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n    // x0_inner_padding = space_between_groups / (space_between_groups + group_width)\n    // space_between_groups = 2 * bar_width\n    // group_width = _barLegends.length * bar_width + (_barLegends.length - 1) * space_between_bars\n    _xAxisInnerPadding = getScalePadding(\n      props.xAxisInnerPadding,\n      undefined,\n      2 / (2 + calcTotalBandUnits(_barLegends.length, X1_INNER_PADDING)),\n    );\n    _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding);\n  };\n\n  const _createDataset = (barData: GroupedVerticalBarChartData[], lineData: GVBCLineSeries[]) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const datasetForBars: any = [];\n\n    const linePointsByX: Record<string, YValueHover[]> = {};\n    const visitedX = new Set<string>();\n    lineData.forEach(series => {\n      series.data.forEach(point => {\n        if (!linePointsByX[point.x]) {\n          linePointsByX[point.x] = [];\n        }\n        linePointsByX[point.x].push({\n          ...point,\n          legend: series.legend,\n          color: series.color,\n          data: point.y,\n          useSecondaryYScale: series.useSecondaryYScale,\n        } as YValueHover);\n      });\n    });\n\n    barData.forEach((point: GroupedVerticalBarChartData, index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const singleDatasetPointForBars: any = {};\n      const legendToBarPoint: Record<string, GVBarChartSeriesPoint> = {};\n\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        if (!singleDatasetPointForBars[seriesPoint.legend]) {\n          singleDatasetPointForBars[seriesPoint.legend] = [{ ...seriesPoint }];\n          legendToBarPoint[seriesPoint.legend] = { ...seriesPoint };\n        } else {\n          singleDatasetPointForBars[seriesPoint.legend].push({ ...seriesPoint });\n          legendToBarPoint[seriesPoint.legend].data += seriesPoint.data;\n        }\n      });\n\n      singleDatasetPointForBars.xAxisPoint = point.name;\n      singleDatasetPointForBars.indexNum = index;\n      singleDatasetPointForBars.groupSeries = [\n        ...Object.values(legendToBarPoint),\n        ...(linePointsByX[point.name] ?? []),\n      ];\n      singleDatasetPointForBars.stackCallOutAccessibilityData = point.stackCallOutAccessibilityData;\n      datasetForBars.push(singleDatasetPointForBars);\n      visitedX.add(point.name);\n    });\n\n    Object.keys(linePointsByX).forEach(xPoint => {\n      if (!visitedX.has(xPoint)) {\n        datasetForBars.push({\n          xAxisPoint: xPoint,\n          groupSeries: linePointsByX[xPoint],\n        });\n      }\n    });\n\n    return datasetForBars;\n  };\n\n  const _createDataSetOfGVBC = (barData: GroupedVerticalBarChartData[], lineData: GVBCLineSeries[]) => {\n    const barLegends = new Set<string>();\n    barData.forEach((point: GroupedVerticalBarChartData) => {\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        barLegends.add(seriesPoint.legend);\n      });\n    });\n    const lineLegends = new Set<string>(lineData.map(series => series.legend));\n    const xAxisLabels: string[] = _getOrderedXAxisLabels(barData, lineData);\n    const datasetForBars = _createDataset(barData, lineData);\n    return {\n      barLegends: Array.from(barLegends),\n      lineLegends: Array.from(lineLegends),\n      xAxisLabels,\n      datasetForBars,\n    };\n  };\n\n  const onLegendSelectionChange = (\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void => {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n    }\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const _getLegendData = (): JSXElement => {\n    const actions: Legend[] = [];\n\n    const addLegendButton = (legendTitle: string, isLineLegendInBarChart?: boolean) => {\n      const legend: Legend = {\n        title: legendTitle,\n        color: _legendColorMap[legendTitle][0],\n        isLineLegendInBarChart,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        onMouseOutAction: () => {\n          _onLegendLeave();\n        },\n      };\n\n      actions.push(legend);\n    };\n\n    _lineLegends.forEach(legendTitle => addLegendButton(legendTitle, true));\n    _barLegends.forEach(legendTitle => addLegendButton(legendTitle));\n\n    return (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...props.legendProps}\n        onChange={onLegendSelectionChange}\n        legendRef={_legendsRef}\n      />\n    );\n  };\n\n  const _processDataV2 = (dataV2: (BarSeries<string, number> | LineSeries<string, number>)[]) => {\n    const barPointsByX: Record<string, GroupedVerticalBarChartData> = {};\n    const lineData: GVBCLineSeries[] = [];\n\n    dataV2.forEach(series => {\n      if (series.type === 'bar') {\n        series.data.forEach(point => {\n          if (!barPointsByX[point.x]) {\n            barPointsByX[point.x] = { name: point.x, series: [] };\n          }\n\n          barPointsByX[point.x].series.push({\n            key: series.key ?? series.legend,\n            data: point.y,\n            color: point.color ?? series.color,\n            // gradient: series.gradient,\n            legend: series.legend,\n            xAxisCalloutData: point.xAxisCalloutData,\n            yAxisCalloutData: point.yAxisCalloutData,\n            onClick: point.onClick,\n            useSecondaryYScale: series.useSecondaryYScale,\n          });\n        });\n      } else if (series.type === 'line') {\n        lineData!.push(series);\n      }\n    });\n\n    return { barData: Object.values(barPointsByX), lineData };\n  };\n\n  const _prepareChartData = () => {\n    let barData = props.data;\n    let lineData: GVBCLineSeries[] | undefined;\n\n    if (Array.isArray(props.dataV2) && props.dataV2.length > 0) {\n      ({ barData, lineData } = _processDataV2(props.dataV2));\n    }\n\n    _legendColorMap = {};\n    let colorIndex = 0;\n\n    return {\n      barData:\n        barData?.map(point => {\n          return {\n            ...point,\n            series:\n              point.series?.map(seriesPoint => {\n                // TODO: Add support for gradient colors\n                let startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);\n                let endColor = startColor;\n                if (!_legendColorMap[seriesPoint.legend]) {\n                  _legendColorMap[seriesPoint.legend] = [startColor, endColor];\n                }\n                colorIndex += 1;\n\n                return {\n                  ...seriesPoint,\n                  color: seriesPoint.color ?? _legendColorMap[seriesPoint.legend][0],\n                };\n              }) ?? [],\n          };\n        }) ?? [],\n\n      lineData:\n        lineData?.map(series => {\n          let lineColor: string;\n          if (typeof series.color === 'undefined') {\n            lineColor = getNextColor(colorIndex, 0);\n          } else {\n            lineColor = getColorFromToken(series.color);\n          }\n\n          if (!_legendColorMap[series.legend]) {\n            _legendColorMap[series.legend] = [lineColor, lineColor];\n          }\n          colorIndex += 1;\n\n          return {\n            ...series,\n            color: _legendColorMap[series.legend][0],\n          };\n        }) ?? [],\n    };\n  };\n\n  const _getOrderedXAxisLabels = (barData: GroupedVerticalBarChartData[], lineData: GVBCLineSeries[]) => {\n    if (_xAxisType !== XAxisTypes.StringAxis) {\n      return [];\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(barData, lineData), props.xAxisCategoryOrder);\n  };\n\n  const _mapCategoryToValues = (barData: GroupedVerticalBarChartData[], lineData: GVBCLineSeries[]) => {\n    const categoryToValues: Record<string, number[]> = {};\n    barData.forEach(point => {\n      if (!categoryToValues[point.name]) {\n        categoryToValues[point.name] = [];\n      }\n      point.series.forEach(seriesPoint => {\n        categoryToValues[point.name].push(seriesPoint.data);\n      });\n    });\n    lineData.forEach(series => {\n      series.data.forEach(point => {\n        if (!categoryToValues[point.x]) {\n          categoryToValues[point.x] = [];\n        }\n        categoryToValues[point.x].push(point.y);\n      });\n    });\n    return categoryToValues;\n  };\n\n  const { barData, lineData } = _prepareChartData();\n  const _xAxisType: XAxisTypes = getTypeOfAxis(barData[0].name, true) as XAxisTypes;\n  const { barLegends, lineLegends, xAxisLabels, datasetForBars } = _createDataSetOfGVBC(barData, lineData);\n  _barLegends = barLegends;\n  _lineLegends = lineLegends;\n  _xAxisLabels = xAxisLabels;\n  _datasetForBars = datasetForBars;\n  const legendBars: JSXElement = _getLegendData();\n  _adjustProps();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Add commentMore actions\n  function _getMinMaxOfYAxis(datasetForBars: any, yAxisType?: YAxisType, useSecondaryYScale?: boolean) {\n    const values: number[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    datasetForBars.forEach((data: any) => {\n      data.groupSeries.forEach((point: GVBarChartSeriesPoint) => {\n        if (!useSecondaryYScale === !point.useSecondaryYScale) {\n          values.push(point.data);\n        }\n      });\n    });\n\n    return { startValue: d3Min(values)!, endValue: d3Max(values)! };\n  }\n\n  function _getDomainNRangeValues(\n    points: GroupedVerticalBarChartData[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis || xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\n  }\n\n  // The maxOfYVal prop is only required for the primary y-axis, so yMax should be calculated\n  // using only the data points associated with the primary y-axis.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;\n  _yMax = Math.max(yMax, props.yMaxValue || 0);\n\n  const calloutProps: ChartPopoverProps = {\n    positioning: { target: popoverTarget },\n    isPopoverOpen,\n    color,\n    legend: calloutLegend,\n    XValue: xCalloutValue,\n    YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n    YValueHover: yValueHover,\n    hoverXValue,\n    culture: props.culture,\n    isCartesian: true,\n    isCalloutForStack: props.isCalloutForStack,\n    ...props.calloutProps,\n    ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n  };\n  const tickParams = {\n    tickValues: props.tickValues!,\n    tickFormat: props.tickFormat!,\n  };\n\n  const _getGraphData = (\n    xScale: StringScale | NumericScale,\n    yScalePrimary: ScaleLinear<number, number>,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yAxisElement?: SVGElement | null,\n    yScaleSecondary?: ScaleLinear<number, number>,\n  ) => {\n    const xScale0 = _createX0Scale(containerWidth);\n\n    // Setting the bar width here is safe because there are no dependencies earlier in the code\n    // that rely on the width of bars in vertical bar charts with string x-axis.\n    _barWidth = getBarWidth(\n      props.barWidth,\n      props.maxBarWidth,\n      calcBandwidth(xScale0.bandwidth(), _barLegends.length, X1_INNER_PADDING),\n    );\n    _groupWidth = calcRequiredWidth(_barWidth, _barLegends.length, X1_INNER_PADDING);\n\n    const xScale1 = _createX1Scale();\n    const allGroupsBars: JSXElement[] = [];\n    _datasetForBars.forEach((singleSet: GVSingleDataPoint) => {\n      allGroupsBars.push(\n        _buildGraph(singleSet, xScale0, xScale1, yScalePrimary, yScaleSecondary, containerHeight, xElement!),\n      );\n    });\n    _groupedVerticalBarGraph = allGroupsBars;\n  };\n\n  const _getMargins = (margins: Margins) => {\n    _margins = margins;\n  };\n\n  const onBarHover = (\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void => {\n    mouseEvent.persist();\n    if (_calloutAnchorPoint !== pointData) {\n      _calloutAnchorPoint = pointData;\n      _showCallout(mouseEvent.currentTarget, pointData, groupData);\n    }\n  };\n\n  const _onBarLeave = (): void => {\n    /**/\n  };\n\n  const _handleChartMouseLeave = (): void => {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  };\n\n  const onBarFocus = (\n    focusEvent: React.FocusEvent<SVGRectElement, Element>,\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n  ): void => {\n    _showCallout(focusEvent.currentTarget, pointData, groupData);\n  };\n\n  const _buildGraph = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    singleSet: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale0: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale1: any,\n    yScalePrimary: ScaleLinear<number, number>,\n    yScaleSecondary: ScaleLinear<number, number> | undefined,\n    containerHeight: number,\n    xElement: SVGElement,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ): JSXElement => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const singleGroup: JSXElement[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const barLabelsForGroup: JSXElement[] = [];\n\n    // Get the actual legends present at this x-axis point\n    const presentLegends = _barLegends.filter(key => key in singleSet);\n    const effectiveGroupWidth = calcRequiredWidth(_barWidth, presentLegends.length, X1_INNER_PADDING);\n\n    // For stacked bars, center the single bar group in the available space\n    // Instead of using the global legend position, use the local position within present legends\n    const localScale = d3ScaleBand()\n      .domain(presentLegends)\n      .range(_useRtl ? [effectiveGroupWidth, 0] : [0, effectiveGroupWidth])\n      .paddingInner(X1_INNER_PADDING);\n    _barLegends.forEach((legendTitle: string, legendIndex: number) => {\n      const barPoints = singleSet[legendTitle];\n      if (barPoints) {\n        const yBarScale = barPoints[0].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        const xPoint = (localScale(legendTitle) ?? 0) + (localScale.bandwidth() - _barWidth) / 2;\n        const isLegendActive = _legendHighlighted(legendTitle) || _noLegendHighlighted();\n        const barOpacity = isLegendActive ? '' : '0.1';\n\n        let barTotalValue = 0;\n        const yBaseline = yBarScale(Y_ORIGIN);\n        let yPositiveStart = yBaseline;\n        let yNegativeStart = yBaseline;\n        let yPoint = Y_ORIGIN;\n\n        barPoints.forEach((pointData: GVBarChartSeriesPoint, pointIndex: number) => {\n          if (!pointData.data) {\n            // Not rendering data with 0.\n            return;\n          }\n          const barGap = (VERTICAL_BAR_GAP / 2) * (pointIndex > 0 ? 2 : 0);\n          const height = Math.max(yBarScale(Y_ORIGIN) - yBarScale(Math.abs(pointData.data)), MIN_BAR_HEIGHT);\n          const pointColor = pointData.color; // Use the color of the current point\n\n          if (pointData.data >= Y_ORIGIN) {\n            yPositiveStart -= height + barGap;\n            yPoint = yPositiveStart;\n          } else {\n            yPoint = yNegativeStart + barGap;\n            yNegativeStart = yPoint + height;\n          }\n\n          singleGroup.push(\n            <rect\n              key={`${singleSet.indexNum}-${legendIndex}-${pointIndex}`}\n              className={classes.opacityChangeOnHover}\n              height={height}\n              width={_barWidth}\n              x={xPoint}\n              y={yPoint}\n              opacity={barOpacity}\n              fill={pointColor}\n              rx={props.roundCorners ? 3 : 0}\n              onMouseOver={event => onBarHover(pointData, singleSet, event)}\n              onMouseMove={event => onBarHover(pointData, singleSet, event)}\n              onMouseOut={_onBarLeave}\n              onFocus={event => onBarFocus(event, pointData, singleSet)}\n              onBlur={_onBarLeave}\n              onClick={pointData.onClick}\n              aria-label={getAriaLabel(pointData, singleSet.xAxisPoint)}\n              tabIndex={_legendHighlighted(pointData.legend) || _noLegendHighlighted() ? 0 : undefined}\n              role=\"img\"\n            />,\n          );\n\n          barTotalValue += pointData.data;\n        });\n        if (barTotalValue !== null && !props.hideLabels && Math.ceil(_barWidth) >= 16 && isLegendActive) {\n          barLabelsForGroup.push(\n            <text\n              key={`${singleSet.indexNum}-${legendIndex}`}\n              x={xPoint + _barWidth / 2}\n              y={barTotalValue >= Y_ORIGIN ? yPositiveStart - 6 : yNegativeStart + 12}\n              textAnchor=\"middle\"\n              className={classes.barLabel}\n              aria-hidden={true}\n              style={{ direction: 'ltr', unicodeBidi: 'isolate' }}\n            >\n              {typeof props.yAxisTickFormat === 'function'\n                ? props.yAxisTickFormat(barTotalValue)\n                : formatScientificLimitWidth(barTotalValue)}\n            </text>,\n          );\n        }\n      }\n    });\n    // Used to display tooltip at x axis labels.\n    if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(xScale0);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return (\n      <g\n        key={singleSet.indexNum}\n        transform={`translate(${xScale0(singleSet.xAxisPoint) + (xScale0.bandwidth() - effectiveGroupWidth) / 2}, 0)`}\n      >\n        {singleGroup}\n        {barLabelsForGroup}\n      </g>\n    );\n  };\n\n  // For grouped vertical bar chart, First need to define total scale (from start to end)\n  // From that need to define scale for single group of bars - done by createX1Scale\n  const _createX0Scale = (containerWidth: number) => {\n    const x0Axis = d3ScaleBand()\n      .domain(xAxisLabels)\n      .range(\n        _useRtl\n          ? [containerWidth! - _margins.right! - _domainMargin, _margins.left! + _domainMargin]\n          : [_margins.left! + _domainMargin, containerWidth! - _margins.right! - _domainMargin],\n      )\n      .paddingInner(_xAxisInnerPadding)\n      .paddingOuter(_xAxisOuterPadding);\n    return x0Axis;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _createX1Scale = (): any => {\n    return (\n      d3ScaleBand()\n        .domain(_barLegends)\n        // When there is only one group, xScale0 adds padding around it,\n        // causing the bandwidth to become smaller than the actual group width.\n        // So to render bars in the group correctly, use groupWidth instead of the generated scale bandwidth.\n        .range(_useRtl ? [_groupWidth, 0] : [0, _groupWidth])\n        .paddingInner(X1_INNER_PADDING)\n    );\n  };\n\n  const _onLegendHover = (legendTitle: string): void => {\n    setActiveLegend(legendTitle);\n  };\n\n  const _onLegendLeave = (): void => {\n    setActiveLegend('');\n  };\n\n  const _getAxisData = React.useCallback(\n    (yAxisData: IAxisData) => {\n      if (yAxisData && yAxisData.yAxisDomainValues.length) {\n        const { yAxisDomainValues: domainValue } = yAxisData;\n        _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n      }\n    },\n    [props.yMaxValue],\n  );\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  const _legendHighlighted = (legendTitle: string) => {\n    return _getHighlightedLegend().includes(legendTitle!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  const _noLegendHighlighted = () => {\n    return _getHighlightedLegend().length === 0;\n  };\n\n  const _getHighlightedLegend = () => {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  };\n\n  const getAriaLabel = (point: GVBarChartSeriesPoint, xAxisPoint: string): string => {\n    const xValue = point.xAxisCalloutData || xAxisPoint;\n    const legend = point.legend;\n    const yValue = point.yAxisCalloutData || point.data;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  };\n\n  const _getDomainMargins = (containerWidth: number): Margins => {\n    /** Total width available to render the bars */\n    const totalWidth = calcTotalWidth(containerWidth, _margins, MIN_DOMAIN_MARGIN);\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      if (isScalePaddingDefined(props.xAxisOuterPadding)) {\n        // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n        // to adjust the space before the first group and after the last group.\n        _domainMargin = 0;\n      } else if (props.barWidth !== 'auto') {\n        // Update the bar width so that when CartesianChart rerenders,\n        // the following calculations don't use the previous bar width.\n        _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n        const groupWidth = calcRequiredWidth(_barWidth, _barLegends.length, X1_INNER_PADDING);\n        /** Total width required to render the groups. Directly proportional to group width */\n        const reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n\n        if (totalWidth >= reqWidth) {\n          // Center align the chart by setting equal left and right margins for domain\n          _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n        }\n      } else if (props.mode === 'plotly' && xAxisLabels.length > 1) {\n        // Calculate the remaining width after rendering groups at their maximum allowable width\n        const groupBandwidth = calcBandwidth(totalWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const barBandwidth = calcBandwidth(groupBandwidth, _barLegends.length, X1_INNER_PADDING);\n        const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, barBandwidth);\n        const groupWidth = calcRequiredWidth(barWidth, _barLegends.length, X1_INNER_PADDING);\n        let reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const margin1 = (totalWidth - reqWidth) / 2;\n\n        let margin2 = Number.POSITIVE_INFINITY;\n        if (!props.hideTickOverlap) {\n          // Calculate the remaining width after accounting for the space required to render x-axis labels\n          const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n          reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n          margin2 = (totalWidth - reqWidth) / 2;\n        }\n\n        _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n      }\n    }\n\n    return {\n      ..._margins,\n      left: _margins.left! + _domainMargin,\n      right: _margins.right! + _domainMargin,\n    };\n  };\n\n  const _isChartEmpty = (_barData: GroupedVerticalBarChartData[], _lineData: GVBCLineSeries[]): boolean => {\n    return !(\n      (_barData &&\n        _barData.length > 0 &&\n        _barData.filter((item: GroupedVerticalBarChartData) => item.series.length).length > 0) ||\n      (_lineData && _lineData.length > 0 && _lineData.some(series => series.data.length > 0))\n    );\n  };\n\n  const _getChartTitle = (): string => {\n    return (\n      (props.chartTitle ? `${props.chartTitle}. ` : '') +\n      `Vertical bar chart with ${_barLegends.length} grouped bar series` +\n      (_lineLegends.length > 0 ? ` and ${_lineLegends.length} line series. ` : '. ')\n    );\n  };\n\n  const _createLines = (\n    _lineData: GVBCLineSeries[],\n    xScale: StringScale,\n    yScalePrimary: NumericScale,\n    yScaleSecondary?: NumericScale,\n  ): React.ReactNode => {\n    const lineBorders: React.ReactNode[] = [];\n    const lines: React.ReactNode[] = [];\n    const dots: React.ReactNode[] = [];\n\n    const scaleLineX = (x: string) => xScale(x)! + xScale.bandwidth() / 2;\n\n    _lineData.forEach((series, seriesIdx) => {\n      const lineBorderGroup: React.ReactNode[] = [];\n      const lineGroup: React.ReactNode[] = [];\n      const dotGroup: React.ReactNode[] = [];\n      const lineBorderWidth = series.lineOptions?.lineBorderWidth\n        ? Number.parseFloat(series.lineOptions.lineBorderWidth.toString())\n        : 0;\n      const yScale = series.useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n      const shouldHighlight = _legendHighlighted(series.legend) || _noLegendHighlighted();\n\n      series.data.forEach((point, pointIdx) => {\n        const x2 = scaleLineX(point.x);\n        const y2 = yScale(point.y);\n\n        if (pointIdx > 0) {\n          const x1 = scaleLineX(series.data[pointIdx - 1].x);\n          const y1 = yScale(series.data[pointIdx - 1].y);\n\n          if (lineBorderWidth > 0) {\n            lineBorderGroup.push(\n              <line\n                key={`lineBorder-${seriesIdx}-${pointIdx}`}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                fill=\"transparent\"\n                stroke={series.lineOptions?.lineBorderColor ?? tokens.colorNeutralBackground1}\n                strokeWidth={3 + lineBorderWidth * 2}\n                strokeLinecap=\"round\"\n                opacity={shouldHighlight ? 1 : 0.1}\n              />,\n            );\n          }\n\n          lineGroup.push(\n            <line\n              key={`line-${seriesIdx}-${pointIdx}`}\n              x1={x1}\n              y1={y1}\n              x2={x2}\n              y2={y2}\n              stroke={series.color}\n              strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n              strokeLinecap={series.lineOptions?.strokeLinecap ?? 'round'}\n              strokeDasharray={series.lineOptions?.strokeDasharray}\n              opacity={shouldHighlight ? 1 : 0.1}\n              onMouseOver={e => _onLineHover(e, series, seriesIdx, pointIdx, scaleLineX)}\n              onMouseLeave={_onBarLeave}\n            />,\n          );\n        }\n\n        const dotId = _getDotId(seriesIdx, pointIdx);\n        const isLinePointActive = activeLinePoint === point.x || activeLinePoint === dotId;\n\n        dotGroup.push(\n          <circle\n            key={dotId}\n            id={dotId}\n            cx={x2}\n            cy={y2}\n            r={shouldHighlight && isLinePointActive ? 8 : 0.3}\n            fill={tokens.colorNeutralBackground1}\n            stroke={series.color}\n            strokeWidth={3}\n            opacity={shouldHighlight ? 1 : 0.1}\n            onMouseOver={e => _onLineHover(e, series, seriesIdx, pointIdx, scaleLineX)}\n            onMouseLeave={_onBarLeave}\n            data-is-focusable={shouldHighlight}\n            onFocus={e => _onLineFocus(e, series, seriesIdx, pointIdx)}\n            onBlur={_onBarLeave}\n            role=\"img\"\n            aria-label={getAriaLabel(\n              {\n                xAxisCalloutData: point.xAxisCalloutData,\n                legend: series.legend,\n                yAxisCalloutData: point.yAxisCalloutData,\n                data: point.y,\n                callOutAccessibilityData: point.callOutAccessibilityData,\n              } as GVBarChartSeriesPoint,\n              point.x,\n            )}\n          />,\n        );\n      });\n\n      lineBorders.push(<g key={`lineBorderGroup-${seriesIdx}`}>{lineBorderGroup}</g>);\n      lines.push(<g key={`lineGroup-${seriesIdx}`}>{lineGroup}</g>);\n      dots.push(<g key={`dotGroup-${seriesIdx}`}>{dotGroup}</g>);\n    });\n\n    return dots.length > 0 ? (\n      <g>\n        {lineBorders.length > 0 ? <g>{lineBorders}</g> : null}\n        {lines.length > 0 ? <g>{lines}</g> : null}\n        <g>{dots}</g>\n      </g>\n    ) : null;\n  };\n\n  const _onLineHover = (\n    event: React.MouseEvent<SVGElement>,\n    series: GVBCLineSeries,\n    seriesIdx: number,\n    pointIdx: number,\n    scaleLineX: (x: string) => number,\n  ) => {\n    const pointerX = d3Pointer(event, _rectRef.current)[0];\n\n    let closestPointIdx = pointIdx;\n    if (pointIdx > 0) {\n      const currPointPos = scaleLineX(series.data[pointIdx].x);\n      const prevPointPos = scaleLineX(series.data[pointIdx - 1].x);\n\n      if (Math.abs(prevPointPos - pointerX) < Math.abs(currPointPos - pointerX)) {\n        closestPointIdx = pointIdx - 1;\n      }\n    }\n\n    event.persist();\n    _showCalloutForLines(event.currentTarget, series, seriesIdx, closestPointIdx);\n  };\n\n  const _onLineFocus = (\n    event: React.FocusEvent<SVGElement>,\n    series: GVBCLineSeries,\n    seriesIdx: number,\n    pointIdx: number,\n  ) => {\n    _showCalloutForLines(event.currentTarget, series, seriesIdx, pointIdx);\n  };\n\n  const _showCalloutForLines = (target: SVGElement, series: GVBCLineSeries, seriesIdx: number, pointIdx: number) => {\n    const point = series.data[pointIdx];\n    const pointData = {\n      ...point,\n      legend: series.legend,\n      color: series.color!,\n      key: series.legend,\n      data: point.y,\n      yAxisCalloutData: point.yAxisCalloutData as string | undefined,\n    };\n    const groupData = _datasetForBars.find((singleSet: { xAxisPoint: string }) => singleSet.xAxisPoint === point.x);\n\n    _showCallout(target, pointData, groupData, _getDotId(seriesIdx, pointIdx));\n  };\n\n  const _showCallout = (\n    target: SVGElement,\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n    _activeLinePoint = '',\n  ) => {\n    setPopoverTarget(target);\n    setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n    setCalloutLegend(pointData.legend);\n    setDataForHoverCard(pointData.data);\n    setColor(pointData.color);\n    setXCalloutValue(pointData.xAxisCalloutData ?? groupData.xAxisPoint);\n    setYCalloutValue(pointData.yAxisCalloutData);\n    setCallOutAccessibilityData(\n      props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n    );\n    setYValueHover(\n      groupData.groupSeries.filter((item: YValueHover) => _noLegendHighlighted() || _legendHighlighted(item.legend!)),\n    );\n    setHoverXValue(pointData.xAxisCalloutData ?? groupData.xAxisPoint);\n    setActiveLinePoint(props.isCalloutForStack ? groupData.xAxisPoint : _activeLinePoint);\n  };\n\n  const _getDotId = (seriesIdx: number, pointIdx: number) => {\n    return _uniqDotId + `-${seriesIdx}-${pointIdx}`;\n  };\n\n  return !_isChartEmpty(barData, lineData) ? (\n    <CartesianChart\n      {...props}\n      chartTitle={_getChartTitle()}\n      points={_datasetForBars}\n      chartType={ChartTypes.GroupedVerticalBarChart}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      getMinMaxOfYAxis={_getMinMaxOfYAxis}\n      createStringYAxis={createStringYAxis}\n      calloutProps={calloutProps}\n      legendBars={legendBars}\n      xAxisType={_xAxisType}\n      createYAxis={createNumericYAxis}\n      datasetForXAxisDomain={_xAxisLabels}\n      tickParams={tickParams}\n      tickPadding={props.tickPadding || 5}\n      maxOfYVal={_yMax}\n      getmargins={_getMargins}\n      getGraphData={_getGraphData}\n      getAxisData={_getAxisData}\n      onChartMouseLeave={_handleChartMouseLeave}\n      getDomainMargins={_getDomainMargins}\n      {...(_xAxisType === XAxisTypes.StringAxis && {\n        xAxisInnerPadding: _xAxisInnerPadding,\n        xAxisOuterPadding: _xAxisOuterPadding,\n      })}\n      barwidth={_barWidth}\n      componentRef={cartesianChartRef}\n      /* eslint-disable react/jsx-no-bind */\n      children={(childProps: ChildProps) => {\n        return (\n          <>\n            <rect ref={_rectRef} width=\"100%\" height=\"100%\" fill=\"transparent\" style={{ pointerEvents: 'none' }} />\n            <g>{_groupedVerticalBarGraph}</g>\n            {_createLines(lineData, childProps.xScale, childProps.yScalePrimary, childProps.yScaleSecondary)}\n          </>\n        );\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nGroupedVerticalBarChart.displayName = 'GroupedVerticalBarChart';\n"],"names":["React","useGroupedVerticalBarChartStyles_unstable","select","d3Select","pointer","d3Pointer","max","d3Max","min","d3Min","scaleBand","d3ScaleBand","useId","ChartTypes","getAccessibleDataObject","tooltipOfAxislabels","XAxisTypes","getTypeOfAxis","formatScientificLimitWidth","getScalePadding","getBarWidth","isScalePaddingDefined","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","getNextColor","areArraysEqual","calculateLongestLabelWidth","useRtl","calcRequiredWidth","calcTotalWidth","calcBandwidth","calcTotalBandUnits","sortAxisCategories","CartesianChart","Legends","getColorFromToken","toImage","tokens","MIN_DOMAIN_MARGIN","X1_INNER_PADDING","VERTICAL_BAR_GAP","MIN_BAR_HEIGHT","GroupedVerticalBarChart","forwardRef","_props","forwardedRef","props","xAxisCategoryOrder","maxBarWidth","_tooltipId","_emptyChartId","_useRtl","_domainMargin","_xAxisLabels","_datasetForBars","_margins","top","right","bottom","left","_groupedVerticalBarGraph","_yMax","_calloutAnchorPoint","_barWidth","_groupWidth","_xAxisInnerPadding","_xAxisOuterPadding","_barLegends","_lineLegends","_legendColorMap","cartesianChartRef","useRef","Y_ORIGIN","_legendsRef","_rectRef","_uniqDotId","color","setColor","useState","dataForHoverCard","setDataForHoverCard","selectedLegends","setSelectedLegends","legendProps","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","yValueHover","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","activeLegend","setActiveLegend","callOutAccessibilityData","setCallOutAccessibilityData","undefined","popoverTarget","setPopoverTarget","isPopoverOpen","setPopoverOpen","activeLinePoint","setActiveLinePoint","classes","useEffect","useImperativeHandle","componentRef","chartContainer","current","opts","toSVG","_adjustProps","barWidth","xAxisInnerPadding","length","xAxisOuterPadding","_createDataset","barData","lineData","datasetForBars","linePointsByX","visitedX","Set","forEach","series","data","point","x","push","legend","y","useSecondaryYScale","index","singleDatasetPointForBars","legendToBarPoint","seriesPoint","xAxisPoint","name","indexNum","groupSeries","Object","values","stackCallOutAccessibilityData","add","keys","xPoint","has","_createDataSetOfGVBC","barLegends","lineLegends","map","xAxisLabels","_getOrderedXAxisLabels","Array","from","onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","addLegendButton","legendTitle","isLineLegendInBarChart","title","hoverAction","_handleChartMouseLeave","_onLegendHover","onMouseOutAction","_onLegendLeave","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_processDataV2","dataV2","barPointsByX","type","key","xAxisCalloutData","yAxisCalloutData","onClick","_prepareChartData","isArray","colorIndex","startColor","endColor","lineColor","_xAxisType","StringAxis","_mapCategoryToValues","categoryToValues","legendBars","_getMinMaxOfYAxis","yAxisType","startValue","endValue","_getDomainNRangeValues","points","margins","width","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","yMax","Math","yMaxValue","calloutProps","positioning","target","XValue","YValue","YValueHover","culture","isCartesian","isCalloutForStack","tickParams","tickFormat","_getGraphData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","xScale0","_createX0Scale","bandwidth","xScale1","_createX1Scale","allGroupsBars","singleSet","_buildGraph","_getMargins","onBarHover","pointData","groupData","mouseEvent","persist","_showCallout","currentTarget","_onBarLeave","onBarFocus","focusEvent","singleGroup","barLabelsForGroup","presentLegends","filter","effectiveGroupWidth","localScale","domain","range","paddingInner","legendIndex","barPoints","yBarScale","isLegendActive","_legendHighlighted","_noLegendHighlighted","barOpacity","barTotalValue","yBaseline","yPositiveStart","yNegativeStart","yPoint","pointIndex","barGap","height","abs","pointColor","rect","className","opacityChangeOnHover","opacity","fill","rx","roundCorners","onMouseOver","onMouseMove","onMouseOut","onFocus","onBlur","aria-label","getAriaLabel","tabIndex","role","hideLabels","ceil","text","textAnchor","barLabel","aria-hidden","style","direction","unicodeBidi","yAxisTickFormat","wrapXAxisLables","showXAxisLablesTooltip","xAxisElement","call","document","getElementById","remove","e","tooltipProps","tooltipCls","tooltip","id","axis","g","transform","x0Axis","paddingOuter","_getAxisData","useCallback","yAxisData","yAxisDomainValues","domainValue","_getHighlightedLegend","includes","xValue","yValue","ariaLabel","_getDomainMargins","totalWidth","groupWidth","reqWidth","mode","groupBandwidth","barBandwidth","margin1","margin2","Number","POSITIVE_INFINITY","hideTickOverlap","step","_isChartEmpty","_barData","_lineData","item","some","_getChartTitle","chartTitle","_createLines","lineBorders","lines","dots","scaleLineX","seriesIdx","lineBorderGroup","lineGroup","dotGroup","lineBorderWidth","lineOptions","parseFloat","toString","yScale","shouldHighlight","pointIdx","x2","y2","x1","y1","line","stroke","lineBorderColor","colorNeutralBackground1","strokeWidth","strokeLinecap","strokeDasharray","_onLineHover","onMouseLeave","dotId","_getDotId","isLinePointActive","circle","cx","cy","r","data-is-focusable","_onLineFocus","pointerX","closestPointIdx","currPointPos","prevPointPos","_showCalloutForLines","find","_activeLinePoint","getDomainNRangeValues","getMinMaxOfYAxis","createYAxis","datasetForXAxisDomain","tickPadding","maxOfYVal","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","barwidth","children","childProps","ref","pointerEvents","div","displayName"],"mappings":"AAAA;;;;;+BA8Ea2C;;;;;;;iEA5EU,QAAQ;wDAC2B,4CAA4C;6BAC7C,eAAe;yBAC7B,WAAW;yBACW,WAAW;gCAE1C,4BAA4B;uBA0BvD,wBAAwB;wBAoBxB,cAAc;kCACG,qCAAqC;4BACtC,wBAAwB;AAK/C,MAAMJ,oBAAoB;AAC1B,MAAMC,mBAAmB;AACzB,MAAMC,mBAAmB;AACzB,MAAMC,iBAAiB;AAchB,gCAAMC,WAAAA,GAAkE3C,OAAM4C,UAAU,CAG7F,CAACC,QAAQC;QA+B8DC,oBAmBnEA;IAjDJ,MAAMA,QAAsC;QAC1CC,oBAAoB;QACpBC,aAAa;QACb,GAAGJ,MAAM;IACX;IACA,MAAMK,iBAAqBtC,qBAAAA,EAAM;IACjC,MAAMuC,oBAAwBvC,qBAAAA,EAAM;IACpC,MAAMwC,cAAmBxB,aAAAA;IACzB,IAAIyB,gBAAwBd;IAC5B,IAAIe,eAAyB,EAAE;IAC/B,IAAIC,kBAAyB,EAAE;IAC/B,IAAIC,WAAoB;QAAEC,KAAK;QAAGC,OAAO;QAAGC,QAAQ;QAAGC,MAAM;IAAE;IAC/D,IAAIC,2BAAyC,EAAE;IAC/C,IAAIC,QAAgB;IACpB,IAAIC,sBAAoD;IACxD,IAAIC,YAAoB;IACxB,IAAIC,cAAsB;IAC1B,IAAIC,qBAA6B;IACjC,IAAIC,qBAA6B;IACjC,IAAIC,cAAwB,EAAE;IAC9B,IAAIC,eAAyB,EAAE;IAC/B,IAAIC,kBAAoD,CAAC;IACzD,MAAMC,oBAAoBvE,OAAMwE,MAAM,CAAQ;IAC9C,MAAMC,WAAmB;IACzB,MAAMC,cAAc1E,OAAMwE,MAAM,CAAkB;IAClD,MAAMG,WAAW3E,OAAMwE,MAAM,CAAiB;IAC9C,MAAMI,iBAAahE,qBAAAA,EAAM;IAEzB,MAAM,CAACiE,OAAOC,SAAS,GAAG9E,OAAM+E,QAAQ,CAAqB;IAC7D,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGjF,OAAM+E,QAAQ,CAAS;IACvE,MAAM,CAACG,iBAAiBC,mBAAmB,GAAGnF,OAAM+E,QAAQ,CAAWhC,CAAAA,CAAAA,qBAAAA,MAAMqC,WAAAA,AAAW,MAAA,QAAjBrC,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBmC,eAAe,AAAfA,KAAmB,EAAE;IAC/G,MAAM,CAACG,eAAeC,iBAAiB,GAAGtF,OAAM+E,QAAQ,CAAS;IACjE,MAAM,CAACQ,eAAeC,iBAAiB,GAAGxF,OAAM+E,QAAQ,CAAqB;IAC7E,MAAM,CAACU,aAAaC,eAAe,GAAG1F,OAAM+E,QAAQ,CAAgB,EAAE;IACtE,MAAM,CAACY,aAAaC,eAAe,GAAG5F,OAAM+E,QAAQ,CAAS;IAC7D,MAAM,CAACc,eAAeC,iBAAiB,GAAG9F,OAAM+E,QAAQ,CAAS;IACjE,MAAM,CAACgB,cAAcC,gBAAgB,GAAGhG,OAAM+E,QAAQ,CAAS;IAC/D,MAAM,CAACkB,0BAA0BC,4BAA4B,GAAGlG,OAAM+E,QAAQ,CAC5EoB;IAEF,MAAM,CAACC,eAAeC,iBAAiB,GAAGrG,OAAM+E,QAAQ,CAAoB;IAC5E,MAAM,CAACuB,eAAeC,eAAe,GAAGvG,OAAM+E,QAAQ,CAAU;IAChE,MAAM,CAACyB,iBAAiBC,mBAAmB,GAAGzG,OAAM+E,QAAQ,CAAS;IACrE,MAAM2B,cAAUzG,iFAAAA,EAA0C8C;IAE1D/C,OAAM2G,SAAS,CAAC;YACM5D;QAApB,IAAI,KAACrB,qBAAAA,EAAAA,CAAeqB,qBAAAA,MAAMqC,WAAAA,AAAW,MAAA,QAAjBrC,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBmC,eAAe,EAAEA,kBAAkB;gBACrDnC;YAAnBoC,mBAAmBpC,CAAAA,CAAAA,sBAAAA,MAAMqC,WAAAA,AAAW,MAAA,QAAjBrC,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmBmC,eAAAA,AAAe,KAAI,EAAE;QAC7D;IACF,GAAG;SAACnC,sBAAAA,MAAMqC,WAAAA,AAAW,MAAA,QAAjBrC,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmBmC,eAAe;KAAC;IAEvClF,OAAM4G,mBAAmB,CACvB7D,MAAM8D,YAAY,EAClB;YACkBtC;YAAAA;eADX;YACLuC,gBAAgBvC,CAAAA,4CAAAA,CAAAA,6BAAAA,kBAAkBwC,OAAAA,AAAO,MAAA,QAAzBxC,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAA2BuC,cAAAA,AAAc,MAAA,QAAzCvC,8CAAAA,KAAAA,IAAAA,4CAA6C;YAC7DlC,SAAS,CAAC2E;oBACOzC,4BAA2CG;gBAA1D,OAAOrC,6BAAAA,EAAAA,CAAQkC,6BAAAA,kBAAkBwC,OAAAA,AAAO,MAAA,QAAzBxC,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAA2BuC,cAAc,EAAA,CAAEpC,sBAAAA,YAAYqC,OAAAA,AAAO,MAAA,QAAnBrC,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAqBuC,KAAK,EAAE7D,SAAS4D;YACjG;QACF;OACA,EAAE;IAGJ,MAAME,eAAe;QACnBlD,gBAAY5C,kBAAAA,EAAY2B,MAAMoE,QAAQ,EAAEpE,MAAME,WAAW;QACzD,iFAAiF;QACjF,uCAAuC;QACvC,+FAA+F;QAC/FiB,yBAAqB/C,sBAAAA,EACnB4B,MAAMqE,iBAAiB,EACvBjB,WACA,IAAK,CAAA,QAAInE,yBAAAA,EAAmBoC,YAAYiD,MAAM,EAAE7E,iBAAAA,CAAgB;QAElE2B,yBAAqBhD,sBAAAA,EAAgB4B,MAAMuE,iBAAiB;IAC9D;IAEA,MAAMC,iBAAiB,CAACC,SAAwCC;QAC9D,8DAA8D;QAC9D,MAAMC,iBAAsB,EAAE;QAE9B,MAAMC,gBAA+C,CAAC;QACtD,MAAMC,WAAW,IAAIC;QACrBJ,SAASK,OAAO,CAACC,CAAAA;YACfA,OAAOC,IAAI,CAACF,OAAO,CAACG,CAAAA;gBAClB,IAAI,CAACN,aAAa,CAACM,MAAMC,CAAC,CAAC,EAAE;oBAC3BP,aAAa,CAACM,MAAMC,CAAC,CAAC,GAAG,EAAE;gBAC7B;gBACAP,aAAa,CAACM,MAAMC,CAAC,CAAC,CAACC,IAAI,CAAC;oBAC1B,GAAGF,KAAK;oBACRG,QAAQL,OAAOK,MAAM;oBACrBvD,OAAOkD,OAAOlD,KAAK;oBACnBmD,MAAMC,MAAMI,CAAC;oBACbC,oBAAoBP,OAAOO,kBAAkB;gBAC/C;YACF;QACF;QAEAd,QAAQM,OAAO,CAAC,CAACG,OAAoCM;YACnD,8DAA8D;YAC9D,MAAMC,4BAAiC,CAAC;YACxC,MAAMC,mBAA0D,CAAC;YAEjER,MAAMF,MAAM,CAACD,OAAO,CAAC,CAACY;gBACpB,IAAI,CAACF,yBAAyB,CAACE,YAAYN,MAAM,CAAC,EAAE;oBAClDI,yBAAyB,CAACE,YAAYN,MAAM,CAAC,GAAG;wBAAC;4BAAE,GAAGM,WAAW;wBAAC;qBAAE;oBACpED,gBAAgB,CAACC,YAAYN,MAAM,CAAC,GAAG;wBAAE,GAAGM,WAAW;oBAAC;gBAC1D,OAAO;oBACLF,yBAAyB,CAACE,YAAYN,MAAM,CAAC,CAACD,IAAI,CAAC;wBAAE,GAAGO,WAAW;oBAAC;oBACpED,gBAAgB,CAACC,YAAYN,MAAM,CAAC,CAACJ,IAAI,IAAIU,YAAYV,IAAI;gBAC/D;YACF;YAEAQ,0BAA0BG,UAAU,GAAGV,MAAMW,IAAI;YACjDJ,0BAA0BK,QAAQ,GAAGN;gBAG/BZ;YAFNa,0BAA0BM,WAAW,GAAG;mBACnCC,OAAOC,MAAM,CAACP;mBACbd,CAAAA,4BAAAA,aAAa,CAACM,MAAMW,KAAI,AAAC,MAAA,QAAzBjB,8BAAAA,KAAAA,IAAAA,4BAA6B,EAAE;aACpC;YACDa,0BAA0BS,6BAA6B,GAAGhB,MAAMgB,6BAA6B;YAC7FvB,eAAeS,IAAI,CAACK;YACpBZ,SAASsB,GAAG,CAACjB,MAAMW,IAAI;QACzB;QAEAG,OAAOI,IAAI,CAACxB,eAAeG,OAAO,CAACsB,CAAAA;YACjC,IAAI,CAACxB,SAASyB,GAAG,CAACD,SAAS;gBACzB1B,eAAeS,IAAI,CAAC;oBAClBQ,YAAYS;oBACZN,aAAanB,aAAa,CAACyB,OAAO;gBACpC;YACF;QACF;QAEA,OAAO1B;IACT;IAEA,MAAM4B,uBAAuB,CAAC9B,SAAwCC;QACpE,MAAM8B,aAAa,IAAI1B;QACvBL,QAAQM,OAAO,CAAC,CAACG;YACfA,MAAMF,MAAM,CAACD,OAAO,CAAC,CAACY;gBACpBa,WAAWL,GAAG,CAACR,YAAYN,MAAM;YACnC;QACF;QACA,MAAMoB,cAAc,IAAI3B,IAAYJ,SAASgC,GAAG,CAAC1B,CAAAA,SAAUA,OAAOK,MAAM;QACxE,MAAMsB,cAAwBC,uBAAuBnC,SAASC;QAC9D,MAAMC,iBAAiBH,eAAeC,SAASC;QAC/C,OAAO;YACL8B,YAAYK,MAAMC,IAAI,CAACN;YACvBC,aAAaI,MAAMC,IAAI,CAACL;YACxBE;YACAhC;QACF;IACF;IAEA,MAAMoC,0BAA0B,CAC9B5E,iBACA6E,OACAC;YAEIjH,oBAKAA;QALJ,IAAA,CAAIA,qBAAAA,MAAMqC,WAAAA,AAAW,MAAA,QAAjBrC,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBkH,wBAAwB,EAAE;YAC/C9E,mBAAmBD;QACrB,OAAO;YACLC,mBAAmBD,gBAAgBgF,KAAK,CAAC,CAAC;QAC5C;QACA,IAAA,AAAInH,uBAAAA,MAAMqC,WAAW,AAAXA,MAAW,QAAjBrC,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmBoH,QAAQ,EAAE;YAC/BpH,MAAMqC,WAAW,CAAC+E,QAAQ,CAACjF,iBAAiB6E,OAAOC;QACrD;IACF;IAEA,4DAA4D;IAC5D,MAAMI,iBAAiB;QACrB,MAAMC,UAAoB,EAAE;QAE5B,MAAMC,kBAAkB,CAACC,aAAqBC;YAC5C,MAAMpC,SAAiB;gBACrBqC,OAAOF;gBACP1F,OAAOP,eAAe,CAACiG,YAAY,CAAC,EAAE;gBACtCC;gBACAE,aAAa;oBACXC;oBACAC,eAAeL;gBACjB;gBACAM,kBAAkB;oBAChBC;gBACF;YACF;YAEAT,QAAQlC,IAAI,CAACC;QACf;QAEA/D,aAAayD,OAAO,CAACyC,CAAAA,cAAeD,gBAAgBC,aAAa;QACjEnG,YAAY0D,OAAO,CAACyC,CAAAA,cAAeD,gBAAgBC;QAEnD,OAAA,WAAA,GACE,OAAA,aAAA,CAACpI,eAAAA,EAAAA;YACC4I,SAASV;YACTW,kBAAkBjI,MAAMkI,uBAAuB;YAC/CC,cAAcnI,MAAMoI,mBAAmB;YACtC,GAAGpI,MAAMqC,WAAW;YACrB+E,UAAUL;YACVsB,WAAW1G;;IAGjB;IAEA,MAAM2G,iBAAiB,CAACC;QACtB,MAAMC,eAA4D,CAAC;QACnE,MAAM9D,WAA6B,EAAE;QAErC6D,OAAOxD,OAAO,CAACC,CAAAA;YACb,IAAIA,OAAOyD,IAAI,KAAK,OAAO;gBACzBzD,OAAOC,IAAI,CAACF,OAAO,CAACG,CAAAA;oBAClB,IAAI,CAACsD,YAAY,CAACtD,MAAMC,CAAC,CAAC,EAAE;wBAC1BqD,YAAY,CAACtD,MAAMC,CAAC,CAAC,GAAG;4BAAEU,MAAMX,MAAMC,CAAC;4BAAEH,QAAQ,EAAE;wBAAC;oBACtD;wBAGOA,aAEEE;oBAHTsD,YAAY,CAACtD,MAAMC,CAAC,CAAC,CAACH,MAAM,CAACI,IAAI,CAAC;wBAChCsD,KAAK1D,CAAAA,cAAAA,OAAO0D,GAAAA,AAAG,MAAA,QAAV1D,gBAAAA,KAAAA,IAAAA,cAAcA,OAAOK,MAAM;wBAChCJ,MAAMC,MAAMI,CAAC;wBACbxD,OAAOoD,CAAAA,eAAAA,MAAMpD,KAAAA,AAAK,MAAA,QAAXoD,iBAAAA,KAAAA,IAAAA,eAAeF,OAAOlD,KAAK;wBAClC,6BAA6B;wBAC7BuD,QAAQL,OAAOK,MAAM;wBACrBsD,kBAAkBzD,MAAMyD,gBAAgB;wBACxCC,kBAAkB1D,MAAM0D,gBAAgB;wBACxCC,SAAS3D,MAAM2D,OAAO;wBACtBtD,oBAAoBP,OAAOO,kBAAkB;oBAC/C;gBACF;YACF,OAAO,IAAIP,OAAOyD,IAAI,KAAK,QAAQ;gBACjC/D,SAAUU,IAAI,CAACJ;YACjB;QACF;QAEA,OAAO;YAAEP,SAASuB,OAAOC,MAAM,CAACuC;YAAe9D;QAAS;IAC1D;IAEA,MAAMoE,oBAAoB;QACxB,IAAIrE,UAAUzE,MAAMiF,IAAI;QACxB,IAAIP;QAEJ,IAAImC,MAAMkC,OAAO,CAAC/I,MAAMuI,MAAM,KAAKvI,MAAMuI,MAAM,CAACjE,MAAM,GAAG,GAAG;aACzD,EAAEG,OAAO,EAAEC,QAAQ,EAAE,GAAG4D,eAAetI,MAAMuI,OAAM,CAAA;QACtD;QAEAhH,kBAAkB,CAAC;QACnB,IAAIyH,aAAa;YAIbvE,cAsBAC;QAxBJ,OAAO;YACLD,SACEA,CAAAA,eAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASiC,GAAG,CAACxB,CAAAA;oBAIPA;oBAAAA;gBAHJ,OAAO;oBACL,GAAGA,KAAK;oBACRF,QACEE,CAAAA,oBAAAA,CAAAA,gBAAAA,MAAMF,MAAAA,AAAM,MAAA,QAAZE,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcwB,GAAG,CAACf,CAAAA;wBAChB,wCAAwC;wBACxC,IAAIsD,aAAatD,YAAY7D,KAAK,GAAG6D,YAAY7D,KAAK,OAAGpD,mBAAAA,EAAasK,YAAY;wBAClF,IAAIE,WAAWD;wBACf,IAAI,CAAC1H,eAAe,CAACoE,YAAYN,MAAM,CAAC,EAAE;4BACxC9D,eAAe,CAACoE,YAAYN,MAAM,CAAC,GAAG;gCAAC4D;gCAAYC;6BAAS;wBAC9D;wBACAF,cAAc;4BAILrD;wBAFT,OAAO;4BACL,GAAGA,WAAW;4BACd7D,OAAO6D,sBAAAA,YAAY7D,KAAK,AAALA,MAAK,QAAjB6D,uBAAAA,KAAAA,IAAAA,qBAAqBpE,eAAe,CAACoE,YAAYN,MAAM,CAAC,CAAC,EAAE;wBACpE;oBACF,EAAA,MAAA,QAbAH,sBAAAA,KAAAA,IAAAA,oBAaM,EAAE;gBACZ;YACF,EAAA,MAAA,QAnBAT,iBAAAA,KAAAA,IAAAA,eAmBM,EAAE;YAEVC,UACEA,CAAAA,gBAAAA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUgC,GAAG,CAAC1B,CAAAA;gBACZ,IAAImE;gBACJ,IAAI,OAAOnE,OAAOlD,KAAK,KAAK,aAAa;oBACvCqH,gBAAYzK,mBAAAA,EAAasK,YAAY;gBACvC,OAAO;oBACLG,gBAAY9J,yBAAAA,EAAkB2F,OAAOlD,KAAK;gBAC5C;gBAEA,IAAI,CAACP,eAAe,CAACyD,OAAOK,MAAM,CAAC,EAAE;oBACnC9D,eAAe,CAACyD,OAAOK,MAAM,CAAC,GAAG;wBAAC8D;wBAAWA;qBAAU;gBACzD;gBACAH,cAAc;gBAEd,OAAO;oBACL,GAAGhE,MAAM;oBACTlD,OAAOP,eAAe,CAACyD,OAAOK,MAAM,CAAC,CAAC,EAAE;gBAC1C;YACF,EAAA,MAAA,QAjBAX,kBAAAA,KAAAA,IAAAA,gBAiBM,EAAE;QACZ;IACF;IAEA,MAAMkC,yBAAyB,CAACnC,SAAwCC;QACtE,IAAI0E,eAAenL,iBAAAA,CAAWoL,UAAU,EAAE;YACxC,OAAO,EAAE;QACX;QAEA,WAAOnK,yBAAAA,EAAmBoK,qBAAqB7E,SAASC,WAAW1E,MAAMC,kBAAkB;IAC7F;IAEA,MAAMqJ,uBAAuB,CAAC7E,SAAwCC;QACpE,MAAM6E,mBAA6C,CAAC;QACpD9E,QAAQM,OAAO,CAACG,CAAAA;YACd,IAAI,CAACqE,gBAAgB,CAACrE,MAAMW,IAAI,CAAC,EAAE;gBACjC0D,gBAAgB,CAACrE,MAAMW,IAAI,CAAC,GAAG,EAAE;YACnC;YACAX,MAAMF,MAAM,CAACD,OAAO,CAACY,CAAAA;gBACnB4D,gBAAgB,CAACrE,MAAMW,IAAI,CAAC,CAACT,IAAI,CAACO,YAAYV,IAAI;YACpD;QACF;QACAP,SAASK,OAAO,CAACC,CAAAA;YACfA,OAAOC,IAAI,CAACF,OAAO,CAACG,CAAAA;gBAClB,IAAI,CAACqE,gBAAgB,CAACrE,MAAMC,CAAC,CAAC,EAAE;oBAC9BoE,gBAAgB,CAACrE,MAAMC,CAAC,CAAC,GAAG,EAAE;gBAChC;gBACAoE,gBAAgB,CAACrE,MAAMC,CAAC,CAAC,CAACC,IAAI,CAACF,MAAMI,CAAC;YACxC;QACF;QACA,OAAOiE;IACT;IAEA,MAAM,EAAE9E,OAAO,EAAEC,QAAQ,EAAE,GAAGoE;IAC9B,MAAMM,iBAAyBlL,oBAAAA,EAAcuG,OAAO,CAAC,EAAE,CAACoB,IAAI,EAAE;IAC9D,MAAM,EAAEW,UAAU,EAAEC,WAAW,EAAEE,WAAW,EAAEhC,cAAc,EAAE,GAAG4B,qBAAqB9B,SAASC;IAC/FrD,cAAcmF;IACdlF,eAAemF;IACflG,eAAeoG;IACfnG,kBAAkBmE;IAClB,MAAM6E,aAAyBnC;IAC/BlD;IAEA,yFAAyF;IACzF,SAASsF,kBAAkB9E,cAAmB,EAAE+E,SAAqB,EAAEnE,kBAA4B;QACjG,MAAMU,SAAmB,EAAE;QAC3B,8DAA8D;QAC9DtB,eAAeI,OAAO,CAAC,CAACE;YACtBA,KAAKc,WAAW,CAAChB,OAAO,CAAC,CAACG;gBACxB,IAAI,CAACK,uBAAuB,CAACL,MAAMK,kBAAkB,EAAE;oBACrDU,OAAOb,IAAI,CAACF,MAAMD,IAAI;gBACxB;YACF;QACF;QAEA,OAAO;YAAE0E,gBAAYjM,YAAAA,EAAMuI;YAAU2D,UAAUpM,gBAAAA,EAAMyI;QAAS;IAChE;IAEA,SAAS4D,uBACPC,MAAqC,EACrCC,OAAgB,EAChBC,KAAa,EACbC,SAAqB,EACrBC,KAAc,EACdC,SAAqB,EACrB/F,QAAgB,EAChBgG,UAAyC,EACzCC,MAAc;QAEd,IAAIC;QACJ,IAAIH,cAAclM,iBAAAA,CAAWsM,WAAW,IAAIJ,cAAclM,iBAAAA,CAAWuM,QAAQ,EAAE;YAC7EF,oBAAoB;gBAAEG,aAAa;gBAAGC,WAAW;gBAAGC,aAAa;gBAAGC,WAAW;YAAE;QACnF,OAAO;YACLN,wBAAoB9L,+BAAAA,EAAyBuL,SAASC,OAAOE;QAC/D;QACA,OAAOI;IACT;IAEA,2FAA2F;IAC3F,iEAAiE;IACjE,8DAA8D;IAC9D,MAAMO,OAAOpB,kBAAkBjJ,iBAAiBoJ,QAAQ;IACxD7I,QAAQ+J,KAAKvN,GAAG,CAACsN,MAAM7K,MAAM+K,SAAS,IAAI;IAE1C,MAAMC,eAAkC;QACtCC,aAAa;YAAEC,QAAQ7H;QAAc;QACrCE;QACAzB;QACAuD,QAAQvC;QACRqI,QAAQ7I;QACR8I,QAAQ5I,gBAAgBA,gBAAgBP;QACxCoJ,aAAa3I;QACbE;QACA0I,SAAStL,MAAMsL,OAAO;QACtBC,aAAa;QACbC,mBAAmBxL,MAAMwL,iBAAiB;QAC1C,GAAGxL,MAAMgL,YAAY;QACrB,OAAGjN,8BAAAA,EAAwBmF,0BAA0B,QAAQ,MAAM;IACrE;IACA,MAAMuI,aAAa;QACjBrB,YAAYpK,MAAMoK,UAAU;QAC5BsB,YAAY1L,MAAM0L,UAAU;IAC9B;IAEA,MAAMC,gBAAgB,CACpBC,QACAC,eACAC,iBACAC,gBACAC,UACAC,cACAC;QAEA,MAAMC,UAAUC,eAAeL;QAE/B,2FAA2F;QAC3F,4EAA4E;QAC5E9K,gBAAY5C,kBAAAA,EACV2B,MAAMoE,QAAQ,EACdpE,MAAME,WAAW,MACjBlB,oBAAAA,EAAcmN,QAAQE,SAAS,IAAIhL,YAAYiD,MAAM,EAAE7E;QAEzDyB,kBAAcpC,wBAAAA,EAAkBmC,WAAWI,YAAYiD,MAAM,EAAE7E;QAE/D,MAAM6M,UAAUC;QAChB,MAAMC,gBAA8B,EAAE;QACtChM,gBAAgBuE,OAAO,CAAC,CAAC0H;YACvBD,cAAcpH,IAAI,CAChBsH,YAAYD,WAAWN,SAASG,SAAST,eAAeK,iBAAiBJ,iBAAiBE;QAE9F;QACAlL,2BAA2B0L;IAC7B;IAEA,MAAMG,cAAc,CAAC5C;QACnBtJ,WAAWsJ;IACb;IAEA,MAAM6C,aAAa,CACjBC,WAEAC,AADA,WAEAC,mDAF8D;QAI9DA,WAAWC,OAAO;QAClB,IAAIhM,wBAAwB6L,WAAW;YACrC7L,sBAAsB6L;YACtBI,aAAaF,WAAWG,aAAa,EAAEL,WAAWC;QACpD;IACF;IAEA,MAAMK,cAAc;IAClB,EAAE,GACJ;IAEA,MAAMvF,yBAAyB;QAC7B5G,sBAAsB;QACtBwC,eAAe;IACjB;IAEA,MAAM4J,aAAa,CACjBC,YACAR,WACA,AACAC,8DAD8D;QAG9DG,aAAaI,WAAWH,aAAa,EAAEL,WAAWC;IACpD;IAEA,MAAMJ,cAAc,CAClB,AACAD,WACA,AACAN,SACA,AACAG,SACAT,eACAK,iBACAJ,CAR8D,WAEA,KAO9DE,IAL8D;QAQ9D,4DAA4D;QAC5D,MAAMsB,cAA4B,EAAE;QACpC,4DAA4D;QAC5D,MAAMC,oBAAkC,EAAE;QAE1C,sDAAsD;QACtD,MAAMC,iBAAiBnM,YAAYoM,MAAM,CAAC/E,CAAAA,MAAOA,OAAO+D;QACxD,MAAMiB,0BAAsB5O,wBAAAA,EAAkBmC,WAAWuM,eAAelJ,MAAM,EAAE7E;QAEhF,uEAAuE;QACvE,6FAA6F;QAC7F,MAAMkO,aAAa/P,sBAAAA,IAChBgQ,MAAM,CAACJ,gBACPK,KAAK,CAACxN,UAAU;YAACqN;YAAqB;SAAE,GAAG;YAAC;YAAGA;SAAoB,EACnEI,YAAY,CAACrO;QAChB4B,YAAY0D,OAAO,CAAC,CAACyC,aAAqBuG;YACxC,MAAMC,YAAYvB,SAAS,CAACjF,YAAY;YACxC,IAAIwG,WAAW;gBACb,MAAMC,YAAYD,SAAS,CAAC,EAAE,CAACzI,kBAAkB,IAAI2G,kBAAkBA,kBAAkBL;oBAEzE8B;gBAAhB,MAAMtH,SAAUsH,CAAAA,CAAAA,cAAAA,WAAWnG,YAAAA,MAAAA,QAAXmG,gBAAAA,KAAAA,IAAAA,eAA2B,CAAA,GAAMA,CAAAA,WAAWtB,SAAS,KAAKpL,SAAAA,CAAQ,GAAK;gBACvF,MAAMiN,iBAAiBC,mBAAmB3G,gBAAgB4G;gBAC1D,MAAMC,aAAaH,iBAAiB,KAAK;gBAEzC,IAAII,gBAAgB;gBACpB,MAAMC,YAAYN,UAAUvM;gBAC5B,IAAI8M,iBAAiBD;gBACrB,IAAIE,iBAAiBF;gBACrB,IAAIG,SAAShN;gBAEbsM,UAAUjJ,OAAO,CAAC,CAAC8H,WAAkC8B;oBACnD,IAAI,CAAC9B,UAAU5H,IAAI,EAAE;wBACnB,6BAA6B;wBAC7B;oBACF;oBACA,MAAM2J,SAAUlP,mBAAmB,IAAMiP,CAAAA,aAAa,IAAI,KAAI,CAAA;oBAC9D,MAAME,SAAS/D,KAAKvN,GAAG,CAAC0Q,UAAUvM,YAAYuM,UAAUnD,KAAKgE,GAAG,CAACjC,UAAU5H,IAAI,IAAItF;oBACnF,MAAMoP,aAAalC,UAAU/K,KAAK,EAAE,qCAAqC;oBAEzE,IAAI+K,UAAU5H,IAAI,IAAIvD,UAAU;wBAC9B8M,kBAAkBK,SAASD;wBAC3BF,SAASF;oBACX,OAAO;wBACLE,SAASD,iBAAiBG;wBAC1BH,iBAAiBC,SAASG;oBAC5B;oBAEAvB,YAAYlI,IAAI,CAAA,WAAA,GACd,OAAA,aAAA,CAAC4J,QAAAA;wBACCtG,KAAK,GAAG+D,UAAU3G,QAAQ,CAAC,CAAC,EAAEiI,YAAY,CAAC,EAAEY,YAAY;wBACzDM,WAAWtL,QAAQuL,oBAAoB;wBACvCL,QAAQA;wBACR7E,OAAO/I;wBACPkE,GAAGkB;wBACHf,GAAGoJ;wBACHS,SAASd;wBACTe,MAAML;wBACNM,IAAIrP,MAAMsP,YAAY,GAAG,IAAI;wBAC7BC,aAAavI,CAAAA,QAAS4F,WAAWC,WAAWJ,WAAWzF;wBACvDwI,aAAaxI,CAAAA,QAAS4F,WAAWC,WAAWJ,WAAWzF;wBACvDyI,YAAYtC;wBACZuC,SAAS1I,CAAAA,QAASoG,WAAWpG,OAAO6F,WAAWJ;wBAC/CkD,QAAQxC;wBACRtE,SAASgE,UAAUhE,OAAO;wBAC1B+G,cAAYC,aAAahD,WAAWJ,UAAU7G,UAAU;wBACxDkK,UAAU3B,mBAAmBtB,UAAUxH,MAAM,KAAK+I,yBAAyB,IAAIhL;wBAC/E2M,MAAK;;oBAITzB,iBAAiBzB,UAAU5H,IAAI;gBACjC;gBACA,IAAIqJ,kBAAkB,QAAQ,CAACtO,MAAMgQ,UAAU,IAAIlF,KAAKmF,IAAI,CAAChP,cAAc,MAAMiN,gBAAgB;oBAC/FX,kBAAkBnI,IAAI,CAAA,WAAA,GACpB,OAAA,aAAA,CAAC8K,QAAAA;wBACCxH,KAAK,GAAG+D,UAAU3G,QAAQ,CAAC,CAAC,EAAEiI,aAAa;wBAC3C5I,GAAGkB,SAASpF,YAAY;wBACxBqE,GAAGgJ,iBAAiB5M,WAAW8M,iBAAiB,IAAIC,iBAAiB;wBACrE0B,YAAW;wBACXlB,WAAWtL,QAAQyM,QAAQ;wBAC3BC,eAAa;wBACbC,OAAO;4BAAEC,WAAW;4BAAOC,aAAa;wBAAU;uBAEjD,OAAOxQ,MAAMyQ,eAAe,KAAK,aAC9BzQ,MAAMyQ,eAAe,CAACnC,qBACtBnQ,iCAAAA,EAA2BmQ;gBAGrC;YACF;QACF;QACA,4CAA4C;QAC5C,IAAI,CAACtO,MAAM0Q,eAAe,IAAI1Q,MAAM2Q,sBAAsB,EAAE;YAC1D,MAAMC,eAAexT,uBAAAA,EAAS4O,UAAU6E,IAAI,CAAC1E;YAC7C,IAAI;gBACF2E,SAASC,cAAc,CAAC5Q,eAAe2Q,SAASC,cAAc,CAAC5Q,YAAa6Q,MAAM;YAClF,oCAAoC;YACtC,EAAE,OAAOC,GAAG,CAAC;YACb,MAAMC,eAAe;gBACnBC,YAAYxN,QAAQyN,OAAO;gBAC3BC,IAAIlR;gBACJmR,MAAMV;YACR;YACAA,gBAAgB5S,8BAAAA,EAAoBkT;QACtC;QACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,KAAAA;YACC7I,KAAK+D,UAAU3G,QAAQ;YACvB0L,WAAW,CAAC,UAAU,EAAErF,QAAQM,UAAU7G,UAAU,IAAKuG,CAAAA,QAAQE,SAAS,KAAKqB,mBAAAA,CAAkB,GAAK,EAAE,IAAI,CAAC;WAE5GJ,aACAC;IAGP;IAEA,uFAAuF;IACvF,kFAAkF;IAClF,MAAMnB,iBAAiB,CAACL;QACtB,MAAM0F,aAAS7T,kBAAAA,IACZgQ,MAAM,CAACjH,aACPkH,KAAK,CACJxN,UACI;YAAC0L,iBAAkBtL,SAASE,KAAK,GAAIL;YAAeG,SAASI,IAAI,GAAIP;SAAc,GACnF;YAACG,SAASI,IAAI,GAAIP;YAAeyL,iBAAkBtL,SAASE,KAAK,GAAIL;SAAc,EAExFwN,YAAY,CAAC3M,oBACbuQ,YAAY,CAACtQ;QAChB,OAAOqQ;IACT;IAEA,8DAA8D;IAC9D,MAAMlF,iBAAiB;QACrB,WACE3O,kBAAAA,IACGgQ,MAAM,CAACvM,aACR,gEAAgE;QAChE,uEAAuE;QACvE,qGAAqG;SACpGwM,KAAK,CAACxN,UAAU;YAACa;YAAa;SAAE,GAAG;YAAC;YAAGA;SAAY,EACnD4M,YAAY,CAACrO;IAEpB;IAEA,MAAMoI,iBAAiB,CAACL;QACtBvE,gBAAgBuE;IAClB;IAEA,MAAMO,iBAAiB;QACrB9E,gBAAgB;IAClB;IAEA,MAAM0O,eAAe1U,OAAM2U,WAAW,CACpC,CAACC;QACC,IAAIA,aAAaA,UAAUC,iBAAiB,CAACxN,MAAM,EAAE;YACnD,MAAM,EAAEwN,mBAAmBC,WAAW,EAAE,GAAGF;YAC3C9Q,QAAQ+J,KAAKvN,GAAG,CAACwU,WAAW,CAACA,YAAYzN,MAAM,GAAG,EAAE,EAAEtE,MAAM+K,SAAS,IAAI;QAC3E;IACF,GACA;QAAC/K,MAAM+K,SAAS;KAAC;IAGnB;;;;;GAKC,GACD,MAAMoD,qBAAqB,CAAC3G;QAC1B,OAAOwK,wBAAwBC,QAAQ,CAACzK;IAC1C;IAEA;;GAEC,GACD,MAAM4G,uBAAuB;QAC3B,OAAO4D,wBAAwB1N,MAAM,KAAK;IAC5C;IAEA,MAAM0N,wBAAwB;QAC5B,OAAO7P,gBAAgBmC,MAAM,GAAG,IAAInC,kBAAkBa,eAAe;YAACA;SAAa,GAAG,EAAE;IAC1F;IAEA,MAAM6M,eAAe,CAAC3K,OAA8BU;YAI3CV;QAHP,MAAMgN,SAAShN,MAAMyD,gBAAgB,IAAI/C;QACzC,MAAMP,SAASH,MAAMG,MAAM;QAC3B,MAAM8M,SAASjN,MAAM0D,gBAAgB,IAAI1D,MAAMD,IAAI;QACnD,OAAOC,CAAAA,mCAAAA,MAAMhC,wBAAAA,AAAwB,MAAA,QAA9BgC,oCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gCAAgCkN,SAAAA,AAAS,KAAI,GAAGF,OAAO,EAAE,EAAE7M,OAAO,EAAE,EAAE8M,OAAO,CAAC,CAAC;IACxF;IAEA,MAAME,oBAAoB,CAACtG;QACzB,6CAA6C,GAC7C,MAAMuG,iBAAavT,qBAAAA,EAAegN,gBAAgBtL,UAAUjB;QAE5D,IAAI4J,eAAenL,iBAAAA,CAAWoL,UAAU,EAAE;YACxC,QAAI/K,4BAAAA,EAAsB0B,MAAMuE,iBAAiB,GAAG;gBAClD,uGAAuG;gBACvG,uEAAuE;gBACvEjE,gBAAgB;YAClB,OAAO,IAAIN,MAAMoE,QAAQ,KAAK,QAAQ;gBACpC,8DAA8D;gBAC9D,+DAA+D;gBAC/DnD,gBAAY5C,kBAAAA,EAAY2B,MAAMoE,QAAQ,EAAEpE,MAAME,WAAW;gBACzD,MAAMqS,aAAazT,4BAAAA,EAAkBmC,WAAWI,YAAYiD,MAAM,EAAE7E;gBACpE,oFAAoF,GACpF,MAAM+S,eAAW1T,wBAAAA,EAAkByT,YAAYhS,aAAa+D,MAAM,EAAEnD;gBAEpE,IAAImR,cAAcE,UAAU;oBAC1B,4EAA4E;oBAC5ElS,gBAAgBd,oBAAqB8S,CAAAA,aAAaE,QAAAA,CAAO,GAAK;gBAChE;YACF,OAAO,IAAIxS,MAAMyS,IAAI,KAAK,YAAY9L,YAAYrC,MAAM,GAAG,GAAG;gBAC5D,wFAAwF;gBACxF,MAAMoO,iBAAiB1T,wBAAAA,EAAcsT,YAAY/R,aAAa+D,MAAM,EAAEnD;gBACtE,MAAMwR,mBAAe3T,oBAAAA,EAAc0T,gBAAgBrR,YAAYiD,MAAM,EAAE7E;gBACvE,MAAM2E,eAAW/F,kBAAAA,EAAY2B,MAAMoE,QAAQ,EAAEpE,MAAME,WAAW,EAAEyS;gBAChE,MAAMJ,iBAAazT,wBAAAA,EAAkBsF,UAAU/C,YAAYiD,MAAM,EAAE7E;gBACnE,IAAI+S,eAAW1T,wBAAAA,EAAkByT,YAAYhS,aAAa+D,MAAM,EAAEnD;gBAClE,MAAMyR,UAAWN,cAAaE,QAAAA,CAAO,GAAK;gBAE1C,IAAIK,UAAUC,OAAOC,iBAAiB;gBACtC,IAAI,CAAC/S,MAAMgT,eAAe,EAAE;oBAC1B,gGAAgG;oBAChG,MAAMC,WAAOrU,iCAAAA,EAA2B2B,gBAAgB;oBACxDiS,WAAYjS,CAAAA,aAAa+D,MAAM,GAAGnD,kBAAAA,CAAiB,GAAK8R;oBACxDJ,UAAWP,CAAAA,aAAaE,QAAAA,CAAO,GAAK;gBACtC;gBAEAlS,gBAAgBd,oBAAoBsL,KAAKvN,GAAG,CAAC,GAAGuN,KAAKrN,GAAG,CAACmV,SAASC;YACpE;QACF;QAEA,OAAO;YACL,GAAGpS,QAAQ;YACXI,MAAMJ,SAASI,IAAI,GAAIP;YACvBK,OAAOF,SAASE,KAAK,GAAIL;QAC3B;IACF;IAEA,MAAM4S,gBAAgB,CAACC,UAAyCC;QAC9D,OAAO,CACL,CAACD,YACCA,SAAS7O,MAAM,GAAG,KAClB6O,SAAS1F,MAAM,CAAC,CAAC4F,OAAsCA,KAAKrO,MAAM,CAACV,MAAM,EAAEA,MAAM,GAAG,KACrF8O,aAAaA,UAAU9O,MAAM,GAAG,KAAK8O,UAAUE,IAAI,CAACtO,CAAAA,SAAUA,OAAOC,IAAI,CAACX,MAAM,GAAG,EAAA,CAAE;IAE1F;IAEA,MAAMiP,iBAAiB;QACrB,OACGvT,CAAAA,MAAMwT,UAAU,GAAG,GAAGxT,MAAMwT,UAAU,CAAC,EAAE,CAAC,GAAG,EAAA,CAAC,GAC/C,CAAC,wBAAwB,EAAEnS,YAAYiD,MAAM,CAAC,mBAAmB,CAAC,GACjEhD,CAAAA,aAAagD,MAAM,GAAG,IAAI,CAAC,KAAK,EAAEhD,aAAagD,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,CAAG;IAEhF;IAEA,MAAMmP,eAAe,CACnBL,WACAxH,QACAC,eACAK;QAEA,MAAMwH,cAAiC,EAAE;QACzC,MAAMC,QAA2B,EAAE;QACnC,MAAMC,OAA0B,EAAE;QAElC,MAAMC,aAAa,CAAC1O,IAAcyG,OAAOzG,KAAMyG,OAAOS,SAAS,KAAK;QAEpE+G,UAAUrO,OAAO,CAAC,CAACC,QAAQ8O;gBAID9O;YAHxB,MAAM+O,kBAAqC,EAAE;YAC7C,MAAMC,YAA+B,EAAE;YACvC,MAAMC,WAA8B,EAAE;YACtC,MAAMC,kBAAkBlP,CAAAA,CAAAA,sBAAAA,OAAOmP,WAAAA,AAAW,MAAA,QAAlBnP,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkP,eAAe,AAAfA,IACxCpB,OAAOsB,UAAU,CAACpP,OAAOmP,WAAW,CAACD,eAAe,CAACG,QAAQ,MAC7D;YACJ,MAAMC,SAAStP,OAAOO,kBAAkB,IAAI2G,kBAAkBA,kBAAkBL;YAChF,MAAM0I,kBAAkBpG,mBAAmBnJ,OAAOK,MAAM,KAAK+I;YAE7DpJ,OAAOC,IAAI,CAACF,OAAO,CAAC,CAACG,OAAOsP;gBAC1B,MAAMC,KAAKZ,WAAW3O,MAAMC,CAAC;gBAC7B,MAAMuP,KAAKJ,OAAOpP,MAAMI,CAAC;gBAEzB,IAAIkP,WAAW,GAAG;wBA6BCxP,qBACEA,sBACEA;oBA9BrB,MAAM2P,KAAKd,WAAW7O,OAAOC,IAAI,CAACuP,WAAW,EAAE,CAACrP,CAAC;oBACjD,MAAMyP,KAAKN,OAAOtP,OAAOC,IAAI,CAACuP,WAAW,EAAE,CAAClP,CAAC;oBAE7C,IAAI4O,kBAAkB,GAAG;4BASXlP;4BAAAA;wBARZ+O,gBAAgB3O,IAAI,CAAA,WAAA,GAClB,OAAA,aAAA,CAACyP,QAAAA;4BACCnM,KAAK,CAAC,WAAW,EAAEoL,UAAU,CAAC,EAAEU,UAAU;4BAC1CG,IAAIA;4BACJC,IAAIA;4BACJH,IAAIA;4BACJC,IAAIA;4BACJtF,MAAK;4BACL0F,QAAQ9P,CAAAA,sCAAAA,CAAAA,uBAAAA,OAAOmP,WAAAA,AAAW,MAAA,QAAlBnP,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoB+P,eAAAA,AAAe,MAAA,QAAnC/P,wCAAAA,KAAAA,IAAAA,sCAAuCzF,kBAAAA,CAAOyV,uBAAuB;4BAC7EC,aAAa,IAAIf,kBAAkB;4BACnCgB,eAAc;4BACd/F,SAASoF,kBAAkB,IAAI;;oBAGrC;wBAUiBvP,iCACEA;oBATnBgP,UAAU5O,IAAI,CAAA,WAAA,GACZ,OAAA,aAAA,CAACyP,QAAAA;wBACCnM,KAAK,CAAC,KAAK,EAAEoL,UAAU,CAAC,EAAEU,UAAU;wBACpCG,IAAIA;wBACJC,IAAIA;wBACJH,IAAIA;wBACJC,IAAIA;wBACJI,QAAQ9P,OAAOlD,KAAK;wBACpBmT,aAAajQ,mCAAAA,CAAAA,sBAAAA,OAAOmP,WAAAA,AAAW,MAAA,QAAlBnP,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBiQ,WAAAA,AAAW,MAAA,QAA/BjQ,oCAAAA,KAAAA,IAAAA,kCAAmC;wBAChDkQ,eAAelQ,qCAAAA,CAAAA,uBAAAA,OAAOmP,WAAAA,AAAW,MAAA,QAAlBnP,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBkQ,aAAAA,AAAa,MAAA,QAAjClQ,sCAAAA,KAAAA,IAAAA,oCAAqC;wBACpDmQ,eAAe,EAAA,CAAEnQ,uBAAAA,OAAOmP,WAAAA,AAAW,MAAA,QAAlBnP,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBmQ,eAAe;wBACpDhG,SAASoF,kBAAkB,IAAI;wBAC/BhF,aAAa0B,CAAAA,IAAKmE,aAAanE,GAAGjM,QAAQ8O,WAAWU,UAAUX;wBAC/DwB,cAAclI;;gBAGpB;gBAEA,MAAMmI,QAAQC,UAAUzB,WAAWU;gBACnC,MAAMgB,oBAAoB/R,oBAAoByB,MAAMC,CAAC,IAAI1B,oBAAoB6R;gBAE7ErB,SAAS7O,IAAI,CAAA,WAAA,GACX,OAAA,aAAA,CAACqQ,UAAAA;oBACC/M,KAAK4M;oBACLjE,IAAIiE;oBACJI,IAAIjB;oBACJkB,IAAIjB;oBACJkB,GAAGrB,mBAAmBiB,oBAAoB,IAAI;oBAC9CpG,MAAM7P,kBAAAA,CAAOyV,uBAAuB;oBACpCF,QAAQ9P,OAAOlD,KAAK;oBACpBmT,aAAa;oBACb9F,SAASoF,kBAAkB,IAAI;oBAC/BhF,aAAa0B,CAAAA,IAAKmE,aAAanE,GAAGjM,QAAQ8O,WAAWU,UAAUX;oBAC/DwB,cAAclI;oBACd0I,qBAAmBtB;oBACnB7E,SAASuB,CAAAA,IAAK6E,aAAa7E,GAAGjM,QAAQ8O,WAAWU;oBACjD7E,QAAQxC;oBACR4C,MAAK;oBACLH,cAAYC,aACV;wBACElH,kBAAkBzD,MAAMyD,gBAAgB;wBACxCtD,QAAQL,OAAOK,MAAM;wBACrBuD,kBAAkB1D,MAAM0D,gBAAgB;wBACxC3D,MAAMC,MAAMI,CAAC;wBACbpC,0BAA0BgC,MAAMhC,wBAAwB;oBAC1D,GACAgC,MAAMC,CAAC;;YAIf;YAEAuO,YAAYtO,IAAI,CAAA,WAAA,GAAC,OAAA,aAAA,CAACmM,KAAAA;gBAAE7I,KAAK,CAAC,gBAAgB,EAAEoL,WAAW;eAAGC;YAC1DJ,MAAMvO,IAAI,CAAA,WAAA,GAAC,OAAA,aAAA,CAACmM,KAAAA;gBAAE7I,KAAK,CAAC,UAAU,EAAEoL,WAAW;eAAGE;YAC9CJ,KAAKxO,IAAI,CAAA,WAAA,GAAC,OAAA,aAAA,CAACmM,KAAAA;gBAAE7I,KAAK,CAAC,SAAS,EAAEoL,WAAW;eAAGG;QAC9C;QAEA,OAAOL,KAAKtP,MAAM,GAAG,IAAA,WAAA,GACnB,OAAA,aAAA,CAACiN,KAAAA,MACEmC,YAAYpP,MAAM,GAAG,IAAA,WAAA,GAAI,OAAA,aAAA,CAACiN,KAAAA,MAAGmC,eAAmB,MAChDC,MAAMrP,MAAM,GAAG,IAAA,WAAA,GAAI,OAAA,aAAA,CAACiN,KAAAA,MAAGoC,SAAa,MAAA,WAAA,GACrC,OAAA,aAAA,CAACpC,KAAAA,MAAGqC,SAEJ;IACN;IAEA,MAAMwB,eAAe,CACnBpO,OACAhC,QACA8O,WACAU,UACAX;QAEA,MAAMkC,eAAWzY,oBAAAA,EAAU0J,OAAOpF,SAASoC,OAAO,CAAC,CAAC,EAAE;QAEtD,IAAIgS,kBAAkBxB;QACtB,IAAIA,WAAW,GAAG;YAChB,MAAMyB,eAAepC,WAAW7O,OAAOC,IAAI,CAACuP,SAAS,CAACrP,CAAC;YACvD,MAAM+Q,eAAerC,WAAW7O,OAAOC,IAAI,CAACuP,WAAW,EAAE,CAACrP,CAAC;YAE3D,IAAI2F,KAAKgE,GAAG,CAACoH,eAAeH,YAAYjL,KAAKgE,GAAG,CAACmH,eAAeF,WAAW;gBACzEC,kBAAkBxB,WAAW;YAC/B;QACF;QAEAxN,MAAMgG,OAAO;QACbmJ,qBAAqBnP,MAAMkG,aAAa,EAAElI,QAAQ8O,WAAWkC;IAC/D;IAEA,MAAMF,eAAe,CACnB9O,OACAhC,QACA8O,WACAU;QAEA2B,qBAAqBnP,MAAMkG,aAAa,EAAElI,QAAQ8O,WAAWU;IAC/D;IAEA,MAAM2B,uBAAuB,CAACjL,QAAoBlG,QAAwB8O,WAAmBU;QAC3F,MAAMtP,QAAQF,OAAOC,IAAI,CAACuP,SAAS;QACnC,MAAM3H,YAAY;YAChB,GAAG3H,KAAK;YACRG,QAAQL,OAAOK,MAAM;YACrBvD,OAAOkD,OAAOlD,KAAK;YACnB4G,KAAK1D,OAAOK,MAAM;YAClBJ,MAAMC,MAAMI,CAAC;YACbsD,kBAAkB1D,MAAM0D,gBAAgB;QAC1C;QACA,MAAMkE,YAAYtM,gBAAgB4V,IAAI,CAAC,CAAC3J,YAAsCA,UAAU7G,UAAU,KAAKV,MAAMC,CAAC;QAE9G8H,aAAa/B,QAAQ2B,WAAWC,WAAWyI,UAAUzB,WAAWU;IAClE;IAEA,MAAMvH,eAAe,CACnB/B,QACA2B,WACA,AACAC,WACAuJ,mBAAmB,EAAE,8BAFyC;QAI9D/S,iBAAiB4H;QACjB1H,eAAe4K,0BAA0BD,mBAAmBtB,UAAUxH,MAAM;QAC5EtC,iBAAiB8J,UAAUxH,MAAM;QACjCnD,oBAAoB2K,UAAU5H,IAAI;QAClClD,SAAS8K,UAAU/K,KAAK;YACP+K;QAAjBtK,iBAAiBsK,CAAAA,8BAAAA,UAAUlE,gBAAAA,AAAgB,MAAA,QAA1BkE,gCAAAA,KAAAA,IAAAA,8BAA8BC,UAAUlH,UAAU;QACnEnD,iBAAiBoK,UAAUjE,gBAAgB;QAC3CzF,4BACEnD,MAAMwL,iBAAiB,GAAGsB,UAAU5G,6BAA6B,GAAG2G,UAAU3J,wBAAwB;QAExGP,eACEmK,UAAU/G,WAAW,CAAC0H,MAAM,CAAC,CAAC4F,OAAsBjF,0BAA0BD,mBAAmBkF,KAAKhO,MAAM;YAE/FwH;QAAfhK,eAAegK,CAAAA,+BAAAA,UAAUlE,gBAAAA,AAAgB,MAAA,QAA1BkE,iCAAAA,KAAAA,IAAAA,+BAA8BC,UAAUlH,UAAU;QACjElC,mBAAmB1D,MAAMwL,iBAAiB,GAAGsB,UAAUlH,UAAU,GAAGyQ;IACtE;IAEA,MAAMd,YAAY,CAACzB,WAAmBU;QACpC,OAAO3S,aAAa,CAAC,CAAC,EAAEiS,UAAU,CAAC,EAAEU,UAAU;IACjD;IAEA,OAAO,CAACtB,cAAczO,SAASC,YAAAA,WAAAA,GAC7B,OAAA,aAAA,CAACvF,sBAAAA,EAAAA;QACE,GAAGa,KAAK;QACTwT,YAAYD;QACZzJ,QAAQtJ;QACRyJ,WAAWnM,iBAAAA,CAAW8B,uBAAuB;QAC7C0W,uBAAuBzM;QACvB0M,kBAAkB9M;QAClBhL,mBAAmBA,wBAAAA;QACnBuM,cAAcA;QACdxB,YAAYA;QACZW,WAAWf;QACXoN,aAAajY,yBAAAA;QACbkY,uBAAuBlW;QACvBkL,YAAYA;QACZiL,aAAa1W,MAAM0W,WAAW,IAAI;QAClCC,WAAW5V;QACX6V,YAAYjK;QACZkK,cAAclL;QACdmL,aAAanF;QACboF,mBAAmBnP;QACnBoP,kBAAkB3E;QACjB,GAAIjJ,eAAenL,iBAAAA,CAAWoL,UAAU,IAAI;YAC3ChF,mBAAmBlD;YACnBoD,mBAAmBnD;QACrB,CAAC;QACD6V,UAAUhW;QACV6C,cAActC;QACd,oCAAoC,GACpC0V,UAAU,CAACC;YACT,OAAA,WAAA,GACE,OAAA,aAAA,CAAA,OAAA,QAAA,EAAA,MAAA,WAAA,GACE,OAAA,aAAA,CAACnI,QAAAA;gBAAKoI,KAAKxV;gBAAUoI,OAAM;gBAAO6E,QAAO;gBAAOO,MAAK;gBAAckB,OAAO;oBAAE+G,eAAe;gBAAO;8BAClG,OAAA,aAAA,CAAC9F,KAAAA,MAAGzQ,2BACH2S,aAAa/O,UAAUyS,WAAWvL,MAAM,EAAEuL,WAAWtL,aAAa,EAAEsL,WAAWjL,eAAe;QAGrG;uBAGF,OAAA,aAAA,CAACoL,OAAAA;QAAIjG,IAAIjR;QAAe2P,MAAM;QAASO,OAAO;YAAEnB,SAAS;QAAI;QAAGS,cAAY;;AAEhF,GAAG;AACHhQ,wBAAwB2X,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.ts"],"sourcesContent":["import {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  GroupedVerticalBarChartData,\n} from '../../index';\n\n/**\n * Vertical Bar Chart properties\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: GroupedVerticalBarChartData[];\n\n  /**\n   * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,\n   * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.\n   * @default 16\n   */\n  barWidth?: number | 'default' | 'auto';\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: GroupedVerticalBarChartStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * To display multi stack callout or single callout\n   * @default false\n   */\n  isCalloutForStack?: boolean;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n\n  /**\n   * Maximum width of a bar, in pixels.\n   * @default 24\n   */\n  maxBarWidth?: number;\n\n  /**\n   * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).\n   * Takes a number in the range [0, 1]. Only applicable to string x-axis.\n   * @default 2/3\n   */\n  xAxisInnerPadding?: number;\n\n  /**\n   * Padding before the first bar and after the last bar as a fraction of\n   * the [step](https://d3js.org/d3-scale/band#band_step). Takes a number in the range [0, 1].\n   * Only applicable to string x-axis.\n   */\n  xAxisOuterPadding?: number;\n\n  /**\n   * Specifies the mode of the chart.\n   * @default 'default'\n   */\n  mode?: 'default' | 'plotly';\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the chart.\n   */\n  roundCorners?: boolean;\n}\n\n/**\n * Vertical Bar Chart style properties\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Vertical Bar Chart styles\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartStyles extends CartesianChartStyles {\n  /**\n   * Style for the bar labels\n   */\n  barLabel: string;\n}\n"],"names":[],"mappings":"AAuGA;;;CAGC,GACD,WAKC"}
+{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.ts"],"sourcesContent":["import {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  GroupedVerticalBarChartData,\n  BarSeries,\n  LineSeries,\n} from '../../index';\n\n/**\n * Vertical Bar Chart properties\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: GroupedVerticalBarChartData[];\n\n  /**\n   * Width of each bar in the chart. When set to `undefined` or `'default'`, the bar width defaults to 16px,\n   * which may decrease to prevent overlap. When set to `'auto'`, the bar width is calculated from padding values.\n   * @default 16\n   */\n  barWidth?: number | 'default' | 'auto';\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: GroupedVerticalBarChartStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * To display multi stack callout or single callout\n   * @default false\n   */\n  isCalloutForStack?: boolean;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n\n  /**\n   * Maximum width of a bar, in pixels.\n   * @default 24\n   */\n  maxBarWidth?: number;\n\n  /**\n   * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).\n   * Takes a number in the range [0, 1]. Only applicable to string x-axis.\n   * @default 2/3\n   */\n  xAxisInnerPadding?: number;\n\n  /**\n   * Padding before the first bar and after the last bar as a fraction of\n   * the [step](https://d3js.org/d3-scale/band#band_step). Takes a number in the range [0, 1].\n   * Only applicable to string x-axis.\n   */\n  xAxisOuterPadding?: number;\n\n  /**\n   * Specifies the mode of the chart.\n   * @default 'default'\n   */\n  mode?: 'default' | 'plotly';\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the chart.\n   */\n  roundCorners?: boolean;\n\n  /**\n   * New flexible data prop - supports both bar and line series.\n   * Use `dataV2` instead of `data` when line series are included.\n   */\n  dataV2?: (BarSeries<string, number> | LineSeries<string, number>)[];\n}\n\n/**\n * Vertical Bar Chart style properties\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Vertical Bar Chart styles\n * {@docCategory VerticalBarChart}\n */\nexport interface GroupedVerticalBarChartStyles extends CartesianChartStyles {\n  /**\n   * Style for the bar labels\n   */\n  barLabel: string;\n}\n"],"names":[],"mappings":"AA+GA;;;CAGC,GACD,WAKC"}

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js

@@ -40,7 +40,11 @@ const hbcClassNames = {
     root: {
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
-        a9b677: "fly5x3f"
+        a9b677: "fly5x3f",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
     },
     items10pMargin: {
         jrapky: "f1rfdi54"
@@ -161,6 +165,8 @@ const hbcClassNames = {
         ".f22iagw{display:flex;}",
         ".f1vx9l62{flex-direction:column;}",
         ".fly5x3f{width:100%;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
         ".f1rfdi54{margin-bottom:var(--spacingVerticalMNudge);}",
         ".fbxl46w{margin-bottom:var(--spacingVerticalL);}",
         ".fvblgha{height:12px;}",

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const hbcClassNames = {\n    root: 'fui-hbc__root',\n    items: 'fui-hbc__items',\n    chart: 'fui-hbc__chart',\n    chartTitle: 'fui-hbc__chartTitle',\n    barWrapper: 'fui-hbc__barWrapper',\n    chartTitleLeft: 'fui-hbc__chartTitleLeft',\n    chartTitleRight: 'fui-hbc__chartTitleRight',\n    chartDataTextDenominator: 'fui-hbc__textDenom',\n    benchmarkContainer: 'fui-hbc__benchmark',\n    triangle: 'fui-hbc__triangle',\n    barLabel: 'fui-hbc__barLabel',\n    chartWrapper: 'fui-hbc__chartWrapper',\n    legendContainer: 'fui-hbc__legendContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%'\n    },\n    items10pMargin: {\n        marginBottom: tokens.spacingVerticalMNudge\n    },\n    items16pMargin: {\n        marginBottom: tokens.spacingVerticalL\n    },\n    chart: {\n        width: '100%',\n        height: '12px',\n        display: 'block',\n        overflow: 'visible'\n    },\n    barWrapper: {},\n    chartTitle: {\n        ...typographyStyles.caption1,\n        display: 'flex',\n        justifyContent: 'space-between'\n    },\n    chartTitleLeft: {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        display: 'block',\n        color: tokens.colorNeutralForeground1\n    },\n    chartTitleLeft4pMargin: {\n        marginBottom: '4px'\n    },\n    chartTitleLeft5pMargin: {\n        marginBottom: '5px'\n    },\n    chartTitleRight: {\n        ...typographyStyles.body1Strong,\n        color: tokens.colorNeutralForeground1\n    },\n    chartDataTextDenominator: {\n        ...typographyStyles.body1,\n        color: tokens.colorNeutralForeground1\n    },\n    benchmarkContainer: {\n        position: 'relative',\n        height: '7px',\n        marginTop: '-3px',\n        marginBottom: '-1px'\n    },\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n        ...shorthands.borderRight('4px', 'solid', 'transparent'),\n        ...shorthands.borderTop('7px', 'solid'),\n        borderTopColor: tokens.colorPaletteBlueBorderActive,\n        marginBottom: tokens.spacingVerticalXS,\n        position: 'absolute'\n    },\n    barLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    },\n    chartWrapper40ppadding: {\n        paddingRight: '40p'\n    },\n    chartWrapper0ppadding: {\n        paddingRight: tokens.spacingHorizontalNone\n    },\n    legendContainer: {\n        paddingTop: tokens.spacingVerticalL\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useHorizontalBarChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;\n    const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        items: mergeClasses(hbcClassNames.items, showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.items),\n        chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n        chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),\n        barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),\n        chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),\n        chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),\n        chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),\n        benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),\n        triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),\n        barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),\n        chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),\n        legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","Bpvj6i6","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","m","useHorizontalBarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAOKO,aAAa;;;+BAiGc;eAA3BuD;;;uBAvGoC,gBAAgB;uBAE3B,SAAS;AAIxC,sBAAsB;IAC7BtD,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE,gBAAgB;IACvBC,KAAK,EAAE,gBAAgB;IACvBC,UAAU,EAAE,qBAAqB;IACjCC,UAAU,EAAE,qBAAqB;IACjCC,cAAc,EAAE,yBAAyB;IACzCC,eAAe,EAAE,0BAA0B;IAC3CC,wBAAwB,EAAE,oBAAoB;IAC9CC,kBAAkB,EAAE,oBAAoB;IACxCC,QAAQ,EAAE,mBAAmB;IAC7BC,QAAQ,EAAE,mBAAmB;IAC7BC,YAAY,EAAE,uBAAuB;IACrCC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGrB,eAAA,EAAA;IAAAQ,IAAA,EAAA;QAAAc,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAhB,KAAA,EAAA;QAAAc,MAAA,EAAA;QAAAI,OAAA,EAAA;QAAAN,MAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAnB,UAAA,EAAA,CAAA;IAAAD,UAAA,EAAA;QAAAqB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAb,MAAA,EAAA;QAAAc,OAAA,EAAA;IAAA;IAAAvB,cAAA,EAAA;QAAAwB,MAAA,EAAA;QAAAR,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAO,MAAA,EAAA;QAAAhB,MAAA,EAAA;QAAAiB,MAAA,EAAA;IAAA;IAAAC,sBAAA,EAAA;QAAAd,MAAA,EAAA;IAAA;IAAAe,sBAAA,EAAA;QAAAf,MAAA,EAAA;IAAA;IAAAZ,eAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAI,MAAA,EAAA;IAAA;IAAAxB,wBAAA,EAAA;QAAAiB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAI,MAAA,EAAA;IAAA;IAAAvB,kBAAA,EAAA;QAAA0B,MAAA,EAAA;QAAAd,OAAA,EAAA;QAAAe,OAAA,EAAA;QAAAjB,MAAA,EAAA;IAAA;IAAAT,QAAA,EAAA;QAAAO,MAAA,EAAA;QAAAI,OAAA,EAAA;QAAAgB,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAA1B,MAAA,EAAA;QAAAgB,MAAA,EAAA;IAAA;IAAAxB,QAAA,EAAA;QAAAc,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,sBAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,qBAAA,EAAA;QAAAD,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAApC,eAAA,EAAA;QAAAsC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA6ErB,CAAC;AAGS,qCAAqCE,KAAK,IAAG;IACpD,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe;IACpN,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,OAAO,EAAEC,UAAAA,EAAY,GAAGjB,KAAK,CAAC,CAAC,qEAAA;IAChE,MAAMkB,UAAU,GAAG5D,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHb,IAAI,MAAEP,mBAAY,EAACM,aAAa,CAACC,IAAI,EAAEyE,UAAU,CAACzE,IAAI,EAAEqE,SAAS,EAAE,CAACb,aAAa,GAAGD,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIlB,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACxD,IAAI,CAAC;QACrKC,KAAK,MAAER,mBAAY,EAACM,aAAa,CAACE,KAAK,EAAEqE,YAAY,IAAIC,OAAO,KAAK1E,gCAAyB,CAAC8E,aAAa,GAAGF,UAAU,CAACtD,cAAc,GAAGsD,UAAU,CAACxD,cAAc,EAAE,CAACwC,cAAc,GAAGF,KAAK,CAACmB,MAAM,AAANA,MAAY,IAAI,IAAIjB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,KAAK,CAAC;QAC5QC,KAAK,MAAET,mBAAY,EAACM,aAAa,CAACG,KAAK,EAAEuE,UAAU,CAACvE,KAAK,EAAE,CAACwD,cAAc,GAAGH,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIhB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,KAAK,CAAC;QACjKC,UAAU,MAAEV,mBAAY,EAACM,aAAa,CAACI,UAAU,EAAEsE,UAAU,CAACtE,UAAU,EAAE,CAACwD,cAAc,GAAGJ,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIf,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,UAAU,CAAC;QACrLC,UAAU,MAAEX,mBAAY,EAACM,aAAa,CAACK,UAAU,EAAEqE,UAAU,CAACrE,UAAU,EAAE,CAACwD,cAAc,GAAGL,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAId,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,UAAU,CAAC;QACrLC,cAAc,MAAEZ,mBAAY,EAACM,aAAa,CAACM,cAAc,EAAEoE,UAAU,CAACpE,cAAc,EAAEkE,OAAO,KAAK1E,gCAAyB,CAAC8E,aAAa,GAAGF,UAAU,CAACzC,sBAAsB,GAAGyC,UAAU,CAACxC,sBAAsB,EAAE,CAAC4B,cAAc,GAAGN,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIb,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,cAAc,CAAC;QAClUC,eAAe,MAAEb,mBAAY,EAACM,aAAa,CAACO,eAAe,EAAEmE,UAAU,CAACnE,eAAe,EAAE,AAACwD,cAAc,IAAGP,KAAK,CAACmB,MAAM,AAANA,MAAY,IAAI,IAAIZ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,eAAe,CAAC;QACzMC,wBAAwB,EAAEd,uBAAY,EAACM,aAAa,CAACQ,wBAAwB,EAAEkE,UAAU,CAAClE,wBAAwB,EAAE,CAACwD,cAAc,GAAGR,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIX,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,wBAAwB,CAAC;QAC7OC,kBAAkB,MAAEf,mBAAY,EAACM,aAAa,CAACS,kBAAkB,EAAEiE,UAAU,CAACjE,kBAAkB,EAAE,CAACwD,cAAc,GAAGT,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIV,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,kBAAkB,CAAC;QACrNC,QAAQ,MAAEhB,mBAAY,EAACM,aAAa,CAACU,QAAQ,EAAEgE,UAAU,CAAChE,QAAQ,EAAE,CAACwD,cAAc,GAAGV,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIT,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACxD,QAAQ,CAAC;QAC7KC,QAAQ,MAAEjB,mBAAY,EAACM,aAAa,CAACW,QAAQ,EAAE+D,UAAU,CAAC/D,QAAQ,EAAE,CAACwD,eAAe,GAAGX,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIR,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAACxD,QAAQ,CAAC;QAChLC,YAAY,MAAElB,mBAAY,EAACM,aAAa,CAACY,YAAY,EAAE4D,OAAO,KAAK1E,gCAAyB,CAAC8E,aAAa,IAAI,CAACH,UAAU,GAAGC,UAAU,CAAC1B,sBAAsB,GAAG0B,UAAU,CAACxB,qBAAqB,EAAE,CAACkB,eAAe,GAAGZ,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIP,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAACxD,YAAY,CAAC;QAClTC,eAAe,MAAEnB,mBAAY,EAACM,aAAa,CAACa,eAAe,EAAE6D,UAAU,CAAC7D,eAAe,EAAE,CAACwD,eAAe,GAAGb,KAAK,CAACmB,MAAAA,AAAM,MAAM,IAAI,IAAIN,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAACxD,eAAe;IAC/M,CAAC;AACL,CAAC"}
+{"version":3,"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const hbcClassNames = {\n    root: 'fui-hbc__root',\n    items: 'fui-hbc__items',\n    chart: 'fui-hbc__chart',\n    chartTitle: 'fui-hbc__chartTitle',\n    barWrapper: 'fui-hbc__barWrapper',\n    chartTitleLeft: 'fui-hbc__chartTitleLeft',\n    chartTitleRight: 'fui-hbc__chartTitleRight',\n    chartDataTextDenominator: 'fui-hbc__textDenom',\n    benchmarkContainer: 'fui-hbc__benchmark',\n    triangle: 'fui-hbc__triangle',\n    barLabel: 'fui-hbc__barLabel',\n    chartWrapper: 'fui-hbc__chartWrapper',\n    legendContainer: 'fui-hbc__legendContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        textAlign: 'left'\n    },\n    items10pMargin: {\n        marginBottom: tokens.spacingVerticalMNudge\n    },\n    items16pMargin: {\n        marginBottom: tokens.spacingVerticalL\n    },\n    chart: {\n        width: '100%',\n        height: '12px',\n        display: 'block',\n        overflow: 'visible'\n    },\n    barWrapper: {},\n    chartTitle: {\n        ...typographyStyles.caption1,\n        display: 'flex',\n        justifyContent: 'space-between'\n    },\n    chartTitleLeft: {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        display: 'block',\n        color: tokens.colorNeutralForeground1\n    },\n    chartTitleLeft4pMargin: {\n        marginBottom: '4px'\n    },\n    chartTitleLeft5pMargin: {\n        marginBottom: '5px'\n    },\n    chartTitleRight: {\n        ...typographyStyles.body1Strong,\n        color: tokens.colorNeutralForeground1\n    },\n    chartDataTextDenominator: {\n        ...typographyStyles.body1,\n        color: tokens.colorNeutralForeground1\n    },\n    benchmarkContainer: {\n        position: 'relative',\n        height: '7px',\n        marginTop: '-3px',\n        marginBottom: '-1px'\n    },\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n        ...shorthands.borderRight('4px', 'solid', 'transparent'),\n        ...shorthands.borderTop('7px', 'solid'),\n        borderTopColor: tokens.colorPaletteBlueBorderActive,\n        marginBottom: tokens.spacingVerticalXS,\n        position: 'absolute'\n    },\n    barLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    },\n    chartWrapper40ppadding: {\n        paddingRight: '40p'\n    },\n    chartWrapper0ppadding: {\n        paddingRight: tokens.spacingHorizontalNone\n    },\n    legendContainer: {\n        paddingTop: tokens.spacingVerticalL\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useHorizontalBarChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;\n    const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        items: mergeClasses(hbcClassNames.items, showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.items),\n        chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n        chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),\n        barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),\n        chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),\n        chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),\n        chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),\n        benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),\n        triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),\n        barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),\n        chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),\n        legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","fsow6f","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","Bpvj6i6","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","m","useHorizontalBarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js

@@ -42,7 +42,8 @@ const hbcClassNames = {
     root: {
         display: 'flex',
         flexDirection: 'column',
-        width: '100%'
+        width: '100%',
+        textAlign: 'left'
     },
     items10pMargin: {
         marginBottom: _reacttheme.tokens.spacingVerticalMNudge

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const hbcClassNames: SlotClassNames<HorizontalBarChartStyles> = {\n  root: 'fui-hbc__root',\n  items: 'fui-hbc__items',\n  chart: 'fui-hbc__chart',\n  chartTitle: 'fui-hbc__chartTitle',\n  barWrapper: 'fui-hbc__barWrapper',\n  chartTitleLeft: 'fui-hbc__chartTitleLeft',\n  chartTitleRight: 'fui-hbc__chartTitleRight',\n  chartDataTextDenominator: 'fui-hbc__textDenom',\n  benchmarkContainer: 'fui-hbc__benchmark',\n  triangle: 'fui-hbc__triangle',\n  barLabel: 'fui-hbc__barLabel',\n  chartWrapper: 'fui-hbc__chartWrapper',\n  legendContainer: 'fui-hbc__legendContainer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%', // Support custom width\n  },\n  items10pMargin: {\n    marginBottom: tokens.spacingVerticalMNudge,\n  },\n  items16pMargin: {\n    marginBottom: tokens.spacingVerticalL,\n  },\n  chart: {\n    width: '100%',\n    height: '12px', // Support custom bar height\n    display: 'block',\n    overflow: 'visible',\n  },\n  barWrapper: {},\n  chartTitle: {\n    ...typographyStyles.caption1,\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  chartTitleLeft: {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    display: 'block',\n    color: tokens.colorNeutralForeground1,\n  },\n  chartTitleLeft4pMargin: {\n    marginBottom: '4px',\n  },\n  chartTitleLeft5pMargin: {\n    marginBottom: '5px',\n  },\n  chartTitleRight: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground1,\n  },\n  chartDataTextDenominator: {\n    ...typographyStyles.body1,\n    color: tokens.colorNeutralForeground1,\n  },\n  benchmarkContainer: {\n    position: 'relative',\n    height: '7px',\n    marginTop: '-3px',\n    marginBottom: '-1px',\n  },\n  triangle: {\n    width: '0',\n    height: '0',\n    ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n    ...shorthands.borderRight('4px', 'solid', 'transparent'),\n    ...shorthands.borderTop('7px', 'solid'),\n    borderTopColor: tokens.colorPaletteBlueBorderActive,\n    marginBottom: tokens.spacingVerticalXS,\n    position: 'absolute',\n  },\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n  chartWrapper40ppadding: {\n    paddingRight: '40p',\n  },\n  chartWrapper0ppadding: {\n    paddingRight: tokens.spacingHorizontalNone,\n  },\n  legendContainer: { paddingTop: tokens.spacingVerticalL },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useHorizontalBarChartStyles = (props: HorizontalBarChartProps): HorizontalBarChartStyles => {\n  const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(hbcClassNames.root, baseStyles.root, className, props.styles?.root),\n    items: mergeClasses(\n      hbcClassNames.items,\n      showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.items16pMargin\n        : baseStyles.items10pMargin,\n      props.styles?.items,\n    ),\n    chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, props.styles?.chart),\n    chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, props.styles?.barWrapper),\n    chartTitleLeft: mergeClasses(\n      hbcClassNames.chartTitleLeft,\n      baseStyles.chartTitleLeft,\n      variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.chartTitleLeft4pMargin\n        : baseStyles.chartTitleLeft5pMargin,\n      props.styles?.chartTitleLeft,\n    ),\n    chartTitleRight: mergeClasses(\n      hbcClassNames.chartTitleRight,\n      baseStyles.chartTitleRight,\n      props.styles?.chartTitleRight,\n    ),\n    chartDataTextDenominator: mergeClasses(\n      hbcClassNames.chartDataTextDenominator,\n      baseStyles.chartDataTextDenominator,\n      props.styles?.chartDataTextDenominator,\n    ),\n    benchmarkContainer: mergeClasses(\n      hbcClassNames.benchmarkContainer,\n      baseStyles.benchmarkContainer,\n      props.styles?.benchmarkContainer,\n    ),\n    triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n    barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, props.styles?.barLabel),\n    chartWrapper: mergeClasses(\n      hbcClassNames.chartWrapper,\n      variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels\n        ? baseStyles.chartWrapper40ppadding\n        : baseStyles.chartWrapper0ppadding,\n      props.styles?.chartWrapper,\n    ),\n    legendContainer: mergeClasses(\n      hbcClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","display","flexDirection","width","items10pMargin","marginBottom","spacingVerticalMNudge","items16pMargin","spacingVerticalL","height","overflow","caption1","justifyContent","textOverflow","whiteSpace","color","colorNeutralForeground1","chartTitleLeft4pMargin","chartTitleLeft5pMargin","body1Strong","body1","position","marginTop","borderLeft","borderRight","borderTop","borderTopColor","colorPaletteBlueBorderActive","spacingVerticalXS","caption1Strong","fill","stroke","chartWrapper40ppadding","paddingRight","chartWrapper0ppadding","spacingHorizontalNone","paddingTop","useHorizontalBarChartStyles","props","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}
+{"version":3,"sources":["../src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const hbcClassNames: SlotClassNames<HorizontalBarChartStyles> = {\n  root: 'fui-hbc__root',\n  items: 'fui-hbc__items',\n  chart: 'fui-hbc__chart',\n  chartTitle: 'fui-hbc__chartTitle',\n  barWrapper: 'fui-hbc__barWrapper',\n  chartTitleLeft: 'fui-hbc__chartTitleLeft',\n  chartTitleRight: 'fui-hbc__chartTitleRight',\n  chartDataTextDenominator: 'fui-hbc__textDenom',\n  benchmarkContainer: 'fui-hbc__benchmark',\n  triangle: 'fui-hbc__triangle',\n  barLabel: 'fui-hbc__barLabel',\n  chartWrapper: 'fui-hbc__chartWrapper',\n  legendContainer: 'fui-hbc__legendContainer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%', // Support custom width\n    textAlign: 'left',\n  },\n  items10pMargin: {\n    marginBottom: tokens.spacingVerticalMNudge,\n  },\n  items16pMargin: {\n    marginBottom: tokens.spacingVerticalL,\n  },\n  chart: {\n    width: '100%',\n    height: '12px', // Support custom bar height\n    display: 'block',\n    overflow: 'visible',\n  },\n  barWrapper: {},\n  chartTitle: {\n    ...typographyStyles.caption1,\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  chartTitleLeft: {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    display: 'block',\n    color: tokens.colorNeutralForeground1,\n  },\n  chartTitleLeft4pMargin: {\n    marginBottom: '4px',\n  },\n  chartTitleLeft5pMargin: {\n    marginBottom: '5px',\n  },\n  chartTitleRight: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground1,\n  },\n  chartDataTextDenominator: {\n    ...typographyStyles.body1,\n    color: tokens.colorNeutralForeground1,\n  },\n  benchmarkContainer: {\n    position: 'relative',\n    height: '7px',\n    marginTop: '-3px',\n    marginBottom: '-1px',\n  },\n  triangle: {\n    width: '0',\n    height: '0',\n    ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n    ...shorthands.borderRight('4px', 'solid', 'transparent'),\n    ...shorthands.borderTop('7px', 'solid'),\n    borderTopColor: tokens.colorPaletteBlueBorderActive,\n    marginBottom: tokens.spacingVerticalXS,\n    position: 'absolute',\n  },\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n  chartWrapper40ppadding: {\n    paddingRight: '40p',\n  },\n  chartWrapper0ppadding: {\n    paddingRight: tokens.spacingHorizontalNone,\n  },\n  legendContainer: { paddingTop: tokens.spacingVerticalL },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useHorizontalBarChartStyles = (props: HorizontalBarChartProps): HorizontalBarChartStyles => {\n  const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(hbcClassNames.root, baseStyles.root, className, props.styles?.root),\n    items: mergeClasses(\n      hbcClassNames.items,\n      showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.items16pMargin\n        : baseStyles.items10pMargin,\n      props.styles?.items,\n    ),\n    chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, props.styles?.chart),\n    chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, props.styles?.barWrapper),\n    chartTitleLeft: mergeClasses(\n      hbcClassNames.chartTitleLeft,\n      baseStyles.chartTitleLeft,\n      variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.chartTitleLeft4pMargin\n        : baseStyles.chartTitleLeft5pMargin,\n      props.styles?.chartTitleLeft,\n    ),\n    chartTitleRight: mergeClasses(\n      hbcClassNames.chartTitleRight,\n      baseStyles.chartTitleRight,\n      props.styles?.chartTitleRight,\n    ),\n    chartDataTextDenominator: mergeClasses(\n      hbcClassNames.chartDataTextDenominator,\n      baseStyles.chartDataTextDenominator,\n      props.styles?.chartDataTextDenominator,\n    ),\n    benchmarkContainer: mergeClasses(\n      hbcClassNames.benchmarkContainer,\n      baseStyles.benchmarkContainer,\n      props.styles?.benchmarkContainer,\n    ),\n    triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n    barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, props.styles?.barLabel),\n    chartWrapper: mergeClasses(\n      hbcClassNames.chartWrapper,\n      variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels\n        ? baseStyles.chartWrapper40ppadding\n        : baseStyles.chartWrapper0ppadding,\n      props.styles?.chartWrapper,\n    ),\n    legendContainer: mergeClasses(\n      hbcClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","display","flexDirection","width","textAlign","items10pMargin","marginBottom","spacingVerticalMNudge","items16pMargin","spacingVerticalL","height","overflow","caption1","justifyContent","textOverflow","whiteSpace","color","colorNeutralForeground1","chartTitleLeft4pMargin","chartTitleLeft5pMargin","body1Strong","body1","position","marginTop","borderLeft","borderRight","borderTop","borderTopColor","colorPaletteBlueBorderActive","spacingVerticalXS","caption1Strong","fill","stroke","chartWrapper40ppadding","paddingRight","chartWrapper0ppadding","spacingHorizontalNone","paddingTop","useHorizontalBarChartStyles","props","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"AAAA;;;;;;;;;;;;IAWaO,aAAAA;;;+BAoGAoD;eAAAA;;;uBA7GwC,iBAAiB;4BAC7B,wBAAwB;uBAC4B,UAAU;wBAElE,wBAAwB;AAKtD,sBAAgE;IACrEnD,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,YAAY;IACZC,YAAY;IACZC,gBAAgB;IAChBC,iBAAiB;IACjBC,0BAA0B;IAC1BC,oBAAoB;IACpBC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYrB,iBAAAA,EAAW;IAC3BQ,MAAM;QACJc,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,WAAW;IACb;IACAC,gBAAgB;QACdC,cAAcxB,kBAAAA,CAAOyB,qBAAqB;IAC5C;IACAC,gBAAgB;QACdF,cAAcxB,kBAAAA,CAAO2B,gBAAgB;IACvC;IACApB,OAAO;QACLc,OAAO;QACPO,QAAQ;QACRT,SAAS;QACTU,UAAU;IACZ;IACApB,YAAY,CAAC;IACbD,YAAY;QACV,GAAGP,4BAAAA,CAAiB6B,QAAQ;QAC5BX,SAAS;QACTY,gBAAgB;IAClB;IACArB,gBAAgB;QACdsB,cAAc;QACdH,UAAU;QACVI,YAAY;QACZd,SAAS;QACTe,OAAOlC,kBAAAA,CAAOmC,uBAAuB;IACvC;IACAC,wBAAwB;QACtBZ,cAAc;IAChB;IACAa,wBAAwB;QACtBb,cAAc;IAChB;IACAb,iBAAiB;QACf,GAAGV,4BAAAA,CAAiBqC,WAAW;QAC/BJ,OAAOlC,kBAAAA,CAAOmC,uBAAuB;IACvC;IACAvB,0BAA0B;QACxB,GAAGX,4BAAAA,CAAiBsC,KAAK;QACzBL,OAAOlC,kBAAAA,CAAOmC,uBAAuB;IACvC;IACAtB,oBAAoB;QAClB2B,UAAU;QACVZ,QAAQ;QACRa,WAAW;QACXjB,cAAc;IAChB;IACAV,UAAU;QACRO,OAAO;QACPO,QAAQ;QACR,GAAG7B,iBAAAA,CAAW2C,UAAU,CAAC,OAAO,SAAS,cAAc;QACvD,GAAG3C,iBAAAA,CAAW4C,WAAW,CAAC,OAAO,SAAS,cAAc;QACxD,GAAG5C,iBAAAA,CAAW6C,SAAS,CAAC,OAAO,QAAQ;QACvCC,gBAAgB7C,kBAAAA,CAAO8C,4BAA4B;QACnDtB,cAAcxB,kBAAAA,CAAO+C,iBAAiB;QACtCP,UAAU;IACZ;IACAzB,UAAU;QACR,GAAGd,4BAAAA,CAAiB+C,cAAc;QAClCC,MAAMjD,kBAAAA,CAAOmC,uBAAuB;QACpC,CAAChC,4BAAAA,CAAqB,EAAE;YACtB+C,QAAQ;QACV;IACF;IACAC,wBAAwB;QACtBC,cAAc;IAChB;IACAC,uBAAuB;QACrBD,cAAcpD,kBAAAA,CAAOsD,qBAAqB;IAC5C;IACArC,iBAAiB;QAAEsC,YAAYvD,kBAAAA,CAAO2B,gBAAgB;IAAC;AACzD;AAKO,oCAAoC,CAAC8B;QAK2BA,eAMjEA,gBAEyDA,gBACeA,gBACAA,gBAOxEA,gBAKAA,gBAKAA,gBAKAA,gBAEkEA,gBACAA,iBAMlEA,iBAKAA;IAlDJ,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ,OAAO,qEAAqE;IACrI,MAAMK,aAAa5C;IAEnB,OAAO;QACLb,UAAMP,mBAAAA,EAAaM,cAAcC,IAAI,EAAEyD,WAAWzD,IAAI,EAAEqD,WAAAA,CAAWD,gBAAAA,MAAMM,MAAM,AAANA,MAAM,QAAZN,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcpD,IAAI;QACrFC,OAAOR,uBAAAA,EACLM,cAAcE,KAAK,EACnBqD,gBAAgBC,YAAY1D,gCAAAA,CAA0B8D,aAAa,GAC/DF,WAAWpC,cAAc,GACzBoC,WAAWvC,cAAc,EAAA,AAC7BkC,kBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnD,KAAK;QAErBC,WAAOT,mBAAAA,EAAaM,cAAcG,KAAK,EAAEuD,WAAWvD,KAAK,EAAA,CAAEkD,iBAAAA,MAAMM,MAAM,AAANA,MAAM,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclD,KAAK;QAC9EC,gBAAYV,mBAAAA,EAAaM,cAAcI,UAAU,EAAEsD,WAAWtD,UAAU,EAAA,CAAEiD,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjD,UAAU;QAClGC,gBAAYX,mBAAAA,EAAaM,cAAcK,UAAU,EAAEqD,WAAWrD,UAAU,EAAA,CAAEgD,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAchD,UAAU;QAClGC,oBAAgBZ,mBAAAA,EACdM,cAAcM,cAAc,EAC5BoD,WAAWpD,cAAc,EACzBkD,YAAY1D,gCAAAA,CAA0B8D,aAAa,GAC/CF,WAAW1B,sBAAsB,GACjC0B,WAAWzB,sBAAsB,EAAA,CACrCoB,iBAAAA,MAAMM,MAAM,AAANA,MAAM,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc/C,cAAc;QAE9BC,qBAAiBb,mBAAAA,EACfM,cAAcO,eAAe,EAC7BmD,WAAWnD,eAAe,EAAA,CAC1B8C,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc9C,eAAe;QAE/BC,8BAA0Bd,mBAAAA,EACxBM,cAAcQ,wBAAwB,EACtCkD,WAAWlD,wBAAwB,EAAA,CACnC6C,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc7C,wBAAwB;QAExCC,wBAAoBf,mBAAAA,EAClBM,cAAcS,kBAAkB,EAChCiD,WAAWjD,kBAAkB,EAAA,CAC7B4C,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc5C,kBAAkB;QAElCC,cAAUhB,mBAAAA,EAAaM,cAAcU,QAAQ,EAAEgD,WAAWhD,QAAQ,EAAA,CAAE2C,iBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc3C,QAAQ;QAC1FC,UAAUjB,uBAAAA,EAAaM,cAAcW,QAAQ,EAAE+C,WAAW/C,QAAQ,EAAA,CAAE0C,kBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc1C,QAAQ;QAC1FC,kBAAclB,mBAAAA,EACZM,cAAcY,YAAY,EAC1B4C,YAAY1D,gCAAAA,CAA0B8D,aAAa,IAAI,CAACH,aACpDC,WAAWX,sBAAsB,GACjCW,WAAWT,qBAAqB,EAAA,CACpCI,kBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAczC,YAAY;QAE5BC,qBAAiBnB,mBAAAA,EACfM,cAAca,eAAe,EAC7B6C,WAAW7C,eAAe,EAAA,CAC1BwC,kBAAAA,MAAMM,MAAAA,AAAM,MAAA,QAAZN,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcxC,eAAe;IAEjC;AACF,EAAE"}

package/lib-commonjs/components/Legends/Legends.js

@@ -79,7 +79,7 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;
     const itemIds = dataToRender.map((_item, index)=>index.toString());
     const overflowHoverCardLegends = [];
-    props.legends.map((legend, index)=>{
+    dataToRender.map((legend, index)=>{
         const hoverCardElement = _renderButton(legend, index);
         overflowHoverCardLegends.push(hoverCardElement);
     });