@fluentui/react-charts 9.3.22 → 9.3.24

package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport type { ScaleLinear as D3ScaleLinear } from 'd3-scale';\nimport { scaleLinear as d3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport type { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n} from '../../index';\nimport type { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport type { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { useHorizontalBarChartWithAxisStyles } from './useHorizontalBarChartWithAxisStyles.styles';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport type { IAxisData, NumericAxis, StringAxis, IDomainNRange } from '../../utilities/index';\nimport {\n  ChartTypes,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  domainRangeOfNumericForHorizontalBarChartWithAxis,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n  computeLongestBars,\n  groupChartDataByYValue,\n  MIN_DOMAIN_MARGIN,\n  sortAxisCategories,\n  formatScientificLimitWidth,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\nimport { useImageExport } from '../../utilities/hooks';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props = { yAxisCategoryOrder: 'default' }, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _xAxisType: XAxisTypes =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n      : XAxisTypes.NumericAxis;\n  const _yAxisType: YAxisType =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n      : YAxisType.StringAxis;\n  const _emptyChartId: string = useId('_HBCWithAxis_empty');\n  let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n  let _barHeight: number = 0;\n  let _colors: string[] = [];\n  let _margins: Margins;\n  let _bars: JSXElement[];\n  let _yAxisLabels: string[];\n  let _xMax: number;\n  let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint | null;\n\n  let _longestBarPositiveTotalValue: number;\n  let _longestBarNegativeTotalValue: number;\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n  const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n  const styles = useHorizontalBarChartWithAxisStyles(props);\n  const X_ORIGIN: number = 0;\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n    (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) ||\n      props.legendProps?.selectedLegend !== undefined,\n  );\n  const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n  const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  function _adjustProps(): void {\n    _points = props.data || [];\n    _barHeight = props.barHeight || 32;\n    const defaultPalette: string[] = [\n      getColorFromToken(DataVizPalette.color6),\n      getColorFromToken(DataVizPalette.color1),\n      getColorFromToken(DataVizPalette.color5),\n      getColorFromToken(DataVizPalette.color7),\n    ];\n    _colors = props.colors! || defaultPalette;\n  }\n\n  function _getMargins(margins: Margins) {\n    _margins = margins;\n  }\n\n  function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSXElement {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSXElement | null {\n    return props ? _renderContentForOnlyBars(props) : null;\n  }\n\n  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n      : null;\n  }\n\n  function _getGraphData(\n    xScale: NumericAxis,\n    yScale: NumericAxis | StringAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yElement?: SVGElement | null,\n  ) {\n    const stackedChartData = groupChartDataByYValue(_points);\n    const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n    _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n    _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n    const { xBarScale, yBarScale } =\n      _yAxisType === YAxisType.NumericAxis\n        ? _getScales(containerHeight, containerWidth, true)\n        : _getScales(containerHeight, containerWidth, false);\n    const xRange = xBarScale.range();\n    let allBars: JSXElement[] = [];\n    // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n    if (xRange[0] < xRange[1]) {\n      allBars = stackedChartData.map((singleBarData, groupIndex) => {\n        const groupBars =\n          _yAxisType === YAxisType.NumericAxis\n            ? _createNumericBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              )\n            : _createStringBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              );\n\n        return (\n          <g\n            key={`bar-group-${groupIndex}`}\n            role=\"listbox\"\n            aria-label={_getBarGroupAriaLabel(singleBarData, groupIndex)}\n          >\n            {groupBars}\n          </g>\n        );\n      });\n    }\n\n    return (_bars = allBars);\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  function _onBarFocus(\n    event: React.FocusEvent<SVGRectElement, Element>,\n    point: HorizontalBarChartWithAxisDataPoint,\n    refArrayIndexNumber: number,\n    color: string,\n  ): void {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    _updatePosition(cx, cy);\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    const xMax = _longestBarPositiveTotalValue;\n    const xMin = _longestBarNegativeTotalValue;\n    const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n    if (isNumericScale) {\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yDomainMax = Math.max(yMax, props.yMaxValue || 0);\n      // Default to 0 if yMinValue is not provided.\n      const yMinProp = props.yMinValue || 0;\n      const yDomainMin = Math.min(yMin, yMinProp);\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([yDomainMin, yDomainMax])\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n      return { xBarScale, yBarScale };\n    } else {\n      // please note these padding default values must be consistent in here\n      // and CatrtesianChartBase w for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      const yBarScale = d3ScaleBand()\n        .domain(_yAxisLabels)\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n        .padding(_yAxisPadding);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  }\n\n  function _calculateBarTotals(singleBarData: HorizontalBarChartWithAxisDataPoint[]) {\n    const totalPositiveValue = singleBarData\n      .filter(point => point.x >= X_ORIGIN)\n      .reduce((sum, point) => sum + point.x, 0);\n    const totalNegativeValue = singleBarData\n      .filter(point => point.x < X_ORIGIN)\n      .reduce((sum, point) => sum + point.x, 0);\n    const totalBarValue = totalPositiveValue + totalNegativeValue;\n    const showLabelOnPositiveSide = totalBarValue >= 0;\n\n    const totalPositiveBars = singleBarData.filter(point => point.x >= X_ORIGIN).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n\n    const shouldShowLabel = (\n      isPositiveBar: boolean,\n      currPositiveCounter: number,\n      currNegativeCounter: number,\n    ): boolean => {\n      const isLastPositiveBar = isPositiveBar && currPositiveCounter === totalPositiveBars;\n      const isLastNegativeBar = !isPositiveBar && currNegativeCounter === totalNegativeBars;\n      return showLabelOnPositiveSide ? isLastPositiveBar : isLastNegativeBar;\n    };\n\n    return { totalPositiveValue, totalNegativeValue, totalBarValue, showLabelOnPositiveSide, shouldShowLabel };\n  }\n\n  function _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSXElement[] {\n    const { useSingleColor = false } = props;\n    const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n    sortedBars.sort((a, b) => {\n      const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n      const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n      return bValue - aValue;\n    });\n\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n\n    const { totalBarValue, shouldShowLabel } = _calculateBarTotals(singleBarData);\n\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n\n    const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n      prevPoint = point.x;\n\n      const barWidth = currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR);\n      const barEndX = _isRtl\n        ? point.x >= X_ORIGIN\n          ? xStart\n          : xStart + barWidth\n        : point.x >= X_ORIGIN\n        ? xStart + barWidth\n        : xStart;\n      const isPositiveBar = point.x >= X_ORIGIN;\n      const showLabel = shouldShowLabel(isPositiveBar, currPositiveCounter, currNegativeCounter);\n\n      return (\n        <React.Fragment key={`${index}_${point.x}_${point.y}`}>\n          <rect\n            key={point.y}\n            x={xStart}\n            y={yBarScale(point.y) - _barHeight / 2}\n            width={barWidth}\n            height={_barHeight}\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            rx={props.roundCorners ? 3 : 0}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            aria-label={_getAriaLabel(point)}\n            role=\"option\"\n            aria-labelledby={`toolTip${_calloutId}`}\n            onMouseLeave={_onBarLeave}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            onBlur={_onBarLeave}\n            fill={startColor}\n            opacity={shouldHighlight ? 1 : 0.1}\n            tabIndex={shouldHighlight ? 0 : undefined}\n          />\n          {showLabel && _renderBarLabel(barEndX, yBarScale(point.y) - _barHeight / 2, totalBarValue, isPositiveBar)}\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _getUniqueYValues() {\n    const mapY: Record<string, number | string> = {};\n    props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n      mapY[point.y] = point.y;\n    });\n    const uniqueY = Object.values(mapY);\n    return uniqueY;\n  }\n\n  function _calculateAppropriateBarHeight(data: number[] | Date[], totalWidth: number, innerPadding: number) {\n    const result = getClosestPairDiffAndRange(data);\n    if (!result || result[1] === 0) {\n      return 16;\n    }\n    const closestPairDiff = result[0];\n    let range = result[1];\n    const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n    // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n    // to calculate the bar height correctly.\n    range = Math.max(range, yMax);\n    // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n    // for the derivation of the following formula.\n    const barWidth = Math.floor(\n      (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n    );\n    return barWidth;\n  }\n\n  function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n    _domainMargin = MIN_DOMAIN_MARGIN;\n    const uniqueY = _getUniqueYValues();\n    /** Rate at which the space between the bars changes wrt the bar height */\n    _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n    const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n    const numBars = uniqueY.length + (uniqueY.length - 1) * barGapRate;\n    // Total height available to render the bars\n    const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n    if (_yAxisType !== YAxisType.StringAxis) {\n      // Calculate bar height dynamically\n      _barHeight =\n        props.barHeight || _calculateAppropriateBarHeight(uniqueY as number[] | Date[], totalHeight, _yAxisPadding);\n      _barHeight = Math.max(_barHeight, 1);\n      _domainMargin += _barHeight / 2;\n    } else {\n      // Calculate the appropriate bar height\n      _barHeight = props.barHeight || totalHeight / numBars;\n      /** Total height required to render the bars. Directly proportional to bar height */\n      const reqHeight = numBars * _barHeight;\n      if (totalHeight >= reqHeight) {\n        // Center align the chart by setting equal left and right margins for domain\n        _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n      }\n    }\n\n    return {\n      ..._margins,\n      top: _margins.top! + _domainMargin,\n      bottom: _margins.bottom! + _domainMargin,\n    };\n  }\n\n  function _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSXElement[] {\n    const { useSingleColor = false } = props;\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n    const { totalBarValue, shouldShowLabel } = _calculateBarTotals(singleBarData);\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n    const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      prevPoint = point.x;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n\n      const barWidth = currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR);\n      const barEndX = _isRtl\n        ? point.x >= X_ORIGIN\n          ? xStart\n          : xStart + barWidth\n        : point.x >= X_ORIGIN\n        ? xStart + barWidth\n        : xStart;\n      const isPositiveBar = point.x >= X_ORIGIN;\n      const yPosition = yBarScale(point.y) + 0.5 * (yBarScale.bandwidth() - _barHeight);\n      const showLabel = shouldShowLabel(isPositiveBar, currPositiveCounter, currNegativeCounter);\n\n      return (\n        <React.Fragment key={`${index}_${point.x}_${point.y}`}>\n          <rect\n            transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n            key={point.x}\n            x={xStart}\n            y={yBarScale(point.y)}\n            rx={props.roundCorners ? 3 : 0}\n            width={barWidth}\n            height={_barHeight}\n            aria-labelledby={`toolTip${_calloutId}`}\n            aria-label={_getAriaLabel(point)}\n            role=\"option\"\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            onMouseLeave={_onBarLeave}\n            onBlur={_onBarLeave}\n            opacity={shouldHighlight ? 1 : 0.1}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            fill={startColor}\n            tabIndex={shouldHighlight ? 0 : undefined}\n          />\n          {showLabel && _renderBarLabel(barEndX, yPosition, totalBarValue, isPositiveBar)}\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _onLegendHover(customMessage: string): void {\n    if (!_isLegendSelected()) {\n      setIsLegendHovered(true);\n      setSelectedLegendTitle(customMessage);\n    }\n  }\n\n  function _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || !_isLegendSelected()) {\n      setIsLegendHovered(false);\n      setSelectedLegendTitle('');\n      setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n    }\n  }\n\n  function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSXElement {\n    const { useSingleColor } = props;\n    const actions: Legend[] = [];\n    const mapLegendToColor: Record<string, string> = {};\n\n    data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n      mapLegendToColor[point.legend!] = color;\n    });\n    Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          _onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\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    return legends;\n  }\n\n  function _isLegendSelected(): boolean {\n    return isLegendSelected!;\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  function _isLegendHighlighted(legend?: string) {\n    return _getHighlightedLegend().includes(legend!);\n  }\n\n  function _getHighlightedLegend() {\n    return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n  }\n  function _onLegendSelectionChange(\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n      setSelectedLegendTitle(currentLegend?.title!);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n      setSelectedLegendTitle(currentLegend?.title!);\n    }\n    setIsLegendSelected(selectedLegends.length > 0);\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  function _getAxisData(yAxisData: IAxisData) {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue || 0);\n    }\n  }\n  function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n    const xValue = point.xAxisCalloutData || point.x;\n    const legend = point.legend;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${yValue}. ` + (legend ? `${legend}, ` : '') + `${xValue}.`;\n  }\n\n  function _getBarGroupAriaLabel(singleBarData: HorizontalBarChartWithAxisDataPoint[], groupIndex: number): string {\n    const yGroupLabel = singleBarData[0]?.y?.toString() || `Group ${groupIndex + 1}`;\n    return `${yGroupLabel}, bar group ${groupIndex + 1} of ${_yAxisLabels.length}, with ${singleBarData.length} bars.`;\n  }\n\n  function _renderBarLabel(\n    xPosition: number,\n    yPosition: number,\n    value: number,\n    isPositiveBar: boolean,\n  ): JSXElement | null {\n    if (props.hideLabels || _barHeight < 16) {\n      return null;\n    }\n\n    return (\n      <text\n        x={xPosition}\n        y={yPosition + _barHeight / 2}\n        textAnchor={_isRtl ? (isPositiveBar ? 'end' : 'start') : isPositiveBar ? 'start' : 'end'}\n        transform={`translate(${isPositiveBar ? (_isRtl ? -4 : 4) : _isRtl ? 4 : -4})`}\n        dominantBaseline=\"central\"\n        className={styles.barLabel}\n        aria-hidden={true}\n        style={{ direction: 'ltr', unicodeBidi: 'isolate' }}\n      >\n        {formatScientificLimitWidth(value)}\n      </text>\n    );\n  }\n\n  function _getChartTitle(): string {\n    const { chartTitle, data } = props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length || 0} bars. `;\n  }\n\n  function _getOrderedYAxisLabels() {\n    const shouldOrderYAxisLabelsByCategoryOrder =\n      _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n    if (!shouldOrderYAxisLabelsByCategoryOrder) {\n      // Keep the original ordering logic as the default behavior to ensure backward compatibility\n      const reversedBars = [..._points].reverse();\n      return reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);\n  }\n\n  function _mapCategoryToValues() {\n    const categoryToValues: Record<string, number[]> = {};\n    _points.forEach(point => {\n      if (!categoryToValues[point.y]) {\n        categoryToValues[point.y] = [];\n      }\n      categoryToValues[point.y].push(point.x);\n    });\n    return categoryToValues;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function _updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  function _getDomainNRangeValues(\n    points: HorizontalBarChartWithAxisDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, X_ORIGIN);\n    } else {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    }\n    return domainNRangeValue;\n  }\n\n  if (!_isChartEmpty()) {\n    _adjustProps();\n    const calloutProps: ChartPopoverProps = {\n      color,\n      legend: selectedLegendTitle,\n      XValue: xCalloutValue,\n      YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n      ...props.calloutProps,\n      ...getAccessibleDataObject(callOutAccessibilityData),\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n      isCartesian: true,\n      isPopoverOpen,\n      clickPosition,\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n\n    _yAxisLabels = _getOrderedYAxisLabels();\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSXElement = _getLegendData(_points);\n    return (\n      <CartesianChart\n        yAxisPadding={_yAxisPadding}\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={_xAxisType}\n        yAxisType={_yAxisType}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        stringDatasetForYAxisDomain={_yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createYAxisForHorizontalBarChartWithAxis}\n        createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n        getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n        barwidth={_barHeight}\n        getmargins={_getMargins}\n        getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n        getGraphData={_getGraphData}\n        getAxisData={_getAxisData}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        children={(props: ChildProps) => {\n          return (\n            <>\n              <g>{_bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  } else {\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","useHorizontalBarChartWithAxisStyles","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","sortAxisCategories","formatScientificLimitWidth","getClosestPairDiffAndRange","useImageExport","HorizontalBarChartWithAxis","forwardRef","props","yAxisCategoryOrder","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","styles","X_ORIGIN","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useRef","useEffect","current","prevProps","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","groupIndex","groupBars","_createNumericBars","_createStringBars","g","key","role","aria-label","_getBarGroupAriaLabel","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","_calculateBarTotals","totalPositiveValue","filter","reduce","sum","totalNegativeValue","totalBarValue","showLabelOnPositiveSide","totalPositiveBars","totalNegativeBars","shouldShowLabel","isPositiveBar","currPositiveCounter","currNegativeCounter","isLastPositiveBar","isLastNegativeBar","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","bars","shouldHighlight","barStartX","Fragment","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","barWidth","barEndX","showLabel","rect","ref","e","rx","roundCorners","onClick","onMouseOver","_getAriaLabel","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_renderBarLabel","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","yPosition","bandwidth","transform","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","yGroupLabel","xPosition","value","hideLabels","text","textAnchor","dominantBaseline","className","barLabel","aria-hidden","style","direction","unicodeBidi","_getChartTitle","chartTitle","_getOrderedYAxisLabels","shouldOrderYAxisLabelsByCategoryOrder","reversedBars","reverse","_mapCategoryToValues","categoryToValues","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","div","id","displayName"],"mappings":"AAAA;;;;;+BAgDamC;;;;;;;iEA9CU,QAAQ;yBACY,WAAW;yBAEiB,WAAW;yBAE1D,wBAAmC;gCACrC,4BAA4B;gCAUnB,wCAAqC;2DAEhB,kDAA+C;8BACtE,sCAAmC;uBAsBzD,2BAAwB;0BACY,+BAA4B;uBACxC,2BAAwB;AAGhD,mCAAMA,WAAAA,GAAuFnC,OAAMoC,UAAU,CAGlH,CAACC,QAAQ;IAAEC,oBAAoB;AAAU,CAAC,EAAEC;QAiCzCF,oBACCA,qBAGyEA,qBAGNA;IAvCvE,MAAMG,YAA4B,EAAE;IACpC,MAAMC,iBAAqB/B,qBAAAA,EAAM;IACjC,MAAMgC,aAAkBjB,aAAAA;IACxB,MAAMkB,aACJN,MAAMO,IAAI,IAAKP,MAAMO,IAAI,CAAEC,MAAM,GAAG,QAC/B3B,oBAAAA,EAAcmB,MAAMO,IAAK,CAAC,EAAE,CAACE,CAAC,EAAE,QACjC7B,iBAAAA,CAAW8B,WAAW;IAC5B,MAAMC,aACJX,MAAMO,IAAI,IAAKP,MAAMO,IAAI,CAAEC,MAAM,GAAG,QAC/B3B,oBAAAA,EAAcmB,MAAMO,IAAK,CAAC,EAAE,CAACK,CAAC,EAAE,SACjCjC,gBAAAA,CAAUkC,UAAU;IAC1B,MAAMC,oBAAwBzC,qBAAAA,EAAM;IACpC,IAAI0C,UAAiD,EAAE;IACvD,IAAIC,aAAqB;IACzB,IAAIC,UAAoB,EAAE;IAC1B,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IAEJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC,gBAAwBhC,wBAAAA;QACAO;IAA5B,IAAI0B,gBAAwB1B,CAAAA,sBAAAA,MAAM2B,YAAAA,AAAY,MAAA,QAAlB3B,wBAAAA,KAAAA,IAAAA,sBAAsB;IAClD,MAAM,EAAE4B,iBAAiB,EAAEC,YAAYC,WAAW,EAAE,OAAGjC,qBAAAA,EAAeG,MAAM+B,YAAY,EAAE/B,MAAMgC,UAAU;IAC1G,MAAMC,aAAS1D,8EAAAA,EAAoCyB;IACnD,MAAMkC,WAAmB;IAEzB,MAAM,CAACC,OAAOC,SAAS,GAAGzE,OAAM0E,QAAQ,CAAS;IACjD,MAAM,CAACC,kBAAkBC,oBAAoB,GAAG5E,OAAM0E,QAAQ,CAAS;IACvE,MAAM,CAACG,kBAAkBC,oBAAoB,GAAG9E,OAAM0E,QAAQ,CAC5D,CAAA,CAACrC,qBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmB2C,eAAAA,AAAe,KAAI3C,MAAM0C,WAAW,CAACC,eAAe,CAACnC,MAAM,GAAG,KAChFR,CAAAA,CAAAA,sBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmB4C,cAAc,AAAdA,MAAmBC;IAE1C,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGpF,OAAM0E,QAAQ,CAAU;QACOrC;IAA7E,MAAM,CAACgD,qBAAqBC,uBAAuB,GAAGtF,OAAM0E,QAAQ,CAASrC,CAAAA,oCAAAA,CAAAA,sBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmB4C,cAAAA,AAAc,MAAA,QAAjC5C,sCAAAA,KAAAA,IAAAA,oCAAqC;IAClH,MAAM,CAACkD,eAAeC,iBAAiB,GAAGxF,OAAM0E,QAAQ,CAAS;IACjE,MAAM,CAACe,eAAeC,iBAAiB,GAAG1F,OAAM0E,QAAQ,CAAS;IACjE,MAAM,CAACM,iBAAiBW,mBAAmB,GAAG3F,OAAM0E,QAAQ,CAAWrC,CAAAA,CAAAA,sBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmB2C,eAAAA,AAAe,KAAI,EAAE;IAC/G,MAAM,CAACY,uBAAuBC,yBAAyB,GAAG7F,OAAM0E,QAAQ;IACxE,MAAM,CAACoB,0BAA0BC,4BAA4B,GAAG/F,OAAM0E,QAAQ;IAC9E,MAAM,CAACsB,eAAeC,eAAe,GAAGjG,OAAM0E,QAAQ,CAAU;IAChE,MAAM,CAACwB,eAAeC,iBAAiB,GAAGnG,OAAM0E,QAAQ,CAAC;QAAE5B,GAAG;QAAGG,GAAG;IAAE;IACtE,MAAMmD,eAAepG,OAAMqG,MAAM,CAAyC;IAE1ErG,OAAMsG,SAAS,CAAC;QACd,IAAIF,aAAaG,OAAO,EAAE;gBAEJC,wBAAwCnE;YAD5D,MAAMmE,YAAYJ,aAAaG,OAAO;YACtC,IAAI,KAAC/E,qBAAAA,EAAAA,CAAegF,yBAAAA,UAAUzB,WAAAA,AAAW,MAAA,QAArByB,2BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,uBAAuBxB,eAAe,EAAA,CAAE3C,qBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmB2C,eAAe,GAAG;oBAC5E3C;gBAAnBsD,mBAAmBtD,CAAAA,CAAAA,sBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmB2C,eAAAA,AAAe,KAAI,EAAE;YAC7D;QACF;QACAoB,aAAaG,OAAO,GAAGlE;IACzB,GAAG;QAACA;KAAM;IAEV,SAASoE;QACPrD,UAAUf,MAAMO,IAAI,IAAI,EAAE;QAC1BS,aAAahB,MAAMqE,SAAS,IAAI;QAChC,MAAMC,iBAA2B;gBAC/BhF,wBAAAA,EAAkBD,qBAAAA,CAAekF,MAAM;gBACvCjF,wBAAAA,EAAkBD,qBAAAA,CAAemF,MAAM;gBACvClF,wBAAAA,EAAkBD,qBAAAA,CAAeoF,MAAM;gBACvCnF,wBAAAA,EAAkBD,qBAAAA,CAAeqF,MAAM;SACxC;QACDzD,UAAUjB,MAAM2E,MAAM,IAAKL;IAC7B;IAEA,SAASM,YAAYC,OAAgB;QACnC3D,WAAW2D;IACb;IAEA,SAASC,0BAA0BC,KAA0C;QAC3E,MAAM,EAAEC,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIiF,qBAAqB;QACzBjF,MAAMO,IAAI,CAAE2E,OAAO,CAAC,CAACC,YAAiDC;YACpE,IAAID,WAAWvE,CAAC,KAAKmE,MAAMnE,CAAC,EAAE;gBAC5BqE,qBAAqBG;YACvB;QACF;QACA,IAAIjD;QACJ,IAAI6C,gBAAgB;YAClB,oEAAoE;YACpE,gEAAgE;YAChE7C,QAAQnC,MAAM2E,MAAM,GAAGU,gBAAgB,SAAKvG,mBAAAA,EAAa,GAAG;QAC9D,OAAO;YACLqD,QAAQ4C,MAAM5C,KAAK,GAAG4C,MAAM5C,KAAK,GAAGnC,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMtE,CAAC,QAAI3B,mBAAAA,EAAamG,oBAAoB;QACjH;QACA,OAAA,WAAA,GACE,OAAA,aAAA,CAAA,OAAA,QAAA,EAAA,MAAA,WAAA,GACE,OAAA,aAAA,CAACzG,0BAAAA,EAAAA;YACC8G,QAAQP,MAAMQ,gBAAgB,IAAIR,MAAMtE,CAAC,CAAC+E,QAAQ;YAClDC,QAAQV,MAAMU,MAAM;YACpBC,QAAQX,MAAMY,gBAAgB,IAAIZ,MAAMnE,CAAC;YACzCuB,OAAOA;YACPyD,SAAS5F,MAAM4F,OAAO;YACtB/B,eAAeA;YACfF,eAAeA;;IAIvB;IAEA,SAASkC,eAAe7F,KAA2C;QACjE,OAAOA,QAAQ8E,0BAA0B9E,SAAS;IACpD;IAEA,SAAS8F;QACP,OAAO9F,MAAM+F,2BAA2B,GACpC/F,MAAM+F,2BAA2B,CAACxC,uBAAuBsC,kBACzD;IACN;IAEA,SAASG,cACPC,MAAmB,EACnBC,MAAgC,EAChCC,eAAuB,EACvBC,cAAsB,EACtBC,QAA4B,EAC5BC,QAA4B;QAE5B,MAAMC,uBAAmB/G,6BAAAA,EAAuBuB;QAChD,MAAMyF,kBAAcjH,yBAAAA,EAAmBgH,kBAAkBrE;QACzDX,gCAAgCiF,YAAYC,kBAAkB;QAC9DjF,gCAAgCgF,YAAYE,kBAAkB;QAE9D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAC5BjG,eAAehC,gBAAAA,CAAU+B,WAAW,GAChCmG,WAAWV,iBAAiBC,gBAAgB,QAC5CS,WAAWV,iBAAiBC,gBAAgB;QAClD,MAAMU,SAASH,UAAUI,KAAK;QAC9B,IAAIC,UAAwB,EAAE;QAC9B,mGAAmG;QACnG,IAAIF,MAAM,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,EAAE;YACzBE,UAAUT,iBAAiBU,GAAG,CAAC,CAACC,eAAeC;gBAC7C,MAAMC,YACJzG,eAAehC,gBAAAA,CAAU+B,WAAW,GAChC2G,mBACElB,iBACAC,gBACAC,UACAC,UACAY,eACAP,WACAC,aAEFU,kBACEnB,iBACAC,gBACAC,UACAC,UACAY,eACAP,WACAC;gBAGR,OAAA,WAAA,GACE,OAAA,aAAA,CAACW,KAAAA;oBACCC,KAAK,CAAC,UAAU,EAAEL,YAAY;oBAC9BM,MAAK;oBACLC,cAAYC,sBAAsBT,eAAeC;mBAEhDC;YAGP;QACF;QAEA,OAAQjG,QAAQ6F;IAClB;IAEA,SAAS3B;QACP,MAAMuC,YAAY3G,QAAQT,MAAM,IAAI,IAAI,IAAI,IAAKS,CAAAA,QAAQT,MAAM,IAAG,CAAA;QAClE,MAAM,EAAEwE,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIgF,gBAAgB;YAClB,OAAO,CAAC6C;gBACN,MAAM,EAAElD,MAAM,EAAE,GAAG3E;gBACnB,OAAO2E,UAAUA,OAAOnE,MAAM,GAAG,IAAImE,MAAM,CAAC,EAAE,OAAGrF,wBAAAA,EAAkBD,qBAAAA,CAAeyI,OAAO;YAC3F;QACF;QACA,MAAMC,eAAe,EAAE;QACvB,IAAK,IAAIC,IAAI,GAAGA,IAAI/G,QAAQT,MAAM,EAAEwH,IAAK;YACvCD,aAAaE,IAAI,CAACL,YAAYI,IAAI3G;QACpC;QACA,MAAM6G,iBAAajK,oBAAAA,IAAwBkK,MAAM,CAACJ,cAAchB,KAAK,CAAC9F;QACtE,OAAOiH;IACT;IAEA,SAASE,aAAaC,OAAuB,EAAEC,WAAmB;QAChEnI,UAAU8H,IAAI,CAAC;YAAE7C,OAAOkD;YAAaC,YAAYF;QAAQ;IAC3D;IAEA,SAASG,YACPzD,KAA0C,EAC1C5C,KAAa,EACbsG,UAAoD;QAEpDA,WAAWC,OAAO;QAClB,IAAKlG,CAAAA,qBAAqB,SAASmG,qBAAqB5D,MAAMU,OAAM,CAAA,IAAMnE,wBAAwByD,OAAO;YACvGzD,sBAAsByD;YACtBnB,eAAe;YACfgF,gBAAgBH,WAAWI,OAAO,EAAEJ,WAAWK,OAAO;YACtDvG,oBAAoBwC,MAAMtE,CAAC;YAC3BwC,uBAAuB8B,MAAMU,MAAM;YACnCrD,SAASpC,MAAMgF,cAAc,IAAIhF,MAAM+I,cAAc,GAAG5G,QAAQ4C,MAAM5C,KAAK;YAC3E,+FAA+F;YAC/FgB,iBAAiB4B,MAAMY,gBAAgB,IAAKZ,MAAMnE,CAAC,CAAC4E,QAAQ;YAC5DnC,iBAAiB0B,MAAMQ,gBAAgB,IAAIR,MAAMtE,CAAC,CAAC+E,QAAQ;YAC3DhC,yBAAyBuB;YACzBrB,4BAA4BqB,MAAMtB,wBAAwB;QAC5D;IACF;IAEA,SAASuF;QACPpF,eAAe;IACjB;IAEA,SAASqF;QACP3H,sBAAsB;QACtBsC,eAAe;IACjB;IAEA,SAASsF,YACPC,KAAgD,EAChDpE,KAA0C,EAC1CqE,mBAA2B,EAC3BjH,KAAa;QAEb,IAAIkH,KAAK;QACT,IAAIC,KAAK;QAET,MAAMC,aAAcJ,MAAMK,MAAM,CAAoBC,qBAAqB;QACzEJ,KAAKE,WAAWG,IAAI,GAAGH,WAAWI,KAAK,GAAG;QAC1CL,KAAKC,WAAWK,GAAG,GAAGL,WAAWM,MAAM,GAAG;QAC1CjB,gBAAgBS,IAAIC;QACpB,IAAK9G,CAAAA,qBAAqB,SAASmG,qBAAqB5D,MAAMU,MAAM,CAAA,KAAMnE,wBAAwByD,OAAO;YACvG5E,UAAU+E,OAAO,CAAC,CAAC4E,KAAmB1E;gBACpC,IAAIgE,wBAAwBhE,OAAO;oBACjCxB,eAAe;oBACfX,uBAAuB8B,MAAMU,MAAM;oBACnClD,oBAAoBwC,MAAMtE,CAAC;oBAC3B2B,SAASpC,MAAMgF,cAAc,GAAG7C,QAAQ4C,MAAM5C,KAAK;oBACnDgB,iBAAiB4B,MAAMY,gBAAgB,IAAIZ,MAAMnE,CAAC,CAAC4E,QAAQ;oBAC3DnC,iBAAiB0B,MAAMQ,gBAAgB,IAAKR,MAAMtE,CAAC,CAAC+E,QAAQ;oBAC5DhC,yBAAyBuB;oBACzBrB,4BAA4BqB,MAAMtB,wBAAwB;gBAC5D;YACF;QACF;IACF;IAEA,SAASoD,WACPV,eAAuB,EACvBC,cAAsB,EACtB2D,cAAuB;QAGvB,MAAMC,OAAOzI;QACb,MAAM0I,OAAOzI;QACb,MAAM0I,UAAU;YAACC,KAAKrM,GAAG,CAACoE,UAAU+H;YAAOE,KAAKvM,GAAG,CAACsE,UAAU8H;SAAM;QACpE,IAAID,gBAAgB;YAClB,MAAMK,WAAOvM,YAAAA,EAAMkD,SAAS,CAACgE,QAA+CA,MAAMnE,CAAC;YACnF,MAAMyJ,OAAOtM,gBAAAA,EAAMgD,SAAS,CAACgE,QAA+CA,MAAMnE,CAAC;YACnF,MAAM0J,aAAaH,KAAKvM,GAAG,CAACwM,MAAMpK,MAAMuK,SAAS,IAAI;YACrD,6CAA6C;YAC7C,MAAMC,WAAWxK,MAAMyK,SAAS,IAAI;YACpC,MAAMC,aAAaP,KAAKrM,GAAG,CAACuM,MAAMG;YAClC,MAAM7D,gBAAY1I,oBAAAA,IACfkK,MAAM,CAAC+B,SACPS,IAAI,GACJ5D,KAAK,CAAC;gBAAC7F,SAASwI,IAAI;gBAAGtD,iBAAiBlF,SAAS0J,KAAK;aAAE;YAC3D,MAAMhE,gBAAY3I,oBAAAA,IACfkK,MAAM,CAAC;gBAACuC;gBAAYJ;aAAW,EAC/BvD,KAAK,CAAC;gBAACZ,kBAAmBjF,CAAAA,SAAS2J,MAAM,GAAIpJ,aAAAA,CAAY;gBAAIP,SAAS0I,GAAG,GAAInI;aAAc;YAC9F,OAAO;gBAAEkF;gBAAWC;YAAU;QAChC,OAAO;YACL,sEAAsE;YACtE,2DAA2D;YAC3D,kDAAkD;YAClD,MAAMA,gBAAYzI,kBAAAA,IACfgK,MAAM,CAAC/G,cACP2F,KAAK,CAAC;gBAACZ,kBAAmBjF,CAAAA,SAAS2J,MAAM,GAAIpJ,aAAAA,CAAY;gBAAIP,SAAS0I,GAAG,GAAInI;aAAc,EAC3FqJ,OAAO,CAACpJ;YAEX,MAAMiF,YAAY1I,wBAAAA,IACfkK,MAAM,CAAC+B,SACPS,IAAI,GACJ5D,KAAK,CAAC;gBAAC7F,SAASwI,IAAI;gBAAGtD,iBAAiBlF,SAAS0J,KAAK;aAAE;YAC3D,OAAO;gBAAEjE;gBAAWC;YAAU;QAChC;IACF;IAEA,SAASmE,oBAAoB7D,aAAoD;QAC/E,MAAM8D,qBAAqB9D,cACxB+D,MAAM,CAAClG,CAAAA,QAASA,MAAMtE,CAAC,IAAIyB,UAC3BgJ,MAAM,CAAC,CAACC,KAAKpG,QAAUoG,MAAMpG,MAAMtE,CAAC,EAAE;QACzC,MAAM2K,qBAAqBlE,cACxB+D,MAAM,CAAClG,CAAAA,QAASA,MAAMtE,CAAC,GAAGyB,UAC1BgJ,MAAM,CAAC,CAACC,KAAKpG,QAAUoG,MAAMpG,MAAMtE,CAAC,EAAE;QACzC,MAAM4K,gBAAgBL,qBAAqBI;QAC3C,MAAME,0BAA0BD,iBAAiB;QAEjD,MAAME,oBAAoBrE,cAAc+D,MAAM,CAAClG,CAAAA,QAASA,MAAMtE,CAAC,IAAIyB,UAAU1B,MAAM;QACnF,MAAMgL,oBAAoBtE,cAAc1G,MAAM,GAAG+K;QAEjD,MAAME,kBAAkB,CACtBC,eACAC,qBACAC;YAEA,MAAMC,oBAAoBH,iBAAiBC,wBAAwBJ;YACnE,MAAMO,oBAAoB,CAACJ,iBAAiBE,wBAAwBJ;YACpE,OAAOF,0BAA0BO,oBAAoBC;QACvD;QAEA,OAAO;YAAEd;YAAoBI;YAAoBC;YAAeC;YAAyBG;QAAgB;IAC3G;IAEA,SAASpE,mBACPlB,eAAuB,EACvBC,cAAsB,EACtBC,QAAoB,EACpBC,QAAoB,EACpBY,aAAoD,EACpD,AACAP,SAAc,EACd,AACAC,SAAc,0CAHgD,WAEA;QAG9D,MAAM,EAAE5B,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,MAAM+L,aAAoD;eAAI7E;SAAc;QAC5E6E,WAAWC,IAAI,CAAC,CAACC,GAAGC;YAClB,MAAMC,SAAS,OAAOF,EAAErL,CAAC,KAAK,WAAWqL,EAAErL,CAAC,GAAGwL,WAAWH,EAAErL,CAAC;YAC7D,MAAMyL,SAAS,OAAOH,EAAEtL,CAAC,KAAK,WAAWsL,EAAEtL,CAAC,GAAGwL,WAAWF,EAAEtL,CAAC;YAC7D,OAAOyL,SAASF;QAClB;QAEA,IAAIG,oBAAoB;QACxB,IAAIC,oBAAoB;QACxB,IAAIC,YAAY;QAEhB,MAAMjB,oBAAoBrE,cAAc+D,MAAM,CAC5C,CAAClG,QAA+CA,MAAMtE,CAAC,IAAIyB,UAC3D1B,MAAM;QACR,MAAMgL,oBAAoBtE,cAAc1G,MAAM,GAAG+K;QAEjD,MAAM,EAAEF,aAAa,EAAEI,eAAe,EAAE,GAAGV,oBAAoB7D;QAE/D,IAAIyE,sBAAsB;QAC1B,IAAIC,sBAAsB;QAE1B,MAAMa,OAAOV,WAAW9E,GAAG,CAAC,CAAClC,OAA4CK;YACvE,IAAIsH,kBAAkB;YACtB,IAAI5J,mBAAmBN,kBAAkB;gBACvCkK,kBAAkB/D,qBAAqB5D,MAAMU,MAAM;YACrD;YACA,IAAIV,MAAMtE,CAAC,IAAIyB,UAAU;gBACvB,EAAEyJ;YACJ;YACA,IAAI5G,MAAMtE,CAAC,GAAGyB,UAAU;gBACtB,EAAE0J;YACJ;YACA,MAAMe,YAAYtM,SACd+F,iBACClF,CAAAA,SAAS0J,KAAK,GAAIT,KAAKvM,GAAG,CAAC+I,UAAU5B,MAAMtE,CAAC,GAAGyB,WAAWyE,UAAUzE,aAAahB,SAASwI,IAAAA,AAAI,IAC/FS,KAAKrM,GAAG,CAAC6I,UAAU5B,MAAMtE,CAAC,GAAGyB,WAAWyE,UAAUzE;YACtD,MAAMmC,YAAoB8F,KAAKvM,GAAG,CAACgJ,UAAU7B,MAAMnE,CAAC,GAAG;YACvD,IAAIyD,YAAY,GAAG;gBACjB,OAAA,WAAA,GAAO,OAAA,aAAA,CAAC1G,OAAMiP,QAAQ,EAAA;oBAACpF,KAAKzC,MAAMtE,CAAC;mBAAE;YACvC;YACA,IAAIoM;YACJ,IAAI7H,gBAAgB;gBAClB,oEAAoE;gBACpE,gEAAgE;gBAChE6H,aAAa7M,MAAM2E,MAAM,GAAGU,gBAAgB,SAAKvG,mBAAAA,EAAa,GAAG;YACnE,OAAO;gBACL+N,aAAa7M,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMtE,CAAC,QAAI3B,mBAAAA,EAAasG,OAAO;YAC7E;YAEAyH,aAAa9H,MAAM5C,KAAK,IAAI,CAAC6C,iBAAiBD,MAAM5C,KAAK,GAAG0K;YAE5D,MAAMC,eAAe3C,KAAK4C,GAAG,CAACpG,UAAU6F,YAAYtK,YAAYyE,UAAUzE;YAC1EsK,YAAYtK,WAAYoK,qBAAqBQ,eAAiBP,qBAAqBO;YACnF,MAAME,eAAe7C,KAAK4C,GAAG,CAACpG,UAAU5B,MAAMtE,CAAC,GAAGyB,YAAYyE,UAAUzE;YACxE,MAAM+K,cACJD,eAAe,KACd,AAACjI,OAAMtE,CAAC,GAAGyB,YAAYyJ,wBAAwBJ,qBAC7CxG,MAAMtE,CAAC,GAAGyB,YAAaqJ,CAAAA,sBAAsB,KAAKK,uBAAsB,CAAA,CAAE,GACzE,IACA;YACN,MAAMsB,cACJF,eAAe,KACd,AAACjI,OAAMtE,CAAC,GAAGyB,YAAasJ,uBAAsB,KAAKG,uBAAsB,CAAA,IACvE5G,MAAMtE,CAAC,GAAGyB,YAAY0J,wBAAwBJ,iBAAAA,CAAiB,GAC9D,IACA;YACN,IAAI2B,SAASjL;YACb,IAAI7B,QAAQ;gBACV8M,SAASpI,MAAMtE,CAAC,GAAGyB,WAAWyK,YAAYL,oBAAoBK,YAAYJ;YAC5E,OAAO;gBACLY,SAASpI,MAAMtE,CAAC,GAAGyB,WAAWyK,YAAYL,oBAAoBK,YAAYJ;YAC5E;YACAC,YAAYzH,MAAMtE,CAAC;YAEnB,MAAM2M,WAAWJ,eAAgB3M,CAAAA,SAAS6M,cAAcD,WAAAA,CAAU;YAClE,MAAMI,UAAUhN,SACZ0E,MAAMtE,CAAC,IAAIyB,WACTiL,SACAA,SAASC,WACXrI,MAAMtE,CAAC,IAAIyB,WACXiL,SAASC,WACTD;YACJ,MAAMzB,gBAAgB3G,MAAMtE,CAAC,IAAIyB;YACjC,MAAMoL,YAAY7B,gBAAgBC,eAAeC,qBAAqBC;YAEtE,OAAA,WAAA,GACE,OAAA,aAAA,CAACjO,OAAMiP,QAAQ,EAAA;gBAACpF,KAAK,GAAGpC,MAAM,CAAC,EAAEL,MAAMtE,CAAC,CAAC,CAAC,EAAEsE,MAAMnE,CAAC,EAAE;6BACnD,OAAA,aAAA,CAAC2M,QAAAA;gBACC/F,KAAKzC,MAAMnE,CAAC;gBACZH,GAAG0M;gBACHvM,GAAGgG,UAAU7B,MAAMnE,CAAC,IAAII,aAAa;gBACrC2I,OAAOyD;gBACPvD,QAAQ7I;gBACRwM,KAAK,CAACC;oBACJrF,aAAaqF,GAAG1I,MAAMU,MAAM;gBAC9B;gBACAiI,IAAI1N,MAAM2N,YAAY,GAAG,IAAI;gBAC7BC,SAAS7I,MAAM6I,OAAO;gBACtBC,aAAa,CAAC1E,QAAoDX,YAAYzD,OAAO8H,YAAY1D;gBACjGzB,cAAYoG,cAAc/I;gBAC1B0C,MAAK;gBACLsG,mBAAiB,CAAC,OAAO,EAAE3N,YAAY;gBACvC4N,cAAchF;gBACdiF,SAAS9E,CAAAA,QAASD,YAAYC,OAAOpE,OAAOK,OAAOyH;gBACnDqB,QAAQlF;gBACRmF,MAAMtB;gBACNuB,SAAS1B,kBAAkB,IAAI;gBAC/B2B,UAAU3B,kBAAkB,IAAI7J;gBAEjCyK,aAAagB,gBAAgBjB,SAASzG,UAAU7B,MAAMnE,CAAC,IAAII,aAAa,GAAGqK,eAAeK;QAGjG;QACA,OAAOe;IACT;IAEA,SAAS8B;YAEPvO;QADA,MAAMwO,OAAwC,CAAC;SAC/CxO,cAAAA,MAAMO,IAAAA,AAAI,MAAA,QAAVP,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAYkF,OAAO,CAAC,CAACH;YACnByJ,IAAI,CAACzJ,MAAMnE,CAAC,CAAC,GAAGmE,MAAMnE,CAAC;QACzB;QACA,MAAM6N,UAAUC,OAAOC,MAAM,CAACH;QAC9B,OAAOC;IACT;IAEA,SAASG,+BAA+BrO,IAAuB,EAAEsO,UAAkB,EAAEC,YAAoB;QACvG,MAAMC,aAASnP,oCAAAA,EAA2BW;QAC1C,IAAI,CAACwO,UAAUA,MAAM,CAAC,EAAE,KAAK,GAAG;YAC9B,OAAO;QACT;QACA,MAAMC,kBAAkBD,MAAM,CAAC,EAAE;QACjC,IAAIhI,QAAQgI,MAAM,CAAC,EAAE;QACrB,MAAM3E,WAAOvM,YAAAA,EAAMkD,SAAS,CAACgE,QAA+CA,MAAMnE,CAAC;QACnF,kGAAkG;QAClG,yCAAyC;QACzCmG,QAAQoD,KAAKvM,GAAG,CAACmJ,OAAOqD;QACxB,mHAAmH;QACnH,+CAA+C;QAC/C,MAAMgD,WAAWjD,KAAK8E,KAAK,CACxBJ,aAAaG,kBAAmB,CAAA,IAAIF,YAAAA,CAAW,IAAO/H,QAAQiI,kBAAmB,CAAA,IAAIF,YAAAA,CAAW,CAAC;QAEpG,OAAO1B;IACT;IAEA,SAAS8B,uCAAuC/I,eAAuB;QACrE1E,gBAAgBhC,wBAAAA;QAChB,MAAMgP,UAAUF;QAChB,wEAAwE,GACxE7M,gBAAgBA,kBAAkB,IAAI,OAAOA;QAC7C,MAAMyN,aAAazN,gBAAiB,CAAA,IAAIA,aAAAA,CAAY;QACpD,MAAM0N,UAAUX,QAAQjO,MAAM,GAAIiO,SAAQjO,MAAM,GAAG,CAAA,IAAK2O;QACxD,4CAA4C;QAC5C,MAAME,cAAclJ,kBAAmBjF,CAAAA,SAAS0I,GAAG,GAAInK,wBAAAA,AAAgB,IAAMyB,CAAAA,SAAS2J,MAAM,GAAIpL,wBAAAA,AAAgB;QAChH,IAAIkB,eAAehC,gBAAAA,CAAUkC,UAAU,EAAE;YACvC,mCAAmC;YACnCG,aACEhB,MAAMqE,SAAS,IAAIuK,+BAA+BH,SAA8BY,aAAa3N;YAC/FV,aAAamJ,KAAKvM,GAAG,CAACoD,YAAY;YAClCS,iBAAiBT,aAAa;QAChC,OAAO;YACL,uCAAuC;YACvCA,aAAahB,MAAMqE,SAAS,IAAIgL,cAAcD;YAC9C,kFAAkF,GAClF,MAAME,YAAYF,UAAUpO;YAC5B,IAAIqO,eAAeC,WAAW;gBAC5B,4EAA4E;gBAC5E7N,gBAAgBhC,wBAAAA,GAAqB4P,CAAAA,cAAcC,SAAAA,CAAQ,GAAK;YAClE;QACF;QAEA,OAAO;YACL,GAAGpO,QAAQ;YACX0I,KAAK1I,SAAS0I,GAAG,GAAInI;YACrBoJ,QAAQ3J,SAAS2J,MAAM,GAAIpJ;QAC7B;IACF;IAEA,SAAS6F,kBACPnB,eAAuB,EACvBC,cAAsB,EACtBC,QAAoB,EACpBC,QAAoB,EACpBY,aAAoD,EACpD,AACAP,SAAc,EACd,AACAC,SAAc,0CAHgD,WAEA;QAG9D,MAAM,EAAE5B,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIsM,oBAAoB;QACxB,IAAIC,oBAAoB;QACxB,IAAIC,YAAY;QAChB,MAAMjB,oBAAoBrE,cAAc+D,MAAM,CAC5C,CAAClG,QAA+CA,MAAMtE,CAAC,IAAIyB,UAC3D1B,MAAM;QACR,MAAMgL,oBAAoBtE,cAAc1G,MAAM,GAAG+K;QACjD,MAAM,EAAEF,aAAa,EAAEI,eAAe,EAAE,GAAGV,oBAAoB7D;QAC/D,IAAIyE,sBAAsB;QAC1B,IAAIC,sBAAsB;QAC1B,MAAMa,OAAOvF,cAAcD,GAAG,CAAC,CAAClC,OAA4CK;YAC1E,IAAIsH,kBAAkB;YACtB,IAAI5J,mBAAmBN,kBAAkB;gBACvCkK,kBAAkB/D,qBAAqB5D,MAAMU,MAAM;YACrD;YACA,IAAIV,MAAMtE,CAAC,IAAIyB,UAAU;gBACvB,EAAEyJ;YACJ;YACA,IAAI5G,MAAMtE,CAAC,GAAGyB,UAAU;gBACtB,EAAE0J;YACJ;YACA,MAAMe,YAAYtM,SACd+F,iBACClF,CAAAA,SAAS0J,KAAK,GAAIT,KAAKvM,GAAG,CAAC+I,UAAU5B,MAAMtE,CAAC,GAAGyB,WAAWyE,UAAUzE,aAAahB,SAASwI,IAAAA,AAAI,IAC/FS,KAAKrM,GAAG,CAAC6I,UAAU5B,MAAMtE,CAAC,GAAGyB,WAAWyE,UAAUzE;YACtD,MAAMmC,YAAoB8F,KAAKvM,GAAG,CAACgJ,UAAU7B,MAAMnE,CAAC,GAAG;YACvD,IAAIyD,YAAY,GAAG;gBACjB,OAAA,WAAA,GAAO,OAAA,aAAA,CAAC1G,OAAMiP,QAAQ,EAAA;oBAACpF,KAAKzC,MAAMtE,CAAC;mBAAE;YACvC;YACA,IAAIoM;YACJ,IAAI7H,gBAAgB;gBAClB,oEAAoE;gBACpE,gEAAgE;gBAChE6H,aAAa7M,MAAM2E,MAAM,GAAGU,gBAAgB,SAAKvG,mBAAAA,EAAa,GAAG;YACnE,OAAO;gBACL+N,aAAa7M,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMtE,CAAC,QAAI3B,mBAAAA,EAAasG,OAAO;YAC7E;YAEAyH,aAAa9H,MAAM5C,KAAK,IAAI,CAAC6C,iBAAiBD,MAAM5C,KAAK,GAAG0K;YAC5D,MAAMC,eAAe3C,KAAK4C,GAAG,CAACpG,UAAU6F,YAAYtK,YAAYyE,UAAUzE;YAC1EsK,YAAY,IAAKF,qBAAqBQ,eAAiBP,qBAAqBO;YAC5E,MAAME,eAAe7C,KAAK4C,GAAG,CAACpG,UAAU5B,MAAMtE,CAAC,GAAGyB,YAAYyE,UAAUzE;YACxE,MAAM+K,cACJD,eAAe,KACd,CAACjI,MAAMtE,CAAC,GAAGyB,YAAYyJ,wBAAwBJ,qBAC7CxG,MAAMtE,CAAC,GAAGyB,YAAaqJ,CAAAA,sBAAsB,KAAKK,uBAAsB,CAAA,CAAE,GACzE,IACA;YACN,MAAMsB,cACJF,eAAe,KACd,CAACjI,MAAMtE,CAAC,GAAGyB,YAAasJ,CAAAA,sBAAsB,KAAKG,uBAAsB,CAAA,IACvE5G,MAAMtE,CAAC,GAAGyB,YAAY0J,wBAAwBJ,iBAAAA,CAAiB,GAC9D,IACA;YACNgB,YAAYzH,MAAMtE,CAAC;YACnB,IAAI0M,SAASjL;YACb,IAAI7B,QAAQ;gBACV8M,SAASpI,MAAMtE,CAAC,GAAGyB,WAAWyK,YAAYL,oBAAoBK,YAAYJ;YAC5E,OAAO;gBACLY,SAASpI,MAAMtE,CAAC,GAAGyB,WAAWyK,YAAYL,oBAAoBK,YAAYJ;YAC5E;YAEA,MAAMa,WAAWJ,eAAgB3M,CAAAA,SAAS6M,cAAcD,WAAAA,CAAU;YAClE,MAAMI,UAAUhN,SACZ0E,MAAMtE,CAAC,IAAIyB,WACTiL,SACAA,SAASC,WACXrI,MAAMtE,CAAC,IAAIyB,WACXiL,SAASC,WACTD;YACJ,MAAMzB,gBAAgB3G,MAAMtE,CAAC,IAAIyB;YACjC,MAAMqN,YAAY3I,UAAU7B,MAAMnE,CAAC,IAAI,MAAOgG,CAAAA,UAAU4I,SAAS,KAAKxO,UAAAA,CAAS;YAC/E,MAAMsM,YAAY7B,gBAAgBC,eAAeC,qBAAqBC;YAEtE,OAAA,WAAA,GACE,OAAA,aAAA,CAACjO,OAAMiP,QAAQ,EAAA;gBAACpF,KAAK,GAAGpC,MAAM,CAAC,EAAEL,MAAMtE,CAAC,CAAC,CAAC,EAAEsE,MAAMnE,CAAC,EAAE;6BACnD,OAAA,aAAA,CAAC2M,QAAAA;gBACCkC,WAAW,CAAC,YAAY,EAAE,MAAO7I,CAAAA,UAAU4I,SAAS,KAAKxO,UAAAA,CAAS,CAAG,CAAC,CAAC;gBACvEwG,KAAKzC,MAAMtE,CAAC;gBACZA,GAAG0M;gBACHvM,GAAGgG,UAAU7B,MAAMnE,CAAC;gBACpB8M,IAAI1N,MAAM2N,YAAY,GAAG,IAAI;gBAC7BhE,OAAOyD;gBACPvD,QAAQ7I;gBACR+M,mBAAiB,CAAC,OAAO,EAAE3N,YAAY;gBACvCsH,cAAYoG,cAAc/I;gBAC1B0C,MAAK;gBACL+F,KAAK,CAACC;oBACJrF,aAAaqF,GAAG1I,MAAMU,MAAM;gBAC9B;gBACAmI,SAAS7I,MAAM6I,OAAO;gBACtBC,aAAa,CAAC1E,QAAoDX,YAAYzD,OAAO8H,YAAY1D;gBACjG6E,cAAchF;gBACdkF,QAAQlF;gBACRoF,SAAS1B,kBAAkB,IAAI;gBAC/BuB,SAAS9E,CAAAA,QAASD,YAAYC,OAAOpE,OAAOK,OAAOyH;gBACnDsB,MAAMtB;gBACNwB,UAAU3B,kBAAkB,IAAI7J;gBAEjCyK,aAAagB,gBAAgBjB,SAASkC,WAAWlE,eAAeK;QAGvE;QACA,OAAOe;IACT;IAEA,SAASiD,eAAeC,aAAqB;QAC3C,IAAI,CAACC,qBAAqB;YACxB7M,mBAAmB;YACnBE,uBAAuB0M;QACzB;IACF;IAEA,SAASE,eAAeC,eAAyB;QAC/C,IAAI,CAAC,CAACA,mBAAmB,CAACF,qBAAqB;YAC7C7M,mBAAmB;YACnBE,uBAAuB;YACvBR,oBAAoBqN,kBAAkB,QAAQF;QAChD;IACF;IAEA,SAASG,eAAexP,IAA2C;QACjE,MAAM,EAAEyE,cAAc,EAAE,GAAGhF;QAC3B,MAAMgQ,UAAoB,EAAE;QAC5B,MAAMC,mBAA2C,CAAC;QAElD1P,KAAK2E,OAAO,CAAC,CAACH,OAA4CmL;YACxD,wDAAwD;YACxD,MAAM/N,QAAgB6C,iBAAkBhF,MAAM2E,MAAM,GAAGU,gBAAgB,SAAKvG,mBAAAA,EAAa,GAAG,KAAMiG,MAAM5C,KAAK;YAE7G8N,gBAAgB,CAAClL,MAAMU,MAAM,CAAE,GAAGtD;QACpC;QACAuM,OAAOyB,OAAO,CAACF,kBAAkB/K,OAAO,CAAC,CAAC,CAACoD,aAAanG,MAAM;YAC5D,qDAAqD;YACrD,MAAMsD,SAAiB;gBACrB2K,OAAO9H;gBACPnG;gBACAkO,aAAa;oBACXpH;oBACAyG,eAAepH;gBACjB;gBACA,wDAAwD;gBACxDgI,kBAAkB,CAAC9N;oBACjBqN,eAAerN;gBACjB;YACF;YACAwN,QAAQ/H,IAAI,CAACxC;QACf;QACA,MAAM8K,UAAAA,WAAAA,GACJ,OAAA,aAAA,CAACnS,gBAAAA,EAAAA;YACCmS,SAASP;YACTQ,kBAAkBxQ,MAAMyQ,uBAAuB;YAC/CC,cAAc1Q,MAAM2Q,mBAAmB;YACtC,GAAG3Q,MAAM0C,WAAW;YACrBkO,UAAUC;YACVC,WAAWhP;;QAGf,OAAOyO;IACT;IAEA,SAASX;QACP,OAAOpN;IACT;IAEA;;;;;GAKC,GACD,SAASmG,qBAAqBlD,MAAe;QAC3C,OAAOsL,wBAAwBC,QAAQ,CAACvL;IAC1C;IAEA,SAASsL;QACP,OAAOpO,gBAAgBnC,MAAM,GAAG,IAAImC,kBAAkBK,sBAAsB;YAACA;SAAoB,GAAG,EAAE;IACxG;IACA,SAAS6N,yBACP,AACAlO,eAAyB,EACzBwG,KAA0C,EAC1C8H,aAAsB,mBAHkC;YAKpDjR,oBAQAA;QARJ,IAAA,CAAIA,qBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBkR,wBAAwB,EAAE;YAC/C5N,mBAAmBX;YACnBM,uBAAuBgO,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAeb,KAAK;QAC7C,OAAO;YACL9M,mBAAmBX,gBAAgBwO,KAAK,CAAC,CAAC;YAC1ClO,uBAAuBgO,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAeb,KAAK;QAC7C;QACA3N,oBAAoBE,gBAAgBnC,MAAM,GAAG;QAC7C,IAAA,CAAIR,sBAAAA,MAAM0C,WAAAA,AAAW,MAAA,QAAjB1C,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAmB4Q,QAAQ,EAAE;YAC/B5Q,MAAM0C,WAAW,CAACkO,QAAQ,CAACjO,iBAAiBwG,OAAO8H;QACrD;IACF;IAEA,SAASG,aAAaC,SAAoB;QACxC,IAAIA,aAAaA,UAAUC,iBAAiB,CAAC9Q,MAAM,EAAE;YACnD,uCAAuC;YACvC,MAAM,EAAE8Q,mBAAmBC,WAAW,EAAE,GAAGF;YAC3ChQ,QAAQ8I,KAAKvM,GAAG,CAAC2T,WAAW,CAACA,YAAY/Q,MAAM,GAAG,EAAE,EAAER,MAAMwR,SAAS,IAAI;QAC3E;IACF;IACA,SAAS1D,cAAc/I,KAA0C;YAIxDA;QAHP,MAAM0M,SAAS1M,MAAMQ,gBAAgB,IAAIR,MAAMtE,CAAC;QAChD,MAAMgF,SAASV,MAAMU,MAAM;QAC3B,MAAMiM,SAAS3M,MAAMY,gBAAgB,IAAIZ,MAAMnE,CAAC;QAChD,OAAOmE,CAAAA,CAAAA,kCAAAA,MAAMtB,wBAAAA,AAAwB,MAAA,QAA9BsB,oCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gCAAgC4M,SAAAA,AAAS,KAAI,GAAGD,OAAO,EAAE,CAAC,GAAIjM,CAAAA,SAAS,GAAGA,OAAO,EAAE,CAAC,GAAG,EAAA,CAAC,GAAK,GAAGgM,OAAO,CAAC,CAAC;IAClH;IAEA,SAAS9J,sBAAsBT,aAAoD,EAAEC,UAAkB;YACjFD,mBAAAA;QAApB,MAAM0K,cAAc1K,CAAAA,CAAAA,kBAAAA,aAAa,CAAC,EAAA,AAAE,MAAA,QAAhBA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,oBAAAA,iBAAkBtG,AAAC,MAAA,QAAnBsG,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAqB1B,QAAQ,EAAA,KAAM,CAAC,MAAM,EAAE2B,aAAa,GAAG;QAChF,OAAO,GAAGyK,YAAY,YAAY,EAAEzK,aAAa,EAAE,IAAI,EAAE/F,aAAaZ,MAAM,CAAC,OAAO,EAAE0G,cAAc1G,MAAM,CAAC,MAAM,CAAC;IACpH;IAEA,SAAS8N,gBACPuD,SAAiB,EACjBtC,SAAiB,EACjBuC,KAAa,EACbpG,aAAsB;QAEtB,IAAI1L,MAAM+R,UAAU,IAAI/Q,aAAa,IAAI;YACvC,OAAO;QACT;QAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACgR,QAAAA;YACCvR,GAAGoR;YACHjR,GAAG2O,YAAYvO,aAAa;YAC5BiR,YAAY5R,SAAUqL,gBAAgB,QAAQ,UAAWA,gBAAgB,UAAU;YACnF+D,WAAW,CAAC,UAAU,EAAE/D,gBAAiBrL,SAAS,CAAC,IAAI,IAAKA,SAAS,IAAI,CAAC,EAAE,CAAC,CAAC;YAC9E6R,kBAAiB;YACjBC,WAAWlQ,OAAOmQ,QAAQ;YAC1BC,eAAa;YACbC,OAAO;gBAAEC,WAAW;gBAAOC,aAAa;YAAU;eAEjD7S,iCAAAA,EAA2BmS;IAGlC;IAEA,SAASW;QACP,MAAM,EAAEC,UAAU,EAAEnS,IAAI,EAAE,GAAGP;QAC7B,OAAQ0S,CAAAA,aAAa,GAAGA,WAAW,EAAE,CAAC,GAAG,EAAA,CAAC,GAAK,CAAC,0BAA0B,EAAEnS,CAAAA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,KAAAA,IAAAA,KAAMC,MAAAA,AAAM,KAAI,EAAE,OAAO,CAAC;IACxG;IAEA,SAASmS;QACP,MAAMC,wCACJjS,eAAehC,gBAAAA,CAAUkC,UAAU,IAAIb,MAAMC,kBAAkB,KAAK;QACtE,IAAI,CAAC2S,uCAAuC;YAC1C,4FAA4F;YAC5F,MAAMC,eAAe;mBAAI9R;aAAQ,CAAC+R,OAAO;YACzC,OAAOD,aAAa5L,GAAG,CAAC,CAAClC,QAA+CA,MAAMnE,CAAC;QACjF;QAEA,WAAOlB,yBAAAA,EAAmBqT,wBAAwB/S,MAAMC,kBAAkB;IAC5E;IAEA,SAAS8S;QACP,MAAMC,mBAA6C,CAAC;QACpDjS,QAAQmE,OAAO,CAACH,CAAAA;YACd,IAAI,CAACiO,gBAAgB,CAACjO,MAAMnE,CAAC,CAAC,EAAE;gBAC9BoS,gBAAgB,CAACjO,MAAMnE,CAAC,CAAC,GAAG,EAAE;YAChC;YACAoS,gBAAgB,CAACjO,MAAMnE,CAAC,CAAC,CAACqH,IAAI,CAAClD,MAAMtE,CAAC;QACxC;QACA,OAAOuS;IACT;IAEA,SAASC;QACP,OAAO,CAAEjT,OAAMO,IAAI,IAAIP,MAAMO,IAAI,CAACC,MAAM,IAAG,CAAA;IAC7C;IAEA,SAASoI,gBAAgBsK,IAAY,EAAEC,IAAY;QACjD,MAAMC,YAAY,GAAG,+BAA+B;QACpD,MAAM,EAAE3S,CAAC,EAAEG,CAAC,EAAE,GAAGiD;QAEjB,+BAA+B;QAC/B,MAAMwP,WAAWlJ,KAAKmJ,IAAI,CAACnJ,KAAKoJ,GAAG,CAACL,OAAOzS,GAAG,KAAK0J,KAAKoJ,GAAG,CAACJ,OAAOvS,GAAG;QACtE,+EAA+E;QAC/E,IAAIyS,WAAWD,WAAW;YACxBtP,iBAAiB;gBAAErD,GAAGyS;gBAAMtS,GAAGuS;YAAK;YACpCvP,eAAe;QACjB;IACF;IAEA,SAAS4P,uBACPC,MAA6C,EAC7C5O,OAAgB,EAChB8E,KAAa,EACb+J,SAAqB,EACrBC,KAAc,EACdC,SAAqB,EACrBxG,QAAgB,EAChByG,UAAyC;QAEzC,IAAIC;QACJ,IAAIF,cAAchV,iBAAAA,CAAW8B,WAAW,EAAE;YACxCoT,wBAAoB7U,wDAAAA,EAAkDwU,QAAQ5O,SAAS8E,OAAOgK,OAAOzR;QACvG,OAAO;YACL4R,oBAAoB;gBAAEC,aAAa;gBAAGC,WAAW;gBAAGC,aAAa;gBAAGC,WAAW;YAAE;QACnF;QACA,OAAOJ;IACT;IAEA,IAAI,CAACb,iBAAiB;QACpB7O;QACA,MAAM+P,eAAkC;YACtChS;YACAsD,QAAQzC;YACRsC,QAAQpC;YACRwC,QAAQtC,gBAAgBA,gBAAgBd;YACxC,GAAGtC,MAAMmU,YAAY;YACrB,OAAGzV,8BAAAA,EAAwB+E,yBAAyB;YACpD2Q,eAAe;gBACbC,mBAAmBvO,4BAA4B,OAAOA,0BAA2BjD;gBACjFyR,oBAAoBtU,MAAMuU,wBAAwB,GAC9CvU,MAAMuU,wBAAwB,CAAChR,yBAC/BV;YACN;YACA2R,aAAa;YACb7Q;YACAE;QACF;QACA,MAAM4Q,aAAa;YACjBZ,YAAY7T,MAAM6T,UAAU;YAC5Ba,YAAY1U,MAAM0U,UAAU;QAC9B;QAEAtT,eAAeuR;QACftR,QAAQ8I,KAAKvM,GAAG,KAACC,YAAAA,EAAMkD,SAAS,CAACgE,QAA+CA,MAAMtE,CAAC,GAAIT,MAAMwR,SAAS,IAAI;QAC9G,MAAMmD,aAAyB5E,eAAehP;QAC9C,OAAA,WAAA,GACE,OAAA,aAAA,CAACzC,8BAAAA,EAAAA;YACCqD,cAAcD;YACb,GAAG1B,KAAK;YACT0S,YAAYD;YACZgB,QAAQ1S;YACR2S,WAAWjV,iBAAAA,CAAWqB,0BAA0B;YAChD8T,WAAWtT;YACXsU,WAAWjU;YACXkU,uBAAuBrB;YACvBsB,6BAA6B1T;YAC7B+S,cAAcA;YACdM,YAAYA;YACZE,YAAYA;YACZI,aAAa/V,+CAAAA;YACbgW,mBAAmB9V,qDAAAA;YACnB+V,kBAAkBlW,gCAAAA;YAClBmW,UAAUlU;YACVmU,YAAYvQ;YACZwQ,mBAAmBlG;YACnBmG,cAAcrP;YACdsP,aAAalE;YACbmE,mBAAmBtM;YACnBlH,cAAcH;YACd,oCAAoC,GACpC,wDAAwD;YACxD4T,UAAU,CAACxV;gBACT,OAAA,WAAA,GACE,OAAA,aAAA,CAAA,OAAA,QAAA,EAAA,MAAA,WAAA,GACE,OAAA,aAAA,CAACuH,KAAAA,MAAGpG;YAGV;;IAGN,OAAO;QACL,OAAA,WAAA,GACE,OAAA,aAAA,CAACsU,OAAAA;YAAIC,IAAI5U;YAAe2G,MAAM;YAAS6K,OAAO;gBAAElE,SAAS;YAAI;YAAG1G,cAAY;;IAEhF;AACF,GAAG;AACH5H,2BAA2B6V,WAAW,GAAG"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./HorizontalBarChartWithAxis.cjs"), exports);
+_export_star._(require("./HorizontalBarChartWithAxis.types.cjs"), exports);
+_export_star._(require("../../types/index.cjs"), exports);

package/lib-commonjs/components/HorizontalBarChartWithAxis/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,+BAA+B;uBAC/B,qCAAqC;uBACrC,oBAAoB"}
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,kCAA+B;uBAC/B,wCAAqC;uBACrC,uBAAoB"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { HighContrastSelector } from \"../../utilities/index.js\";\nexport const hbcWithAxisClassNames = {\n    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n    xAxisTicks: 'fui-hbcwa__xAxisTicks',\n    tooltip: 'fui-hbcwa__tooltip',\n    barLabel: 'fui-hbcwa__barLabel',\n    chartLabel: '',\n    xAxisDomain: '',\n    xAxisText: '',\n    yAxisDomain: '',\n    yAxisTicks: '',\n    yAxisText: '',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    axisTitle: '',\n    chartTitle: '',\n    shapeStyles: '',\n    chartWrapper: '',\n    svgTooltip: '',\n    chart: '',\n    axisAnnotation: '',\n    plotContainer: '',\n    annotationLayer: ''\n};\nconst useStyles = makeStyles({\n    opacityChangeOnHover: {\n        opacity: 0.1\n    },\n    xAxisTicks: {},\n    barLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    }\n});\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n        xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n        barLabel: mergeClasses(hbcWithAxisClassNames.barLabel, baseStyles.barLabel)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","hbcWithAxisClassNames","opacityChangeOnHover","xAxisTicks","tooltip","barLabel","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","abs64n","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bj7tp1g","d","m","useHorizontalBarChartWithAxisStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,qBAAqB;;;IA0CjBoC,mCAAmC;;;;uBA7CX,gBAAgB;AAGlD,8BAA8B;IACjCnC,oBAAoB,EAAE,iCAAiC;IACvDC,UAAU,EAAE,uBAAuB;IACnCC,OAAO,EAAE,oBAAoB;IAC7BC,QAAQ,EAAE,qBAAqB;IAC/BC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE,EAAE;IACfC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,EAAE;IACbC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,kBAAkB,EAAE,EAAE;IACtBC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAG/B,eAAA,EAAA;IAAAM,oBAAA,EAAA;QAAA0B,MAAA,EAAA;IAAA;IAAAzB,UAAA,EAAA,CAAA;IAAAE,QAAA,EAAA;QAAAwB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CAYjB,CAAC;AAGS,4CAA6CE,KAAK,IAAG;IAC5D,MAAMC,UAAU,GAAGZ,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHzB,oBAAoB,MAAEL,mBAAY,EAACI,qBAAqB,CAACC,oBAAoB,EAAEqC,UAAU,CAACrC,oBAAoB,CAAC;QAC/GC,UAAU,MAAEN,mBAAY,EAACI,qBAAqB,CAACE,UAAU,EAAEoC,UAAU,CAACpC,UAAU,CAAC;QACjFE,QAAQ,MAAER,mBAAY,EAACI,qBAAqB,CAACI,QAAQ,EAAEkC,UAAU,CAAClC,QAAQ;IAC9E,CAAC;AACL,CAAC"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/{useHorizontalBarChartWithAxisStyles.styles.raw.js → useHorizontalBarChartWithAxisStyles.styles.raw.cjs}

@@ -19,7 +19,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _index = require("../../utilities/index");
+const _index = require("../../utilities/index.cjs");
 const hbcWithAxisClassNames = {
     opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',
     xAxisTicks: 'fui-hbcwa__xAxisTicks',

package/lib-commonjs/components/HorizontalBarChartWithAxis/{useHorizontalBarChartWithAxisStyles.styles.raw.js.map → useHorizontalBarChartWithAxisStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { HorizontalBarChartWithAxisProps, HorizontalBarChartWithAxisStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\nexport const hbcWithAxisClassNames: SlotClassNames<HorizontalBarChartWithAxisStyles> = {\n  opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n  xAxisTicks: 'fui-hbcwa__xAxisTicks',\n  tooltip: 'fui-hbcwa__tooltip',\n  barLabel: 'fui-hbcwa__barLabel',\n  chartLabel: '',\n  xAxisDomain: '',\n  xAxisText: '',\n  yAxisDomain: '',\n  yAxisTicks: '',\n  yAxisText: '',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\nconst useStyles = makeStyles({\n  opacityChangeOnHover: {\n    opacity: 0.1, // supports custom opacity\n  },\n\n  xAxisTicks: {},\n\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n});\n\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */\nexport const useHorizontalBarChartWithAxisStyles = (\n  props: HorizontalBarChartWithAxisProps,\n): HorizontalBarChartWithAxisStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n    xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n    barLabel: mergeClasses(hbcWithAxisClassNames.barLabel, baseStyles.barLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","hbcWithAxisClassNames","opacityChangeOnHover","xAxisTicks","tooltip","barLabel","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","opacity","caption1Strong","fill","colorNeutralForeground1","stroke","useHorizontalBarChartWithAxisStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAQaK,qBAAAA;;;uCA+CAgC;;;;uBArD4B,iBAAiB;4BAGjB,wBAAwB;uBAC5B,wBAAwB;AAEtD,8BAAgF;IACrF/B,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,gBAAY/B,iBAAAA,EAAW;IAC3BM,sBAAsB;QACpB0B,SAAS;IACX;IAEAzB,YAAY,CAAC;IAEbE,UAAU;QACR,GAAGN,4BAAAA,CAAiB8B,cAAc;QAClCC,MAAMhC,kBAAAA,CAAOiC,uBAAuB;QACpC,CAAC/B,2BAAAA,CAAqB,EAAE;YACtBgC,QAAQ;QACV;IACF;AACF;AAKO,MAAMC,sCAAsC,CACjDC;IAEA,MAAMC,aAAaR;IAEnB,OAAO;QACLzB,0BAAsBL,mBAAAA,EAAaI,sBAAsBC,oBAAoB,EAAEiC,WAAWjC,oBAAoB;QAC9GC,gBAAYN,mBAAAA,EAAaI,sBAAsBE,UAAU,EAAEgC,WAAWhC,UAAU;QAChFE,cAAUR,mBAAAA,EAAaI,sBAAsBI,QAAQ,EAAE8B,WAAW9B,QAAQ;IAC5E;AACF,EAAE"}
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { HorizontalBarChartWithAxisProps, HorizontalBarChartWithAxisStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\nexport const hbcWithAxisClassNames: SlotClassNames<HorizontalBarChartWithAxisStyles> = {\n  opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n  xAxisTicks: 'fui-hbcwa__xAxisTicks',\n  tooltip: 'fui-hbcwa__tooltip',\n  barLabel: 'fui-hbcwa__barLabel',\n  chartLabel: '',\n  xAxisDomain: '',\n  xAxisText: '',\n  yAxisDomain: '',\n  yAxisTicks: '',\n  yAxisText: '',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\nconst useStyles = makeStyles({\n  opacityChangeOnHover: {\n    opacity: 0.1, // supports custom opacity\n  },\n\n  xAxisTicks: {},\n\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n});\n\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */\nexport const useHorizontalBarChartWithAxisStyles = (\n  props: HorizontalBarChartWithAxisProps,\n): HorizontalBarChartWithAxisStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n    xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n    barLabel: mergeClasses(hbcWithAxisClassNames.barLabel, baseStyles.barLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","hbcWithAxisClassNames","opacityChangeOnHover","xAxisTicks","tooltip","barLabel","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","opacity","caption1Strong","fill","colorNeutralForeground1","stroke","useHorizontalBarChartWithAxisStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAQaK,qBAAAA;;;uCA+CAgC;;;;uBArD4B,iBAAiB;4BAGjB,wBAAwB;uBAC5B,2BAAwB;AAEtD,8BAAgF;IACrF/B,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,gBAAY/B,iBAAAA,EAAW;IAC3BM,sBAAsB;QACpB0B,SAAS;IACX;IAEAzB,YAAY,CAAC;IAEbE,UAAU;QACR,GAAGN,4BAAAA,CAAiB8B,cAAc;QAClCC,MAAMhC,kBAAAA,CAAOiC,uBAAuB;QACpC,CAAC/B,2BAAAA,CAAqB,EAAE;YACtBgC,QAAQ;QACV;IACF;AACF;AAKO,MAAMC,sCAAsC,CACjDC;IAEA,MAAMC,aAAaR;IAEnB,OAAO;QACLzB,0BAAsBL,mBAAAA,EAAaI,sBAAsBC,oBAAoB,EAAEiC,WAAWjC,oBAAoB;QAC9GC,gBAAYN,mBAAAA,EAAaI,sBAAsBE,UAAU,EAAEgC,WAAWhC,UAAU;QAChFE,cAAUR,mBAAAA,EAAaI,sBAAsBI,QAAQ,EAAE8B,WAAW9B,QAAQ;IAC5E;AACF,EAAE"}

package/lib-commonjs/components/Legends/{Legends.js → Legends.cjs}

@@ -12,13 +12,13 @@ Object.defineProperty(exports, "Legends", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactbutton = require("@fluentui/react-button");
-const _shape = require("./shape");
-const _useLegendsStylesstyles = require("./useLegendsStyles.styles");
+const _shape = require("./shape.cjs");
+const _useLegendsStylesstyles = require("./useLegendsStyles.styles.cjs");
 const _reactoverflow = require("@fluentui/react-overflow");
 const _reacttabster = require("@fluentui/react-tabster");
-const _OverflowMenu = require("./OverflowMenu");
+const _OverflowMenu = require("./OverflowMenu.cjs");
 const _reacttheme = require("@fluentui/react-theme");
-const _imageexportutils = require("../../utilities/image-export-utils");
+const _imageexportutils = require("../../utilities/image-export-utils.cjs");
 const _react1 = require("@griffel/react");
 const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     /** Boolean variable to check if one or more legends are selected */ let _isLegendSelected = false;
@@ -80,7 +80,7 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const itemIds = dataToRender.map((_item, index)=>index.toString());
     const overflowHoverCardLegends = [];
     dataToRender.map((legend, index)=>{
-        const hoverCardElement = _renderButton(legend, index);
+        const hoverCardElement = _renderButton(legend, index, true);
         overflowHoverCardLegends.push(hoverCardElement);
     });
     const overflowString = props.overflowText ? props.overflowText : 'more';
@@ -89,11 +89,6 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         return /*#__PURE__*/ _react.createElement("div", {
             ...focusAttributes,
             ...arrowAttributes,
-            ...allowFocusOnLegends && {
-                role: 'listbox',
-                'aria-label': 'Legends',
-                'aria-multiselectable': canSelectMultipleLegends
-            },
             className: classes.root,
             ref: _rootElem
         }, /*#__PURE__*/ _react.createElement(_reactoverflow.Overflow, null, /*#__PURE__*/ _react.createElement("div", {
@@ -101,10 +96,19 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             style: {
                 textAlign: props.centerLegends ? 'center' : 'unset'
             }
+        }, /*#__PURE__*/ _react.createElement("div", {
+            ...allowFocusOnLegends && {
+                role: 'listbox',
+                'aria-label': 'Legends',
+                'aria-multiselectable': canSelectMultipleLegends
+            },
+            style: {
+                display: 'contents'
+            }
         }, dataToRender.map((item, id)=>/*#__PURE__*/ _react.createElement(_reactoverflow.OverflowItem, {
                 key: id,
                 id: id.toString()
-            }, _renderButton(item))), /*#__PURE__*/ _react.createElement(_OverflowMenu.OverflowMenu, {
+            }, _renderButton(item, id)))), /*#__PURE__*/ _react.createElement(_OverflowMenu.OverflowMenu, {
             itemIds: itemIds,
             title: `${overflowString}`,
             items: overflowHoverCardLegends
@@ -133,10 +137,10 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 flexWrap: 'wrap',
                 overflow: 'auto'
             }
-        }, dataToRender.map((item)=>/*#__PURE__*/ _react.createElement("div", {
+        }, dataToRender.map((item, id)=>/*#__PURE__*/ _react.createElement("div", {
                 className: (0, _react1.mergeClasses)(classes.legendContainer, item.legendAnnotation && classes.annotation),
                 key: item.key
-            }, _renderButton(item), item.legendAnnotation && /*#__PURE__*/ _react.createElement("div", null, item.legendAnnotation())))));
+            }, _renderButton(item, id), item.legendAnnotation && /*#__PURE__*/ _react.createElement("div", null, item.legendAnnotation())))));
     }
     function _generateData() {
         const { shape } = props;
@@ -227,8 +231,10 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    function _renderButton(data, index) {
+    function _renderButton(data, index, isOverflowItem) {
         const { allowFocusOnLegends = true } = props;
+        // Overflow legends are rendered inside a menu, not the listbox, so they must not carry `option` semantics.
+        const showListboxOption = allowFocusOnLegends && !isOverflowItem;
         const legend = {
             title: data.title,
             color: data.color,
@@ -251,38 +257,62 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             _onLeave(legend);
         };
         const shape = _getShape(legend, color);
+        const legendStyle = {
+            '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',
+            '--rect-backgroundColor': legend.stripePattern ? '' : color,
+            '--rect-borderColor': legend.color ? legend.color : _reacttheme.tokens.colorNeutralStroke1,
+            '--rect-content': legend.stripePattern ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)` : ''
+        };
+        const legendContent = /*#__PURE__*/ _react.createElement(_react.Fragment, null, shape, /*#__PURE__*/ _react.createElement("div", {
+            className: classes.text,
+            style: {
+                opacity: color === _reacttheme.tokens.colorNeutralBackground1 ? '0.67' : ''
+            }
+        }, legend.title));
+        // Shared by the listbox Button and the overflow div. Hover/focus handlers are included so the overflow
+        // menu can forward them to its item (the div itself never receives focus).
+        const commonProps = {
+            className: classes.legend,
+            onClick: onClickHandler,
+            onMouseOver: onHoverHandler,
+            onMouseOut: onMouseOut,
+            onFocus: onHoverHandler,
+            onBlur: onMouseOut,
+            style: legendStyle
+        };
+        if (isOverflowItem) {
+            // In the overflow menu the item itself is interactive, so keep this content a non-interactive div to
+            // avoid nested clickable elements. display:flex lays the swatch and label out inline (a bare div would
+            // stack them). data-selected / data-title are read by the overflow menu to drive its checked state.
+            return /*#__PURE__*/ _react.createElement("div", {
+                key: index,
+                ...commonProps,
+                "data-selected": !!selectedLegends[legend.title],
+                "data-title": legend.title,
+                style: {
+                    ...legendStyle,
+                    display: 'flex',
+                    alignItems: 'center'
+                }
+            }, legendContent);
+        }
         return /*#__PURE__*/ _react.createElement(_reactbutton.Button, {
-            ...allowFocusOnLegends && {
+            ...showListboxOption && {
                 'aria-selected': !!selectedLegends[legend.title],
                 role: 'option',
                 'aria-label': `${legend.title}`,
-                'aria-setsize': data['aria-setsize'],
-                'aria-posinset': data['aria-posinset']
+                // Full-list position so counts match the overflow menu.
+                'aria-setsize': props.legends.length,
+                'aria-posinset': (index !== null && index !== void 0 ? index : 0) + 1
             },
             ...data.nativeButtonProps && {
                 ...data.nativeButtonProps
             },
             key: index,
-            className: classes.legend,
-            onClick: onClickHandler,
-            onMouseOver: onHoverHandler,
-            onMouseOut: onMouseOut,
-            onFocus: onHoverHandler,
-            onBlur: onMouseOut,
+            ...commonProps,
             appearance: 'outline',
-            size: "small",
-            style: {
-                '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',
-                '--rect-backgroundColor': legend.stripePattern ? '' : color,
-                '--rect-borderColor': legend.color ? legend.color : _reacttheme.tokens.colorNeutralStroke1,
-                '--rect-content': legend.stripePattern ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)` : ''
-            }
-        }, shape, /*#__PURE__*/ _react.createElement("div", {
-            className: classes.text,
-            style: {
-                opacity: color === _reacttheme.tokens.colorNeutralBackground1 ? '0.67' : ''
-            }
-        }, legend.title));
+            size: "small"
+        }, legendContent);
     }
     function _getShape(legend, color) {
         const svgParentProps = {

package/lib-commonjs/components/Legends/Legends.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Legends/Legends.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { Button } from '@fluentui/react-button';\nimport type { Legend, LegendsProps, LegendShape } from './Legends.types';\nimport { Shape } from './shape';\nimport { useLegendStyles } from './useLegendsStyles.styles';\nimport { Overflow, OverflowItem } from '@fluentui/react-overflow';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { OverflowMenu } from './OverflowMenu';\nimport { tokens } from '@fluentui/react-theme';\nimport { cloneLegendsToSVG } from '../../utilities/image-export-utils';\nimport { mergeClasses } from '@griffel/react';\n\n// This is an internal interface used for rendering the legends with unique key\ninterface LegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n  legendAnnotation?: () => React.ReactNode;\n}\n\ninterface LegendMap {\n  [key: string]: boolean;\n}\n\nexport interface LegendState {\n  activeLegend: string;\n  /** Set of legends selected, both for multiple selection and single selection */\n  selectedLegends: LegendMap;\n}\nexport const Legends: React.FunctionComponent<LegendsProps> = React.forwardRef<HTMLDivElement, LegendsProps>(\n  (props, forwardedRef) => {\n    /** Boolean variable to check if one or more legends are selected */\n    let _isLegendSelected = false;\n    const _rootElem = React.useRef<HTMLDivElement | null>(null);\n\n    // set states separately for each instance of the component\n    const [activeLegend, setActiveLegend] = React.useState('');\n    const [selectedLegends, setSelectedLegends] = React.useState<LegendMap>({});\n    const focusAttributes = useFocusableGroup();\n    const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal', memorizeCurrent: true });\n    const classes = useLegendStyles(props);\n    const toSVG = React.useCallback(\n      (svgWidth: number, isRTL: boolean = false) => {\n        return cloneLegendsToSVG(\n          props.legends,\n          svgWidth,\n          {\n            selectedLegends,\n            centerLegends: !!props.centerLegends,\n            textClassName: classes.text!,\n            isRTL,\n          },\n          _rootElem.current,\n        );\n      },\n      [props.legends, props.centerLegends, selectedLegends, classes.text],\n    );\n\n    React.useImperativeHandle(props.legendRef, () => ({\n      toSVG,\n    }));\n\n    React.useEffect(() => {\n      const initialSelectedLegends = props.selectedLegends ?? props.defaultSelectedLegends;\n      const initialSelectedLegend = props.selectedLegend ?? props.defaultSelectedLegend;\n      let selectedLegendsState = {};\n      if (props.canSelectMultipleLegends) {\n        selectedLegendsState =\n          (initialSelectedLegends ?? [])?.reduce(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (combineDict: any, key: any) => ({ [key]: true, ...combineDict }),\n            {},\n          ) || {};\n        setSelectedLegends(selectedLegendsState);\n      } else if (initialSelectedLegend !== undefined) {\n        selectedLegendsState = { [initialSelectedLegend]: true };\n        setSelectedLegends(selectedLegendsState);\n      }\n    }, [\n      props.canSelectMultipleLegends,\n      props.defaultSelectedLegend,\n      props.defaultSelectedLegends,\n      props.selectedLegend,\n      props.selectedLegends,\n    ]);\n\n    _isLegendSelected = Object.keys(selectedLegends).length > 0;\n    const dataToRender = _generateData();\n    const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;\n    const itemIds = dataToRender.map((_item, index) => index.toString());\n    const overflowHoverCardLegends: JSXElement[] = [];\n    dataToRender.map((legend, index) => {\n      const hoverCardElement = _renderButton(legend, index, true);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const overflowString = props.overflowText ? props.overflowText : 'more';\n    return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();\n\n    function renderLegends(): JSXElement {\n      return (\n        <div {...focusAttributes} {...arrowAttributes} className={classes.root} ref={_rootElem}>\n          <Overflow>\n            <div className={classes.resizableArea} style={{ textAlign: props.centerLegends ? 'center' : 'unset' }}>\n              {/*\n                Only the selectable options belong to the listbox; the overflow trigger stays a sibling so a\n                menu button is not treated as a listbox child. `display: contents` keeps the options as direct\n                flex participants so overflow measurement is unaffected.\n              */}\n              <div\n                {...(allowFocusOnLegends && {\n                  role: 'listbox',\n                  'aria-label': 'Legends',\n                  'aria-multiselectable': canSelectMultipleLegends,\n                })}\n                style={{ display: 'contents' }}\n              >\n                {dataToRender.map((item, id) => (\n                  <OverflowItem key={id} id={id.toString()}>\n                    {_renderButton(item, id)}\n                  </OverflowItem>\n                ))}\n              </div>\n              <OverflowMenu itemIds={itemIds} title={`${overflowString}`} items={overflowHoverCardLegends} />\n            </div>\n          </Overflow>\n        </div>\n      );\n    }\n\n    function renderWrappedLegends(): JSXElement {\n      return (\n        <div\n          {...focusAttributes}\n          {...arrowAttributes}\n          {...(allowFocusOnLegends && {\n            role: 'listbox',\n            'aria-label': 'Legends',\n            'aria-multiselectable': canSelectMultipleLegends,\n          })}\n          style={{ justifyContent: props.centerLegends ? 'center' : 'unset', flexWrap: 'wrap', ...overflowStyles }}\n          className={classes.root}\n          ref={_rootElem}\n        >\n          <div className={classes.resizableArea} style={{ display: 'flex', flexWrap: 'wrap', overflow: 'auto' }}>\n            {dataToRender.map((item, id) => (\n              <div\n                className={mergeClasses(classes.legendContainer, item.legendAnnotation && classes.annotation)}\n                key={item.key}\n              >\n                {_renderButton(item, id)}\n                {item.legendAnnotation && <div>{item.legendAnnotation()}</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n      );\n    }\n\n    function _generateData(): LegendItem[] {\n      const { /*allowFocusOnLegends = true,*/ shape } = props;\n      const dataItems: LegendItem[] = props.legends.map((legend: Legend, index: number) => {\n        return {\n          /* ...(allowFocusOnLegends && {\n            nativeButtonProps: getIntrinsicElementProps(\n              'div',\n              {\n                legend,\n                ...buttonProperties,\n              },\n              ['title'],\n            ),\n            'aria-setsize': props.legends.length,\n            'aria-posinset': index + 1,\n          }), */\n          title: legend.title,\n          action: legend.action!,\n          hoverAction: legend.hoverAction!,\n          onMouseOutAction: legend.onMouseOutAction!,\n          color: legend.color,\n          shape: shape ? shape : legend.shape,\n          stripePattern: legend.stripePattern,\n          isLineLegendInBarChart: legend.isLineLegendInBarChart,\n          opacity: legend.opacity,\n          key: index,\n          legendAnnotation: legend.legendAnnotation,\n        };\n      });\n      return dataItems;\n    }\n\n    /**\n     * Determine whether the component is in \"controlled\" mode for selections, where the selected legend(s) are\n     * determined entirely by props passed in from the parent component.\n     */\n    function _isInControlledMode(): boolean {\n      return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when multi-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend(s) state data.\n     */\n    function _getNewSelectedLegendsForMultiselect(legend: Legend): { [key: string]: boolean } {\n      let legendsSelected = { ...selectedLegends };\n      if (legendsSelected[legend.title]) {\n        // Delete entry for the deselected legend to make\n        // the number of keys equal to the number of selected legends\n        delete legendsSelected[legend.title];\n      } else {\n        legendsSelected[legend.title] = true;\n        // Clear set if all legends are selected\n        if (Object.keys(legendsSelected).length === props.legends.length) {\n          legendsSelected = {};\n        }\n      }\n      return legendsSelected;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when single-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend state data.\n     */\n    function _getNewSelectedLegendsForSingleSelect(legend: Legend): { [key: string]: boolean } {\n      return selectedLegends[legend.title] ? {} : { [legend.title]: true };\n    }\n\n    function _onClick(legend: Legend, event: React.MouseEvent<HTMLButtonElement>): void {\n      const { canSelectMultipleLegends = false } = props;\n      const nextSelectedLegends = canSelectMultipleLegends\n        ? _getNewSelectedLegendsForMultiselect(legend)\n        : _getNewSelectedLegendsForSingleSelect(legend);\n\n      if (!_isInControlledMode()) {\n        setSelectedLegends(nextSelectedLegends);\n      }\n      props.onChange?.(Object.keys(nextSelectedLegends), event, legend);\n      legend.action?.();\n    }\n\n    function _onHoverOverLegend(legend: Legend) {\n      if (legend.hoverAction) {\n        setActiveLegend(legend.title);\n        legend.hoverAction();\n      }\n    }\n\n    function _onLeave(legend: Legend) {\n      if (legend.onMouseOutAction) {\n        setActiveLegend('');\n        legend.onMouseOutAction();\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _renderButton(data: any, index?: number, isOverflowItem?: boolean) {\n      const { allowFocusOnLegends = true } = props;\n      // Overflow legends are rendered inside a menu, not the listbox, so they must not carry `option` semantics.\n      const showListboxOption = allowFocusOnLegends && !isOverflowItem;\n      const legend: Legend = {\n        title: data.title,\n        color: data.color,\n        shape: data.shape,\n        action: data.action,\n        hoverAction: data.hoverAction,\n        onMouseOutAction: data.onMouseOutAction,\n        stripePattern: data.stripePattern,\n        isLineLegendInBarChart: data.isLineLegendInBarChart,\n        opacity: data.opacity,\n      };\n      const color = _getColor(legend.title, legend.color);\n      const onClickHandler = (event: React.MouseEvent<HTMLElement>) => {\n        _onClick(legend, event as React.MouseEvent<HTMLButtonElement>);\n      };\n      const onHoverHandler = () => {\n        _onHoverOverLegend(legend);\n      };\n      const onMouseOut = () => {\n        _onLeave(legend);\n      };\n      const shape = _getShape(legend, color);\n      const legendStyle = {\n        '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',\n        '--rect-backgroundColor': legend.stripePattern ? '' : color,\n        '--rect-borderColor': legend.color ? legend.color : tokens.colorNeutralStroke1,\n        '--rect-content': legend.stripePattern\n          ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n          : '',\n      } as React.CSSProperties;\n      const legendContent = (\n        <>\n          {shape}\n          <div className={classes.text} style={{ opacity: color === tokens.colorNeutralBackground1 ? '0.67' : '' }}>\n            {legend.title}\n          </div>\n        </>\n      );\n      // Shared by the listbox Button and the overflow div. Hover/focus handlers are included so the overflow\n      // menu can forward them to its item (the div itself never receives focus).\n      const commonProps: React.HTMLAttributes<HTMLElement> = {\n        className: classes.legend,\n        onClick: onClickHandler,\n        onMouseOver: onHoverHandler,\n        onMouseOut: onMouseOut,\n        onFocus: onHoverHandler,\n        onBlur: onMouseOut,\n        style: legendStyle,\n      };\n      if (isOverflowItem) {\n        // In the overflow menu the item itself is interactive, so keep this content a non-interactive div to\n        // avoid nested clickable elements. display:flex lays the swatch and label out inline (a bare div would\n        // stack them). data-selected / data-title are read by the overflow menu to drive its checked state.\n        return (\n          <div\n            key={index}\n            {...commonProps}\n            data-selected={!!selectedLegends[legend.title]}\n            data-title={legend.title}\n            style={{ ...legendStyle, display: 'flex', alignItems: 'center' }}\n          >\n            {legendContent}\n          </div>\n        );\n      }\n      return (\n        <Button\n          {...(showListboxOption && {\n            'aria-selected': !!selectedLegends[legend.title],\n            role: 'option',\n            'aria-label': `${legend.title}`,\n            // Full-list position so counts match the overflow menu.\n            'aria-setsize': props.legends.length,\n            'aria-posinset': (index ?? 0) + 1,\n          })}\n          {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n          key={index}\n          {...commonProps}\n          appearance={'outline'}\n          size=\"small\"\n        >\n          {legendContent}\n        </Button>\n      );\n    }\n\n    function _getShape(legend: Legend, color: string): React.ReactNode | string {\n      const svgParentProps: React.SVGAttributes<SVGElement> = {\n        className: classes.shape,\n      };\n      const svgChildProps: React.SVGAttributes<SVGElement> = {\n        fill: color,\n        strokeWidth: 2,\n        stroke: legend.color,\n      };\n      return (\n        <Shape\n          svgProps={svgParentProps}\n          pathProps={svgChildProps}\n          shape={legend.shape as LegendShape}\n          classNameForNonSvg={classes.rect}\n          style={\n            {\n              height: legend.isLineLegendInBarChart ? '4px' : '12px',\n              backgroundColor: legend.stripePattern ? '' : color,\n              borderColor: legend.color ? legend.color : tokens.colorNeutralStroke1,\n              content: legend.stripePattern\n                ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n                : '',\n              '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,\n              '--rect-opacity-high-contrast': color === tokens.colorNeutralBackground1 ? '0.6' : '',\n            } as React.CSSProperties\n          }\n        />\n      );\n    }\n\n    function _getColor(title: string, color: string): string {\n      let legendColor = color;\n      // if one or more legends are selected\n      if (_isLegendSelected) {\n        // if the given legend (title) is one of the selected legends\n        if (selectedLegends[title]) {\n          legendColor = color;\n        }\n        // if the given legend is unselected\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      // if no legend is selected\n      else {\n        // if the given legend is hovered\n        // or none of the legends is hovered\n        if (activeLegend === title || activeLegend === '') {\n          legendColor = color;\n        }\n        // if there is a hovered legend but the given legend is not the one\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      return legendColor;\n    }\n  },\n);\nLegends.displayName = 'Legends';\n"],"names":["React","Button","Shape","useLegendStyles","Overflow","OverflowItem","useFocusableGroup","useArrowNavigationGroup","OverflowMenu","tokens","cloneLegendsToSVG","mergeClasses","Legends","forwardRef","props","forwardedRef","_isLegendSelected","_rootElem","useRef","activeLegend","setActiveLegend","useState","selectedLegends","setSelectedLegends","focusAttributes","arrowAttributes","axis","memorizeCurrent","classes","toSVG","useCallback","svgWidth","isRTL","legends","centerLegends","textClassName","text","current","useImperativeHandle","legendRef","useEffect","initialSelectedLegends","defaultSelectedLegends","initialSelectedLegend","selectedLegend","defaultSelectedLegend","selectedLegendsState","canSelectMultipleLegends","reduce","combineDict","key","undefined","Object","keys","length","dataToRender","_generateData","overflowStyles","allowFocusOnLegends","itemIds","map","_item","index","toString","overflowHoverCardLegends","legend","hoverCardElement","_renderButton","push","overflowString","overflowText","enabledWrapLines","renderWrappedLegends","renderLegends","div","className","root","ref","resizableArea","style","textAlign","role","display","item","id","title","items","justifyContent","flexWrap","overflow","legendContainer","legendAnnotation","annotation","shape","dataItems","action","hoverAction","onMouseOutAction","color","stripePattern","isLineLegendInBarChart","opacity","_isInControlledMode","_getNewSelectedLegendsForMultiselect","legendsSelected","_getNewSelectedLegendsForSingleSelect","_onClick","event","nextSelectedLegends","onChange","_onHoverOverLegend","_onLeave","data","isOverflowItem","showListboxOption","_getColor","onClickHandler","onHoverHandler","onMouseOut","_getShape","legendStyle","colorNeutralStroke1","legendContent","colorNeutralBackground1","commonProps","onClick","onMouseOver","onFocus","onBlur","data-selected","data-title","alignItems","nativeButtonProps","appearance","size","svgParentProps","svgChildProps","fill","strokeWidth","stroke","svgProps","pathProps","classNameForNonSvg","rect","height","backgroundColor","borderColor","content","legendColor","displayName"],"mappings":"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"}

package/lib-commonjs/components/Legends/OverflowMenu.cjs

@@ -0,0 +1,82 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowMenu", {
+    enumerable: true,
+    get: function() {
+        return OverflowMenu;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactmenu = require("@fluentui/react-menu");
+const _reactbutton = require("@fluentui/react-button");
+const _reactoverflow = require("@fluentui/react-overflow");
+const OverflowMenu = ({ itemIds, title, items })=>{
+    const { ref, overflowCount, isOverflowing } = (0, _reactoverflow.useOverflowMenu)();
+    let displayLabel = title;
+    displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;
+    if (!isOverflowing) {
+        return null;
+    }
+    const remainingItemsCount = itemIds.length - overflowCount;
+    const checkedLegends = [];
+    const menuList = [];
+    for(let i = remainingItemsCount; i < itemIds.length; i++){
+        const buttonElement = items[i];
+        var _buttonElement_props_datatitle;
+        const value = `${(_buttonElement_props_datatitle = buttonElement.props['data-title']) !== null && _buttonElement_props_datatitle !== void 0 ? _buttonElement_props_datatitle : i}`;
+        if (buttonElement.props['data-selected']) {
+            checkedLegends.push(value);
+        }
+        menuList.push(/*#__PURE__*/ _react.createElement(_reactmenu.MenuItemCheckbox, {
+            key: i,
+            name: "legends",
+            value: value,
+            // Full-list position so counts match the listbox.
+            "aria-setsize": itemIds.length,
+            "aria-posinset": i + 1,
+            // Hide the checkmark so the row matches the listbox legend; selection is conveyed via aria-checked.
+            checkmark: null,
+            onClick: (e)=>{
+                var _buttonElement_props_onClick, _buttonElement_props;
+                return (_buttonElement_props_onClick = (_buttonElement_props = buttonElement.props).onClick) === null || _buttonElement_props_onClick === void 0 ? void 0 : _buttonElement_props_onClick.call(_buttonElement_props, e);
+            },
+            // The content is smaller than the row, so handle hover/focus on the item to cover its full area.
+            onMouseEnter: ()=>{
+                var _buttonElement_props_onMouseOver, _buttonElement_props;
+                return (_buttonElement_props_onMouseOver = (_buttonElement_props = buttonElement.props).onMouseOver) === null || _buttonElement_props_onMouseOver === void 0 ? void 0 : _buttonElement_props_onMouseOver.call(_buttonElement_props);
+            },
+            onMouseLeave: ()=>{
+                var _buttonElement_props_onMouseOut, _buttonElement_props;
+                return (_buttonElement_props_onMouseOut = (_buttonElement_props = buttonElement.props).onMouseOut) === null || _buttonElement_props_onMouseOut === void 0 ? void 0 : _buttonElement_props_onMouseOut.call(_buttonElement_props);
+            },
+            onFocus: ()=>{
+                var _buttonElement_props_onFocus, _buttonElement_props;
+                return (_buttonElement_props_onFocus = (_buttonElement_props = buttonElement.props).onFocus) === null || _buttonElement_props_onFocus === void 0 ? void 0 : _buttonElement_props_onFocus.call(_buttonElement_props);
+            },
+            onBlur: ()=>{
+                var _buttonElement_props_onBlur, _buttonElement_props;
+                return (_buttonElement_props_onBlur = (_buttonElement_props = buttonElement.props).onBlur) === null || _buttonElement_props_onBlur === void 0 ? void 0 : _buttonElement_props_onBlur.call(_buttonElement_props);
+            }
+        }, /*#__PURE__*/ _react.cloneElement(buttonElement, {
+            onClick: undefined,
+            onMouseOver: undefined,
+            onMouseOut: undefined,
+            onFocus: undefined,
+            onBlur: undefined
+        })));
+    }
+    return /*#__PURE__*/ _react.createElement(_reactmenu.Menu, null, /*#__PURE__*/ _react.createElement(_reactmenu.MenuTrigger, {
+        disableButtonEnhancement: true
+    }, /*#__PURE__*/ _react.createElement(_reactbutton.MenuButton, {
+        ref: ref
+    }, displayLabel)), /*#__PURE__*/ _react.createElement(_reactmenu.MenuPopover, null, /*#__PURE__*/ _react.createElement(_reactmenu.MenuList, {
+        "aria-label": "Legends",
+        checkedValues: {
+            legends: checkedLegends
+        }
+    }, menuList)));
+};

package/lib-commonjs/components/Legends/OverflowMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Legends/OverflowMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Menu, MenuTrigger, MenuPopover, MenuList, MenuItemCheckbox } from '@fluentui/react-menu';\nimport { MenuButton } from '@fluentui/react-button';\nimport { useOverflowMenu } from '@fluentui/react-overflow';\n\nexport const OverflowMenu: React.FC<{\n  itemIds: string[];\n  title: string;\n  items: JSXElement[];\n}> = ({ itemIds, title, items }) => {\n  const { ref, overflowCount, isOverflowing } = useOverflowMenu<HTMLButtonElement>();\n  let displayLabel = title;\n  displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;\n\n  if (!isOverflowing) {\n    return null;\n  }\n  const remainingItemsCount = itemIds.length - overflowCount;\n  const checkedLegends: string[] = [];\n  const menuList = [];\n  for (let i = remainingItemsCount; i < itemIds.length; i++) {\n    const buttonElement = items[i];\n    const value = `${buttonElement.props['data-title'] ?? i}`;\n    if (buttonElement.props['data-selected']) {\n      checkedLegends.push(value);\n    }\n    menuList.push(\n      <MenuItemCheckbox\n        key={i}\n        name=\"legends\"\n        value={value}\n        // Full-list position so counts match the listbox.\n        aria-setsize={itemIds.length}\n        aria-posinset={i + 1}\n        // Hide the checkmark so the row matches the listbox legend; selection is conveyed via aria-checked.\n        checkmark={null}\n        onClick={e => buttonElement.props.onClick?.(e)}\n        // The content is smaller than the row, so handle hover/focus on the item to cover its full area.\n        onMouseEnter={() => buttonElement.props.onMouseOver?.()}\n        onMouseLeave={() => buttonElement.props.onMouseOut?.()}\n        onFocus={() => buttonElement.props.onFocus?.()}\n        onBlur={() => buttonElement.props.onBlur?.()}\n      >\n        {React.cloneElement(buttonElement, {\n          onClick: undefined,\n          onMouseOver: undefined,\n          onMouseOut: undefined,\n          onFocus: undefined,\n          onBlur: undefined,\n        })}\n      </MenuItemCheckbox>,\n    );\n  }\n  return (\n    <Menu>\n      <MenuTrigger disableButtonEnhancement>\n        <MenuButton ref={ref}>{displayLabel}</MenuButton>\n      </MenuTrigger>\n\n      <MenuPopover>\n        <MenuList aria-label=\"Legends\" checkedValues={{ legends: checkedLegends }}>\n          {menuList}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n};\n"],"names":["React","Menu","MenuTrigger","MenuPopover","MenuList","MenuItemCheckbox","MenuButton","useOverflowMenu","OverflowMenu","itemIds","title","items","ref","overflowCount","isOverflowing","displayLabel","remainingItemsCount","length","checkedLegends","menuList","i","buttonElement","value","props","push","key","name","aria-setsize","aria-posinset","checkmark","onClick","e","onMouseEnter","onMouseOver","onMouseLeave","onMouseOut","onFocus","onBlur","cloneElement","undefined","disableButtonEnhancement","aria-label","checkedValues","legends"],"mappings":"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"}

package/lib-commonjs/components/Legends/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Legends.cjs"), exports);
+_export_star._(require("./Legends.types.cjs"), exports);
+_export_star._(require("./shape.cjs"), exports);

package/lib-commonjs/components/Legends/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Legends/index.ts"],"sourcesContent":["export * from './Legends';\nexport * from './Legends.types';\nexport * from './shape';\n"],"names":[],"mappings":";;;;;uBAAc,YAAY;uBACZ,kBAAkB;uBAClB,UAAU"}
+{"version":3,"sources":["../src/components/Legends/index.ts"],"sourcesContent":["export * from './Legends';\nexport * from './Legends.types';\nexport * from './shape';\n"],"names":[],"mappings":";;;;;uBAAc,eAAY;uBACZ,qBAAkB;uBAClB,aAAU"}

package/lib-commonjs/components/Legends/{shape.js → shape.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "Shape", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _utilities = require("../../utilities/utilities");
+const _utilities = require("../../utilities/utilities.cjs");
 const pointPath = {
     [`${_utilities.Points[_utilities.Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',
     [`${_utilities.Points[_utilities.Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',