@fluentui/react-charts 9.1.4 → 9.1.6

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

@@ -116,7 +116,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         };
     };
     const _margins = _getMargins();
-    const _legendsHeight = !props.hideLegend ? 24 : 0;
+    const _legendsHeight = !props.hideLegend ? 32 : 0;
     const _rootElem = _react.useRef(null);
     const _isRTL = (0, _index.useRtl)();
     const [width, setWidth] = _react.useState(140 + _getMargins().left + _getMargins().right);
@@ -142,6 +142,12 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     let _maxValue;
     let _segments;
     let _calloutAnchor = '';
+    _react.useEffect(()=>{
+        if (_rootElem.current) {
+            setWidth(_rootElem.current.clientWidth);
+            setHeight(_rootElem.current.clientHeight);
+        }
+    }, []);
     _react.useEffect(()=>{
         if (prevPropsRef.current) {
             var _prevProps_legendProps, _props_legendProps;
@@ -150,10 +156,6 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 var _props_legendProps1;
                 setSelectedLegends(((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegends) || []);
             }
-            if (prevProps.height !== props.height || prevProps.width !== props.width) {
-                setWidth(props.width);
-                setHeight(props.height);
-            }
         }
         prevPropsRef.current = props;
     }, [
@@ -275,10 +277,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             };
         });
         return /*#__PURE__*/ _react.createElement("div", {
-            className: classes.legendsContainer,
-            style: {
-                width: props.width
-            }
+            className: classes.legendsContainer
         }, /*#__PURE__*/ _react.createElement(_index1.Legends, {
             legends: legends,
             centerLegends: true,
@@ -497,7 +496,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     className: classes.calloutBlockContainer
                 }, /*#__PURE__*/ _react.createElement("div", {
                     className: classes.calloutlegendText
-                }, " ", (0, _chartutilities.formatToLocaleString)(subcountName, culture)), /*#__PURE__*/ _react.createElement("div", {
+                }, ' ', (0, _chartutilities.formatToLocaleString)(subcountName, culture)), /*#__PURE__*/ _react.createElement("div", {
                     className: classes.calloutContentY
                 }, (0, _chartutilities.formatToLocaleString)(subcounts[subcountName], culture)));
             }));
