@fluentui/react-charts 9.3.9 → 9.3.10

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Thu, 22 Jan 2026 17:01:30 GMT and should not be manually modified.
+This log was last generated on Fri, 30 Jan 2026 12:55:24 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.10)
+
+Fri, 30 Jan 2026 12:55:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.9..@fluentui/react-charts_v9.3.10)
+
+### Patches
+
+- A11y bugs fixes ([PR #35690](https://github.com/microsoft/fluentui/pull/35690) by 132879294+v-baambati@users.noreply.github.com)
+- A11y bug fix ([PR #35704](https://github.com/microsoft/fluentui/pull/35704) by 132879294+v-baambati@users.noreply.github.com)
+
 ## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.9)
 
-Thu, 22 Jan 2026 17:01:30 GMT 
+Thu, 22 Jan 2026 17:06:46 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.8..@fluentui/react-charts_v9.3.9)
 
 ### Patches

package/lib/components/FunnelChart/FunnelChart.js

@@ -367,7 +367,7 @@ export const FunnelChart = /*#__PURE__*/ React.forwardRef(({ orientation = 'vert
         height: height,
         className: classes.chart,
         ...arrowAttributes,
-        role: 'img',
+        role: 'region',
         "aria-label": props.chartTitle
     }, !props.hideLegend && props.chartTitle && /*#__PURE__*/ React.createElement(ChartTitle, {
         title: props.chartTitle,

package/lib/components/FunnelChart/FunnelChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends } from '../Legends/index';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps } from '../../index';\nimport { useImageExport } from '../../utilities/hooks';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>(({ orientation = 'vertical', ...restProps }, forwardedRef) => {\n  const props = { orientation, ...restProps };\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const { chartContainerRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  function _handleHover(\n    data: FunnelChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(\n    data: FunnelChartDataPoint,\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getAriaLabel(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n  ): string {\n    if ('subValue' in data) {\n      // Stacked funnel segment\n      const formattedValue = formatToLocaleString(data.subValue.value.toString(), props.culture);\n      return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;\n    } else {\n      // Non-stacked funnel segment\n      const formattedValue = formatToLocaleString((data.value ?? 0).toString(), props.culture);\n      return `${data.stage}, ${formattedValue}.`;\n    }\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n    segmentId?: string,\n  ) {\n    const targetElement = document.getElementById(segmentId!);\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) =>\n          _handleStackedFocus(data.stage, data.subValue, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onMouseMove:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const segmentId = `funnel-segment-${key}`;\n    const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);\n    const textColor = getContrastTextColor(fill);\n    return (\n      <g key={key}>\n        <path\n          id={segmentId}\n          d={pathD}\n          fill={fill}\n          opacity={opacity}\n          {...eventHandlers}\n          tabIndex={tabIndex}\n          role=\"img\"\n          aria-label={_getAriaLabel(data)}\n        />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const titleHeight = props.chartTitle\n    ? Math.max(\n        (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n          CHART_TITLE_PADDING,\n        40,\n      )\n    : 40;\n  const funnelMarginTop = titleHeight;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} style={{ width, height }}>\n      <svg\n        width={width}\n        height={height}\n        className={classes.chart}\n        {...arrowAttributes}\n        role={'img'}\n        aria-label={props.chartTitle}\n      >\n        {!props.hideLegend && props.chartTitle && (\n          <ChartTitle\n            title={props.chartTitle}\n            x={width / 2}\n            maxWidth={width - 20}\n            className={classes.chartTitle}\n            titleStyles={props.titleStyles}\n            tooltipClassName={classes.svgTooltip}\n          />\n        )}\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n"],"names":["React","useId","useRtl","ChartTitle","CHART_TITLE_PADDING","Legends","useArrowNavigationGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","useImageExport","FunnelChart","forwardRef","orientation","restProps","forwardedRef","props","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","isPopoverOpen","setPopoverOpen","refSelected","setRefSelected","isStacked","isStackedFunnelData","data","chartContainerRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","legendProps","_handleHover","mouseEvent","targetElement","persist","_handleFocus","focusEvent","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getAriaLabel","formattedValue","toString","culture","_getEventHandlerProps","opacity","segmentId","document","getElementById","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","x","y","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","id","d","role","aria-label","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","classes","calloutProps","hoverXValue","YValue","width","height","titleHeight","chartTitle","titleStyles","titleFont","size","funnelMarginTop","funnelOffsetX","arrowAttributes","circular","axis","ref","className","root","svg","chart","maxWidth","tooltipClassName","svgTooltip","XValue","yCalloutValue","positioning","target","isCartesian","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends } from '../Legends/index';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps } from '../../index';\nimport { useImageExport } from '../../utilities/hooks';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>(({ orientation = 'vertical', ...restProps }, forwardedRef) => {\n  const props = { orientation, ...restProps };\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const { chartContainerRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  function _handleHover(\n    data: FunnelChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(\n    data: FunnelChartDataPoint,\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getAriaLabel(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n  ): string {\n    if ('subValue' in data) {\n      // Stacked funnel segment\n      const formattedValue = formatToLocaleString(data.subValue.value.toString(), props.culture);\n      return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;\n    } else {\n      // Non-stacked funnel segment\n      const formattedValue = formatToLocaleString((data.value ?? 0).toString(), props.culture);\n      return `${data.stage}, ${formattedValue}.`;\n    }\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n    segmentId?: string,\n  ) {\n    const targetElement = document.getElementById(segmentId!);\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) =>\n          _handleStackedFocus(data.stage, data.subValue, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onMouseMove:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const segmentId = `funnel-segment-${key}`;\n    const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);\n    const textColor = getContrastTextColor(fill);\n    return (\n      <g key={key}>\n        <path\n          id={segmentId}\n          d={pathD}\n          fill={fill}\n          opacity={opacity}\n          {...eventHandlers}\n          tabIndex={tabIndex}\n          role=\"img\"\n          aria-label={_getAriaLabel(data)}\n        />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const titleHeight = props.chartTitle\n    ? Math.max(\n        (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n          CHART_TITLE_PADDING,\n        40,\n      )\n    : 40;\n  const funnelMarginTop = titleHeight;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} style={{ width, height }}>\n      <svg\n        width={width}\n        height={height}\n        className={classes.chart}\n        {...arrowAttributes}\n        role={'region'}\n        aria-label={props.chartTitle}\n      >\n        {!props.hideLegend && props.chartTitle && (\n          <ChartTitle\n            title={props.chartTitle}\n            x={width / 2}\n            maxWidth={width - 20}\n            className={classes.chartTitle}\n            titleStyles={props.titleStyles}\n            tooltipClassName={classes.svgTooltip}\n          />\n        )}\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n"],"names":["React","useId","useRtl","ChartTitle","CHART_TITLE_PADDING","Legends","useArrowNavigationGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","useImageExport","FunnelChart","forwardRef","orientation","restProps","forwardedRef","props","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","isPopoverOpen","setPopoverOpen","refSelected","setRefSelected","isStacked","isStackedFunnelData","data","chartContainerRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","legendProps","_handleHover","mouseEvent","targetElement","persist","_handleFocus","focusEvent","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getAriaLabel","formattedValue","toString","culture","_getEventHandlerProps","opacity","segmentId","document","getElementById","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","x","y","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","id","d","role","aria-label","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","classes","calloutProps","hoverXValue","YValue","width","height","titleHeight","chartTitle","titleStyles","titleFont","size","funnelMarginTop","funnelOffsetX","arrowAttributes","circular","axis","ref","className","root","svg","chart","maxWidth","tooltipClassName","svgTooltip","XValue","yCalloutValue","positioning","target","isCartesian","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,4BAA4B;AAElD,SAASC,MAAM,EAAEC,UAAU,EAAEC,mBAAmB,QAAQ,wBAAwB;AAEhF,SAAiBC,OAAO,QAAQ,mBAAmB;AACnD,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,oBAAoB,QAAQ,4BAA4B;AACjE,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SACEC,kCAAkC,EAClCC,gCAAgC,EAChCC,mBAAmB,EACnBC,yCAAyC,EACzCC,uCAAuC,QAClC,mBAAmB;AAE1B,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,OAAO,MAAMC,4BAAyDjB,MAAMkB,UAAU,CAGpF,CAAC,EAAEC,cAAc,UAAU,EAAE,GAAGC,WAAW,EAAEC;QAiBzCC,oBAkaUA,8BAAAA;IAlbd,MAAMA,QAAQ;QAAEH;QAAa,GAAGC,SAAS;IAAC;IAC1C,MAAMG,gBAAwBtB,MAAM;IACpC,MAAMuB,QAAQtB;IAEd,MAAM,CAACuB,cAAcC,gBAAgB,GAAG1B,MAAM2B,QAAQ,CAAgB;IACtE,MAAM,CAACC,aAAaC,eAAe,GAAG7B,MAAM2B,QAAQ,CAA8B;IAClF,MAAM,CAACG,iBAAiBC,mBAAmB,GAAG/B,MAAM2B,QAAQ,CAAW,EAAE;IACzE,MAAM,CAACK,eAAeC,eAAe,GAAGjC,MAAM2B,QAAQ,CAAC;IACvD,MAAM,CAACO,aAAaC,eAAe,GAAGnC,MAAM2B,QAAQ,CAAqB;IACzE,MAAMS,YAAYC,oBAAoBf,MAAMgB,IAAI;IAChD,MAAM,EAAEC,iBAAiB,EAAEC,YAAYC,WAAW,EAAE,GAAGzB,eAAeM,MAAMoB,YAAY,EAAEpB,MAAMqB,UAAU,EAAE;IAE5G3C,MAAM4C,SAAS,CAAC;YACVtB;QAAJ,KAAIA,qBAAAA,MAAMuB,WAAW,cAAjBvB,yCAAAA,mBAAmBQ,eAAe,EAAE;YACtCC,mBAAmBT,MAAMuB,WAAW,CAACf,eAAe;QACtD;IACF,GAAG;SAACR,qBAAAA,MAAMuB,WAAW,cAAjBvB,yCAAAA,mBAAmBQ,eAAe;KAAC;IAEvC,SAASgB,aACPR,IAA0B,EAC1BS,UAAwC,EACxCC,aAAkC;QAElCD,uBAAAA,iCAAAA,WAAYE,OAAO;QACnBpB,eAAeS;QACfH,eAAea;QACff,eAAe;IACjB;IAEA,SAASiB,aACPZ,IAA0B,EAC1Ba,UAA4C,EAC5CH,aAAkC;QAElCG,uBAAAA,iCAAAA,WAAYF,OAAO;QACnBpB,eAAeS;QACfH,eAAea;QACff,eAAe;IACjB;IAEA,SAASmB,oBACPC,KAAa,EACbC,QAA4D,EAC5DP,UAAwC,EACxCC,aAAkC;QAElCD,uBAAAA,iCAAAA,WAAYE,OAAO;QACnBpB,eAAe;YACbwB;YACAE,OAAOD,SAASC,KAAK;YACrBC,OAAOF,SAASE,KAAK;YACrBC,UAAUH,SAASG,QAAQ;QAC7B;QACAtB,eAAea;QACff,eAAe;IACjB;IAEA,SAASyB,oBACPL,KAAa,EACbC,QAA4D,EAC5DH,UAA4C,EAC5CH,aAAkC;QAElCG,uBAAAA,iCAAAA,WAAYF,OAAO;QACnBpB,eAAe;YACbwB;YACAE,OAAOD,SAASC,KAAK;YACrBC,OAAOF,SAASE,KAAK;YACrBC,UAAUH,SAASG,QAAQ;QAC7B;QACAtB,eAAea;QACff,eAAe;IACjB;IAEA,SAAS0B;QACPjC,gBAAgB;QAChBO,eAAe;QACfJ,eAAe;IACjB;IAEA,SAAS+B,yBACPC,eAAyB,EACzBC,KAA0C,EAC1CC,aAAsB;YAElBzC,oBAMAA;QANJ,KAAIA,qBAAAA,MAAMuB,WAAW,cAAjBvB,yCAAAA,mBAAmB0C,wBAAwB,EAAE;YAC/CjC,mBAAmB8B;QACrB,OAAO;YACL9B,mBAAmB8B,gBAAgBI,KAAK,CAAC,CAAC;QAC5C;QAEA,KAAI3C,sBAAAA,MAAMuB,WAAW,cAAjBvB,0CAAAA,oBAAmB4C,QAAQ,EAAE;YAC/B5C,MAAMuB,WAAW,CAACqB,QAAQ,CAACL,iBAAiBC,OAAOC;QACrD;IACF;IAEA,MAAMI,mCAAmCnE,MAAMoE,WAAW,CAACR,0BAA0B;QAACtC,MAAMuB,WAAW;KAAC;IAExG,SAASwB;QACP,OAAOvC,gBAAgBwC,MAAM,GAAG,IAAIxC,kBAAkBL,eAAe;YAACA;SAAa,GAAG,EAAE;IAC1F;IAEA,SAAS8C,kBAAkBC,MAAc;QACvC,OAAOH,uBAAuBI,QAAQ,CAACD;IACzC;IAEA,SAASE;QACP,OAAOL,uBAAuBC,MAAM,KAAK;IAC3C;IAEA,SAASK,cACPrC,IAA4G;QAE5G,IAAI,cAAcA,MAAM;YACtB,yBAAyB;YACzB,MAAMsC,iBAAiBpE,qBAAqB8B,KAAKgB,QAAQ,CAACC,KAAK,CAACsB,QAAQ,IAAIvD,MAAMwD,OAAO;YACzF,OAAO,GAAGxC,KAAKe,KAAK,CAAC,EAAE,EAAEf,KAAKgB,QAAQ,CAACG,QAAQ,CAAC,EAAE,EAAEmB,eAAe,CAAC,CAAC;QACvE,OAAO;gBAEwCtC;YAD7C,6BAA6B;YAC7B,MAAMsC,iBAAiBpE,qBAAqB,AAAC8B,CAAAA,CAAAA,cAAAA,KAAKiB,KAAK,cAAVjB,yBAAAA,cAAc,CAAA,EAAGuC,QAAQ,IAAIvD,MAAMwD,OAAO;YACvF,OAAO,GAAGxC,KAAKe,KAAK,CAAC,EAAE,EAAEuB,eAAe,CAAC,CAAC;QAC5C;IACF;IAEA,SAASG,sBACPzC,IAA4G,EAC5G0C,OAAgB,EAChBC,SAAkB;QAElB,MAAMjC,gBAAgBkC,SAASC,cAAc,CAACF;QAC9C,IAAI,cAAc3C,MAAM;YACtB,OAAO;gBACLwC,SAASxD,MAAMwD,OAAO;gBACtBM,aACEJ,WAAW,IACP,CAAClB,QACCV,oBAAoBd,KAAKe,KAAK,EAAEf,KAAKgB,QAAQ,EAAEQ,OAAOd,iBACxDqC;gBACNC,aACEN,WAAW,IACP,CAAClB,QACCV,oBAAoBd,KAAKe,KAAK,EAAEf,KAAKgB,QAAQ,EAAEQ,OAAOd,iBACxDqC;gBACNE,SAAS,CAACzB,QACRJ,oBAAoBpB,KAAKe,KAAK,EAAEf,KAAKgB,QAAQ,EAAEQ,OAAOd;gBACxDwC,QAAQ,IAAM7B;gBACd8B,YAAY,IAAM9B;YACpB;QACF,OAAO;YACL,OAAO;gBACLmB,SAASxD,MAAMwD,OAAO;gBACtBM,aACEJ,WAAW,IAAI,CAAClB,QAAwChB,aAAaR,MAAMwB,OAAOd,iBAAiBqC;gBACrGC,aACEN,WAAW,IAAI,CAAClB,QAAwChB,aAAaR,MAAMwB,OAAOd,iBAAiBqC;gBACrGE,SAAS,CAACzB,QAA4CZ,aAAaZ,MAAMwB,OAAOd;gBAChFwC,QAAQ,IAAM7B;gBACd8B,YAAY,IAAM9B;YACpB;QACF;IACF;IAEA,SAAS+B,mBAAmB,EAC1BC,IAAI,EACJC,CAAC,EACDC,CAAC,EACDtC,KAAK,EACLuC,SAAS,EACTd,OAAO,EAQR;QACC,IAAI,CAACW,MAAM;YACT,OAAO;QACT;QAEA,MAAMI,4BACJ,oBAACC;YACCJ,GAAGpE,QAAQyE,cAAcL,IAAIA;YAC7BC,GAAGA;YACHb,SAASA;YACTkB,YAAW;YACXC,mBAAkB;YAClBC,MAAMN;WAELtF,qBAAqB+C,MAAMsB,QAAQ,IAAIvD,MAAMwD,OAAO;QAIzD,IAAItD,OAAO;YACT,qBAAO,oBAAC6E;gBAAEC,WAAW,CAAC,sBAAsB,EAAE,CAACL,YAAY,GAAG,CAAC;eAAGF;QACpE;QACA,OAAOA;IACT;IAEA,SAASQ,qBAAqB,EAC5BC,GAAG,EACHC,KAAK,EACLL,IAAI,EACJpB,OAAO,EACP0B,SAAS,EACTpE,IAAI,EACJqE,QAAQ,EAcT;QACC,MAAM1B,YAAY,CAAC,eAAe,EAAEuB,KAAK;QACzC,MAAMI,gBAAgB7B,sBAAsBzC,MAAM0C,SAASC;QAC3D,MAAMa,YAAYrF,qBAAqB2F;QACvC,qBACE,oBAACC;YAAEG,KAAKA;yBACN,oBAACK;YACCC,IAAI7B;YACJ8B,GAAGN;YACHL,MAAMA;YACNpB,SAASA;YACR,GAAG4B,aAAa;YACjBD,UAAUA;YACVK,MAAK;YACLC,cAAYtC,cAAcrC;YAE3BoE,2BAAa,oBAACL,KAAMO,eAAgBlB,mBAAmB;YAAE,GAAGgB,SAAS;YAAEZ;YAAWd;QAAQ;IAGjG;IAEA,SAASkC,cAAcC,eAAuB,EAAEC,cAAsB;QACpE,MAAM,EAAE9E,IAAI,EAAE,GAAGhB;QACjB,MAAM2E,cAAcmB;QACpB,MAAMC,eAAeF,kBAAkB;QAEvC,OAAO7E,KAAKgF,GAAG,CAAC,CAACP,GAAGQ;YAClB,MAAMC,gBACJlG,MAAMH,WAAW,KAAK,aAClBP,iCAAiC;gBAAEmG;gBAAGQ;gBAAGjF;gBAAM2D;gBAAaoB;gBAAc7F;YAAM,KAChFb,mCAAmC;gBAAEoG;gBAAGQ;gBAAGjF;gBAAM2D;gBAAaoB;gBAAc7F;YAAM;YAExF,MAAM,EAAEiF,KAAK,EAAEgB,KAAK,EAAEC,KAAK,EAAEC,cAAc,EAAE,GAAGH;YAChD,MAAMI,eAAe;YACrB,MAAMC,oBAAoB9C,sBAAsBgC;YAChD,MAAML,YAAY7F,oBAAoB;gBACpC8G;gBACAC;gBACAH;gBACAC;gBACAnE,OAAOwD,EAAExD,KAAK;gBACd,GAAGsE,iBAAiB;YACtB;YAEA,OAAOtB,qBAAqB;gBAC1BC,KAAKe;gBACLd;gBACAL,MAAMW,EAAEvD,KAAK;gBACbwB,SAAST,kBAAkBwC,EAAE1D,KAAK,KAAeqB,wBAAwB,IAAI;gBAC7EgC;gBACApE,MAAMyE;gBACNJ,UAAUpC,kBAAkBwC,EAAE1D,KAAK,KAAeqB,wBAAwB,IAAIW;YAChF;QACF;IACF;IAEA,SAAShD,oBAAoBC,IAA4B;QACvD,OAAOwF,MAAMC,OAAO,CAACzF,SAASA,KAAK0F,KAAK,CAAC3E,CAAAA,QAASyE,MAAMC,OAAO,CAAC1E,MAAM4E,SAAS;IACjF;IAEA,SAASC,sBACP7E,KAA2B,EAC3BC,QAA4D,EAC5D6E,UAAkB,EAClBC,aAAqB,EACrBC,cAOC;QAED,sDAAsD;QACtD,MAAMC,sBAAsBD,eAAeE,MAAM,CAACjB,GAAG,CAACkB,CAAAA,IAAM,CAAA;gBAC1D,GAAGA,CAAC;gBACJP,WAAWO,EAAEP,SAAS,IAAI,EAAE;YAC9B,CAAA;QACA,MAAMQ,OACJnH,MAAMH,WAAW,KAAK,aAClBJ,wCAAwC;YACtC,GAAGsH,cAAc;YACjBE,QAAQD;YACRf,GAAGY;YACHO,GAAGN;QACL,KACAtH,0CAA0C;YACxC,GAAGuH,cAAc;YACjBE,QAAQD;YACRf,GAAGY;YACHO,GAAGN;QACL;QAEN,MAAMR,eAAe;QACrB,MAAMC,oBAAoB9C,sBAAsB;YAAE1B,OAAOA,MAAMA,KAAK;YAAYC;QAAS;QACzF,MAAMoD,YAAY7F,oBAAoB;YACpC8G,gBAAgBc,KAAKd,cAAc;YACnCC;YACAH,OAAOgB,KAAKhB,KAAK;YACjBC,OAAOe,KAAKf,KAAK;YACjBnE,OAAOD,SAASC,KAAK;YACrB,GAAGsE,iBAAiB;QACtB;QAEA,OAAOtB,qBAAqB;YAC1BC,KAAK,GAAG2B,WAAW,CAAC,EAAEC,eAAe;YACrC3B,OAAOgC,KAAKhC,KAAK;YACjBL,MAAM9C,SAASE,KAAK;YACpBwB,SACE,AAAC3C,oBAAoBf,MAAMgB,IAAI,KAAKiC,kBAAkBjB,SAASG,QAAQ,KAAMiB,wBAAwB,IAAI;YAC3GgC;YACApE,MAAM;gBAAEe,OAAOA,MAAMA,KAAK;gBAAYC;YAAS;YAC/CqD,UAAUpC,kBAAkBjB,SAASG,QAAQ,KAAKiB,wBAAwB,IAAIW;QAChF;IACF;IAEA,SAASsD,qBAAqBxB,eAAuB,EAAEC,cAAsB;QAC3E,MAAM,EAAE9E,IAAI,EAAE,GAAGhB;QAEjB,MAAMiH,SAASjG;QACf,MAAMsG,SAASL,OAAOjB,GAAG,CAACkB,CAAAA;gBAAKA;gBAAAA;mBAAAA,CAAAA,sBAAAA,cAAAA,yBAAAA,eAAAA,EAAGP,SAAS,cAAZO,mCAAAA,aAAcK,MAAM,CAAC,CAACC,KAAKxF,WAAawF,MAAMxF,SAASC,KAAK,EAAE,gBAA9DiF,iCAAAA,sBAAoE;;QACnG,MAAMO,WAAWC,KAAKC,GAAG,IAAIL;QAE7B,MAAM3C,cAAcmB;QACpB,MAAMC,eAAeF,kBAAkB;QAEvC,MAAM+B,QAAsB,EAAE;QAE9B,MAAMb,iBAAiB;YACrBE;YACAK;YACAG;YACA9C;YACAoB;YACA7F;QACF;QAEA,IAAK,IAAI+F,IAAI,GAAGA,IAAIgB,OAAOjE,MAAM,EAAEiD,IAAK;YACtC,MAAM4B,MAAMZ,MAAM,CAAChB,EAAE;gBACA4B;YAArB,IAAK,IAAIT,IAAI,GAAGA,IAAI,AAACS,CAAAA,CAAAA,iBAAAA,IAAIlB,SAAS,cAAbkB,4BAAAA,iBAAiB,EAAE,AAAD,EAAG7E,MAAM,EAAEoE,IAAK;oBAC3CS;gBAAV,MAAMC,KAAID,kBAAAA,IAAIlB,SAAS,cAAbkB,sCAAAA,eAAe,CAACT,EAAE;gBAC5B,IAAI,CAACU,GAAG;oBACN;gBACF;gBACAF,MAAMG,IAAI,CAACnB,sBAAsBiB,KAAKC,GAAG7B,GAAGmB,GAAGL;YACjD;QACF;QACA,OAAOa;IACT;IAEA,SAASI;QACP,IAAIhI,MAAMqB,UAAU,EAAE;YACpB,qBAAO;QACT;QACA,IAAI4G;QAEJ,IAAInH,WAAW;YACb,4CAA4C;YAC5C,MAAMoH,cAAsC,CAAC;YAC7ClI,MAAMgB,IAAI,CAACmH,OAAO,CAAC,CAACpG;gBACjBA,CAAAA,MAAM4E,SAAS,IAAI,EAAE,AAAD,EAAGwB,OAAO,CAACC,CAAAA;oBAC9B,IAAI,CAAEA,CAAAA,IAAIjG,QAAQ,IAAI+F,WAAU,GAAI;wBAClCA,WAAW,CAACE,IAAIjG,QAAQ,CAAC,GAAGiG,IAAIlG,KAAK;oBACvC;gBACF;YACF;YACA+F,UAAUI,OAAOC,OAAO,CAACJ,aAAalC,GAAG,CAAC,CAAC,CAAC7D,UAAUD,MAAM,GAAM,CAAA;oBAChEqG,OAAOpG;oBACPD;oBACAsG,aAAa,IAAMpI,gBAAgB+B;oBACnCsG,kBAAkB,IAAMrI,gBAAgB;gBAC1C,CAAA;QACF,OAAO;YACL6H,UAAUjI,MAAMgB,IAAI,CAACgF,GAAG,CAAC,CAACP,IAA6B,CAAA;oBACrD8C,OAAO9C,EAAE1D,KAAK;oBACdG,OAAOuD,EAAEvD,KAAK;oBACdsG,aAAa,IAAMpI,gBAAgBqF,EAAE1D,KAAK;oBAC1C0G,kBAAkB,IAAMrI,gBAAgB;gBAC1C,CAAA;QACF;QAEA,qBACE,oBAACsI;YAAIC,OAAO;gBAAEC,SAAS;gBAAQC,gBAAgB;YAAS;yBACtD,oBAAC9J;YACCkJ,SAASA;YACTa,eAAe;YACflG,UAAUC;YACT,GAAG7C,MAAMuB,WAAW;YACrBwH,WAAW5H;;IAInB;IAEA,SAAS6H;QACP,OAAO,CAAEhJ,CAAAA,MAAMgB,IAAI,IAAIhB,MAAMgB,IAAI,CAACgC,MAAM,GAAG,CAAA;IAC7C;IAEA,MAAMiG,UAAU7J,qBAAqBY;IAErC,MAAMkJ,eAAkC;QACtC,GAAGlJ,MAAMkJ,YAAY;QACrBhH,KAAK,EAAE5B,wBAAAA,kCAAAA,YAAa4B,KAAK;QACzBiH,WAAW,EAAE7I,wBAAAA,kCAAAA,YAAayB,KAAK;QAC/BqH,MAAM,EAAE9I,wBAAAA,kCAAAA,YAAa2B,KAAK;IAC5B;IAEA,MAAMoH,QAAQrJ,MAAMqJ,KAAK,IAAI;IAC7B,MAAMC,SAAStJ,MAAMsJ,MAAM,IAAI;IAE/B,MAAMC,cAAcvJ,MAAMwJ,UAAU,GAChC9B,KAAKC,GAAG,CACN,AAAC,CAAA,SAAO3H,qBAAAA,MAAMyJ,WAAW,cAAjBzJ,0CAAAA,+BAAAA,mBAAmB0J,SAAS,cAA5B1J,mDAAAA,6BAA8B2J,IAAI,MAAK,WAAW3J,MAAMyJ,WAAW,CAACC,SAAS,CAACC,IAAI,GAAG,EAAC,IAC5F7K,qBACF,MAEF;IACJ,MAAM8K,kBAAkBL;IACxB,MAAM5E,cAAc0E,QAAQ;IAC5B,MAAMQ,gBAAgB,AAACR,CAAAA,QAAQ1E,WAAU,IAAK;IAC9C,MAAMmF,kBAAkB9K,wBAAwB;QAAE+K,UAAU;QAAMC,MAAM;IAAa;IAErF,OAAO,CAAChB,gCACN,oBAACN;QAAIuB,KAAKhJ;QAAmBiJ,WAAWjB,QAAQkB,IAAI;QAAExB,OAAO;YAAEU;YAAOC;QAAO;qBAC3E,oBAACc;QACCf,OAAOA;QACPC,QAAQA;QACRY,WAAWjB,QAAQoB,KAAK;QACvB,GAAGP,eAAe;QACnBpE,MAAM;QACNC,cAAY3F,MAAMwJ,UAAU;OAE3B,CAACxJ,MAAMqB,UAAU,IAAIrB,MAAMwJ,UAAU,kBACpC,oBAAC3K;QACC0J,OAAOvI,MAAMwJ,UAAU;QACvBlF,GAAG+E,QAAQ;QACXiB,UAAUjB,QAAQ;QAClBa,WAAWjB,QAAQO,UAAU;QAC7BC,aAAazJ,MAAMyJ,WAAW;QAC9Bc,kBAAkBtB,QAAQuB,UAAU;sBAGxC,oBAACzF;QACCC,WACE9E,QACI,CAAC,UAAU,EAAE2J,gBAAgBlF,YAAY,EAAE,EAAEiF,gBAAgB,aAAa,CAAC,GAC3E,CAAC,UAAU,EAAEC,cAAc,EAAE,EAAED,gBAAgB,CAAC,CAAC;OAGtD9I,YACGuG,qBAAqBiC,SAASM,iBAAiBjF,eAC/CiB,cAAc0D,SAASM,iBAAiBjF,gBAG/CjE,+BACC,oBAACzB;QACE,GAAGe,MAAMkJ,YAAY;QACtBuB,MAAM,EAAEvB,yBAAAA,mCAAAA,aAAcC,WAAW;QACjCuB,aAAa,EAAExB,yBAAAA,mCAAAA,aAAcE,MAAM;QACnC5F,SAASxD,MAAMwD,OAAO;QACtBmH,aAAa;YACXC,QAAQhK;QACV;QACAF,eAAeA;QACfwB,KAAK,EAAEgH,yBAAAA,mCAAAA,aAAchH,KAAK;QAC1B2I,aAAa;QAGhB7C,kCAGH,oBAACU;QAAIlD,IAAIvF;QAAeyF,MAAM;QAASiD,OAAO;YAAEjF,SAAS;QAAI;QAAGiC,cAAY;;AAEhF,GAAG;AACHhG,YAAYmL,WAAW,GAAG"}

package/lib/components/GaugeChart/useGaugeChartStyles.styles.js

@@ -86,7 +86,7 @@ const useStyles = /*#__PURE__*/__styles({
     oeaueh: 0,
     Bpd4iqm: 0,
     Befb4lg: "f13htf1t",
-    ojy3ng: "f1v24fw0"
+    ojy3ng: "frcfrt5"
   },
   gradientSegment: {
     a9b677: "fly5x3f",
@@ -160,7 +160,7 @@ const useStyles = /*#__PURE__*/__styles({
 }, {
   d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f122n59{align-items:center;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".ftgm304{display:block;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fhv2zbx{forced-color-adjust:auto;}", ".f1yuyku4{stroke:var(--colorNeutralBackground1);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f17mccla{text-align:center;}", ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}", [".f13htf1t{outline:none;}", {
     p: -1
-  }], ".f1v24fw0{stroke:var(--colorNeutralStroke1);}", ".f13qh94s{display:grid;}", [".f1a3p1vp{overflow:hidden;}", {
+  }], ".frcfrt5{stroke:var(--colorStrokeFocus2);}", ".f13qh94s{display:grid;}", [".f1a3p1vp{overflow:hidden;}", {
     p: -1
   }], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fronft5{background-blend-mode:normal,luminosity;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".f104wqfl{line-height:16px;}", ".fd43bvn{opacity:0.85;}", ".f7jvbu2{margin-top:13px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f177v4lu{padding-left:8px;}", ".f19lj068{padding-right:8px;}", ".fdgv6k0{forced-color-adjust:none;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f82itaf{line-height:22px;}", ".ffemd8d{margin-top:10px;}", ".f1809wu7{padding-top:10px;}", [".f10ci6s2{border-top:1px solid var(--colorNeutralStroke1);}", {
     p: -1

package/lib/components/GaugeChart/useGaugeChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","_props_styles19","baseStyles","styles"],"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n    root: 'fui-gc__root',\n    chart: 'fui-gc__chart',\n    limits: 'fui-gc__limits',\n    chartValue: 'fui-gc__chartValue',\n    sublabel: 'fui-gc__sublabel',\n    needle: 'fui-gc__needle',\n    chartTitle: 'fui-gc__chartTitle',\n    segment: 'fui-gc__segment',\n    gradientSegment: 'fui-gc__gradientSegment',\n    calloutContentRoot: 'fui-gc__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n    calloutContentX: 'fui-gc__calloutContentX',\n    calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n    shapeStyles: 'fui-gc__shapeStyles',\n    calloutlegendText: 'fui-gc__calloutlegendText',\n    calloutContentY: 'fui-gc__calloutContentY',\n    descriptionMessage: 'fui-gc__descriptionMessage',\n    calloutInfoContainer: '',\n    legendsContainer: 'fui-gc__legendsContainer',\n    chartWrapper: 'fui-gc__chartWrapper',\n    svgTooltip: 'fui-gc__svgTooltip'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    limits: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    chartValue: {\n        fontWeight: tokens.fontWeightSemibold,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    sublabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    needle: {\n        fill: tokens.colorNeutralForeground1,\n        stroke: tokens.colorNeutralBackground1\n    },\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    chartTitle: getChartTitleStyles(),\n    segment: {\n        outline: 'none',\n        stroke: tokens.colorNeutralStroke1\n    },\n    gradientSegment: {\n        width: '100%',\n        height: '100%'\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        opacity: '0.85'\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body1Strong,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground1,\n        paddingLeft: '8px',\n        display: 'block',\n        forcedColorAdjust: 'none'\n    },\n    shapeStyles: {\n        marginRight: '8px'\n    },\n    calloutlegendText: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentY: {\n        ...typographyStyles.body1Strong,\n        lineHeight: '22px',\n        forcedColorAdjust: 'auto'\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n    },\n    legendsContainer: {\n        width: '100%'\n    }\n});\nexport const useGaugeChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n        chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n        sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n        needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n        chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","_props_styles19","baseStyles","styles"],"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n    root: 'fui-gc__root',\n    chart: 'fui-gc__chart',\n    limits: 'fui-gc__limits',\n    chartValue: 'fui-gc__chartValue',\n    sublabel: 'fui-gc__sublabel',\n    needle: 'fui-gc__needle',\n    chartTitle: 'fui-gc__chartTitle',\n    segment: 'fui-gc__segment',\n    gradientSegment: 'fui-gc__gradientSegment',\n    calloutContentRoot: 'fui-gc__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n    calloutContentX: 'fui-gc__calloutContentX',\n    calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n    shapeStyles: 'fui-gc__shapeStyles',\n    calloutlegendText: 'fui-gc__calloutlegendText',\n    calloutContentY: 'fui-gc__calloutContentY',\n    descriptionMessage: 'fui-gc__descriptionMessage',\n    calloutInfoContainer: '',\n    legendsContainer: 'fui-gc__legendsContainer',\n    chartWrapper: 'fui-gc__chartWrapper',\n    svgTooltip: 'fui-gc__svgTooltip'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    limits: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    chartValue: {\n        fontWeight: tokens.fontWeightSemibold,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    sublabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    needle: {\n        fill: tokens.colorNeutralForeground1,\n        stroke: tokens.colorNeutralBackground1\n    },\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    chartTitle: getChartTitleStyles(),\n    segment: {\n        outline: 'none',\n        stroke: tokens.colorStrokeFocus2\n    },\n    gradientSegment: {\n        width: '100%',\n        height: '100%'\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        opacity: '0.85'\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body1Strong,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground1,\n        paddingLeft: '8px',\n        display: 'block',\n        forcedColorAdjust: 'none'\n    },\n    shapeStyles: {\n        marginRight: '8px'\n    },\n    calloutlegendText: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentY: {\n        ...typographyStyles.body1Strong,\n        lineHeight: '22px',\n        forcedColorAdjust: 'auto'\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n    },\n    legendsContainer: {\n        width: '100%'\n    }\n});\nexport const useGaugeChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n        chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n        sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n        needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n        chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js

@@ -66,7 +66,7 @@ const useStyles = makeStyles({
     chartTitle: getChartTitleStyles(),
     segment: {
         outline: 'none',
-        stroke: tokens.colorNeutralStroke1
+        stroke: tokens.colorStrokeFocus2
     },
     gradientSegment: {
         width: '100%',

package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n  root: 'fui-gc__root',\n  chart: 'fui-gc__chart',\n  limits: 'fui-gc__limits',\n  chartValue: 'fui-gc__chartValue',\n  sublabel: 'fui-gc__sublabel',\n  needle: 'fui-gc__needle',\n  chartTitle: 'fui-gc__chartTitle',\n  segment: 'fui-gc__segment',\n  gradientSegment: 'fui-gc__gradientSegment',\n  calloutContentRoot: 'fui-gc__calloutContentRoot',\n  calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n  calloutContentX: 'fui-gc__calloutContentX',\n  calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n  shapeStyles: 'fui-gc__shapeStyles',\n  calloutlegendText: 'fui-gc__calloutlegendText',\n  calloutContentY: 'fui-gc__calloutContentY',\n  descriptionMessage: 'fui-gc__descriptionMessage',\n  calloutInfoContainer: '',\n  legendsContainer: 'fui-gc__legendsContainer',\n  chartWrapper: 'fui-gc__chartWrapper',\n  svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    display: 'block',\n  },\n  limits: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  chartValue: {\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  sublabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  needle: {\n    fill: tokens.colorNeutralForeground1,\n    stroke: tokens.colorNeutralBackground1,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  segment: {\n    outline: 'none',\n    stroke: tokens.colorNeutralStroke1,\n  },\n  gradientSegment: {\n    width: '100%',\n    height: '100%',\n  },\n  calloutContentRoot: {\n    display: 'grid',\n    overflow: 'hidden',\n    backgroundColor: tokens.colorNeutralBackground1,\n    backgroundBlendMode: 'normal, luminosity',\n  },\n  calloutDateTimeContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  calloutContentX: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    opacity: '0.85',\n  },\n  calloutBlockContainer: {\n    ...typographyStyles.body1Strong,\n    marginTop: '13px',\n    color: tokens.colorNeutralForeground1,\n    paddingLeft: '8px',\n    display: 'block',\n    forcedColorAdjust: 'none',\n  },\n  shapeStyles: {\n    marginRight: '8px',\n  },\n  calloutlegendText: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    color: tokens.colorNeutralForeground2,\n    forcedColorAdjust: 'auto',\n  },\n  calloutContentY: {\n    ...typographyStyles.body1Strong,\n    lineHeight: '22px',\n    forcedColorAdjust: 'auto',\n  },\n  descriptionMessage: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    marginTop: '10px',\n    paddingTop: '10px',\n    borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n  },\n  legendsContainer: {\n    width: '100%',\n  },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n    chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n    limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n    chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n    sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n    needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n    chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n    gradientSegment: mergeClasses(\n      gaugeChartClassNames.gradientSegment,\n      baseStyles.gradientSegment,\n      props.styles?.gradientSegment,\n    ),\n    calloutContentRoot: mergeClasses(\n      gaugeChartClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot,\n      props.styles?.calloutContentRoot,\n    ),\n    calloutDateTimeContainer: mergeClasses(\n      gaugeChartClassNames.calloutDateTimeContainer,\n      baseStyles.calloutDateTimeContainer,\n      props.styles?.calloutDateTimeContainer,\n    ),\n    calloutContentX: mergeClasses(\n      gaugeChartClassNames.calloutContentX,\n      baseStyles.calloutContentX,\n      props.styles?.calloutContentX,\n    ),\n    calloutBlockContainer: mergeClasses(\n      gaugeChartClassNames.calloutBlockContainer,\n      baseStyles.calloutBlockContainer,\n      props.styles?.calloutBlockContainer,\n    ),\n    shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n    calloutlegendText: mergeClasses(\n      gaugeChartClassNames.calloutlegendText,\n      baseStyles.calloutlegendText,\n      props.styles?.calloutlegendText,\n    ),\n    calloutContentY: mergeClasses(\n      gaugeChartClassNames.calloutContentY,\n      baseStyles.calloutContentY,\n      props.styles?.calloutContentY,\n    ),\n    descriptionMessage: mergeClasses(\n      gaugeChartClassNames.descriptionMessage,\n      baseStyles.descriptionMessage,\n      props.styles?.descriptionMessage,\n    ),\n    chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n    legendsContainer: mergeClasses(\n      gaugeChartClassNames.legendsContainer,\n      baseStyles.legendsContainer,\n      props.styles?.legendsContainer,\n    ),\n  };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}
+{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n  root: 'fui-gc__root',\n  chart: 'fui-gc__chart',\n  limits: 'fui-gc__limits',\n  chartValue: 'fui-gc__chartValue',\n  sublabel: 'fui-gc__sublabel',\n  needle: 'fui-gc__needle',\n  chartTitle: 'fui-gc__chartTitle',\n  segment: 'fui-gc__segment',\n  gradientSegment: 'fui-gc__gradientSegment',\n  calloutContentRoot: 'fui-gc__calloutContentRoot',\n  calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n  calloutContentX: 'fui-gc__calloutContentX',\n  calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n  shapeStyles: 'fui-gc__shapeStyles',\n  calloutlegendText: 'fui-gc__calloutlegendText',\n  calloutContentY: 'fui-gc__calloutContentY',\n  descriptionMessage: 'fui-gc__descriptionMessage',\n  calloutInfoContainer: '',\n  legendsContainer: 'fui-gc__legendsContainer',\n  chartWrapper: 'fui-gc__chartWrapper',\n  svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    display: 'block',\n  },\n  limits: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  chartValue: {\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  sublabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  needle: {\n    fill: tokens.colorNeutralForeground1,\n    stroke: tokens.colorNeutralBackground1,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  segment: {\n    outline: 'none',\n    stroke: tokens.colorStrokeFocus2,\n  },\n  gradientSegment: {\n    width: '100%',\n    height: '100%',\n  },\n  calloutContentRoot: {\n    display: 'grid',\n    overflow: 'hidden',\n    backgroundColor: tokens.colorNeutralBackground1,\n    backgroundBlendMode: 'normal, luminosity',\n  },\n  calloutDateTimeContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  calloutContentX: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    opacity: '0.85',\n  },\n  calloutBlockContainer: {\n    ...typographyStyles.body1Strong,\n    marginTop: '13px',\n    color: tokens.colorNeutralForeground1,\n    paddingLeft: '8px',\n    display: 'block',\n    forcedColorAdjust: 'none',\n  },\n  shapeStyles: {\n    marginRight: '8px',\n  },\n  calloutlegendText: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    color: tokens.colorNeutralForeground2,\n    forcedColorAdjust: 'auto',\n  },\n  calloutContentY: {\n    ...typographyStyles.body1Strong,\n    lineHeight: '22px',\n    forcedColorAdjust: 'auto',\n  },\n  descriptionMessage: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    marginTop: '10px',\n    paddingTop: '10px',\n    borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n  },\n  legendsContainer: {\n    width: '100%',\n  },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n    chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n    limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n    chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n    sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n    needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n    chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n    gradientSegment: mergeClasses(\n      gaugeChartClassNames.gradientSegment,\n      baseStyles.gradientSegment,\n      props.styles?.gradientSegment,\n    ),\n    calloutContentRoot: mergeClasses(\n      gaugeChartClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot,\n      props.styles?.calloutContentRoot,\n    ),\n    calloutDateTimeContainer: mergeClasses(\n      gaugeChartClassNames.calloutDateTimeContainer,\n      baseStyles.calloutDateTimeContainer,\n      props.styles?.calloutDateTimeContainer,\n    ),\n    calloutContentX: mergeClasses(\n      gaugeChartClassNames.calloutContentX,\n      baseStyles.calloutContentX,\n      props.styles?.calloutContentX,\n    ),\n    calloutBlockContainer: mergeClasses(\n      gaugeChartClassNames.calloutBlockContainer,\n      baseStyles.calloutBlockContainer,\n      props.styles?.calloutBlockContainer,\n    ),\n    shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n    calloutlegendText: mergeClasses(\n      gaugeChartClassNames.calloutlegendText,\n      baseStyles.calloutlegendText,\n      props.styles?.calloutlegendText,\n    ),\n    calloutContentY: mergeClasses(\n      gaugeChartClassNames.calloutContentY,\n      baseStyles.calloutContentY,\n      props.styles?.calloutContentY,\n    ),\n    descriptionMessage: mergeClasses(\n      gaugeChartClassNames.descriptionMessage,\n      baseStyles.descriptionMessage,\n      props.styles?.descriptionMessage,\n    ),\n    chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n    legendsContainer: mergeClasses(\n      gaugeChartClassNames.legendsContainer,\n      baseStyles.legendsContainer,\n      props.styles?.legendsContainer,\n    ),\n  };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorStrokeFocus2","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","colorNeutralStroke1","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}

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

@@ -378,7 +378,7 @@ const FunnelChart = /*#__PURE__*/ _react.forwardRef(({ orientation = 'vertical',
         height: height,
         className: classes.chart,
         ...arrowAttributes,
-        role: 'img',
+        role: 'region',
         "aria-label": props.chartTitle
     }, !props.hideLegend && props.chartTitle && /*#__PURE__*/ _react.createElement(_index.ChartTitle, {
         title: props.chartTitle,

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends } from '../Legends/index';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps } from '../../index';\nimport { useImageExport } from '../../utilities/hooks';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>(({ orientation = 'vertical', ...restProps }, forwardedRef) => {\n  const props = { orientation, ...restProps };\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const { chartContainerRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  function _handleHover(\n    data: FunnelChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(\n    data: FunnelChartDataPoint,\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getAriaLabel(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n  ): string {\n    if ('subValue' in data) {\n      // Stacked funnel segment\n      const formattedValue = formatToLocaleString(data.subValue.value.toString(), props.culture);\n      return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;\n    } else {\n      // Non-stacked funnel segment\n      const formattedValue = formatToLocaleString((data.value ?? 0).toString(), props.culture);\n      return `${data.stage}, ${formattedValue}.`;\n    }\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n    segmentId?: string,\n  ) {\n    const targetElement = document.getElementById(segmentId!);\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) =>\n          _handleStackedFocus(data.stage, data.subValue, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onMouseMove:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const segmentId = `funnel-segment-${key}`;\n    const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);\n    const textColor = getContrastTextColor(fill);\n    return (\n      <g key={key}>\n        <path\n          id={segmentId}\n          d={pathD}\n          fill={fill}\n          opacity={opacity}\n          {...eventHandlers}\n          tabIndex={tabIndex}\n          role=\"img\"\n          aria-label={_getAriaLabel(data)}\n        />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const titleHeight = props.chartTitle\n    ? Math.max(\n        (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n          CHART_TITLE_PADDING,\n        40,\n      )\n    : 40;\n  const funnelMarginTop = titleHeight;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} style={{ width, height }}>\n      <svg\n        width={width}\n        height={height}\n        className={classes.chart}\n        {...arrowAttributes}\n        role={'img'}\n        aria-label={props.chartTitle}\n      >\n        {!props.hideLegend && props.chartTitle && (\n          <ChartTitle\n            title={props.chartTitle}\n            x={width / 2}\n            maxWidth={width - 20}\n            className={classes.chartTitle}\n            titleStyles={props.titleStyles}\n            tooltipClassName={classes.svgTooltip}\n          />\n        )}\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n"],"names":["React","useId","useRtl","ChartTitle","CHART_TITLE_PADDING","Legends","useArrowNavigationGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","useImageExport","FunnelChart","forwardRef","orientation","restProps","forwardedRef","props","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","isPopoverOpen","setPopoverOpen","refSelected","setRefSelected","isStacked","isStackedFunnelData","data","chartContainerRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","legendProps","_handleHover","mouseEvent","targetElement","persist","_handleFocus","focusEvent","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getAriaLabel","formattedValue","toString","culture","_getEventHandlerProps","opacity","segmentId","document","getElementById","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","x","y","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","id","d","role","aria-label","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","classes","calloutProps","hoverXValue","YValue","width","height","titleHeight","chartTitle","titleStyles","titleFont","size","funnelMarginTop","funnelOffsetX","arrowAttributes","circular","axis","ref","className","root","svg","chart","maxWidth","tooltipClassName","svgTooltip","XValue","yCalloutValue","positioning","target","isCartesian","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends } from '../Legends/index';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps } from '../../index';\nimport { useImageExport } from '../../utilities/hooks';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>(({ orientation = 'vertical', ...restProps }, forwardedRef) => {\n  const props = { orientation, ...restProps };\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const { chartContainerRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  function _handleHover(\n    data: FunnelChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(\n    data: FunnelChartDataPoint,\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getAriaLabel(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n  ): string {\n    if ('subValue' in data) {\n      // Stacked funnel segment\n      const formattedValue = formatToLocaleString(data.subValue.value.toString(), props.culture);\n      return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;\n    } else {\n      // Non-stacked funnel segment\n      const formattedValue = formatToLocaleString((data.value ?? 0).toString(), props.culture);\n      return `${data.stage}, ${formattedValue}.`;\n    }\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n    segmentId?: string,\n  ) {\n    const targetElement = document.getElementById(segmentId!);\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) =>\n          _handleStackedFocus(data.stage, data.subValue, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onMouseMove:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const segmentId = `funnel-segment-${key}`;\n    const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);\n    const textColor = getContrastTextColor(fill);\n    return (\n      <g key={key}>\n        <path\n          id={segmentId}\n          d={pathD}\n          fill={fill}\n          opacity={opacity}\n          {...eventHandlers}\n          tabIndex={tabIndex}\n          role=\"img\"\n          aria-label={_getAriaLabel(data)}\n        />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const titleHeight = props.chartTitle\n    ? Math.max(\n        (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n          CHART_TITLE_PADDING,\n        40,\n      )\n    : 40;\n  const funnelMarginTop = titleHeight;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} style={{ width, height }}>\n      <svg\n        width={width}\n        height={height}\n        className={classes.chart}\n        {...arrowAttributes}\n        role={'region'}\n        aria-label={props.chartTitle}\n      >\n        {!props.hideLegend && props.chartTitle && (\n          <ChartTitle\n            title={props.chartTitle}\n            x={width / 2}\n            maxWidth={width - 20}\n            className={classes.chartTitle}\n            titleStyles={props.titleStyles}\n            tooltipClassName={classes.svgTooltip}\n          />\n        )}\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n"],"names":["React","useId","useRtl","ChartTitle","CHART_TITLE_PADDING","Legends","useArrowNavigationGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","useImageExport","FunnelChart","forwardRef","orientation","restProps","forwardedRef","props","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","isPopoverOpen","setPopoverOpen","refSelected","setRefSelected","isStacked","isStackedFunnelData","data","chartContainerRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","legendProps","_handleHover","mouseEvent","targetElement","persist","_handleFocus","focusEvent","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getAriaLabel","formattedValue","toString","culture","_getEventHandlerProps","opacity","segmentId","document","getElementById","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","x","y","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","id","d","role","aria-label","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","classes","calloutProps","hoverXValue","YValue","width","height","titleHeight","chartTitle","titleStyles","titleFont","size","funnelMarginTop","funnelOffsetX","arrowAttributes","circular","axis","ref","className","root","svg","chart","maxWidth","tooltipClassName","svgTooltip","XValue","yCalloutValue","positioning","target","isCartesian","displayName"],"mappings":"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"}

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js

@@ -104,7 +104,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         oeaueh: 0,
         Bpd4iqm: 0,
         Befb4lg: "f13htf1t",
-        ojy3ng: "f1v24fw0"
+        ojy3ng: "frcfrt5"
     },
     gradientSegment: {
         a9b677: "fly5x3f",
@@ -212,7 +212,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
                 p: -1
             }
         ],
-        ".f1v24fw0{stroke:var(--colorNeutralStroke1);}",
+        ".frcfrt5{stroke:var(--colorStrokeFocus2);}",
         ".f13qh94s{display:grid;}",
         [
             ".f1a3p1vp{overflow:hidden;}",

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n    root: 'fui-gc__root',\n    chart: 'fui-gc__chart',\n    limits: 'fui-gc__limits',\n    chartValue: 'fui-gc__chartValue',\n    sublabel: 'fui-gc__sublabel',\n    needle: 'fui-gc__needle',\n    chartTitle: 'fui-gc__chartTitle',\n    segment: 'fui-gc__segment',\n    gradientSegment: 'fui-gc__gradientSegment',\n    calloutContentRoot: 'fui-gc__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n    calloutContentX: 'fui-gc__calloutContentX',\n    calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n    shapeStyles: 'fui-gc__shapeStyles',\n    calloutlegendText: 'fui-gc__calloutlegendText',\n    calloutContentY: 'fui-gc__calloutContentY',\n    descriptionMessage: 'fui-gc__descriptionMessage',\n    calloutInfoContainer: '',\n    legendsContainer: 'fui-gc__legendsContainer',\n    chartWrapper: 'fui-gc__chartWrapper',\n    svgTooltip: 'fui-gc__svgTooltip'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    limits: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    chartValue: {\n        fontWeight: tokens.fontWeightSemibold,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    sublabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    needle: {\n        fill: tokens.colorNeutralForeground1,\n        stroke: tokens.colorNeutralBackground1\n    },\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    chartTitle: getChartTitleStyles(),\n    segment: {\n        outline: 'none',\n        stroke: tokens.colorNeutralStroke1\n    },\n    gradientSegment: {\n        width: '100%',\n        height: '100%'\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        opacity: '0.85'\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body1Strong,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground1,\n        paddingLeft: '8px',\n        display: 'block',\n        forcedColorAdjust: 'none'\n    },\n    shapeStyles: {\n        marginRight: '8px'\n    },\n    calloutlegendText: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentY: {\n        ...typographyStyles.body1Strong,\n        lineHeight: '22px',\n        forcedColorAdjust: 'auto'\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n    },\n    legendsContainer: {\n        width: '100%'\n    }\n});\nexport const useGaugeChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n        chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n        sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n        needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n        chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n    };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","_props_styles19","baseStyles","styles"],"mappings":"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"}
+{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n    root: 'fui-gc__root',\n    chart: 'fui-gc__chart',\n    limits: 'fui-gc__limits',\n    chartValue: 'fui-gc__chartValue',\n    sublabel: 'fui-gc__sublabel',\n    needle: 'fui-gc__needle',\n    chartTitle: 'fui-gc__chartTitle',\n    segment: 'fui-gc__segment',\n    gradientSegment: 'fui-gc__gradientSegment',\n    calloutContentRoot: 'fui-gc__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n    calloutContentX: 'fui-gc__calloutContentX',\n    calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n    shapeStyles: 'fui-gc__shapeStyles',\n    calloutlegendText: 'fui-gc__calloutlegendText',\n    calloutContentY: 'fui-gc__calloutContentY',\n    descriptionMessage: 'fui-gc__descriptionMessage',\n    calloutInfoContainer: '',\n    legendsContainer: 'fui-gc__legendsContainer',\n    chartWrapper: 'fui-gc__chartWrapper',\n    svgTooltip: 'fui-gc__svgTooltip'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    limits: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    chartValue: {\n        fontWeight: tokens.fontWeightSemibold,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    sublabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    needle: {\n        fill: tokens.colorNeutralForeground1,\n        stroke: tokens.colorNeutralBackground1\n    },\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    chartTitle: getChartTitleStyles(),\n    segment: {\n        outline: 'none',\n        stroke: tokens.colorStrokeFocus2\n    },\n    gradientSegment: {\n        width: '100%',\n        height: '100%'\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        opacity: '0.85'\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body1Strong,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground1,\n        paddingLeft: '8px',\n        display: 'block',\n        forcedColorAdjust: 'none'\n    },\n    shapeStyles: {\n        marginRight: '8px'\n    },\n    calloutlegendText: {\n        ...typographyStyles.caption1,\n        lineHeight: '16px',\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentY: {\n        ...typographyStyles.body1Strong,\n        lineHeight: '22px',\n        forcedColorAdjust: 'auto'\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n    },\n    legendsContainer: {\n        width: '100%'\n    }\n});\nexport const useGaugeChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n        chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n        sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n        needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n        chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n        svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n    };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","_props_styles19","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICM,oBAAoB;;;uBAuHD;eAAnB6D;;;uBAzH4B,gBAAgB;AAElD,6BAA6B;IAChC5D,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,eAAe;IACtBC,MAAM,EAAE,gBAAgB;IACxBC,UAAU,EAAE,oBAAoB;IAChCC,QAAQ,EAAE,kBAAkB;IAC5BC,MAAM,EAAE,gBAAgB;IACxBC,UAAU,EAAE,oBAAoB;IAChCC,OAAO,EAAE,iBAAiB;IAC1BC,eAAe,EAAE,yBAAyB;IAC1CC,kBAAkB,EAAE,4BAA4B;IAChDC,wBAAwB,EAAE,kCAAkC;IAC5DC,eAAe,EAAE,yBAAyB;IAC1CC,qBAAqB,EAAE,+BAA+B;IACtDC,WAAW,EAAE,qBAAqB;IAClCC,iBAAiB,EAAE,2BAA2B;IAC9CC,eAAe,EAAE,yBAAyB;IAC1CC,kBAAkB,EAAE,4BAA4B;IAChDC,oBAAoB,EAAE,EAAE;IACxBC,gBAAgB,EAAE,0BAA0B;IAC5CC,YAAY,EAAE,sBAAsB;IACpCC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAG1B,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAsB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAA9B,KAAA,EAAA;QAAAyB,MAAA,EAAA;IAAA;IAAAxB,MAAA,EAAA;QAAAoB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA9B,UAAA,EAAA;QAAAqB,OAAA,EAAA;QAAAQ,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA7B,QAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA5B,MAAA,EAAA;QAAA2B,OAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;IAAAd,UAAA,EAAA;QAAAY,OAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;IAAA7B,UAAA,EAAA;QAAAgB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAF,MAAA,EAAA;QAAAK,MAAA,EAAA;IAAA;IAAA7B,OAAA,EAAA;QAAA8B,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAN,MAAA,EAAA;IAAA;IAAA1B,eAAA,EAAA;QAAAqB,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAArB,kBAAA,EAAA;QAAAiB,MAAA,EAAA;QAAAe,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAnC,wBAAA,EAAA;QAAAgB,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAmB,OAAA,EAAA;IAAA;IAAAnC,eAAA,EAAA;QAAAW,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAsB,MAAA,EAAA;IAAA;IAAAnC,qBAAA,EAAA;QAAAU,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAuB,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAxB,MAAA,EAAA;QAAAO,OAAA,EAAA;IAAA;IAAApB,WAAA,EAAA;QAAAsC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAArC,iBAAA,EAAA;QAAAQ,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAwB,MAAA,EAAA;QAAAhB,OAAA,EAAA;IAAA;IAAAlB,eAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAQ,OAAA,EAAA;IAAA;IAAAjB,kBAAA,EAAA;QAAAM,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAwB,MAAA,EAAA;QAAAD,OAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAtC,gBAAA,EAAA;QAAAW,MAAA,EAAA;IAAA;AAAA,GAAA;IAAA4B,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA+FjB,CAAC;AACK,6BAA6BE,KAAK,IAAG;IACxC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe,EAAEC,eAAe;IAC3U,MAAMC,UAAU,GAAG7D,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHrB,IAAI,EAAEJ,uBAAY,EAACG,oBAAoB,CAACC,IAAI,EAAEkF,UAAU,CAAClF,IAAI,EAAE,CAAC8D,aAAa,GAAGD,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIrB,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC9D,IAAI,CAAC;QACjKC,KAAK,MAAEL,mBAAY,EAACG,oBAAoB,CAACE,KAAK,EAAEiF,UAAU,CAACjF,KAAK,EAAE,CAAC8D,cAAc,GAAGF,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIpB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,KAAK,CAAC;QACxKC,MAAM,EAAEN,uBAAY,EAACG,oBAAoB,CAACG,MAAM,EAAEgF,UAAU,CAAChF,MAAM,EAAE,CAAC8D,cAAc,GAAGH,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAInB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,MAAM,CAAC;QAC5KC,UAAU,MAAEP,mBAAY,EAACG,oBAAoB,CAACI,UAAU,EAAE+E,UAAU,CAAC/E,UAAU,EAAE,CAAC8D,cAAc,GAAGJ,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIlB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,UAAU,CAAC;QAC5LC,QAAQ,EAAER,uBAAY,EAACG,oBAAoB,CAACK,QAAQ,EAAE8E,UAAU,CAAC9E,QAAQ,EAAE,CAAC8D,cAAc,GAAGL,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIjB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,QAAQ,CAAC;QACpLC,MAAM,MAAET,mBAAY,EAACG,oBAAoB,CAACM,MAAM,EAAE6E,UAAU,CAAC7E,MAAM,EAAE,CAAC8D,cAAc,GAAGN,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIhB,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,MAAM,CAAC;QAC5KC,UAAU,MAAEV,mBAAY,EAACG,oBAAoB,CAACO,UAAU,EAAE4E,UAAU,CAAC5E,UAAU,EAAE,CAAC8D,cAAc,GAAGP,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIf,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC9D,UAAU,CAAC;QAC5Lc,UAAU,MAAExB,mBAAY,EAACG,oBAAoB,CAACqB,UAAU,EAAE8D,UAAU,CAAC9D,UAAU,EAAE,CAACiD,cAAc,GAAGR,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAId,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACjD,UAAU,CAAC;QAC5Lb,OAAO,MAAEX,mBAAY,EAACG,oBAAoB,CAACQ,OAAO,EAAE2E,UAAU,CAAC3E,OAAO,EAAE,CAAC+D,cAAc,GAAGT,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIb,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/D,OAAO,CAAC;QAChLC,eAAe,MAAEZ,mBAAY,EAACG,oBAAoB,CAACS,eAAe,EAAE0E,UAAU,CAAC1E,eAAe,EAAE,CAAC+D,cAAc,GAAGV,KAAK,CAACsB,MAAM,AAANA,MAAY,IAAI,IAAIZ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC/D,eAAe,CAAC;QAChNC,kBAAkB,MAAEb,mBAAY,EAACG,oBAAoB,CAACU,kBAAkB,EAAEyE,UAAU,CAACzE,kBAAkB,EAAE,CAAC+D,eAAe,GAAGX,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIX,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,kBAAkB,CAAC;QAC/NC,wBAAwB,MAAEd,mBAAY,EAACG,oBAAoB,CAACW,wBAAwB,EAAEwE,UAAU,CAACxE,wBAAwB,EAAE,CAAC+D,eAAe,GAAGZ,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIV,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,wBAAwB,CAAC;QACvPC,eAAe,MAAEf,mBAAY,EAACG,oBAAoB,CAACY,eAAe,EAAEuE,UAAU,CAACvE,eAAe,EAAE,CAAC+D,eAAe,GAAGb,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIT,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,eAAe,CAAC;QACnNC,qBAAqB,MAAEhB,mBAAY,EAACG,oBAAoB,CAACa,qBAAqB,EAAEsE,UAAU,CAACtE,qBAAqB,EAAE,CAAC+D,eAAe,GAAGd,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIR,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,qBAAqB,CAAC;QAC3OC,WAAW,MAAEjB,mBAAY,EAACG,oBAAoB,CAACc,WAAW,EAAEqE,UAAU,CAACrE,WAAW,EAAE,CAAC+D,eAAe,GAAGf,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIP,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,WAAW,CAAC;QACnMC,iBAAiB,MAAElB,mBAAY,EAACG,oBAAoB,CAACe,iBAAiB,EAAEoE,UAAU,CAACpE,iBAAiB,EAAE,CAAC+D,eAAe,GAAGhB,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIN,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,iBAAiB,CAAC;QAC3NC,eAAe,MAAEnB,mBAAY,EAACG,oBAAoB,CAACgB,eAAe,EAAEmE,UAAU,CAACnE,eAAe,EAAE,CAAC+D,eAAe,GAAGjB,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIL,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,eAAe,CAAC;QACnNC,kBAAkB,MAAEpB,mBAAY,EAACG,oBAAoB,CAACiB,kBAAkB,EAAEkE,UAAU,CAAClE,kBAAkB,EAAE,CAAC+D,eAAe,GAAGlB,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIJ,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,kBAAkB,CAAC;QAC/NG,YAAY,MAAEvB,mBAAY,EAACG,oBAAoB,CAACoB,YAAY,EAAE,CAAC6D,eAAe,GAAGnB,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIH,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC7D,YAAY,CAAC;QAC9KD,gBAAgB,MAAEtB,mBAAY,EAACG,oBAAoB,CAACmB,gBAAgB,EAAEgE,UAAU,CAAChE,gBAAgB,EAAE,CAAC+D,eAAe,GAAGpB,KAAK,CAACsB,MAAAA,AAAM,MAAM,IAAI,IAAIF,eAAe,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,eAAe,CAAC/D,gBAAgB;IAC1N,CAAC;AACL,CAAC"}

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js

@@ -84,7 +84,7 @@ const useStyles = (0, _react.makeStyles)({
     chartTitle: (0, _index.getChartTitleStyles)(),
     segment: {
         outline: 'none',
-        stroke: _reacttheme.tokens.colorNeutralStroke1
+        stroke: _reacttheme.tokens.colorStrokeFocus2
     },
     gradientSegment: {
         width: '100%',

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n  root: 'fui-gc__root',\n  chart: 'fui-gc__chart',\n  limits: 'fui-gc__limits',\n  chartValue: 'fui-gc__chartValue',\n  sublabel: 'fui-gc__sublabel',\n  needle: 'fui-gc__needle',\n  chartTitle: 'fui-gc__chartTitle',\n  segment: 'fui-gc__segment',\n  gradientSegment: 'fui-gc__gradientSegment',\n  calloutContentRoot: 'fui-gc__calloutContentRoot',\n  calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n  calloutContentX: 'fui-gc__calloutContentX',\n  calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n  shapeStyles: 'fui-gc__shapeStyles',\n  calloutlegendText: 'fui-gc__calloutlegendText',\n  calloutContentY: 'fui-gc__calloutContentY',\n  descriptionMessage: 'fui-gc__descriptionMessage',\n  calloutInfoContainer: '',\n  legendsContainer: 'fui-gc__legendsContainer',\n  chartWrapper: 'fui-gc__chartWrapper',\n  svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    display: 'block',\n  },\n  limits: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  chartValue: {\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  sublabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  needle: {\n    fill: tokens.colorNeutralForeground1,\n    stroke: tokens.colorNeutralBackground1,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  segment: {\n    outline: 'none',\n    stroke: tokens.colorNeutralStroke1,\n  },\n  gradientSegment: {\n    width: '100%',\n    height: '100%',\n  },\n  calloutContentRoot: {\n    display: 'grid',\n    overflow: 'hidden',\n    backgroundColor: tokens.colorNeutralBackground1,\n    backgroundBlendMode: 'normal, luminosity',\n  },\n  calloutDateTimeContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  calloutContentX: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    opacity: '0.85',\n  },\n  calloutBlockContainer: {\n    ...typographyStyles.body1Strong,\n    marginTop: '13px',\n    color: tokens.colorNeutralForeground1,\n    paddingLeft: '8px',\n    display: 'block',\n    forcedColorAdjust: 'none',\n  },\n  shapeStyles: {\n    marginRight: '8px',\n  },\n  calloutlegendText: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    color: tokens.colorNeutralForeground2,\n    forcedColorAdjust: 'auto',\n  },\n  calloutContentY: {\n    ...typographyStyles.body1Strong,\n    lineHeight: '22px',\n    forcedColorAdjust: 'auto',\n  },\n  descriptionMessage: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    marginTop: '10px',\n    paddingTop: '10px',\n    borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n  },\n  legendsContainer: {\n    width: '100%',\n  },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n    chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n    limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n    chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n    sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n    needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n    chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n    gradientSegment: mergeClasses(\n      gaugeChartClassNames.gradientSegment,\n      baseStyles.gradientSegment,\n      props.styles?.gradientSegment,\n    ),\n    calloutContentRoot: mergeClasses(\n      gaugeChartClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot,\n      props.styles?.calloutContentRoot,\n    ),\n    calloutDateTimeContainer: mergeClasses(\n      gaugeChartClassNames.calloutDateTimeContainer,\n      baseStyles.calloutDateTimeContainer,\n      props.styles?.calloutDateTimeContainer,\n    ),\n    calloutContentX: mergeClasses(\n      gaugeChartClassNames.calloutContentX,\n      baseStyles.calloutContentX,\n      props.styles?.calloutContentX,\n    ),\n    calloutBlockContainer: mergeClasses(\n      gaugeChartClassNames.calloutBlockContainer,\n      baseStyles.calloutBlockContainer,\n      props.styles?.calloutBlockContainer,\n    ),\n    shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n    calloutlegendText: mergeClasses(\n      gaugeChartClassNames.calloutlegendText,\n      baseStyles.calloutlegendText,\n      props.styles?.calloutlegendText,\n    ),\n    calloutContentY: mergeClasses(\n      gaugeChartClassNames.calloutContentY,\n      baseStyles.calloutContentY,\n      props.styles?.calloutContentY,\n    ),\n    descriptionMessage: mergeClasses(\n      gaugeChartClassNames.descriptionMessage,\n      baseStyles.descriptionMessage,\n      props.styles?.descriptionMessage,\n    ),\n    chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n    legendsContainer: mergeClasses(\n      gaugeChartClassNames.legendsContainer,\n      baseStyles.legendsContainer,\n      props.styles?.legendsContainer,\n    ),\n  };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,oBAAAA;;;uBAwHAuD;eAAAA;;;4BA9H4B,wBAAwB;uBAEV,iBAAiB;uBAEd,wBAAwB;AAE3E,6BAA+D;IACpEtD,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,iBAAiB;IACjBC,uBAAuB;IACvBC,aAAa;IACbC,mBAAmB;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,sBAAsB;IACtBC,kBAAkB;IAClBC,cAAc;IACdC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAY1B,iBAAAA,EAAW;IAC3BK,MAAM;QACJ,GAAGN,4BAAAA,CAAiB4B,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACA3B,OAAO;QACLsB,SAAS;IACX;IACArB,QAAQ;QACN,GAAGR,4BAAAA,CAAiBmC,cAAc;QAClCC,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA7B,YAAY;QACV8B,YAAYxC,kBAAAA,CAAOyC,kBAAkB;QACrCJ,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA5B,UAAU;QACR,GAAGV,4BAAAA,CAAiBmC,cAAc;QAClCC,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA3B,QAAQ;QACNyB,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCI,QAAQ1C,kBAAAA,CAAO2C,uBAAuB;IACxC;IACAhB,YAAY;QACVU,MAAMrC,kBAAAA,CAAO2C,uBAAuB;QACpC,CAACtC,2BAAAA,CAAqB,EAAE;YACtBgC,MAAM;QACR;IACF;IACAxB,gBAAYT,0BAAAA;IACZU,SAAS;QACP8B,SAAS;QACTF,QAAQ1C,kBAAAA,CAAO6C,mBAAmB;IACpC;IACA9B,iBAAiB;QACfkB,OAAO;QACPC,QAAQ;IACV;IACAlB,oBAAoB;QAClBc,SAAS;QACTgB,UAAU;QACVC,iBAAiB/C,kBAAAA,CAAO2C,uBAAuB;QAC/CK,qBAAqB;IACvB;IACA/B,0BAA0B;QACxBa,SAAS;QACTC,eAAe;QACfkB,gBAAgB;IAClB;IACA/B,iBAAiB;QACf,GAAGjB,4BAAAA,CAAiBiD,QAAQ;QAC5BC,YAAY;QACZC,SAAS;IACX;IACAjC,uBAAuB;QACrB,GAAGlB,4BAAAA,CAAiBoD,WAAW;QAC/BC,WAAW;QACXC,OAAOvD,kBAAAA,CAAOsC,uBAAuB;QACrCkB,aAAa;QACb1B,SAAS;QACTS,mBAAmB;IACrB;IACAnB,aAAa;QACXqC,aAAa;IACf;IACApC,mBAAmB;QACjB,GAAGpB,4BAAAA,CAAiBiD,QAAQ;QAC5BC,YAAY;QACZI,OAAOvD,kBAAAA,CAAO0D,uBAAuB;QACrCnB,mBAAmB;IACrB;IACAjB,iBAAiB;QACf,GAAGrB,4BAAAA,CAAiBoD,WAAW;QAC/BF,YAAY;QACZZ,mBAAmB;IACrB;IACAhB,oBAAoB;QAClB,GAAGtB,4BAAAA,CAAiBiD,QAAQ;QAC5BK,OAAOvD,kBAAAA,CAAOsC,uBAAuB;QACrCgB,WAAW;QACXK,YAAY;QACZC,WAAW,CAAC,UAAU,EAAE5D,kBAAAA,CAAO6C,mBAAmB,EAAE;IACtD;IACApB,kBAAkB;QAChBQ,OAAO;IACT;AACF;AACO,4BAA4B,CAAC6B;QAI+BA,eACGA,gBACGA,gBACYA,gBACNA,gBACNA,gBACYA,gBACAA,gBACTA,gBAItEA,gBAKAA,iBAKAA,iBAKAA,iBAKAA,iBAEkFA,iBAIlFA,iBAKAA,iBAKAA,iBAE4DA,iBAI5DA;IAzDJ,MAAMC,aAAanC;IAEnB,OAAO;QACLrB,UAAMJ,mBAAAA,EAAaG,qBAAqBC,IAAI,EAAEwD,WAAWxD,IAAI,EAAA,CAAEuD,gBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcvD,IAAI;QACjFC,WAAOL,mBAAAA,EAAaG,qBAAqBE,KAAK,EAAEuD,WAAWvD,KAAK,EAAA,CAAEsD,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAActD,KAAK;QACrFC,QAAQN,uBAAAA,EAAaG,qBAAqBG,MAAM,EAAEsD,WAAWtD,MAAM,EAAA,CAAEqD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcrD,MAAM;QACzFC,YAAYP,uBAAAA,EAAaG,qBAAqBI,UAAU,EAAEqD,WAAWrD,UAAU,EAAA,CAAEoD,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpD,UAAU;QACzGC,cAAUR,mBAAAA,EAAaG,qBAAqBK,QAAQ,EAAEoD,WAAWpD,QAAQ,EAAA,CAAEmD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnD,QAAQ;QACjGC,YAAQT,mBAAAA,EAAaG,qBAAqBM,MAAM,EAAEmD,WAAWnD,MAAM,EAAA,CAAEkD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclD,MAAM;QACzFC,gBAAYV,mBAAAA,EAAaG,qBAAqBO,UAAU,EAAEkD,WAAWlD,UAAU,EAAA,CAAEiD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjD,UAAU;QACzGc,gBAAYxB,mBAAAA,EAAaG,qBAAqBqB,UAAU,EAAEoC,WAAWpC,UAAU,EAAA,CAAEmC,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnC,UAAU;QACzGb,aAASX,mBAAAA,EAAaG,qBAAqBQ,OAAO,EAAEiD,WAAWjD,OAAO,EAAA,CAAEgD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAchD,OAAO;QAC7FC,qBAAiBZ,mBAAAA,EACfG,qBAAqBS,eAAe,EACpCgD,WAAWhD,eAAe,EAAA,CAC1B+C,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc/C,eAAe;QAE/BC,oBAAoBb,uBAAAA,EAClBG,qBAAqBU,kBAAkB,EACvC+C,WAAW/C,kBAAkB,EAAA,CAC7B8C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc9C,kBAAkB;QAElCC,8BAA0Bd,mBAAAA,EACxBG,qBAAqBW,wBAAwB,EAC7C8C,WAAW9C,wBAAwB,EAAA,CACnC6C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc7C,wBAAwB;QAExCC,qBAAiBf,mBAAAA,EACfG,qBAAqBY,eAAe,EACpC6C,WAAW7C,eAAe,EAAA,CAC1B4C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc5C,eAAe;QAE/BC,2BAAuBhB,mBAAAA,EACrBG,qBAAqBa,qBAAqB,EAC1C4C,WAAW5C,qBAAqB,EAChC2C,AADgC,mBAChCA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc3C,qBAAqB;QAErCC,iBAAajB,mBAAAA,EAAaG,qBAAqBc,WAAW,EAAE2C,WAAW3C,WAAW,EAAA,AAAE0C,mBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc1C,WAAW;QAC7GC,uBAAmBlB,mBAAAA,EACjBG,qBAAqBe,iBAAiB,EACtC0C,WAAW1C,iBAAiB,EAC5ByC,AAD4B,mBAC5BA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAczC,iBAAiB;QAEjCC,qBAAiBnB,mBAAAA,EACfG,qBAAqBgB,eAAe,EACpCyC,WAAWzC,eAAe,EAAA,CAC1BwC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcxC,eAAe;QAE/BC,oBAAoBpB,uBAAAA,EAClBG,qBAAqBiB,kBAAkB,EACvCwC,WAAWxC,kBAAkB,EAAA,CAC7BuC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcvC,kBAAkB;QAElCG,kBAAcvB,mBAAAA,EAAaG,qBAAqBoB,YAAY,EAAA,CAAEoC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcpC,YAAY;QACxFD,sBAAkBtB,mBAAAA,EAChBG,qBAAqBmB,gBAAgB,EACrCsC,WAAWtC,gBAAgB,EAAA,CAC3BqC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcrC,gBAAgB;IAElC;AACF,EAAE"}
+{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n  root: 'fui-gc__root',\n  chart: 'fui-gc__chart',\n  limits: 'fui-gc__limits',\n  chartValue: 'fui-gc__chartValue',\n  sublabel: 'fui-gc__sublabel',\n  needle: 'fui-gc__needle',\n  chartTitle: 'fui-gc__chartTitle',\n  segment: 'fui-gc__segment',\n  gradientSegment: 'fui-gc__gradientSegment',\n  calloutContentRoot: 'fui-gc__calloutContentRoot',\n  calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n  calloutContentX: 'fui-gc__calloutContentX',\n  calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n  shapeStyles: 'fui-gc__shapeStyles',\n  calloutlegendText: 'fui-gc__calloutlegendText',\n  calloutContentY: 'fui-gc__calloutContentY',\n  descriptionMessage: 'fui-gc__descriptionMessage',\n  calloutInfoContainer: '',\n  legendsContainer: 'fui-gc__legendsContainer',\n  chartWrapper: 'fui-gc__chartWrapper',\n  svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    display: 'block',\n  },\n  limits: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  chartValue: {\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  sublabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n  needle: {\n    fill: tokens.colorNeutralForeground1,\n    stroke: tokens.colorNeutralBackground1,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  segment: {\n    outline: 'none',\n    stroke: tokens.colorStrokeFocus2,\n  },\n  gradientSegment: {\n    width: '100%',\n    height: '100%',\n  },\n  calloutContentRoot: {\n    display: 'grid',\n    overflow: 'hidden',\n    backgroundColor: tokens.colorNeutralBackground1,\n    backgroundBlendMode: 'normal, luminosity',\n  },\n  calloutDateTimeContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  calloutContentX: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    opacity: '0.85',\n  },\n  calloutBlockContainer: {\n    ...typographyStyles.body1Strong,\n    marginTop: '13px',\n    color: tokens.colorNeutralForeground1,\n    paddingLeft: '8px',\n    display: 'block',\n    forcedColorAdjust: 'none',\n  },\n  shapeStyles: {\n    marginRight: '8px',\n  },\n  calloutlegendText: {\n    ...typographyStyles.caption1,\n    lineHeight: '16px',\n    color: tokens.colorNeutralForeground2,\n    forcedColorAdjust: 'auto',\n  },\n  calloutContentY: {\n    ...typographyStyles.body1Strong,\n    lineHeight: '22px',\n    forcedColorAdjust: 'auto',\n  },\n  descriptionMessage: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    marginTop: '10px',\n    paddingTop: '10px',\n    borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n  },\n  legendsContainer: {\n    width: '100%',\n  },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n    chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n    limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n    chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n    sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n    needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n    chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n    gradientSegment: mergeClasses(\n      gaugeChartClassNames.gradientSegment,\n      baseStyles.gradientSegment,\n      props.styles?.gradientSegment,\n    ),\n    calloutContentRoot: mergeClasses(\n      gaugeChartClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot,\n      props.styles?.calloutContentRoot,\n    ),\n    calloutDateTimeContainer: mergeClasses(\n      gaugeChartClassNames.calloutDateTimeContainer,\n      baseStyles.calloutDateTimeContainer,\n      props.styles?.calloutDateTimeContainer,\n    ),\n    calloutContentX: mergeClasses(\n      gaugeChartClassNames.calloutContentX,\n      baseStyles.calloutContentX,\n      props.styles?.calloutContentX,\n    ),\n    calloutBlockContainer: mergeClasses(\n      gaugeChartClassNames.calloutBlockContainer,\n      baseStyles.calloutBlockContainer,\n      props.styles?.calloutBlockContainer,\n    ),\n    shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n    calloutlegendText: mergeClasses(\n      gaugeChartClassNames.calloutlegendText,\n      baseStyles.calloutlegendText,\n      props.styles?.calloutlegendText,\n    ),\n    calloutContentY: mergeClasses(\n      gaugeChartClassNames.calloutContentY,\n      baseStyles.calloutContentY,\n      props.styles?.calloutContentY,\n    ),\n    descriptionMessage: mergeClasses(\n      gaugeChartClassNames.descriptionMessage,\n      baseStyles.descriptionMessage,\n      props.styles?.descriptionMessage,\n    ),\n    chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n    legendsContainer: mergeClasses(\n      gaugeChartClassNames.legendsContainer,\n      baseStyles.legendsContainer,\n      props.styles?.legendsContainer,\n    ),\n  };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorStrokeFocus2","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","colorNeutralStroke1","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,oBAAAA;;;uBAwHAwD;eAAAA;;;4BA9H4B,wBAAwB;uBAEV,iBAAiB;uBAEd,wBAAwB;AAE3E,6BAA+D;IACpEvD,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,iBAAiB;IACjBC,uBAAuB;IACvBC,aAAa;IACbC,mBAAmB;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,sBAAsB;IACtBC,kBAAkB;IAClBC,cAAc;IACdC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAY1B,iBAAAA,EAAW;IAC3BK,MAAM;QACJ,GAAGN,4BAAAA,CAAiB4B,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACA3B,OAAO;QACLsB,SAAS;IACX;IACArB,QAAQ;QACN,GAAGR,4BAAAA,CAAiBmC,cAAc;QAClCC,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA7B,YAAY;QACV8B,YAAYxC,kBAAAA,CAAOyC,kBAAkB;QACrCJ,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA5B,UAAU;QACR,GAAGV,4BAAAA,CAAiBmC,cAAc;QAClCC,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA3B,QAAQ;QACNyB,MAAMrC,kBAAAA,CAAOsC,uBAAuB;QACpCI,QAAQ1C,kBAAAA,CAAO2C,uBAAuB;IACxC;IACAhB,YAAY;QACVU,MAAMrC,kBAAAA,CAAO2C,uBAAuB;QACpC,CAACtC,2BAAAA,CAAqB,EAAE;YACtBgC,MAAM;QACR;IACF;IACAxB,gBAAYT,0BAAAA;IACZU,SAAS;QACP8B,SAAS;QACTF,QAAQ1C,kBAAAA,CAAO6C,iBAAiB;IAClC;IACA9B,iBAAiB;QACfkB,OAAO;QACPC,QAAQ;IACV;IACAlB,oBAAoB;QAClBc,SAAS;QACTgB,UAAU;QACVC,iBAAiB/C,kBAAAA,CAAO2C,uBAAuB;QAC/CK,qBAAqB;IACvB;IACA/B,0BAA0B;QACxBa,SAAS;QACTC,eAAe;QACfkB,gBAAgB;IAClB;IACA/B,iBAAiB;QACf,GAAGjB,4BAAAA,CAAiBiD,QAAQ;QAC5BC,YAAY;QACZC,SAAS;IACX;IACAjC,uBAAuB;QACrB,GAAGlB,4BAAAA,CAAiBoD,WAAW;QAC/BC,WAAW;QACXC,OAAOvD,kBAAAA,CAAOsC,uBAAuB;QACrCkB,aAAa;QACb1B,SAAS;QACTS,mBAAmB;IACrB;IACAnB,aAAa;QACXqC,aAAa;IACf;IACApC,mBAAmB;QACjB,GAAGpB,4BAAAA,CAAiBiD,QAAQ;QAC5BC,YAAY;QACZI,OAAOvD,kBAAAA,CAAO0D,uBAAuB;QACrCnB,mBAAmB;IACrB;IACAjB,iBAAiB;QACf,GAAGrB,4BAAAA,CAAiBoD,WAAW;QAC/BF,YAAY;QACZZ,mBAAmB;IACrB;IACAhB,oBAAoB;QAClB,GAAGtB,4BAAAA,CAAiBiD,QAAQ;QAC5BK,OAAOvD,kBAAAA,CAAOsC,uBAAuB;QACrCgB,WAAW;QACXK,YAAY;QACZC,WAAW,CAAC,UAAU,EAAE5D,kBAAAA,CAAO6D,mBAAmB,EAAE;IACtD;IACApC,kBAAkB;QAChBQ,OAAO;IACT;AACF;AACO,4BAA4B,CAAC8B;QAI+BA,eACGA,gBACGA,gBACYA,gBACNA,gBACNA,gBACYA,gBACAA,gBACTA,gBAItEA,gBAKAA,iBAKAA,iBAKAA,iBAKAA,iBAEkFA,iBAIlFA,iBAKAA,iBAKAA,iBAE4DA,iBAI5DA;IAzDJ,MAAMC,aAAapC;IAEnB,OAAO;QACLrB,UAAMJ,mBAAAA,EAAaG,qBAAqBC,IAAI,EAAEyD,WAAWzD,IAAI,EAAA,CAAEwD,gBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcxD,IAAI;QACjFC,WAAOL,mBAAAA,EAAaG,qBAAqBE,KAAK,EAAEwD,WAAWxD,KAAK,EAAA,CAAEuD,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcvD,KAAK;QACrFC,QAAQN,uBAAAA,EAAaG,qBAAqBG,MAAM,EAAEuD,WAAWvD,MAAM,EAAA,CAAEsD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAActD,MAAM;QACzFC,YAAYP,uBAAAA,EAAaG,qBAAqBI,UAAU,EAAEsD,WAAWtD,UAAU,EAAA,CAAEqD,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcrD,UAAU;QACzGC,cAAUR,mBAAAA,EAAaG,qBAAqBK,QAAQ,EAAEqD,WAAWrD,QAAQ,EAAA,CAAEoD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpD,QAAQ;QACjGC,YAAQT,mBAAAA,EAAaG,qBAAqBM,MAAM,EAAEoD,WAAWpD,MAAM,EAAA,CAAEmD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnD,MAAM;QACzFC,gBAAYV,mBAAAA,EAAaG,qBAAqBO,UAAU,EAAEmD,WAAWnD,UAAU,EAAA,CAAEkD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclD,UAAU;QACzGc,gBAAYxB,mBAAAA,EAAaG,qBAAqBqB,UAAU,EAAEqC,WAAWrC,UAAU,EAAA,CAAEoC,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpC,UAAU;QACzGb,aAASX,mBAAAA,EAAaG,qBAAqBQ,OAAO,EAAEkD,WAAWlD,OAAO,EAAA,CAAEiD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjD,OAAO;QAC7FC,qBAAiBZ,mBAAAA,EACfG,qBAAqBS,eAAe,EACpCiD,WAAWjD,eAAe,EAAA,CAC1BgD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAchD,eAAe;QAE/BC,oBAAoBb,uBAAAA,EAClBG,qBAAqBU,kBAAkB,EACvCgD,WAAWhD,kBAAkB,EAAA,CAC7B+C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc/C,kBAAkB;QAElCC,8BAA0Bd,mBAAAA,EACxBG,qBAAqBW,wBAAwB,EAC7C+C,WAAW/C,wBAAwB,EAAA,CACnC8C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc9C,wBAAwB;QAExCC,qBAAiBf,mBAAAA,EACfG,qBAAqBY,eAAe,EACpC8C,WAAW9C,eAAe,EAAA,CAC1B6C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc7C,eAAe;QAE/BC,2BAAuBhB,mBAAAA,EACrBG,qBAAqBa,qBAAqB,EAC1C6C,WAAW7C,qBAAqB,EAChC4C,AADgC,mBAChCA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc5C,qBAAqB;QAErCC,iBAAajB,mBAAAA,EAAaG,qBAAqBc,WAAW,EAAE4C,WAAW5C,WAAW,EAAA,AAAE2C,mBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc3C,WAAW;QAC7GC,uBAAmBlB,mBAAAA,EACjBG,qBAAqBe,iBAAiB,EACtC2C,WAAW3C,iBAAiB,EAC5B0C,AAD4B,mBAC5BA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc1C,iBAAiB;QAEjCC,qBAAiBnB,mBAAAA,EACfG,qBAAqBgB,eAAe,EACpC0C,WAAW1C,eAAe,EAAA,CAC1ByC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAczC,eAAe;QAE/BC,oBAAoBpB,uBAAAA,EAClBG,qBAAqBiB,kBAAkB,EACvCyC,WAAWzC,kBAAkB,EAAA,CAC7BwC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcxC,kBAAkB;QAElCG,kBAAcvB,mBAAAA,EAAaG,qBAAqBoB,YAAY,EAAA,CAAEqC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcrC,YAAY;QACxFD,sBAAkBtB,mBAAAA,EAChBG,qBAAqBmB,gBAAgB,EACrCuC,WAAWvC,gBAAgB,EAAA,CAC3BsC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAActC,gBAAgB;IAElC;AACF,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charts",
-  "version": "9.3.9",
+  "version": "9.3.10",
   "description": "React web chart controls for Microsoft fluentui v9 system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",