@@ -525,19 +524,19 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const focusAttributes = (0, _reacttabster.useFocusableGroup)();
     return /*#__PURE__*/ _react.createElement("div", {
         className: classes.root,
-        ref: (el)=>_rootElem.current = el,
+        ref: (el)=>_rootElem.current = el
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: classes.chartWrapper,
         ...focusAttributes
     }, /*#__PURE__*/ _react.createElement("svg", {
         className: classes.chart,
-        style: {
-            width: props.width,
-            height: props.height - _legendsHeight
-        },
+        width: _width,
+        height: _height - _legendsHeight,
         role: "region",
         "aria-label": _getChartTitle(),
         onMouseLeave: _handleMouseOut
     }, /*#__PURE__*/ _react.createElement("g", {
-        transform: `translate(${width / 2}, ${height - (_margins.bottom + _legendsHeight)})`
+        transform: `translate(${_width / 2}, ${_height - (_margins.bottom + _legendsHeight)})`
     }, props.chartTitle && /*#__PURE__*/ _react.createElement("text", {
         x: 0,
         y: -(_outerRadius + TITLE_OFFSET),
@@ -606,7 +605,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         },
         maxWidth: _innerRadius * 2,
         wrapContent: _wrapContent
-    }))), _renderLegends(), !props.hideTooltip && isPopoverOpen && /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, {
+    })))), _renderLegends(), !props.hideTooltip && isPopoverOpen && /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, {
         ...props.calloutProps,
         clickPosition: clickPosition,
         isPopoverOpen: isPopoverOpen,

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

@@ -1 +1 @@
-{"version":3,"sources":["GaugeChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGaugeChartStyles } from './useGaugeChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { arc as d3Arc } from 'd3-shape';\nimport { YValueHover } from '../../index';\nimport {\n  Points,\n  areArraysEqual,\n  formatScientificLimitWidth,\n  getAccessibleDataObject,\n  getColorFromToken,\n  getNextColor,\n  pointTypes,\n  useRtl,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { Legend, LegendShape, Legends, Shape } from '../Legends/index';\nimport { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n  { minRadius: 52, arcWidth: 12, fontSize: 20 },\n  { minRadius: 70, arcWidth: 16, fontSize: 24 },\n  { minRadius: 88, arcWidth: 20, fontSize: 32 },\n  { minRadius: 106, arcWidth: 24, fontSize: 32 },\n  { minRadius: 124, arcWidth: 28, fontSize: 40 },\n  { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n  let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n  if (needleRotation < 0) {\n    needleRotation = 0;\n  } else if (needleRotation > 180) {\n    needleRotation = 180;\n  }\n\n  return needleRotation;\n};\n\nexport const getSegmentLabel = (\n  segment: ExtendedSegment,\n  minValue: number,\n  maxValue: number,\n  variant?: GaugeChartVariant,\n  isAriaLabel: boolean = false,\n) => {\n  if (isAriaLabel) {\n    return minValue === 0 && variant === 'single-segment'\n      ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n      : `${segment.legend}, ${segment.start} to ${segment.end}`;\n  }\n\n  return minValue === 0 && variant === 'single-segment'\n    ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n    : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n  chartValue: number,\n  minValue: number,\n  maxValue: number,\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string),\n  forCallout: boolean = false,\n): string => {\n  if (forCallout) {\n    // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n    // This helps clarify the actual value and avoid repetition.\n    return minValue !== 0\n      ? chartValue.toString()\n      : chartValueFormat === 'fraction'\n      ? `${((chartValue / maxValue) * 100).toFixed()}%`\n      : `${chartValue}/${maxValue}`;\n  }\n\n  return typeof chartValueFormat === 'function'\n    ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n    : minValue !== 0\n    ? chartValue.toString()\n    : chartValueFormat === 'fraction'\n    ? `${chartValue}/${maxValue}`\n    : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface YValue extends Omit<YValueHover, 'y'> {\n  y?: string | number;\n}\nexport interface ExtendedSegment extends GaugeChartSegment {\n  start: number;\n  end: number;\n}\n\nexport const GaugeChart: React.FunctionComponent<GaugeChartProps> = React.forwardRef<HTMLDivElement, GaugeChartProps>(\n  (props, forwardedRef) => {\n    const _getMargins = () => {\n      const { hideMinMax, chartTitle, sublabel } = props;\n      return {\n        left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n        right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n        top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n        bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n      };\n    };\n    const _margins: { left: number; right: number; top: number; bottom: number } = _getMargins();\n    const _legendsHeight: number = !props.hideLegend ? 24 : 0;\n    const _rootElem = React.useRef<HTMLDivElement | null>(null);\n    const _isRTL: boolean = useRtl();\n    const [width, setWidth] = React.useState<number>(140 + _getMargins().left + _getMargins().right);\n    const [height, setHeight] = React.useState<number>(70 + _getMargins().top + _getMargins().bottom + _legendsHeight);\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [focusedElement, setFocusedElement] = React.useState<string | undefined>('');\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n    const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n    const prevPropsRef = React.useRef<GaugeChartProps | null>(null);\n    const _width = props.width || width;\n    const _height = props.height || height;\n    const _outerRadius: number = Math.min(\n      (_width - (_margins.left + _margins.right)) / 2,\n      _height - (_margins.top + _margins.bottom + _legendsHeight),\n    );\n    const { arcWidth, chartValueSize } = _getStylesBasedOnBreakpoint();\n    const _innerRadius: number = _outerRadius - arcWidth;\n    let _minValue!: number;\n    let _maxValue!: number;\n    let _segments!: ExtendedSegment[];\n    let _calloutAnchor: string = '';\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n        if (prevProps.height !== props.height || prevProps.width !== props.width) {\n          setWidth(props.width!);\n          setHeight(props.height!);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: _rootElem.current,\n      }),\n      [],\n    );\n\n    const classes = useGaugeChartStyles(props);\n    function _getStylesBasedOnBreakpoint() {\n      for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n        if (_outerRadius >= BREAKPOINTS[index].minRadius) {\n          return {\n            arcWidth: BREAKPOINTS[index].arcWidth,\n            chartValueSize: BREAKPOINTS[index].fontSize,\n          };\n        }\n      }\n      return {\n        arcWidth: BREAKPOINTS[0].arcWidth,\n        chartValueSize: BREAKPOINTS[0].fontSize,\n      };\n    }\n\n    function _processProps() {\n      const { minValue = 0, maxValue, segments, roundCorners } = props;\n\n      let total = minValue;\n      const processedSegments: ExtendedSegment[] = segments.map(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (segment: { size: number; legend: any; color: string; accessibilityData: any }, index: number) => {\n          const size = Math.max(segment.size, 0);\n          total += size;\n          return {\n            legend: segment.legend,\n            size,\n            color:\n              typeof segment.color !== 'undefined'\n                ? getColorFromToken(segment.color, false)\n                : getNextColor(index, 0, false),\n            accessibilityData: segment.accessibilityData,\n            start: total - size,\n            end: total,\n          };\n        },\n      );\n      if (typeof maxValue !== 'undefined' && total < maxValue) {\n        processedSegments.push({\n          legend: 'Unknown',\n          size: maxValue - total,\n          color: 'neutralLight',\n          start: total,\n          end: maxValue,\n        });\n        total = maxValue;\n      }\n\n      const arcGenerator = d3Arc()\n        .cornerRadius(roundCorners ? 3 : 0)\n        .padAngle(ARC_PADDING / _outerRadius)\n        .padRadius(_outerRadius);\n      const rtlSafeSegments = _isRTL ? Array.from(processedSegments).reverse() : processedSegments;\n      let prevAngle = -Math.PI / 2;\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const arcs = rtlSafeSegments.map((segment, index) => {\n        const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n        const d = arcGenerator({\n          innerRadius: _innerRadius,\n          outerRadius: _outerRadius,\n          startAngle: prevAngle,\n          endAngle,\n        })!;\n        prevAngle = endAngle;\n        return {\n          d,\n          segmentIndex: _isRTL ? processedSegments.length - 1 - index : index,\n          startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n          endAngle,\n        };\n      });\n\n      _minValue = minValue;\n      _maxValue = total;\n      _segments = processedSegments;\n\n      return {\n        arcs,\n      };\n    }\n\n    function _renderNeedle() {\n      const needleRotation = calcNeedleRotation(props.chartValue, _minValue, _maxValue);\n      const rtlSafeNeedleRotation = _isRTL ? 180 - needleRotation : needleRotation;\n      const strokeWidth = 2;\n      const halfStrokeWidth = strokeWidth / 2;\n      const needleLength = _outerRadius - _innerRadius + EXTRA_NEEDLE_LENGTH;\n\n      return (\n        <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n          <path\n            d={`\n            M 0,${-halfStrokeWidth - 3}\n            L ${-needleLength},${-halfStrokeWidth - 1}\n            A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n            L 0,${halfStrokeWidth + 3}\n            A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n          `}\n            strokeWidth={strokeWidth}\n            className={classes.needle}\n            transform={`translate(${-_innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n            data-is-focusable={true}\n            onFocus={e => _handleFocus(e, 'Needle')}\n            onBlur={_handleBlur}\n            onMouseEnter={e => _handleMouseOver(e, 'Needle')}\n            onMouseMove={e => _handleMouseOver(e, 'Needle')}\n            role=\"img\"\n            aria-label={\n              'Current value: ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)\n            }\n          />\n        </g>\n      );\n    }\n\n    function _renderLegends() {\n      if (props.hideLegend) {\n        return null;\n      }\n\n      const legends: Legend[] = _segments.map((segment, index) => {\n        const color: string = segment.color || getNextColor(index, 0, false);\n\n        return {\n          title: segment.legend,\n          color,\n          hoverAction: () => {\n            setHoveredLegend(segment.legend);\n          },\n          onMouseOutAction: () => {\n            setHoveredLegend('');\n          },\n        };\n      });\n\n      return (\n        <div className={classes.legendsContainer} style={{ width: props.width }}>\n          <Legends\n            legends={legends}\n            centerLegends\n            {...props.legendProps}\n            // eslint-disable-next-line react/jsx-no-bind\n            onChange={_onLegendSelectionChange}\n          />\n        </div>\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    function _handleFocus(focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) {\n      _showCallout(focusEvent, focusedElement, true);\n    }\n\n    function _handleBlur() {\n      _hideCallout(true);\n    }\n\n    function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) {\n      _showCallout(mouseEvent, hoveredElement, false);\n    }\n\n    function _handleMouseOut() {\n      _hideCallout(false);\n    }\n\n    function _handleCalloutDismiss() {\n      _hideCallout(false);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _showCallout(\n      event: React.MouseEvent<SVGElement, MouseEvent> | React.FocusEvent<SVGElement, Element>,\n      legend: string,\n      isFocusEvent: boolean,\n    ) {\n      if (_calloutAnchor === legend) {\n        return;\n      }\n      let clientX = 0;\n      let clientY = 0;\n      if ('clientX' in event) {\n        clientX = event.clientX;\n        clientY = event.clientY;\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const target = event.currentTarget as HTMLElement | SVGElement;\n        if (target && 'getBoundingClientRect' in target) {\n          const boundingRect = target.getBoundingClientRect();\n          clientX = boundingRect.left + boundingRect.width / 2;\n          clientY = boundingRect.top + boundingRect.height / 2;\n        }\n      }\n      _calloutAnchor = legend;\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const hoverXValue: string =\n        'Current value is ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat, true);\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const hoverYValues: YValue[] = _segments.map(segment => {\n        const yValue: YValue = {\n          legend: segment.legend,\n          y: getSegmentLabel(segment, _minValue, _maxValue, props.variant),\n          color: segment.color,\n        };\n        return yValue;\n      });\n      _updatePosition(clientX, clientY);\n      setPopoverOpen(\n        ['Needle', 'Chart value'].includes(legend) || _noLegendHighlighted() || _legendHighlighted(legend),\n      );\n      setHoverXValue(hoverXValue);\n      setHoverYValues(hoverYValues);\n      if (isFocusEvent) {\n        setFocusedElement(legend);\n      }\n    }\n\n    function _hideCallout(isBlurEvent?: boolean) {\n      _calloutAnchor = '';\n      setPopoverOpen(false);\n      setHoverXValue('');\n      setHoverYValues([]);\n      if (isBlurEvent) {\n        setFocusedElement('');\n      }\n    }\n\n    function _wrapContent(content: string, id: string, maxWidth: number) {\n      const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n      textElement.text(content);\n      if (!textElement.node()) {\n        return false;\n      }\n\n      let isOverflowing = false;\n      let textLength = textElement.node()!.getComputedTextLength();\n      while (textLength > maxWidth && content.length > 0) {\n        content = content.slice(0, -1);\n        textElement.text(content + '...');\n        isOverflowing = true;\n        textLength = textElement.node()!.getComputedTextLength();\n      }\n      return isOverflowing;\n    }\n\n    // TO DO: Write a common functional component for Multi value callout and divide sub count method\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _multiValueCallout(calloutProps: any) {\n      const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(calloutProps.YValueHover);\n      return (\n        <div className={classes.calloutContentRoot}>\n          <div\n            className={classes.calloutDateTimeContainer}\n            style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n          >\n            <div\n              className={classes.calloutContentX}\n              {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n            >\n              {formatToLocaleString(calloutProps!.hoverXValue, props.culture)}\n            </div>\n          </div>\n          <div className={classes.calloutInfoContainer} style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n            {calloutProps!.YValueHover &&\n              calloutProps!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n                const isLast: boolean = index + 1 === yValues.length;\n                const { shouldDrawBorderBottom = false } = yValue;\n                return (\n                  <div\n                    {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                    key={`callout-content-${index}`}\n                    style={\n                      yValueHoverSubCountsExists\n                        ? {\n                            display: 'inline-block',\n                            ...(shouldDrawBorderBottom && {\n                              paddingBottom: '10px',\n                            }),\n                          }\n                        : {\n                            ...(shouldDrawBorderBottom && {\n                              paddingBottom: '10px',\n                            }),\n                          }\n                    }\n                  >\n                    {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                  </div>\n                );\n              })}\n            {!!calloutProps.descriptionMessage && (\n              <div className={classes.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]) {\n      if (yValueHover) {\n        return yValueHover.some(\n          (yValue: {\n            legend?: string;\n            y?: number;\n            color?: string;\n            yAxisCalloutData?: string | { [id: string]: number };\n          }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n        );\n      }\n      return false;\n    }\n\n    function _getCalloutContent(\n      xValue: YValueHover,\n      index: number,\n      yValueHoverSubCountsExists: boolean,\n      isLast: boolean,\n    ): React.ReactNode {\n      const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n      const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n      const { culture } = props;\n      const yValue = formatToLocaleString(xValue.y, culture);\n      if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n        return (\n          <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n            {yValueHoverSubCountsExists && (\n              <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n                {xValue.legend!} ({yValue})\n              </div>\n            )}\n            <div\n              id={`${index}_${xValue.y}`}\n              className={classes.calloutBlockContainer}\n              style={{ borderInlineStart: `4px solid ${xValue.color}` }}\n            >\n              {toDrawShape && (\n                <Shape\n                  svgProps={{\n                    className: classes.shapeStyles,\n                  }}\n                  pathProps={{ fill: xValue.color }}\n                  shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n                  style={{ display: 'flex' }}\n                />\n              )}\n              <div>\n                <div className={classes.calloutlegendText}> {xValue.legend}</div>\n                <div className={classes.calloutContentY}>\n                  {formatToLocaleString(\n                    xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                    culture,\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      } else {\n        const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n        return (\n          <div style={marginStyle}>\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n            {Object.keys(subcounts).map((subcountName: string) => {\n              return (\n                <div key={subcountName} className={classes.calloutBlockContainer}>\n                  <div className={classes.calloutlegendText}> {formatToLocaleString(subcountName, culture)}</div>\n                  <div className={classes.calloutContentY}>\n                    {formatToLocaleString(subcounts[subcountName], culture)}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        );\n      }\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle } = props;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${_segments.length} segments. `;\n    }\n    const { arcs } = _processProps();\n    const focusAttributes = useFocusableGroup();\n    return (\n      <div className={classes.root} ref={el => (_rootElem.current = el)} {...focusAttributes}>\n        <svg\n          className={classes.chart}\n          style={{ width: props.width, height: props.height! - _legendsHeight }}\n          role=\"region\"\n          aria-label={_getChartTitle()}\n          onMouseLeave={_handleMouseOut}\n        >\n          <g transform={`translate(${width / 2}, ${height - (_margins.bottom + _legendsHeight)})`}>\n            {props.chartTitle && (\n              <text\n                x={0}\n                y={-(_outerRadius + TITLE_OFFSET)}\n                textAnchor=\"middle\"\n                className={classes.chartTitle}\n                aria-hidden={true}\n              >\n                {props.chartTitle}\n              </text>\n            )}\n            {!props.hideMinMax && (\n              <>\n                <text\n                  x={(_isRTL ? 1 : -1) * (_outerRadius + LABEL_OFFSET)}\n                  y={0}\n                  textAnchor=\"end\"\n                  className={classes.limits}\n                  role=\"img\"\n                  aria-label={`Min value: ${_minValue}`}\n                >\n                  {formatScientificLimitWidth(_minValue)}\n                </text>\n                <text\n                  x={(_isRTL ? -1 : 1) * (_outerRadius + LABEL_OFFSET)}\n                  y={0}\n                  textAnchor=\"start\"\n                  className={classes.limits}\n                  role=\"img\"\n                  aria-label={`Max value: ${_maxValue}`}\n                >\n                  {formatScientificLimitWidth(_maxValue)}\n                </text>\n              </>\n            )}\n            {arcs.map((arc, index) => {\n              const segment = _segments[arc.segmentIndex];\n              return (\n                <React.Fragment key={index}>\n                  <path\n                    d={arc.d}\n                    strokeWidth={focusedElement === segment.legend ? ARC_PADDING : 0}\n                    className={classes.segment}\n                    fill={segment.color}\n                    opacity={_legendHighlighted(segment.legend) || _noLegendHighlighted() ? 1 : 0.1}\n                    {...getAccessibleDataObject(\n                      {\n                        ariaLabel: getSegmentLabel(segment, _minValue, _maxValue, props.variant, true),\n                        ...segment.accessibilityData,\n                      },\n                      'img',\n                      true,\n                    )}\n                    onFocus={e => _handleFocus(e, segment.legend)}\n                    onBlur={_handleBlur}\n                    onMouseEnter={e => _handleMouseOver(e, segment.legend)}\n                    onMouseLeave={e => _handleCalloutDismiss()}\n                    onMouseMove={e => _handleMouseOver(e, segment.legend)}\n                    data-is-focusable={_legendHighlighted(segment.legend) || _noLegendHighlighted()}\n                    tabIndex={segment.legend !== '' ? 0 : undefined}\n                  />\n                </React.Fragment>\n              );\n            })}\n            {_renderNeedle()}\n            <g\n              onMouseEnter={e => _handleMouseOver(e, 'Chart value')}\n              onMouseMove={e => _handleMouseOver(e, 'Chart value')}\n            >\n              <SVGTooltipText\n                content={getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)}\n                textProps={{\n                  x: 0,\n                  y: 0,\n                  textAnchor: 'middle',\n                  className: classes.chartValue,\n                  fontSize: chartValueSize,\n                  'aria-hidden': 'true',\n                }}\n                maxWidth={_innerRadius * 2 - 24}\n                wrapContent={_wrapContent}\n              />\n            </g>\n            {props.sublabel && (\n              <SVGTooltipText\n                content={props.sublabel}\n                textProps={{\n                  x: 0,\n                  y: 4,\n                  textAnchor: 'middle',\n                  dominantBaseline: 'hanging',\n                  className: classes.sublabel,\n                }}\n                maxWidth={_innerRadius * 2}\n                wrapContent={_wrapContent}\n              />\n            )}\n          </g>\n        </svg>\n        {_renderLegends()}\n        {!props.hideTooltip && isPopoverOpen && (\n          <ChartPopover\n            {...props.calloutProps}\n            clickPosition={clickPosition}\n            isPopoverOpen={isPopoverOpen}\n            customCallout={{\n              customizedCallout: _multiValueCallout({ hoverXValue: hoverXValue, YValueHover: hoverYValues }),\n            }}\n          />\n        )}\n      </div>\n    );\n  },\n);\nGaugeChart.displayName = 'GaugeChart';\n"],"names":["ARC_PADDING","BREAKPOINTS","GaugeChart","calcNeedleRotation","getChartValueLabel","getSegmentLabel","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","minRadius","arcWidth","fontSize","chartValue","minValue","maxValue","needleRotation","segment","variant","isAriaLabel","legend","size","toFixed","start","end","chartValueFormat","forCallout","toString","React","forwardRef","props","forwardedRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","_rootElem","useRef","_isRTL","useRtl","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","prevPropsRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useGaugeChartStyles","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","getColorFromToken","getNextColor","accessibilityData","push","arcGenerator","d3Arc","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","createElement","g","transform","path","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","style","Legends","centerLegends","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","clientX","clientY","target","currentTarget","boundingRect","getBoundingClientRect","yValue","_updatePosition","isBlurEvent","_wrapContent","content","id","maxWidth","textElement","d3Select","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","marginBottom","calloutContentX","getAccessibleDataObject","xAxisCalloutAccessibilityData","formatToLocaleString","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","Shape","svgProps","shapeStyles","pathProps","fill","shape","Points","Object","keys","pointTypes","calloutlegendText","calloutContentY","data","subcounts","subcountName","newX","newY","threshold","distance","sqrt","pow","_getChartTitle","focusAttributes","useFocusableGroup","root","ref","el","svg","chart","onMouseLeave","textAnchor","aria-hidden","Fragment","limits","formatScientificLimitWidth","arc","opacity","ariaLabel","tabIndex","SVGTooltipText","textProps","wrapContent","dominantBaseline","hideTooltip","ChartPopover","customCallout","customizedCallout","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["GaugeChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGaugeChartStyles } from './useGaugeChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { arc as d3Arc } from 'd3-shape';\nimport { YValueHover } from '../../index';\nimport {\n  Points,\n  areArraysEqual,\n  formatScientificLimitWidth,\n  getAccessibleDataObject,\n  getColorFromToken,\n  getNextColor,\n  pointTypes,\n  useRtl,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { Legend, LegendShape, Legends, Shape } from '../Legends/index';\nimport { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n  { minRadius: 52, arcWidth: 12, fontSize: 20 },\n  { minRadius: 70, arcWidth: 16, fontSize: 24 },\n  { minRadius: 88, arcWidth: 20, fontSize: 32 },\n  { minRadius: 106, arcWidth: 24, fontSize: 32 },\n  { minRadius: 124, arcWidth: 28, fontSize: 40 },\n  { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n  let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n  if (needleRotation < 0) {\n    needleRotation = 0;\n  } else if (needleRotation > 180) {\n    needleRotation = 180;\n  }\n\n  return needleRotation;\n};\n\nexport const getSegmentLabel = (\n  segment: ExtendedSegment,\n  minValue: number,\n  maxValue: number,\n  variant?: GaugeChartVariant,\n  isAriaLabel: boolean = false,\n) => {\n  if (isAriaLabel) {\n    return minValue === 0 && variant === 'single-segment'\n      ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n      : `${segment.legend}, ${segment.start} to ${segment.end}`;\n  }\n\n  return minValue === 0 && variant === 'single-segment'\n    ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n    : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n  chartValue: number,\n  minValue: number,\n  maxValue: number,\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string),\n  forCallout: boolean = false,\n): string => {\n  if (forCallout) {\n    // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n    // This helps clarify the actual value and avoid repetition.\n    return minValue !== 0\n      ? chartValue.toString()\n      : chartValueFormat === 'fraction'\n      ? `${((chartValue / maxValue) * 100).toFixed()}%`\n      : `${chartValue}/${maxValue}`;\n  }\n\n  return typeof chartValueFormat === 'function'\n    ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n    : minValue !== 0\n    ? chartValue.toString()\n    : chartValueFormat === 'fraction'\n    ? `${chartValue}/${maxValue}`\n    : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface YValue extends Omit<YValueHover, 'y'> {\n  y?: string | number;\n}\nexport interface ExtendedSegment extends GaugeChartSegment {\n  start: number;\n  end: number;\n}\n\nexport const GaugeChart: React.FunctionComponent<GaugeChartProps> = React.forwardRef<HTMLDivElement, GaugeChartProps>(\n  (props, forwardedRef) => {\n    const _getMargins = () => {\n      const { hideMinMax, chartTitle, sublabel } = props;\n      return {\n        left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n        right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n        top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n        bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n      };\n    };\n    const _margins: { left: number; right: number; top: number; bottom: number } = _getMargins();\n    const _legendsHeight: number = !props.hideLegend ? 32 : 0;\n    const _rootElem = React.useRef<HTMLDivElement | null>(null);\n    const _isRTL: boolean = useRtl();\n    const [width, setWidth] = React.useState<number>(140 + _getMargins().left + _getMargins().right);\n    const [height, setHeight] = React.useState<number>(70 + _getMargins().top + _getMargins().bottom + _legendsHeight);\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [focusedElement, setFocusedElement] = React.useState<string | undefined>('');\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n    const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n    const prevPropsRef = React.useRef<GaugeChartProps | null>(null);\n    const _width = props.width || width;\n    const _height = props.height || height;\n    const _outerRadius: number = Math.min(\n      (_width - (_margins.left + _margins.right)) / 2,\n      _height - (_margins.top + _margins.bottom + _legendsHeight),\n    );\n    const { arcWidth, chartValueSize } = _getStylesBasedOnBreakpoint();\n    const _innerRadius: number = _outerRadius - arcWidth;\n    let _minValue!: number;\n    let _maxValue!: number;\n    let _segments!: ExtendedSegment[];\n    let _calloutAnchor: string = '';\n\n    React.useEffect(() => {\n      if (_rootElem.current) {\n        setWidth(_rootElem.current.clientWidth);\n        setHeight(_rootElem.current.clientHeight);\n      }\n    }, []);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: _rootElem.current,\n      }),\n      [],\n    );\n\n    const classes = useGaugeChartStyles(props);\n    function _getStylesBasedOnBreakpoint() {\n      for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n        if (_outerRadius >= BREAKPOINTS[index].minRadius) {\n          return {\n            arcWidth: BREAKPOINTS[index].arcWidth,\n            chartValueSize: BREAKPOINTS[index].fontSize,\n          };\n        }\n      }\n      return {\n        arcWidth: BREAKPOINTS[0].arcWidth,\n        chartValueSize: BREAKPOINTS[0].fontSize,\n      };\n    }\n\n    function _processProps() {\n      const { minValue = 0, maxValue, segments, roundCorners } = props;\n\n      let total = minValue;\n      const processedSegments: ExtendedSegment[] = segments.map(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (segment: { size: number; legend: any; color: string; accessibilityData: any }, index: number) => {\n          const size = Math.max(segment.size, 0);\n          total += size;\n          return {\n            legend: segment.legend,\n            size,\n            color:\n              typeof segment.color !== 'undefined'\n                ? getColorFromToken(segment.color, false)\n                : getNextColor(index, 0, false),\n            accessibilityData: segment.accessibilityData,\n            start: total - size,\n            end: total,\n          };\n        },\n      );\n      if (typeof maxValue !== 'undefined' && total < maxValue) {\n        processedSegments.push({\n          legend: 'Unknown',\n          size: maxValue - total,\n          color: 'neutralLight',\n          start: total,\n          end: maxValue,\n        });\n        total = maxValue;\n      }\n\n      const arcGenerator = d3Arc()\n        .cornerRadius(roundCorners ? 3 : 0)\n        .padAngle(ARC_PADDING / _outerRadius)\n        .padRadius(_outerRadius);\n      const rtlSafeSegments = _isRTL ? Array.from(processedSegments).reverse() : processedSegments;\n      let prevAngle = -Math.PI / 2;\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const arcs = rtlSafeSegments.map((segment, index) => {\n        const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n        const d = arcGenerator({\n          innerRadius: _innerRadius,\n          outerRadius: _outerRadius,\n          startAngle: prevAngle,\n          endAngle,\n        })!;\n        prevAngle = endAngle;\n        return {\n          d,\n          segmentIndex: _isRTL ? processedSegments.length - 1 - index : index,\n          startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n          endAngle,\n        };\n      });\n\n      _minValue = minValue;\n      _maxValue = total;\n      _segments = processedSegments;\n\n      return {\n        arcs,\n      };\n    }\n\n    function _renderNeedle() {\n      const needleRotation = calcNeedleRotation(props.chartValue, _minValue, _maxValue);\n      const rtlSafeNeedleRotation = _isRTL ? 180 - needleRotation : needleRotation;\n      const strokeWidth = 2;\n      const halfStrokeWidth = strokeWidth / 2;\n      const needleLength = _outerRadius - _innerRadius + EXTRA_NEEDLE_LENGTH;\n\n      return (\n        <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n          <path\n            d={`\n            M 0,${-halfStrokeWidth - 3}\n            L ${-needleLength},${-halfStrokeWidth - 1}\n            A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n            L 0,${halfStrokeWidth + 3}\n            A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n          `}\n            strokeWidth={strokeWidth}\n            className={classes.needle}\n            transform={`translate(${-_innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n            data-is-focusable={true}\n            onFocus={e => _handleFocus(e, 'Needle')}\n            onBlur={_handleBlur}\n            onMouseEnter={e => _handleMouseOver(e, 'Needle')}\n            onMouseMove={e => _handleMouseOver(e, 'Needle')}\n            role=\"img\"\n            aria-label={\n              'Current value: ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)\n            }\n          />\n        </g>\n      );\n    }\n\n    function _renderLegends() {\n      if (props.hideLegend) {\n        return null;\n      }\n\n      const legends: Legend[] = _segments.map((segment, index) => {\n        const color: string = segment.color || getNextColor(index, 0, false);\n\n        return {\n          title: segment.legend,\n          color,\n          hoverAction: () => {\n            setHoveredLegend(segment.legend);\n          },\n          onMouseOutAction: () => {\n            setHoveredLegend('');\n          },\n        };\n      });\n\n      return (\n        <div className={classes.legendsContainer}>\n          <Legends\n            legends={legends}\n            centerLegends\n            {...props.legendProps}\n            // eslint-disable-next-line react/jsx-no-bind\n            onChange={_onLegendSelectionChange}\n          />\n        </div>\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    function _handleFocus(focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) {\n      _showCallout(focusEvent, focusedElement, true);\n    }\n\n    function _handleBlur() {\n      _hideCallout(true);\n    }\n\n    function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) {\n      _showCallout(mouseEvent, hoveredElement, false);\n    }\n\n    function _handleMouseOut() {\n      _hideCallout(false);\n    }\n\n    function _handleCalloutDismiss() {\n      _hideCallout(false);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _showCallout(\n      event: React.MouseEvent<SVGElement, MouseEvent> | React.FocusEvent<SVGElement, Element>,\n      legend: string,\n      isFocusEvent: boolean,\n    ) {\n      if (_calloutAnchor === legend) {\n        return;\n      }\n      let clientX = 0;\n      let clientY = 0;\n      if ('clientX' in event) {\n        clientX = event.clientX;\n        clientY = event.clientY;\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const target = event.currentTarget as HTMLElement | SVGElement;\n        if (target && 'getBoundingClientRect' in target) {\n          const boundingRect = target.getBoundingClientRect();\n          clientX = boundingRect.left + boundingRect.width / 2;\n          clientY = boundingRect.top + boundingRect.height / 2;\n        }\n      }\n      _calloutAnchor = legend;\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const hoverXValue: string =\n        'Current value is ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat, true);\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const hoverYValues: YValue[] = _segments.map(segment => {\n        const yValue: YValue = {\n          legend: segment.legend,\n          y: getSegmentLabel(segment, _minValue, _maxValue, props.variant),\n          color: segment.color,\n        };\n        return yValue;\n      });\n      _updatePosition(clientX, clientY);\n      setPopoverOpen(\n        ['Needle', 'Chart value'].includes(legend) || _noLegendHighlighted() || _legendHighlighted(legend),\n      );\n      setHoverXValue(hoverXValue);\n      setHoverYValues(hoverYValues);\n      if (isFocusEvent) {\n        setFocusedElement(legend);\n      }\n    }\n\n    function _hideCallout(isBlurEvent?: boolean) {\n      _calloutAnchor = '';\n      setPopoverOpen(false);\n      setHoverXValue('');\n      setHoverYValues([]);\n      if (isBlurEvent) {\n        setFocusedElement('');\n      }\n    }\n\n    function _wrapContent(content: string, id: string, maxWidth: number) {\n      const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n      textElement.text(content);\n      if (!textElement.node()) {\n        return false;\n      }\n\n      let isOverflowing = false;\n      let textLength = textElement.node()!.getComputedTextLength();\n      while (textLength > maxWidth && content.length > 0) {\n        content = content.slice(0, -1);\n        textElement.text(content + '...');\n        isOverflowing = true;\n        textLength = textElement.node()!.getComputedTextLength();\n      }\n      return isOverflowing;\n    }\n\n    // TO DO: Write a common functional component for Multi value callout and divide sub count method\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _multiValueCallout(calloutProps: any) {\n      const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(calloutProps.YValueHover);\n      return (\n        <div className={classes.calloutContentRoot}>\n          <div\n            className={classes.calloutDateTimeContainer}\n            style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n          >\n            <div\n              className={classes.calloutContentX}\n              {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n            >\n              {formatToLocaleString(calloutProps!.hoverXValue, props.culture) as React.ReactNode}\n            </div>\n          </div>\n          <div className={classes.calloutInfoContainer} style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n            {calloutProps!.YValueHover &&\n              calloutProps!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n                const isLast: boolean = index + 1 === yValues.length;\n                const { shouldDrawBorderBottom = false } = yValue;\n                return (\n                  <div\n                    {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                    key={`callout-content-${index}`}\n                    style={\n                      yValueHoverSubCountsExists\n                        ? {\n                            display: 'inline-block',\n                            ...(shouldDrawBorderBottom && {\n                              paddingBottom: '10px',\n                            }),\n                          }\n                        : {\n                            ...(shouldDrawBorderBottom && {\n                              paddingBottom: '10px',\n                            }),\n                          }\n                    }\n                  >\n                    {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                  </div>\n                );\n              })}\n            {!!calloutProps.descriptionMessage && (\n              <div className={classes.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]) {\n      if (yValueHover) {\n        return yValueHover.some(\n          (yValue: {\n            legend?: string;\n            y?: number;\n            color?: string;\n            yAxisCalloutData?: string | { [id: string]: number };\n          }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n        );\n      }\n      return false;\n    }\n\n    function _getCalloutContent(\n      xValue: YValueHover,\n      index: number,\n      yValueHoverSubCountsExists: boolean,\n      isLast: boolean,\n    ): React.ReactNode {\n      const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n      const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n      const { culture } = props;\n      const yValue = formatToLocaleString(xValue.y, culture) as React.ReactNode;\n      if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n        return (\n          <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n            {yValueHoverSubCountsExists && (\n              <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n                {xValue.legend!} ({yValue})\n              </div>\n            )}\n            <div\n              id={`${index}_${xValue.y}`}\n              className={classes.calloutBlockContainer}\n              style={{ borderInlineStart: `4px solid ${xValue.color}` }}\n            >\n              {toDrawShape && (\n                <Shape\n                  svgProps={{\n                    className: classes.shapeStyles,\n                  }}\n                  pathProps={{ fill: xValue.color }}\n                  shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n                  style={{ display: 'flex' }}\n                />\n              )}\n              <div>\n                <div className={classes.calloutlegendText}> {xValue.legend}</div>\n                <div className={classes.calloutContentY}>\n                  {\n                    formatToLocaleString(\n                      xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                      culture,\n                    ) as React.ReactNode\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      } else {\n        const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n        return (\n          <div style={marginStyle}>\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n            {Object.keys(subcounts).map((subcountName: string) => {\n              return (\n                <div key={subcountName} className={classes.calloutBlockContainer}>\n                  <div className={classes.calloutlegendText}>\n                    {' '}\n                    {formatToLocaleString(subcountName, culture) as React.ReactNode}\n                  </div>\n                  <div className={classes.calloutContentY}>\n                    {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        );\n      }\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle } = props;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${_segments.length} segments. `;\n    }\n    const { arcs } = _processProps();\n    const focusAttributes = useFocusableGroup();\n    return (\n      <div className={classes.root} ref={el => (_rootElem.current = el)}>\n        <div className={classes.chartWrapper} {...focusAttributes}>\n          <svg\n            className={classes.chart}\n            width={_width}\n            height={_height - _legendsHeight}\n            role=\"region\"\n            aria-label={_getChartTitle()}\n            onMouseLeave={_handleMouseOut}\n          >\n            <g transform={`translate(${_width / 2}, ${_height - (_margins.bottom + _legendsHeight)})`}>\n              {props.chartTitle && (\n                <text\n                  x={0}\n                  y={-(_outerRadius + TITLE_OFFSET)}\n                  textAnchor=\"middle\"\n                  className={classes.chartTitle}\n                  aria-hidden={true}\n                >\n                  {props.chartTitle}\n                </text>\n              )}\n              {!props.hideMinMax && (\n                <>\n                  <text\n                    x={(_isRTL ? 1 : -1) * (_outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"end\"\n                    className={classes.limits}\n                    role=\"img\"\n                    aria-label={`Min value: ${_minValue}`}\n                  >\n                    {formatScientificLimitWidth(_minValue)}\n                  </text>\n                  <text\n                    x={(_isRTL ? -1 : 1) * (_outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"start\"\n                    className={classes.limits}\n                    role=\"img\"\n                    aria-label={`Max value: ${_maxValue}`}\n                  >\n                    {formatScientificLimitWidth(_maxValue)}\n                  </text>\n                </>\n              )}\n              {arcs.map((arc, index) => {\n                const segment = _segments[arc.segmentIndex];\n                return (\n                  <React.Fragment key={index}>\n                    <path\n                      d={arc.d}\n                      strokeWidth={focusedElement === segment.legend ? ARC_PADDING : 0}\n                      className={classes.segment}\n                      fill={segment.color}\n                      opacity={_legendHighlighted(segment.legend) || _noLegendHighlighted() ? 1 : 0.1}\n                      {...getAccessibleDataObject(\n                        {\n                          ariaLabel: getSegmentLabel(segment, _minValue, _maxValue, props.variant, true),\n                          ...segment.accessibilityData,\n                        },\n                        'img',\n                        true,\n                      )}\n                      onFocus={e => _handleFocus(e, segment.legend)}\n                      onBlur={_handleBlur}\n                      onMouseEnter={e => _handleMouseOver(e, segment.legend)}\n                      onMouseLeave={e => _handleCalloutDismiss()}\n                      onMouseMove={e => _handleMouseOver(e, segment.legend)}\n                      data-is-focusable={_legendHighlighted(segment.legend) || _noLegendHighlighted()}\n                      tabIndex={segment.legend !== '' ? 0 : undefined}\n                    />\n                  </React.Fragment>\n                );\n              })}\n              {_renderNeedle()}\n              <g\n                onMouseEnter={e => _handleMouseOver(e, 'Chart value')}\n                onMouseMove={e => _handleMouseOver(e, 'Chart value')}\n              >\n                <SVGTooltipText\n                  content={getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)}\n                  textProps={{\n                    x: 0,\n                    y: 0,\n                    textAnchor: 'middle',\n                    className: classes.chartValue,\n                    fontSize: chartValueSize,\n                    'aria-hidden': 'true',\n                  }}\n                  maxWidth={_innerRadius * 2 - 24}\n                  wrapContent={_wrapContent}\n                />\n              </g>\n              {props.sublabel && (\n                <SVGTooltipText\n                  content={props.sublabel}\n                  textProps={{\n                    x: 0,\n                    y: 4,\n                    textAnchor: 'middle',\n                    dominantBaseline: 'hanging',\n                    className: classes.sublabel,\n                  }}\n                  maxWidth={_innerRadius * 2}\n                  wrapContent={_wrapContent}\n                />\n              )}\n            </g>\n          </svg>\n        </div>\n        {_renderLegends()}\n        {!props.hideTooltip && isPopoverOpen && (\n          <ChartPopover\n            {...props.calloutProps}\n            clickPosition={clickPosition}\n            isPopoverOpen={isPopoverOpen}\n            customCallout={{\n              customizedCallout: _multiValueCallout({ hoverXValue: hoverXValue, YValueHover: hoverYValues }),\n            }}\n          />\n        )}\n      </div>\n    );\n  },\n);\nGaugeChart.displayName = 'GaugeChart';\n"],"names":["ARC_PADDING","BREAKPOINTS","GaugeChart","calcNeedleRotation","getChartValueLabel","getSegmentLabel","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","minRadius","arcWidth","fontSize","chartValue","minValue","maxValue","needleRotation","segment","variant","isAriaLabel","legend","size","toFixed","start","end","chartValueFormat","forCallout","toString","React","forwardRef","props","forwardedRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","_rootElem","useRef","_isRTL","useRtl","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","prevPropsRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","clientWidth","clientHeight","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useGaugeChartStyles","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","getColorFromToken","getNextColor","accessibilityData","push","arcGenerator","d3Arc","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","createElement","g","transform","path","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","Legends","centerLegends","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","clientX","clientY","target","currentTarget","boundingRect","getBoundingClientRect","yValue","_updatePosition","isBlurEvent","_wrapContent","content","id","maxWidth","textElement","d3Select","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","style","marginBottom","calloutContentX","getAccessibleDataObject","xAxisCalloutAccessibilityData","formatToLocaleString","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","Shape","svgProps","shapeStyles","pathProps","fill","shape","Points","Object","keys","pointTypes","calloutlegendText","calloutContentY","data","subcounts","subcountName","newX","newY","threshold","distance","sqrt","pow","_getChartTitle","focusAttributes","useFocusableGroup","root","ref","el","chartWrapper","svg","chart","onMouseLeave","textAnchor","aria-hidden","Fragment","limits","formatScientificLimitWidth","arc","opacity","ariaLabel","tabIndex","SVGTooltipText","textProps","wrapContent","dominantBaseline","hideTooltip","ChartPopover","customCallout","customizedCallout","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["GaugeChart.types.ts"],"sourcesContent":["import { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart } from '../../types/index';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\n\n/**\n * Gauge Chart segment interface.\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartSegment {\n  /**\n   * Legend text for a segment\n   */\n  legend: string;\n\n  /**\n   * Size of the segment\n   */\n  size: number;\n\n  /**\n   * Color of the segment\n   */\n  color?: string;\n\n  /**\n   * Gradient color of the segment\n   */\n  gradient?: [string, string];\n\n  /**\n   * Accessibility data for the segment\n   */\n  accessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory GaugeChart}\n */\nexport type GaugeValueFormat = 'percentage' | 'fraction';\n\n/**\n * {@docCategory GaugeChart}\n */\nexport type GaugeChartVariant = 'single-segment' | 'multiple-segments';\n\n/**\n * Gauge Chart properties\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartProps {\n  /**\n   * Width of the chart\n   */\n  width?: number;\n\n  /**\n   * Height of the chart\n   */\n  height?: number;\n\n  /**\n   * Title of the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Current value of the gauge\n   */\n  chartValue: number;\n\n  /**\n   * Sections of the gauge\n   */\n  segments: GaugeChartSegment[];\n\n  /**\n   * Minimum value of the gauge\n   * @defaultvalue 0\n   */\n  minValue?: number;\n\n  /**\n   * Maximum value of the gauge\n   */\n  maxValue?: number;\n\n  /**\n   * Additional text to display below the chart value\n   */\n  sublabel?: string;\n\n  /**\n   * Hide the min and max values of the gauge\n   * @defaultvalue false\n   */\n  hideMinMax?: boolean;\n\n  /**\n   * Format of the chart value\n   * @defaultvalue GaugeValueFormat.Percentage\n   */\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string);\n\n  /**\n   * Decides whether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /*\n   * Props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   * Do not show tooltips in chart\n   * @defaultvalue false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules\n   */\n  styles?: GaugeChartStyles;\n\n  /**\n   * Defines the culture to localize the numbers and dates\n   */\n  culture?: string;\n\n  /**\n   * Props for the callout in the chart\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * Specifies the variant of GaugeChart to be rendered\n   * @defaultvalue GaugeChartVariant.MultipleSegments\n   */\n  variant?: GaugeChartVariant;\n\n  /**\n   * Prop to enable the gradient in the chart\n   * @default false\n   */\n  enableGradient?: boolean;\n\n  /**\n   * Prop to enable the round corners in the chart\n   * @default false\n   */\n  roundCorners?: boolean;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n}\n\n/**\n * Gauge Chart styles\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartStyles {\n  /**\n   * Styles for the root element\n   */\n  root?: string;\n\n  /**\n   * Styles for the chart\n   */\n  chart?: string;\n\n  /**\n   * Styles for the min and max values\n   */\n  limits?: string;\n\n  /**\n   * Styles for the chart value\n   */\n  chartValue?: string;\n\n  /**\n   * Styles for the sublabel\n   */\n  sublabel?: string;\n\n  /**\n   * Styles for the needle\n   */\n  needle?: string;\n\n  /**\n   * Styles for the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Styles for the segments\n   */\n  segment?: string;\n\n  /**\n   * Styles for gradient segments\n   */\n  gradientSegment?: string;\n\n  /**\n   * Styles for the legends container\n   */\n  legendsContainer?: string;\n\n  /**\n   * Styles for callout root-content\n   */\n  calloutContentRoot?: string;\n\n  /**\n   * Styles for callout x-content\n   */\n  calloutContentX?: string;\n\n  /**\n   * Styles for callout y-content\n   */\n  calloutContentY?: string;\n\n  /**\n   * Styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * Styles for callout Date time container\n   */\n  calloutDateTimeContainer?: string;\n\n  /**\n   * Styles for callout info container\n   */\n  calloutInfoContainer?: string;\n\n  /**\n   * Styles for callout block container\n   */\n  calloutBlockContainer?: string;\n\n  /**\n   * Styles for callout legend text\n   */\n  calloutlegendText?: string;\n\n  /**\n   * Styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n}\n"],"names":[],"rangeMappings":";;;","mappings":"AAgKA;;;CAGC"}
+{"version":3,"sources":["GaugeChart.types.ts"],"sourcesContent":["import { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart } from '../../types/index';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\n\n/**\n * Gauge Chart segment interface.\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartSegment {\n  /**\n   * Legend text for a segment\n   */\n  legend: string;\n\n  /**\n   * Size of the segment\n   */\n  size: number;\n\n  /**\n   * Color of the segment\n   */\n  color?: string;\n\n  /**\n   * Gradient color of the segment\n   */\n  gradient?: [string, string];\n\n  /**\n   * Accessibility data for the segment\n   */\n  accessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory GaugeChart}\n */\nexport type GaugeValueFormat = 'percentage' | 'fraction';\n\n/**\n * {@docCategory GaugeChart}\n */\nexport type GaugeChartVariant = 'single-segment' | 'multiple-segments';\n\n/**\n * Gauge Chart properties\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartProps {\n  /**\n   * Width of the chart\n   */\n  width?: number;\n\n  /**\n   * Height of the chart\n   */\n  height?: number;\n\n  /**\n   * Title of the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Current value of the gauge\n   */\n  chartValue: number;\n\n  /**\n   * Sections of the gauge\n   */\n  segments: GaugeChartSegment[];\n\n  /**\n   * Minimum value of the gauge\n   * @defaultvalue 0\n   */\n  minValue?: number;\n\n  /**\n   * Maximum value of the gauge\n   */\n  maxValue?: number;\n\n  /**\n   * Additional text to display below the chart value\n   */\n  sublabel?: string;\n\n  /**\n   * Hide the min and max values of the gauge\n   * @defaultvalue false\n   */\n  hideMinMax?: boolean;\n\n  /**\n   * Format of the chart value\n   * @defaultvalue GaugeValueFormat.Percentage\n   */\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string);\n\n  /**\n   * Decides whether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /*\n   * Props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   * Do not show tooltips in chart\n   * @defaultvalue false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules\n   */\n  styles?: GaugeChartStyles;\n\n  /**\n   * Defines the culture to localize the numbers and dates\n   */\n  culture?: string;\n\n  /**\n   * Props for the callout in the chart\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * Specifies the variant of GaugeChart to be rendered\n   * @defaultvalue GaugeChartVariant.MultipleSegments\n   */\n  variant?: GaugeChartVariant;\n\n  /**\n   * Prop to enable the gradient in the chart\n   * @default false\n   */\n  enableGradient?: boolean;\n\n  /**\n   * Prop to enable the round corners in the chart\n   * @default false\n   */\n  roundCorners?: boolean;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n}\n\n/**\n * Gauge Chart styles\n * {@docCategory GaugeChart}\n */\nexport interface GaugeChartStyles {\n  /**\n   * Styles for the root element\n   */\n  root?: string;\n\n  /**\n   * Styles for the chart\n   */\n  chart?: string;\n\n  /**\n   * Styles for the min and max values\n   */\n  limits?: string;\n\n  /**\n   * Styles for the chart value\n   */\n  chartValue?: string;\n\n  /**\n   * Styles for the sublabel\n   */\n  sublabel?: string;\n\n  /**\n   * Styles for the needle\n   */\n  needle?: string;\n\n  /**\n   * Styles for the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Styles for the segments\n   */\n  segment?: string;\n\n  /**\n   * Styles for gradient segments\n   */\n  gradientSegment?: string;\n\n  /**\n   * Styles for the legends container\n   */\n  legendsContainer?: string;\n\n  /**\n   * Styles for callout root-content\n   */\n  calloutContentRoot?: string;\n\n  /**\n   * Styles for callout x-content\n   */\n  calloutContentX?: string;\n\n  /**\n   * Styles for callout y-content\n   */\n  calloutContentY?: string;\n\n  /**\n   * Styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * Styles for callout Date time container\n   */\n  calloutDateTimeContainer?: string;\n\n  /**\n   * Styles for callout info container\n   */\n  calloutInfoContainer?: string;\n\n  /**\n   * Styles for callout block container\n   */\n  calloutBlockContainer?: string;\n\n  /**\n   * Styles for callout legend text\n   */\n  calloutlegendText?: string;\n\n  /**\n   * Styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n}\n"],"names":[],"rangeMappings":";;;","mappings":"AAgKA;;;CAGC"}

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

@@ -36,7 +36,8 @@ const gaugeChartClassNames = {
     calloutContentY: 'fui-gc__calloutContentY',
     descriptionMessage: 'fui-gc__descriptionMessage',
     calloutInfoContainer: '',
-    legendsContainer: ''
+    legendsContainer: 'fui-gc__legendsContainer',
+    chartWrapper: 'fui-gc__chartWrapper'
 };
 const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
@@ -47,8 +48,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
         Bt984gj: "f122n59",
-        a9b677: "fsr8r2d",
-        Bqenvij: "f50j5g9"
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl"
     },
     chart: {
         mc9l5x: "ftgm304"
@@ -174,6 +175,9 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         icvyot: 0,
         B4j52fo: 0,
         i8vvqc: "f10ci6s2"
+    },
+    legendsContainer: {
+        a9b677: "fly5x3f"
     }
 }, {
     d: [
@@ -184,8 +188,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f22iagw{display:flex;}",
         ".f1vx9l62{flex-direction:column;}",
         ".f122n59{align-items:center;}",
-        ".fsr8r2d{width:var(--root-width, 100%);}",
-        ".f50j5g9{height:var(--root-height, 100%);}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
         ".ftgm304{display:block;}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",
@@ -200,8 +204,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         ".f1v24fw0{stroke:var(--colorNeutralStroke1);}",
-        ".fly5x3f{width:100%;}",
-        ".f1l02sjl{height:100%;}",
         ".f13qh94s{display:grid;}",
         [
             ".f1a3p1vp{overflow:hidden;}",
@@ -239,7 +241,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useGaugeChartStyles = (props)=>{
-    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;
+    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;
     const baseStyles = useStyles();
     return {
         root: (0, _react.mergeClasses)(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
@@ -258,6 +260,8 @@ const useGaugeChartStyles = (props)=>{
         shapeStyles: (0, _react.mergeClasses)(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),
         calloutlegendText: (0, _react.mergeClasses)(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),
         calloutContentY: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),
-        descriptionMessage: (0, _react.mergeClasses)(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage)
+        descriptionMessage: (0, _react.mergeClasses)(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),
+        chartWrapper: (0, _react.mergeClasses)(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),
+        legendsContainer: (0, _react.mergeClasses)(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)
     };
 }; //# sourceMappingURL=useGaugeChartStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\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: ''\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: 'var(--root-width, 100%)',\n        height: 'var(--root-height, 100%)'\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    chartTitle: {\n        ...typographyStyles.caption1,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\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        ...shorthands.padding('11px', '16px', '10px', '16px'),\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});\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;\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        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage)\n    };\n};\n"],"names":["gaugeChartClassNames","useGaugeChartStyles","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","t21cq0","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","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","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\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};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%'\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    chartTitle: {\n        ...typographyStyles.caption1,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\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        ...shorthands.padding('11px', '16px', '10px', '16px'),\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;\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        segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.segment),\n        gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),\n        calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),\n        calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),\n        calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),\n        shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),\n        calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),\n        calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),\n        descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),\n        chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),\n        legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)\n    };\n};\n"],"names":["gaugeChartClassNames","useGaugeChartStyles","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","t21cq0","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","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","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAoHAC,mBAAmB;eAAnBA;;;uBArHwC;AAC9C,MAAMD,uBAAuB;IAChCE,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;AAClB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAArB,MAAA;QAAAsB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAA7B,OAAA;QAAAyB,QAAA;IAAA;IAAAxB,QAAA;QAAAoB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAM,SAAA;QAAAC,SAAA;IAAA;IAAA7B,YAAA;QAAAqB,SAAA;QAAAO,SAAA;QAAAC,SAAA;IAAA;IAAA5B,UAAA;QAAAkB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAM,SAAA;QAAAC,SAAA;IAAA;IAAA3B,QAAA;QAAA0B,SAAA;QAAAE,QAAA;IAAA;IAAA3B,YAAA;QAAAgB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAM,SAAA;QAAAC,SAAA;IAAA;IAAAzB,SAAA;QAAA2B,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAJ,QAAA;IAAA;IAAAzB,iBAAA;QAAAqB,QAAA;QAAAC,SAAA;IAAA;IAAArB,oBAAA;QAAAiB,QAAA;QAAAY,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAApC,0BAAA;QAAAgB,QAAA;QAAAC,SAAA;QAAAoB,SAAA;IAAA;IAAApC,iBAAA;QAAAW,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAuB,QAAA;IAAA;IAAApC,uBAAA;QAAAU,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAwB,SAAA;QAAAC,QAAA;QAAAN,QAAA;YAAA;YAAA;SAAA;QAAAlB,QAAA;QAAAM,SAAA;IAAA;IAAAnB,aAAA;QAAAsC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAArC,mBAAA;QAAAQ,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAyB,QAAA;QAAAlB,SAAA;IAAA;IAAAjB,iBAAA;QAAAO,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAO,SAAA;IAAA;IAAAhB,oBAAA;QAAAM,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAyB,QAAA;QAAAD,SAAA;QAAAR,QAAA;QAAAW,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAArC,kBAAA;QAAAW,QAAA;IAAA;AAAA,GAAA;IAAA2B,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AA8FX,MAAM1D,sBAAuB2D,CAAAA;IAChC,IAAIC,eAAeC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,gBAAgBC,iBAAiBC,iBAAiBC,iBAAiBC,iBAAiBC,iBAAiBC,iBAAiBC,iBAAiBC,iBAAiBC;IAC3S,MAAMC,aAAa1D;IACnB,OAAO;QACHpB,MAAM+E,IAAAA,mBAAY,EAACjF,qBAAqBE,IAAI,EAAE8E,WAAW9E,IAAI,EAAE,AAAC2D,CAAAA,gBAAgBD,MAAMsB,MAAM,AAANA,MAAY,QAAQrB,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAc3D,IAAI;QAChKC,OAAO8E,IAAAA,mBAAY,EAACjF,qBAAqBG,KAAK,EAAE6E,WAAW7E,KAAK,EAAE,AAAC2D,CAAAA,iBAAiBF,MAAMsB,MAAM,AAANA,MAAY,QAAQpB,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,KAAK;QACvKC,QAAQ6E,IAAAA,mBAAY,EAACjF,qBAAqBI,MAAM,EAAE4E,WAAW5E,MAAM,EAAE,AAAC2D,CAAAA,iBAAiBH,MAAMsB,MAAM,AAANA,MAAY,QAAQnB,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,MAAM;QAC3KC,YAAY4E,IAAAA,mBAAY,EAACjF,qBAAqBK,UAAU,EAAE2E,WAAW3E,UAAU,EAAE,AAAC2D,CAAAA,iBAAiBJ,MAAMsB,MAAM,AAANA,MAAY,QAAQlB,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,UAAU;QAC3LC,UAAU2E,IAAAA,mBAAY,EAACjF,qBAAqBM,QAAQ,EAAE0E,WAAW1E,QAAQ,EAAE,AAAC2D,CAAAA,iBAAiBL,MAAMsB,MAAM,AAANA,MAAY,QAAQjB,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,QAAQ;QACnLC,QAAQ0E,IAAAA,mBAAY,EAACjF,qBAAqBO,MAAM,EAAEyE,WAAWzE,MAAM,EAAE,AAAC2D,CAAAA,iBAAiBN,MAAMsB,MAAM,AAANA,MAAY,QAAQhB,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,MAAM;QAC3KC,YAAYyE,IAAAA,mBAAY,EAACjF,qBAAqBQ,UAAU,EAAEwE,WAAWxE,UAAU,EAAE,AAAC2D,CAAAA,iBAAiBP,MAAMsB,MAAM,AAANA,MAAY,QAAQf,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,UAAU;QAC3LC,SAASwE,IAAAA,mBAAY,EAACjF,qBAAqBS,OAAO,EAAEuE,WAAWvE,OAAO,EAAE,AAAC2D,CAAAA,iBAAiBR,MAAMsB,MAAM,AAANA,MAAY,QAAQd,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,OAAO;QAC/KC,iBAAiBuE,IAAAA,mBAAY,EAACjF,qBAAqBU,eAAe,EAAEsE,WAAWtE,eAAe,EAAE,AAAC2D,CAAAA,iBAAiBT,MAAMsB,MAAM,AAANA,MAAY,QAAQb,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,eAAe;QAC/MC,oBAAoBsE,IAAAA,mBAAY,EAACjF,qBAAqBW,kBAAkB,EAAEqE,WAAWrE,kBAAkB,EAAE,AAAC2D,CAAAA,iBAAiBV,MAAMsB,MAAM,AAANA,MAAY,QAAQZ,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3D,kBAAkB;QAC3NC,0BAA0BqE,IAAAA,mBAAY,EAACjF,qBAAqBY,wBAAwB,EAAEoE,WAAWpE,wBAAwB,EAAE,AAAC2D,CAAAA,kBAAkBX,MAAMsB,MAAM,AAANA,MAAY,QAAQX,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,wBAAwB;QACtPC,iBAAiBoE,IAAAA,mBAAY,EAACjF,qBAAqBa,eAAe,EAAEmE,WAAWnE,eAAe,EAAE,AAAC2D,CAAAA,kBAAkBZ,MAAMsB,MAAM,AAANA,MAAY,QAAQV,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,eAAe;QAClNC,uBAAuBmE,IAAAA,mBAAY,EAACjF,qBAAqBc,qBAAqB,EAAEkE,WAAWlE,qBAAqB,EAAE,AAAC2D,CAAAA,kBAAkBb,MAAMsB,MAAM,AAANA,MAAY,QAAQT,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,qBAAqB;QAC1OC,aAAakE,IAAAA,mBAAY,EAACjF,qBAAqBe,WAAW,EAAEiE,WAAWjE,WAAW,EAAE,AAAC2D,CAAAA,kBAAkBd,MAAMsB,MAAM,AAANA,MAAY,QAAQR,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,WAAW;QAClMC,mBAAmBiE,IAAAA,mBAAY,EAACjF,qBAAqBgB,iBAAiB,EAAEgE,WAAWhE,iBAAiB,EAAE,AAAC2D,CAAAA,kBAAkBf,MAAMsB,MAAM,AAANA,MAAY,QAAQP,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,iBAAiB;QAC1NC,iBAAiBgE,IAAAA,mBAAY,EAACjF,qBAAqBiB,eAAe,EAAE+D,WAAW/D,eAAe,EAAE,AAAC2D,CAAAA,kBAAkBhB,MAAMsB,MAAM,AAANA,MAAY,QAAQN,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,eAAe;QAClNC,oBAAoB+D,IAAAA,mBAAY,EAACjF,qBAAqBkB,kBAAkB,EAAE8D,WAAW9D,kBAAkB,EAAE,AAAC2D,CAAAA,kBAAkBjB,MAAMsB,MAAM,AAANA,MAAY,QAAQL,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,kBAAkB;QAC9NG,cAAc4D,IAAAA,mBAAY,EAACjF,qBAAqBqB,YAAY,EAAE,AAACyD,CAAAA,kBAAkBlB,MAAMsB,MAAM,AAANA,MAAY,QAAQJ,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBzD,YAAY;QAC7KD,kBAAkB6D,IAAAA,mBAAY,EAACjF,qBAAqBoB,gBAAgB,EAAE4D,WAAW5D,gBAAgB,EAAE,AAAC2D,CAAAA,kBAAkBnB,MAAMsB,MAAM,AAANA,MAAY,QAAQH,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgB3D,gBAAgB;IAC1N;AACJ"}

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

@@ -376,9 +376,9 @@ const GroupedVerticalBarChart = /*#__PURE__*/ _react.forwardRef((props = {
             const tooltipProps = {
                 tooltipCls: classes.tooltip,
                 id: _tooltipId,
-                xAxis: xAxisElement
+                axis: xAxisElement
             };
-            xAxisElement && (0, _index.tooltipOfXAxislabels)(tooltipProps);
+            xAxisElement && (0, _index.tooltipOfAxislabels)(tooltipProps);
         }
         return /*#__PURE__*/ _react.createElement("g", {
             key: singleSet.indexNum,