@fluentui/react-charts 9.0.1 → 9.0.3

package/lib/components/ScatterChart/ScatterChart.js

@@ -0,0 +1,465 @@
+import * as React from 'react';
+import { useScatterChartStyles_unstable } from './useScatterChartStyles.styles';
+import { select as d3Select } from 'd3-selection';
+import { Legends } from '../Legends/index';
+import { max as d3Max, min as d3Min } from 'd3-array';
+import { useId } from '@fluentui/react-utilities';
+import { areArraysEqual, find } from '../../utilities/index';
+import { CartesianChart } from '../../index';
+import { tokens } from '@fluentui/react-theme';
+import { calloutData, ChartTypes, XAxisTypes, tooltipOfXAxislabels, getTypeOfAxis, getNextColor, getColorFromToken, formatDate } from '../../utilities/index';
+// Create a ScatterChart variant which uses these default styles and this styled subcomponent.
+/**
+ * ScatterChart component
+ * {@docCategory ScatterChart}
+ */ export const ScatterChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const _circleId = useId('circle');
+    const _seriesId = useId('seriesID');
+    const _verticalLine = useId('verticalLine');
+    const _tooltipId = useId('ScatterChartTooltipId_');
+    const _firstRenderOptimization = true;
+    const _emptyChartId = useId('_ScatterChart_empty');
+    let _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let _calloutPoints = calloutData(_points) || [];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let _xAxisScale = '';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let _yAxisScale = '';
+    let _uniqueCallOutID = '';
+    let _refArray = [];
+    let margins;
+    let renderSeries;
+    let _xAxisLabels = [];
+    let xAxisCalloutAccessibilityData = {};
+    let _xBandwidth = 0;
+    const cartesianChartRef = React.useRef(null);
+    const [hoverXValue, setHoverXValue] = React.useState('');
+    const [activeLegend, setActiveLegend] = React.useState('');
+    const [YValueHover, setYValueHover] = React.useState([]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const [selectedLegendPoints, setSelectedLegendPoints] = React.useState([]);
+    const [isSelectedLegend, setIsSelectedLegend] = React.useState(false);
+    const [activePoint, setActivePoint] = React.useState('');
+    const [stackCalloutProps, setStackCalloutProps] = React.useState();
+    const [clickPosition, setClickPosition] = React.useState({
+        x: 0,
+        y: 0
+    });
+    const [isPopoverOpen, setPopoverOpen] = React.useState(false);
+    const [selectedLegends, setSelectedLegends] = React.useState([]);
+    const prevPropsRef = React.useRef(null);
+    React.useEffect(()=>{
+        if (prevPropsRef.current) {
+            var _prevProps_legendProps, _props_legendProps;
+            const prevProps = prevPropsRef.current;
+            if (!areArraysEqual((_prevProps_legendProps = prevProps.legendProps) === null || _prevProps_legendProps === void 0 ? void 0 : _prevProps_legendProps.selectedLegends, (_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends)) {
+                var _props_legendProps1;
+                setSelectedLegends(((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegends) || []);
+            }
+        }
+        prevPropsRef.current = props;
+    }, [
+        props
+    ]);
+    React.useImperativeHandle(props.componentRef, ()=>{
+        var _cartesianChartRef_current;
+        var _cartesianChartRef_current_chartContainer;
+        return {
+            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null
+        };
+    }, []);
+    const _xAxisType = props.data.lineChartData && props.data.lineChartData.length > 0 && props.data.lineChartData[0].data && props.data.lineChartData[0].data.length > 0 ? getTypeOfAxis(props.data.lineChartData[0].data[0].x, true) : XAxisTypes.StringAxis;
+    const pointsRef = React.useRef([]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const calloutPointsRef = React.useRef([]);
+    React.useEffect(()=>{
+        /** note that height and width are not used to resize or set as dimesions of the chart,
+     * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart
+     */ if (_points !== _injectIndexPropertyInScatterChartData(props.data.lineChartData) || props.data !== _points) {
+            pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.lineChartData);
+            calloutPointsRef.current = calloutData(pointsRef.current);
+        }
+    }, [
+        props.height,
+        props.width,
+        props.data,
+        _points
+    ]);
+    function _injectIndexPropertyInScatterChartData(scatterChartData) {
+        return scatterChartData ? scatterChartData.map((item, index)=>{
+            let color;
+            if (typeof item.color === 'undefined') {
+                color = getNextColor(index, 0);
+            } else {
+                color = getColorFromToken(item.color);
+            }
+            return {
+                ...item,
+                index: -1,
+                color
+            };
+        }) : [];
+    }
+    function updatePosition(newX, newY) {
+        const threshold = 1; // Set a threshold for movement
+        const { x, y } = clickPosition;
+        // Calculate the distance moved
+        const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));
+        // Update the position only if the distance moved is greater than the threshold
+        if (distance > threshold) {
+            setClickPosition({
+                x: newX,
+                y: newY
+            });
+            setPopoverOpen(true);
+        }
+    }
+    function _getMargins(_margins) {
+        margins = _margins;
+    }
+    function _initializeScatterChartData(xScale, yScale, containerHeight, containerWidth, xElement) {
+        _xAxisScale = xScale;
+        _yAxisScale = yScale;
+        renderSeries = _createPlot(xElement, containerHeight);
+    }
+    function _onHoverCardHide() {
+        setSelectedLegendPoints([]);
+        setIsSelectedLegend(false);
+    }
+    function _createLegends(data) {
+        const { legendProps } = props;
+        const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);
+        const legendDataItems = data.map((point)=>{
+            const color = point.color;
+            // mapping data to the format Legends component needs
+            const legend = {
+                title: point.legend,
+                color,
+                onMouseOutAction: ()=>{
+                    setActiveLegend('');
+                },
+                hoverAction: ()=>{
+                    _handleChartMouseLeave();
+                    setActiveLegend(point.legend);
+                },
+                ...point.legendShape && {
+                    shape: point.legendShape
+                }
+            };
+            return legend;
+        });
+        return /*#__PURE__*/ React.createElement(Legends, {
+            legends: [
+                ...legendDataItems
+            ],
+            enabledWrapLines: props.enabledLegendsWrapLines,
+            overflowText: props.legendsOverflowText,
+            ...isLegendMultiSelectEnabled && {
+                onLegendHoverCardLeave: _onHoverCardHide
+            },
+            ...props.legendProps,
+            selectedLegends: selectedLegends,
+            onChange: _onLegendSelectionChange
+        });
+    }
+    function _onLegendSelectionChange(legendsSelected, event, currentLegend) {
+        var _props_legendProps, _props_legendProps1;
+        if ((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.canSelectMultipleLegends) {
+            setSelectedLegends(legendsSelected);
+        } else {
+            setSelectedLegends(legendsSelected.slice(-1));
+        }
+        if ((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.onChange) {
+            props.legendProps.onChange(legendsSelected, event, currentLegend);
+        }
+    }
+    function _getPointFill(seriesColor, pointId, pointIndex, isLastPoint) {
+        if (activePoint === pointId) {
+            return tokens.colorNeutralBackground1;
+        } else {
+            return seriesColor;
+        }
+    }
+    function _createPlot(xElement, containerHeight) {
+        const series = [];
+        if (isSelectedLegend) {
+            _points = selectedLegendPoints;
+        } else {
+            _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);
+        }
+        const yMax = d3Max(points, (point)=>{
+            return d3Max(point.data, (item)=>item.y);
+        });
+        const yMin = d3Min(points, (point)=>{
+            return d3Min(point.data, (item)=>item.y);
+        });
+        const yPadding = (yMax - yMin) * 0.1;
+        const yPaddingRange = Math.abs(_yAxisScale(yMin + yPadding) - _yAxisScale(yMin));
+        let maxMarkerRange = 40;
+        let xPaddingRange = 0;
+        if (_xAxisType === XAxisTypes.StringAxis) {
+            _xBandwidth = _xAxisScale.bandwidth() / 2;
+            xPaddingRange = _xBandwidth;
+        } else if (_xAxisType === XAxisTypes.DateAxis) {
+            const xMin = d3Min(points, (point)=>{
+                return d3Min(point.data, (item)=>item.x);
+            });
+            const xMax = d3Max(points, (point)=>{
+                return d3Max(point.data, (item)=>{
+                    return item.x;
+                });
+            });
+            const xPadding = (xMax.getTime() - xMin.getTime()) * 0.1;
+            xPaddingRange = Math.abs(_xAxisScale(new Date(xMin.getTime() + xPadding)) - _xAxisScale(xMin));
+        } else {
+            const xMin = d3Min(points, (point)=>{
+                return d3Min(point.data, (item)=>item.x);
+            });
+            const xMax = d3Max(points, (point)=>{
+                return d3Max(point.data, (item)=>{
+                    return item.x;
+                });
+            });
+            const xPadding = (xMax - xMin) * 0.1;
+            xPaddingRange = Math.abs(_xAxisScale(xMin + xPadding) - _xAxisScale(xMin));
+        }
+        maxMarkerRange = Math.min(maxMarkerRange, Math.min(xPaddingRange, yPaddingRange));
+        const maxMarkerSize = d3Max(_points, (point)=>{
+            return d3Max(point.data, (item)=>{
+                return item.markerSize;
+            });
+        });
+        for(let i = _points.length - 1; i >= 0; i--){
+            const pointsForSeries = [];
+            const legendVal = _points[i].legend;
+            const seriesColor = _points[i].color;
+            const verticaLineHeight = containerHeight - margins.bottom + 6;
+            for(let j = 0; j < _points[i].data.length; j++){
+                const seriesId = `${_seriesId}_${i}_${j}`;
+                const circleId = `${_circleId}_${i}_${j}`;
+                const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j];
+                let circleRadius = 3.5;
+                const pointMarkerSize = _points[i].data[j].markerSize;
+                if (pointMarkerSize !== undefined) {
+                    circleRadius = Math.min(pointMarkerSize * maxMarkerRange / maxMarkerSize, pointMarkerSize);
+                }
+                const isLegendSelected = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;
+                const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;
+                pointsForSeries.push(/*#__PURE__*/ React.createElement("circle", {
+                    id: circleId,
+                    key: circleId,
+                    r: circleRadius,
+                    cx: _xAxisScale(x) + _xBandwidth,
+                    cy: _yAxisScale(y),
+                    "data-is-focusable": isLegendSelected,
+                    onMouseOver: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
+                    onMouseMove: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
+                    onMouseOut: _handleMouseOut,
+                    onFocus: ()=>_handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
+                    onBlur: _handleMouseOut,
+                    ..._getClickHandler(_points[i].data[j].onDataPointClick),
+                    opacity: isLegendSelected && !currentPointHidden ? 1 : 0.1,
+                    fill: _getPointFill(seriesColor, circleId, j, false),
+                    stroke: seriesColor,
+                    role: "img",
+                    "aria-label": _getAriaLabel(i, j),
+                    tabIndex: _points[i].legend !== '' ? 0 : undefined
+                }));
+            }
+            series.push(/*#__PURE__*/ React.createElement("g", {
+                key: `series_${i}`,
+                role: "region",
+                "aria-label": `${legendVal}, series ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`
+            }, pointsForSeries));
+        }
+        const classes = useScatterChartStyles_unstable(props);
+        // Removing un wanted tooltip div from DOM, when prop not provided.
+        if (!props.showXAxisLablesTooltip) {
+            try {
+                document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
+            // eslint-disable-next-line no-empty
+            } catch (e) {}
+        }
+        // Used to display tooltip at x axis labels.
+        if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {
+            const xAxisElement = d3Select(xElement).call(_xAxisScale);
+            try {
+                document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
+            // eslint-disable-next-line no-empty
+            } catch (e) {}
+            const tooltipProps = {
+                tooltipCls: classes.tooltip,
+                id: _tooltipId,
+                xAxis: xAxisElement
+            };
+            xAxisElement && tooltipOfXAxislabels(tooltipProps);
+        }
+        return series;
+    }
+    function _handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData) {
+        _uniqueCallOutID = circleId;
+        const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;
+        const xVal = x instanceof Date ? x.getTime() : x;
+        const found = find(_calloutPoints, (element)=>element.x === xVal);
+        // if no points need to be called out then don't show vertical line and callout card
+        if (found) {
+            d3Select(`#${_verticalLine}`).attr('transform', ()=>`translate(${_xAxisScale(x) + _xBandwidth}, 0)`).attr('visibility', 'visibility');
+            _refArray.forEach((obj)=>{
+                if (obj.index === seriesId) {
+                    setPopoverOpen(true);
+                    xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);
+                    setYValueHover(found.values);
+                    setStackCalloutProps(found);
+                    setActivePoint(circleId);
+                }
+            });
+        } else {
+            setActivePoint(circleId);
+        }
+    }
+    function _handleHover(x, y, lineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, mouseEvent) {
+        mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.persist();
+        const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;
+        const xVal = x instanceof Date ? x.getTime() : x;
+        const found = find(_calloutPoints, (element)=>element.x === xVal);
+        // if no points need to be called out then don't show vertical line and callout card
+        if (found) {
+            d3Select(`#${_verticalLine}`).attr('transform', ()=>`translate(${_xAxisScale(x) + _xBandwidth}, ${_yAxisScale(y)})`).attr('visibility', 'visibility').attr('y2', `${lineHeight - _yAxisScale(y)}`);
+            if (_uniqueCallOutID !== circleId) {
+                _uniqueCallOutID = circleId;
+                updatePosition(mouseEvent.clientX, mouseEvent.clientY);
+                xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);
+                setYValueHover(found.values);
+                setStackCalloutProps(found);
+                setActivePoint(circleId);
+            }
+        } else {
+            setActivePoint(circleId);
+        }
+    }
+    /**
+   * Screen readers announce an element as clickable if the onClick attribute is set.
+   * This function sets the attribute only when a click event handler is provided.*/ function _getClickHandler(func) {
+        if (func) {
+            return {
+                onClick: func
+            };
+        }
+        return {};
+    }
+    function _handleMouseOut() {
+        d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');
+    }
+    function _handleChartMouseLeave() {
+        _uniqueCallOutID = null;
+        setActivePoint('');
+        if (isPopoverOpen) {
+            setPopoverOpen(false);
+        }
+    }
+    /**
+   * This function checks if the given legend is highlighted or not.
+   * A legend can be highlighted in 2 ways:
+   * 1. selection: if the user clicks on it
+   * 2. hovering: if there is no selected legend and the user hovers over it*/ function _legendHighlighted(legend) {
+        return _getHighlightedLegend().includes(legend);
+    }
+    /**
+   * This function checks if none of the legends is selected or hovered.*/ function _noLegendHighlighted() {
+        return selectedLegends.length === 0;
+    }
+    function _getHighlightedLegend() {
+        return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [
+            activeLegend
+        ] : [];
+    }
+    function _getAriaLabel(seriesIndex, pointIndex) {
+        var _point_callOutAccessibilityData;
+        const series = _points[seriesIndex];
+        const point = series.data[pointIndex];
+        const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;
+        const xValue = point.xAxisCalloutData || formattedDate;
+        const legend = series.legend;
+        const yValue = point.yAxisCalloutData || point.y;
+        return ((_point_callOutAccessibilityData = point.callOutAccessibilityData) === null || _point_callOutAccessibilityData === void 0 ? void 0 : _point_callOutAccessibilityData.ariaLabel) || `${xValue}. ${legend}, ${yValue}.`;
+    }
+    function _isChartEmpty() {
+        return !(props.data && props.data.lineChartData && props.data.lineChartData.length > 0 && props.data.lineChartData.filter((item)=>item.data.length).length > 0);
+    }
+    const { legendProps, tickValues, tickFormat } = props;
+    _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);
+    let points = _points;
+    if (legendProps && !!legendProps.canSelectMultipleLegends) {
+        points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;
+        _calloutPoints = calloutData(points);
+    }
+    let legendBars = null;
+    // reduce computation cost by only creating legendBars
+    // if when hideLegend is false.
+    // NOTE: they are rendered only when hideLegend is false in CartesianChart.
+    if (!props.hideLegend) {
+        legendBars = _createLegends(_points); // ToDo: Memoize legends to improve performance.
+    }
+    var _props_culture;
+    const calloutProps = {
+        YValueHover,
+        hoverXValue,
+        descriptionMessage: props.getCalloutDescriptionMessage && stackCalloutProps ? props.getCalloutDescriptionMessage(stackCalloutProps) : undefined,
+        'data-is-focusable': true,
+        xAxisCalloutAccessibilityData,
+        ...props.calloutProps,
+        clickPosition,
+        isPopoverOpen,
+        isCalloutForStack: true,
+        culture: (_props_culture = props.culture) !== null && _props_culture !== void 0 ? _props_culture : 'en-us',
+        isCartesian: true
+    };
+    const tickParams = {
+        tickValues,
+        tickFormat
+    };
+    const xAxisLabels = _points.map((point)=>point.data.map((dp)=>dp.x)).flat();
+    _xAxisLabels = [
+        ...new Set(xAxisLabels)
+    ];
+    return !_isChartEmpty() ? /*#__PURE__*/ React.createElement(CartesianChart, {
+        ...props,
+        chartTitle: props.data.chartTitle,
+        points: points,
+        chartType: ChartTypes.ScatterChart,
+        calloutProps: calloutProps,
+        tickParams: tickParams,
+        legendBars: legendBars,
+        getmargins: _getMargins,
+        getGraphData: _initializeScatterChartData,
+        xAxisType: _xAxisType,
+        onChartMouseLeave: _handleChartMouseLeave,
+        enableFirstRenderOptimization: _firstRenderOptimization,
+        datasetForXAxisDomain: _xAxisLabels,
+        componentRef: cartesianChartRef,
+        /* eslint-disable react/jsx-no-bind */ // eslint-disable-next-line react/no-children-prop
+        children: (props)=>{
+            _xAxisScale = props.xScale;
+            _yAxisScale = props.yScale;
+            return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement("line", {
+                x1: 0,
+                y1: 0,
+                x2: 0,
+                y2: props.containerHeight,
+                stroke: '#323130',
+                id: _verticalLine,
+                visibility: 'hidden',
+                strokeDasharray: '5,5'
+            }), /*#__PURE__*/ React.createElement("g", null, renderSeries)));
+        }
+    }) : /*#__PURE__*/ React.createElement("div", {
+        id: _emptyChartId,
+        role: 'alert',
+        style: {
+            opacity: '0'
+        },
+        "aria-label": 'Graph has no data to display'
+    });
+});
+ScatterChart.displayName = 'ScatterChart';

package/lib/components/ScatterChart/ScatterChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles_unstable } from './useScatterChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select } from 'd3-selection';\nimport { Legend, Legends } from '../Legends/index';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { useId } from '@fluentui/react-utilities';\nimport { areArraysEqual, find } from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  LineChartPoints,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ScatterChartDataPoint,\n  Chart,\n} from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  XAxisTypes,\n  tooltipOfXAxislabels,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n  formatDate,\n} from '../../utilities/index';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a ScatterChart variant which uses these default styles and this styled subcomponent.\n/**\n * ScatterChart component\n * {@docCategory ScatterChart}\n */\nexport const ScatterChart: React.FunctionComponent<ScatterChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ScatterChartProps\n>((props, forwardedRef) => {\n  const _circleId: string = useId('circle');\n  const _seriesId: string = useId('seriesID');\n  const _verticalLine: string = useId('verticalLine');\n  const _tooltipId: string = useId('ScatterChartTooltipId_');\n  const _firstRenderOptimization = true;\n  const _emptyChartId: string = useId('_ScatterChart_empty');\n  let _points: ScatterChartDataWithIndex[] = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _calloutPoints: any[] = calloutData(_points) || [];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xAxisScale: any = '';\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _yAxisScale: any = '';\n  let _uniqueCallOutID: string | null = '';\n  let _refArray: RefArrayData[] = [];\n  let margins: Margins;\n  let renderSeries: JSX.Element[];\n  let _xAxisLabels: string[] = [];\n  let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n  let _xBandwidth = 0;\n  const cartesianChartRef = React.useRef<Chart>(null);\n\n  const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [YValueHover, setYValueHover] = React.useState<[]>([]);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>([]);\n  const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(false);\n  const [activePoint, setActivePoint] = React.useState<string>('');\n  const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const prevPropsRef = React.useRef<ScatterChartProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\n  );\n\n  const _xAxisType: XAxisTypes =\n    props.data.lineChartData! &&\n    props.data.lineChartData!.length > 0 &&\n    props.data.lineChartData![0].data &&\n    props.data.lineChartData![0].data.length > 0\n      ? (getTypeOfAxis(props.data.lineChartData![0].data[0].x, true) as XAxisTypes)\n      : XAxisTypes.StringAxis;\n\n  const pointsRef = React.useRef<ScatterChartDataWithIndex[] | []>([]);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const calloutPointsRef = React.useRef<any[]>([]);\n  React.useEffect(() => {\n    /** note that height and width are not used to resize or set as dimesions of the chart,\n     * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n     */\n\n    if (_points !== _injectIndexPropertyInScatterChartData(props.data.lineChartData) || props.data !== _points) {\n      pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n      calloutPointsRef.current = calloutData(pointsRef.current);\n    }\n  }, [props.height, props.width, props.data, _points]);\n\n  function _injectIndexPropertyInScatterChartData(\n    scatterChartData?: LineChartPoints[],\n  ): ScatterChartDataWithIndex[] | [] {\n    return scatterChartData\n      ? scatterChartData.map((item: LineChartPoints, index: number) => {\n          let color: string;\n          if (typeof item.color === 'undefined') {\n            color = getNextColor(index, 0);\n          } else {\n            color = getColorFromToken(item.color);\n          }\n          return {\n            ...item,\n            index: -1,\n            color,\n          };\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 _getMargins(_margins: Margins) {\n    margins = _margins;\n  }\n\n  function _initializeScatterChartData(\n    xScale: NumericAxis,\n    yScale: NumericAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement | null,\n  ) {\n    _xAxisScale = xScale;\n    _yAxisScale = yScale;\n    renderSeries = _createPlot(xElement!, containerHeight!);\n  }\n\n  function _onHoverCardHide() {\n    setSelectedLegendPoints([]);\n    setIsSelectedLegend(false);\n  }\n\n  function _createLegends(data: ScatterChartDataWithIndex[]): JSX.Element {\n    const { legendProps } = props;\n    const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n    const legendDataItems = data.map((point: ScatterChartDataWithIndex) => {\n      const color: string = point.color!;\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: point.legend!,\n        color,\n        onMouseOutAction: () => {\n          setActiveLegend('');\n        },\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          setActiveLegend(point.legend);\n        },\n        ...(point.legendShape && {\n          shape: point.legendShape,\n        }),\n      };\n      return legend;\n    });\n\n    return (\n      <Legends\n        legends={[...legendDataItems]}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n        {...props.legendProps}\n        selectedLegends={selectedLegends}\n        onChange={_onLegendSelectionChange}\n      />\n    );\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  function _getPointFill(seriesColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n    if (activePoint === pointId) {\n      return tokens.colorNeutralBackground1;\n    } else {\n      return seriesColor;\n    }\n  }\n\n  function _createPlot(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n    const series: JSX.Element[] = [];\n    if (isSelectedLegend) {\n      _points = selectedLegendPoints;\n    } else {\n      _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n    }\n\n    const yMax = d3Max(points, (point: LineChartPoints) => {\n      return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n    })!;\n    const yMin = d3Min(points, (point: LineChartPoints) => {\n      return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n    })!;\n    const yPadding = (yMax - yMin) * 0.1;\n    const yPaddingRange = Math.abs(_yAxisScale(yMin + yPadding) - _yAxisScale(yMin));\n\n    let maxMarkerRange = 40;\n    let xPaddingRange = 0;\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      _xBandwidth = _xAxisScale.bandwidth() / 2;\n      xPaddingRange = _xBandwidth;\n    } else if (_xAxisType === XAxisTypes.DateAxis) {\n      const xMin = d3Min(points, (point: LineChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as Date)!;\n      })!;\n\n      const xMax = d3Max(points, (point: LineChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.x as Date;\n        });\n      })!;\n\n      const xPadding = (xMax.getTime() - xMin.getTime()) * 0.1;\n      xPaddingRange = Math.abs(_xAxisScale(new Date(xMin.getTime() + xPadding)) - _xAxisScale(xMin));\n    } else {\n      const xMin = d3Min(points, (point: LineChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as number)!;\n      })!;\n\n      const xMax = d3Max(points, (point: LineChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.x as number;\n        });\n      })!;\n\n      const xPadding = (xMax - xMin) * 0.1;\n      xPaddingRange = Math.abs(_xAxisScale(xMin + xPadding) - _xAxisScale(xMin));\n    }\n    maxMarkerRange = Math.min(maxMarkerRange, Math.min(xPaddingRange, yPaddingRange));\n\n    const maxMarkerSize = d3Max(_points, (point: LineChartPoints) => {\n      return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n        return item.markerSize as number;\n      });\n    })!;\n\n    for (let i = _points.length - 1; i >= 0; i--) {\n      const pointsForSeries: JSX.Element[] = [];\n\n      const legendVal: string = _points[i].legend;\n      const seriesColor: string = _points[i].color!;\n      const verticaLineHeight = containerHeight - margins.bottom! + 6;\n\n      for (let j = 0; j < _points[i].data.length; j++) {\n        const seriesId = `${_seriesId}_${i}_${j}`;\n        const circleId = `${_circleId}_${i}_${j}`;\n        const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j];\n        let circleRadius = 3.5;\n        const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n        if ((pointMarkerSize as number) !== undefined) {\n          circleRadius = Math.min((pointMarkerSize! * maxMarkerRange) / maxMarkerSize, pointMarkerSize!);\n        }\n\n        const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n        const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n        pointsForSeries.push(\n          <circle\n            id={circleId}\n            key={circleId}\n            r={circleRadius}\n            cx={_xAxisScale(x) + _xBandwidth}\n            cy={_yAxisScale(y)}\n            data-is-focusable={isLegendSelected}\n            onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n              _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n            }\n            onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n              _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n            }\n            onMouseOut={_handleMouseOut}\n            onFocus={() => _handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)}\n            onBlur={_handleMouseOut}\n            {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n            opacity={isLegendSelected && !currentPointHidden ? 1 : 0.1}\n            fill={_getPointFill(seriesColor, circleId, j, false)}\n            stroke={seriesColor}\n            role=\"img\"\n            aria-label={_getAriaLabel(i, j)}\n            tabIndex={_points[i].legend !== '' ? 0 : undefined}\n          />,\n        );\n      }\n\n      series.push(\n        <g\n          key={`series_${i}`}\n          role=\"region\"\n          aria-label={`${legendVal}, series ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n        >\n          {pointsForSeries}\n        </g>,\n      );\n    }\n    const classes = useScatterChartStyles_unstable(props);\n    // Removing un wanted tooltip div from DOM, when prop not provided.\n    if (!props.showXAxisLablesTooltip) {\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at x axis labels.\n    if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(_xAxisScale);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        xAxis: xAxisElement,\n      };\n      xAxisElement && tooltipOfXAxislabels(tooltipProps);\n    }\n    return series;\n  }\n\n  function _handleFocus(\n    seriesId: string,\n    x: number | Date | string,\n\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData?: AccessibilityProps,\n  ) {\n    _uniqueCallOutID = circleId;\n    const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n    const xVal = x instanceof Date ? x.getTime() : x;\n    const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n    // if no points need to be called out then don't show vertical line and callout card\n\n    if (found) {\n      d3Select(`#${_verticalLine}`)\n        .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, 0)`)\n        .attr('visibility', 'visibility');\n      _refArray.forEach((obj: RefArrayData) => {\n        if (obj.index === seriesId) {\n          setPopoverOpen(true);\n          xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n          setYValueHover(found.values);\n          setStackCalloutProps(found!);\n          setActivePoint(circleId);\n        }\n      });\n    } else {\n      setActivePoint(circleId);\n    }\n  }\n\n  function _handleHover(\n    x: number | Date | string,\n    y: number | Date,\n    lineHeight: number,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData: AccessibilityProps | undefined,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ) {\n    mouseEvent?.persist();\n    const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n    const xVal = x instanceof Date ? x.getTime() : x;\n    const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n    // if no points need to be called out then don't show vertical line and callout card\n\n    if (found) {\n      d3Select(`#${_verticalLine}`)\n        .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, ${_yAxisScale(y)})`)\n        .attr('visibility', 'visibility')\n        .attr('y2', `${lineHeight - _yAxisScale(y)}`);\n\n      if (_uniqueCallOutID !== circleId) {\n        _uniqueCallOutID = circleId;\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n        setYValueHover(found.values);\n        setStackCalloutProps(found!);\n        setActivePoint(circleId);\n      }\n    } else {\n      setActivePoint(circleId);\n    }\n  }\n\n  /**\n   * Screen readers announce an element as clickable if the onClick attribute is set.\n   * This function sets the attribute only when a click event handler is provided.*/\n\n  function _getClickHandler(func?: () => void): { onClick?: () => void } {\n    if (func) {\n      return {\n        onClick: func,\n      };\n    }\n\n    return {};\n  }\n\n  function _handleMouseOut() {\n    d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n  }\n\n  function _handleChartMouseLeave() {\n    _uniqueCallOutID = null;\n    setActivePoint('');\n    if (isPopoverOpen) {\n      setPopoverOpen(false);\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): boolean {\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(): boolean {\n    return selectedLegends.length === 0;\n  }\n\n  function _getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  }\n\n  function _getAriaLabel(seriesIndex: number, pointIndex: number): string {\n    const series = _points[seriesIndex];\n    const point = series.data[pointIndex];\n    const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n    const xValue = point.xAxisCalloutData || formattedDate;\n    const legend = series.legend;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(\n      props.data &&\n      props.data.lineChartData &&\n      props.data.lineChartData.length > 0 &&\n      props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n    );\n  }\n\n  const { legendProps, tickValues, tickFormat } = props;\n  _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n\n  let points = _points;\n  if (legendProps && !!legendProps.canSelectMultipleLegends) {\n    points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n    _calloutPoints = calloutData(points);\n  }\n\n  let legendBars = null;\n  // reduce computation cost by only creating legendBars\n  // if when hideLegend is false.\n  // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n  if (!props.hideLegend) {\n    legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n  }\n  const calloutProps = {\n    YValueHover,\n    hoverXValue,\n    descriptionMessage:\n      props.getCalloutDescriptionMessage && stackCalloutProps\n        ? props.getCalloutDescriptionMessage(stackCalloutProps)\n        : undefined,\n    'data-is-focusable': true,\n    xAxisCalloutAccessibilityData,\n    ...props.calloutProps,\n    clickPosition,\n    isPopoverOpen,\n    isCalloutForStack: true,\n    culture: props.culture ?? 'en-us',\n    isCartesian: true,\n  };\n  const tickParams = {\n    tickValues,\n    tickFormat,\n  };\n\n  const xAxisLabels: string[] = _points\n    .map((point: ScatterChartDataWithIndex) => point.data.map((dp: ScatterChartDataPoint) => dp.x as string))\n    .flat();\n\n  _xAxisLabels = [...new Set(xAxisLabels)];\n\n  return !_isChartEmpty() ? (\n    <CartesianChart\n      {...props}\n      chartTitle={props.data.chartTitle}\n      points={points}\n      chartType={ChartTypes.ScatterChart}\n      calloutProps={calloutProps}\n      tickParams={tickParams}\n      legendBars={legendBars}\n      getmargins={_getMargins}\n      getGraphData={_initializeScatterChartData}\n      xAxisType={_xAxisType}\n      onChartMouseLeave={_handleChartMouseLeave}\n      enableFirstRenderOptimization={_firstRenderOptimization}\n      datasetForXAxisDomain={_xAxisLabels}\n      componentRef={cartesianChartRef}\n      /* eslint-disable react/jsx-no-bind */\n      // eslint-disable-next-line react/no-children-prop\n      children={(props: ChildProps) => {\n        _xAxisScale = props.xScale!;\n        _yAxisScale = props.yScale!;\n        return (\n          <>\n            <g>\n              <line\n                x1={0}\n                y1={0}\n                x2={0}\n                y2={props.containerHeight}\n                stroke={'#323130'}\n                id={_verticalLine}\n                visibility={'hidden'}\n                strokeDasharray={'5,5'}\n              />\n              <g>{renderSeries}</g>\n            </g>\n          </>\n        );\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nScatterChart.displayName = 'ScatterChart';\n"],"names":["React","useScatterChartStyles_unstable","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","find","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfXAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","prevPropsRef","useEffect","current","prevProps","legendProps","useImperativeHandle","componentRef","chartContainer","_xAxisType","length","StringAxis","pointsRef","calloutPointsRef","height","width","scatterChartData","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","legend","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","yMax","points","yMin","yPadding","yPaddingRange","abs","maxMarkerRange","xPaddingRange","bandwidth","DateAxis","xMin","xMax","xPadding","getTime","Date","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","circleRadius","pointMarkerSize","undefined","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","push","circle","id","key","r","cx","cy","data-is-focusable","onMouseOver","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","opacity","fill","stroke","role","aria-label","_getAriaLabel","tabIndex","g","classes","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","formattedData","useUTC","xVal","found","element","attr","forEach","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickValues","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","chartType","getmargins","getGraphData","xAxisType","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,8BAA8B,QAAQ,iCAAiC;AAEhF,SAASC,UAAUC,QAAQ,QAAQ,eAAe;AAClD,SAAiBC,OAAO,QAAQ,mBAAmB;AACnD,SAASC,OAAOC,KAAK,EAAEC,OAAOC,KAAK,QAAQ,WAAW;AACtD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,cAAc,EAAEC,IAAI,QAAQ,wBAAwB;AAC7D,SAEEC,cAAc,QAQT,cAAc;AACrB,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SACEC,WAAW,EACXC,UAAU,EACVC,UAAU,EACVC,oBAAoB,EACpBC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,UAAU,QACL,wBAAwB;AAM/B,8FAA8F;AAC9F;;;CAGC,GACD,OAAO,MAAMC,6BAA2DtB,MAAMuB,UAAU,CAGtF,CAACC,OAAOC;IACR,MAAMC,YAAoBjB,MAAM;IAChC,MAAMkB,YAAoBlB,MAAM;IAChC,MAAMmB,gBAAwBnB,MAAM;IACpC,MAAMoB,aAAqBpB,MAAM;IACjC,MAAMqB,2BAA2B;IACjC,MAAMC,gBAAwBtB,MAAM;IACpC,IAAIuB,UAAuCC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;IAC1G,8DAA8D;IAC9D,IAAIC,iBAAwBtB,YAAYkB,YAAY,EAAE;IACtD,8DAA8D;IAC9D,IAAIK,cAAmB;IACvB,8DAA8D;IAC9D,IAAIC,cAAmB;IACvB,IAAIC,mBAAkC;IACtC,IAAIC,YAA4B,EAAE;IAClC,IAAIC;IACJ,IAAIC;IACJ,IAAIC,eAAyB,EAAE;IAC/B,IAAIC,gCAAoD,CAAC;IACzD,IAAIC,cAAc;IAClB,MAAMC,oBAAoB9C,MAAM+C,MAAM,CAAQ;IAE9C,MAAM,CAACC,aAAaC,eAAe,GAAGjD,MAAMkD,QAAQ,CAAkB;IACtE,MAAM,CAACC,cAAcC,gBAAgB,GAAGpD,MAAMkD,QAAQ,CAAS;IAC/D,MAAM,CAACG,aAAaC,eAAe,GAAGtD,MAAMkD,QAAQ,CAAK,EAAE;IAC3D,8DAA8D;IAC9D,MAAM,CAACK,sBAAsBC,wBAAwB,GAAGxD,MAAMkD,QAAQ,CAAQ,EAAE;IAChF,MAAM,CAACO,kBAAkBC,oBAAoB,GAAG1D,MAAMkD,QAAQ,CAAU;IACxE,MAAM,CAACS,aAAaC,eAAe,GAAG5D,MAAMkD,QAAQ,CAAS;IAC7D,MAAM,CAACW,mBAAmBC,qBAAqB,GAAG9D,MAAMkD,QAAQ;IAChE,MAAM,CAACa,eAAeC,iBAAiB,GAAGhE,MAAMkD,QAAQ,CAAC;QAAEe,GAAG;QAAGC,GAAG;IAAE;IACtE,MAAM,CAACC,eAAeC,eAAe,GAAGpE,MAAMkD,QAAQ,CAAC;IACvD,MAAM,CAACmB,iBAAiBC,mBAAmB,GAAGtE,MAAMkD,QAAQ,CAAW,EAAE;IACzE,MAAMqB,eAAevE,MAAM+C,MAAM,CAA2B;IAE5D/C,MAAMwE,SAAS,CAAC;QACd,IAAID,aAAaE,OAAO,EAAE;gBAEJC,wBAAwClD;YAD5D,MAAMkD,YAAYH,aAAaE,OAAO;YACtC,IAAI,CAAC/D,gBAAegE,yBAAAA,UAAUC,WAAW,cAArBD,6CAAAA,uBAAuBL,eAAe,GAAE7C,qBAAAA,MAAMmD,WAAW,cAAjBnD,yCAAAA,mBAAmB6C,eAAe,GAAG;oBAC5E7C;gBAAnB8C,mBAAmB9C,EAAAA,sBAAAA,MAAMmD,WAAW,cAAjBnD,0CAAAA,oBAAmB6C,eAAe,KAAI,EAAE;YAC7D;QACF;QACAE,aAAaE,OAAO,GAAGjD;IACzB,GAAG;QAACA;KAAM;IAEVxB,MAAM4E,mBAAmB,CACvBpD,MAAMqD,YAAY,EAClB;YACkB/B;YAAAA;eADX;YACLgC,gBAAgBhC,CAAAA,6CAAAA,6BAAAA,kBAAkB2B,OAAO,cAAzB3B,iDAAAA,2BAA2BgC,cAAc,cAAzChC,uDAAAA,4CAA6C;QAC/D;IAAA,GACA,EAAE;IAGJ,MAAMiC,aACJvD,MAAMU,IAAI,CAACC,aAAa,IACxBX,MAAMU,IAAI,CAACC,aAAa,CAAE6C,MAAM,GAAG,KACnCxD,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,IACjCV,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,CAAC8C,MAAM,GAAG,IACtC9D,cAAcM,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,CAAC,EAAE,CAAC+B,CAAC,EAAE,QACvDjD,WAAWiE,UAAU;IAE3B,MAAMC,YAAYlF,MAAM+C,MAAM,CAAmC,EAAE;IACnE,8DAA8D;IAC9D,MAAMoC,mBAAmBnF,MAAM+C,MAAM,CAAQ,EAAE;IAC/C/C,MAAMwE,SAAS,CAAC;QACd;;KAEC,GAED,IAAIxC,YAAYC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa,KAAKX,MAAMU,IAAI,KAAKF,SAAS;YAC1GkD,UAAUT,OAAO,GAAGxC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;YACnFgD,iBAAiBV,OAAO,GAAG3D,YAAYoE,UAAUT,OAAO;QAC1D;IACF,GAAG;QAACjD,MAAM4D,MAAM;QAAE5D,MAAM6D,KAAK;QAAE7D,MAAMU,IAAI;QAAEF;KAAQ;IAEnD,SAASC,uCACPqD,gBAAoC;QAEpC,OAAOA,mBACHA,iBAAiBC,GAAG,CAAC,CAACC,MAAuBC;YAC3C,IAAIC;YACJ,IAAI,OAAOF,KAAKE,KAAK,KAAK,aAAa;gBACrCA,QAAQvE,aAAasE,OAAO;YAC9B,OAAO;gBACLC,QAAQtE,kBAAkBoE,KAAKE,KAAK;YACtC;YACA,OAAO;gBACL,GAAGF,IAAI;gBACPC,OAAO,CAAC;gBACRC;YACF;QACF,KACA,EAAE;IACR;IAEA,SAASC,eAAeC,IAAY,EAAEC,IAAY;QAChD,MAAMC,YAAY,GAAG,+BAA+B;QACpD,MAAM,EAAE7B,CAAC,EAAEC,CAAC,EAAE,GAAGH;QACjB,+BAA+B;QAC/B,MAAMgC,WAAWC,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACN,OAAO3B,GAAG,KAAK+B,KAAKE,GAAG,CAACL,OAAO3B,GAAG;QACtE,+EAA+E;QAC/E,IAAI6B,WAAWD,WAAW;YACxB9B,iBAAiB;gBAAEC,GAAG2B;gBAAM1B,GAAG2B;YAAK;YACpCzB,eAAe;QACjB;IACF;IAEA,SAAS+B,YAAYC,QAAiB;QACpC3D,UAAU2D;IACZ;IAEA,SAASC,4BACPC,MAAmB,EACnBC,MAAmB,EACnBC,eAAuB,EACvBC,cAAsB,EACtBC,QAA2B;QAE3BrE,cAAciE;QACdhE,cAAciE;QACd7D,eAAeiE,YAAYD,UAAWF;IACxC;IAEA,SAASI;QACPpD,wBAAwB,EAAE;QAC1BE,oBAAoB;IACtB;IAEA,SAASmD,eAAe3E,IAAiC;QACvD,MAAM,EAAEyC,WAAW,EAAE,GAAGnD;QACxB,MAAMsF,6BAA6B,CAAC,CAAEnC,CAAAA,eAAe,CAAC,CAACA,YAAYoC,wBAAwB,AAAD;QAC1F,MAAMC,kBAAkB9E,KAAKqD,GAAG,CAAC,CAAC0B;YAChC,MAAMvB,QAAgBuB,MAAMvB,KAAK;YACjC,qDAAqD;YACrD,MAAMwB,SAAiB;gBACrBC,OAAOF,MAAMC,MAAM;gBACnBxB;gBACA0B,kBAAkB;oBAChBhE,gBAAgB;gBAClB;gBACAiE,aAAa;oBACXC;oBACAlE,gBAAgB6D,MAAMC,MAAM;gBAC9B;gBACA,GAAID,MAAMM,WAAW,IAAI;oBACvBC,OAAOP,MAAMM,WAAW;gBAC1B,CAAC;YACH;YACA,OAAOL;QACT;QAEA,qBACE,oBAAC9G;YACCqH,SAAS;mBAAIT;aAAgB;YAC7BU,kBAAkBlG,MAAMmG,uBAAuB;YAC/CC,cAAcpG,MAAMqG,mBAAmB;YACtC,GAAIf,8BAA8B;gBAAEgB,wBAAwBlB;YAAiB,CAAC;YAC9E,GAAGpF,MAAMmD,WAAW;YACrBN,iBAAiBA;YACjB0D,UAAUC;;IAGhB;IAEA,SAASA,yBACPC,eAAyB,EACzBC,KAA0C,EAC1CC,aAAsB;YAElB3G,oBAMAA;QANJ,KAAIA,qBAAAA,MAAMmD,WAAW,cAAjBnD,yCAAAA,mBAAmBuF,wBAAwB,EAAE;YAC/CzC,mBAAmB2D;QACrB,OAAO;YACL3D,mBAAmB2D,gBAAgBG,KAAK,CAAC,CAAC;QAC5C;QAEA,KAAI5G,sBAAAA,MAAMmD,WAAW,cAAjBnD,0CAAAA,oBAAmBuG,QAAQ,EAAE;YAC/BvG,MAAMmD,WAAW,CAACoD,QAAQ,CAACE,iBAAiBC,OAAOC;QACrD;IACF;IAEA,SAASE,cAAcC,WAAmB,EAAEC,OAAe,EAAEC,UAAkB,EAAEC,WAAoB;QACnG,IAAI9E,gBAAgB4E,SAAS;YAC3B,OAAO1H,OAAO6H,uBAAuB;QACvC,OAAO;YACL,OAAOJ;QACT;IACF;IAEA,SAAS3B,YAAYD,QAAoB,EAAEF,eAAuB;QAChE,MAAMmC,SAAwB,EAAE;QAChC,IAAIlF,kBAAkB;YACpBzB,UAAUuB;QACZ,OAAO;YACLvB,UAAUC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;QAC3E;QAEA,MAAMyG,OAAOtI,MAAMuI,QAAQ,CAAC5B;YAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKtB,CAAC;QAC7F;QACA,MAAM4E,OAAOtI,MAAMqI,QAAQ,CAAC5B;YAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKtB,CAAC;QAC7F;QACA,MAAM6E,WAAW,AAACH,CAAAA,OAAOE,IAAG,IAAK;QACjC,MAAME,gBAAgBhD,KAAKiD,GAAG,CAAC3G,YAAYwG,OAAOC,YAAYzG,YAAYwG;QAE1E,IAAII,iBAAiB;QACrB,IAAIC,gBAAgB;QACpB,IAAIpE,eAAe/D,WAAWiE,UAAU,EAAE;YACxCpC,cAAcR,YAAY+G,SAAS,KAAK;YACxCD,gBAAgBtG;QAClB,OAAO,IAAIkC,eAAe/D,WAAWqI,QAAQ,EAAE;YAC7C,MAAMC,OAAO9I,MAAMqI,QAAQ,CAAC5B;gBAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKvB,CAAC;YAC7F;YAEA,MAAMsF,OAAOjJ,MAAMuI,QAAQ,CAAC5B;gBAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;oBACnD,OAAOA,KAAKvB,CAAC;gBACf;YACF;YAEA,MAAMuF,WAAW,AAACD,CAAAA,KAAKE,OAAO,KAAKH,KAAKG,OAAO,EAAC,IAAK;YACrDN,gBAAgBnD,KAAKiD,GAAG,CAAC5G,YAAY,IAAIqH,KAAKJ,KAAKG,OAAO,KAAKD,aAAanH,YAAYiH;QAC1F,OAAO;YACL,MAAMA,OAAO9I,MAAMqI,QAAQ,CAAC5B;gBAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKvB,CAAC;YAC7F;YAEA,MAAMsF,OAAOjJ,MAAMuI,QAAQ,CAAC5B;gBAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;oBACnD,OAAOA,KAAKvB,CAAC;gBACf;YACF;YAEA,MAAMuF,WAAW,AAACD,CAAAA,OAAOD,IAAG,IAAK;YACjCH,gBAAgBnD,KAAKiD,GAAG,CAAC5G,YAAYiH,OAAOE,YAAYnH,YAAYiH;QACtE;QACAJ,iBAAiBlD,KAAKzF,GAAG,CAAC2I,gBAAgBlD,KAAKzF,GAAG,CAAC4I,eAAeH;QAElE,MAAMW,gBAAgBrJ,MAAM0B,SAAS,CAACiF;YACpC,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;gBACnD,OAAOA,KAAKoE,UAAU;YACxB;QACF;QAEA,IAAK,IAAIC,IAAI7H,QAAQgD,MAAM,GAAG,GAAG6E,KAAK,GAAGA,IAAK;YAC5C,MAAMC,kBAAiC,EAAE;YAEzC,MAAMC,YAAoB/H,OAAO,CAAC6H,EAAE,CAAC3C,MAAM;YAC3C,MAAMoB,cAAsBtG,OAAO,CAAC6H,EAAE,CAACnE,KAAK;YAC5C,MAAMsE,oBAAoBxD,kBAAkB/D,QAAQwH,MAAM,GAAI;YAE9D,IAAK,IAAIC,IAAI,GAAGA,IAAIlI,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAAC8C,MAAM,EAAEkF,IAAK;gBAC/C,MAAMC,WAAW,CAAC,EAAExI,UAAU,CAAC,EAAEkI,EAAE,CAAC,EAAEK,EAAE,CAAC;gBACzC,MAAME,WAAW,CAAC,EAAE1I,UAAU,CAAC,EAAEmI,EAAE,CAAC,EAAEK,EAAE,CAAC;gBACzC,MAAM,EAAEjG,CAAC,EAAEC,CAAC,EAAEmG,gBAAgB,EAAEzH,6BAA6B,EAAE,GAAGZ,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE;gBACpF,IAAII,eAAe;gBACnB,MAAMC,kBAAkB,AAACvI,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE,CAA2BN,UAAU;gBAChF,IAAI,AAACW,oBAA+BC,WAAW;oBAC7CF,eAAetE,KAAKzF,GAAG,CAAC,AAACgK,kBAAmBrB,iBAAkBS,eAAeY;gBAC/E;gBAEA,MAAME,mBAA4BC,mBAAmBX,cAAcY,0BAA0BlH;gBAE7F,MAAMmH,qBAAqB5I,OAAO,CAAC6H,EAAE,CAACgB,iBAAiB,IAAIlH,gBAAgByG;gBAC3EN,gBAAgBgB,IAAI,eAClB,oBAACC;oBACCC,IAAIZ;oBACJa,KAAKb;oBACLc,GAAGZ;oBACHa,IAAI9I,YAAY4B,KAAKpB;oBACrBuI,IAAI9I,YAAY4B;oBAChBmH,qBAAmBZ;oBACnBa,aAAa,CAACpD,QACZqD,aAAatH,GAAGC,GAAG8F,mBAAmBK,kBAAkBD,UAAUxH,+BAA+BsF;oBAEnGsD,aAAa,CAACtD,QACZqD,aAAatH,GAAGC,GAAG8F,mBAAmBK,kBAAkBD,UAAUxH,+BAA+BsF;oBAEnGuD,YAAYC;oBACZC,SAAS,IAAMC,aAAazB,UAAUlG,GAAGoG,kBAAkBD,UAAUxH;oBACrEiJ,QAAQH;oBACP,GAAGI,iBAAiB9J,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE,CAAC6B,gBAAgB,CAAC;oBACzDC,SAASvB,oBAAoB,CAACG,qBAAqB,IAAI;oBACvDqB,MAAM5D,cAAcC,aAAa8B,UAAUF,GAAG;oBAC9CgC,QAAQ5D;oBACR6D,MAAK;oBACLC,cAAYC,cAAcxC,GAAGK;oBAC7BoC,UAAUtK,OAAO,CAAC6H,EAAE,CAAC3C,MAAM,KAAK,KAAK,IAAIsD;;YAG/C;YAEA7B,OAAOmC,IAAI,eACT,oBAACyB;gBACCtB,KAAK,CAAC,OAAO,EAAEpB,EAAE,CAAC;gBAClBsC,MAAK;gBACLC,cAAY,CAAC,EAAErC,UAAU,SAAS,EAAEF,IAAI,EAAE,IAAI,EAAE7H,QAAQgD,MAAM,CAAC,MAAM,EAAEhD,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAAC8C,MAAM,CAAC,aAAa,CAAC;eAE3G8E;QAGP;QACA,MAAM0C,UAAUvM,+BAA+BuB;QAC/C,mEAAmE;QACnE,IAAI,CAACA,MAAMiL,sBAAsB,EAAE;YACjC,IAAI;gBACFC,SAASC,cAAc,CAAC9K,eAAe6K,SAASC,cAAc,CAAC9K,YAAa+K,MAAM;YAClF,oCAAoC;YACtC,EAAE,OAAOC,GAAG,CAAC;QACf;QACA,4CAA4C;QAC5C,IAAI,CAACrL,MAAMsL,eAAe,IAAItL,MAAMiL,sBAAsB,EAAE;YAC1D,MAAMM,eAAe5M,SAASuG,UAAUsG,IAAI,CAAC3K;YAC7C,IAAI;gBACFqK,SAASC,cAAc,CAAC9K,eAAe6K,SAASC,cAAc,CAAC9K,YAAa+K,MAAM;YAClF,oCAAoC;YACtC,EAAE,OAAOC,GAAG,CAAC;YACb,MAAMI,eAAe;gBACnBC,YAAYV,QAAQW,OAAO;gBAC3BnC,IAAInJ;gBACJuL,OAAOL;YACT;YACAA,gBAAgB9L,qBAAqBgM;QACvC;QACA,OAAOtE;IACT;IAEA,SAASiD,aACPzB,QAAgB,EAChBlG,CAAyB,EAEzBoG,gBAAoC,EACpCD,QAAgB,EAChBxH,6BAAkD;QAElDL,mBAAmB6H;QACnB,MAAMiD,gBAAgBpJ,aAAayF,OAAOrI,WAAW4C,GAAGzC,MAAM8L,MAAM,IAAIrJ;QACxE,MAAMsJ,OAAOtJ,aAAayF,OAAOzF,EAAEwF,OAAO,KAAKxF;QAC/C,MAAMuJ,QAAQ7M,KAAKyB,gBAAgB,CAACqL,UAAoCA,QAAQxJ,CAAC,KAAKsJ;QACtF,oFAAoF;QAEpF,IAAIC,OAAO;YACTrN,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EACzB8L,IAAI,CAAC,aAAa,IAAM,CAAC,UAAU,EAAErL,YAAY4B,KAAKpB,YAAY,IAAI,CAAC,EACvE6K,IAAI,CAAC,cAAc;YACtBlL,UAAUmL,OAAO,CAAC,CAACC;gBACjB,IAAIA,IAAInI,KAAK,KAAK0E,UAAU;oBAC1B/F,eAAe;oBACfiG,mBAAmBpH,eAAeoH,oBAAoBpH,eAAe,KAAKoK;oBAC1E/J,eAAekK,MAAMK,MAAM;oBAC3B/J,qBAAqB0J;oBACrB5J,eAAewG;gBACjB;YACF;QACF,OAAO;YACLxG,eAAewG;QACjB;IACF;IAEA,SAASmB,aACPtH,CAAyB,EACzBC,CAAgB,EAChB4J,UAAkB,EAClBzD,gBAAoC,EACpCD,QAAgB,EAChBxH,6BAA6D,EAC7DmL,UAAwC;QAExCA,uBAAAA,iCAAAA,WAAYC,OAAO;QACnB,MAAMX,gBAAgBpJ,aAAayF,OAAOrI,WAAW4C,GAAGzC,MAAM8L,MAAM,IAAIrJ;QACxE,MAAMsJ,OAAOtJ,aAAayF,OAAOzF,EAAEwF,OAAO,KAAKxF;QAC/C,MAAMuJ,QAAQ7M,KAAKyB,gBAAgB,CAACqL,UAAoCA,QAAQxJ,CAAC,KAAKsJ;QACtF,oFAAoF;QAEpF,IAAIC,OAAO;YACTrN,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EACzB8L,IAAI,CAAC,aAAa,IAAM,CAAC,UAAU,EAAErL,YAAY4B,KAAKpB,YAAY,EAAE,EAAEP,YAAY4B,GAAG,CAAC,CAAC,EACvFwJ,IAAI,CAAC,cAAc,cACnBA,IAAI,CAAC,MAAM,CAAC,EAAEI,aAAaxL,YAAY4B,GAAG,CAAC;YAE9C,IAAI3B,qBAAqB6H,UAAU;gBACjC7H,mBAAmB6H;gBACnBzE,eAAeoI,WAAWE,OAAO,EAAEF,WAAWG,OAAO;gBACrD7D,mBAAmBpH,eAAeoH,oBAAoBpH,eAAe,KAAKoK;gBAC1E/J,eAAekK,MAAMK,MAAM;gBAC3B/J,qBAAqB0J;gBACrB5J,eAAewG;YACjB;QACF,OAAO;YACLxG,eAAewG;QACjB;IACF;IAEA;;kFAEgF,GAEhF,SAAS0B,iBAAiBqC,IAAiB;QACzC,IAAIA,MAAM;YACR,OAAO;gBACLC,SAASD;YACX;QACF;QAEA,OAAO,CAAC;IACV;IAEA,SAASzC;QACPvL,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EAAE8L,IAAI,CAAC,cAAc;IACnD;IAEA,SAASpG;QACP/E,mBAAmB;QACnBqB,eAAe;QACf,IAAIO,eAAe;YACjBC,eAAe;QACjB;IACF;IAEA;;;;4EAI0E,GAE1E,SAASsG,mBAAmBxD,MAAc;QACxC,OAAOmH,wBAAwBC,QAAQ,CAACpH;IAC1C;IAEA;wEACsE,GAEtE,SAASyD;QACP,OAAOtG,gBAAgBW,MAAM,KAAK;IACpC;IAEA,SAASqJ;QACP,OAAOhK,gBAAgBW,MAAM,GAAG,IAAIX,kBAAkBlB,eAAe;YAACA;SAAa,GAAG,EAAE;IAC1F;IAEA,SAASkJ,cAAckC,WAAmB,EAAE/F,UAAkB;YAOrDvB;QANP,MAAM0B,SAAS3G,OAAO,CAACuM,YAAY;QACnC,MAAMtH,QAAQ0B,OAAOzG,IAAI,CAACsG,WAAW;QACrC,MAAMgG,gBAAgBvH,MAAMhD,CAAC,YAAYyF,OAAOrI,WAAW4F,MAAMhD,CAAC,EAAEzC,MAAM8L,MAAM,IAAIrG,MAAMhD,CAAC;QAC3F,MAAMwK,SAASxH,MAAMoD,gBAAgB,IAAImE;QACzC,MAAMtH,SAASyB,OAAOzB,MAAM;QAC5B,MAAMwH,SAASzH,MAAM0H,gBAAgB,IAAI1H,MAAM/C,CAAC;QAChD,OAAO+C,EAAAA,kCAAAA,MAAM2H,wBAAwB,cAA9B3H,sDAAAA,gCAAgC4H,SAAS,KAAI,CAAC,EAAEJ,OAAO,EAAE,EAAEvH,OAAO,EAAE,EAAEwH,OAAO,CAAC,CAAC;IACxF;IAEA,SAASI;QACP,OAAO,CACLtN,CAAAA,MAAMU,IAAI,IACVV,MAAMU,IAAI,CAACC,aAAa,IACxBX,MAAMU,IAAI,CAACC,aAAa,CAAC6C,MAAM,GAAG,KAClCxD,MAAMU,IAAI,CAACC,aAAa,CAAC4M,MAAM,CAAC,CAACvJ,OAA0BA,KAAKtD,IAAI,CAAC8C,MAAM,EAAEA,MAAM,GAAG,CAAA;IAE1F;IAEA,MAAM,EAAEL,WAAW,EAAEqK,UAAU,EAAEC,UAAU,EAAE,GAAGzN;IAChDQ,UAAUC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;IAEzE,IAAI0G,SAAS7G;IACb,IAAI2C,eAAe,CAAC,CAACA,YAAYoC,wBAAwB,EAAE;QACzD8B,SAAStF,qBAAqByB,MAAM,IAAI,IAAIzB,uBAAuBvB;QACnEI,iBAAiBtB,YAAY+H;IAC/B;IAEA,IAAIqG,aAAa;IACjB,sDAAsD;IACtD,+BAA+B;IAC/B,2EAA2E;IAC3E,IAAI,CAAC1N,MAAM2N,UAAU,EAAE;QACrBD,aAAarI,eAAe7E,UAAW,gDAAgD;IACzF;QAcWR;IAbX,MAAM4N,eAAe;QACnB/L;QACAL;QACAqM,oBACE7N,MAAM8N,4BAA4B,IAAIzL,oBAClCrC,MAAM8N,4BAA4B,CAACzL,qBACnC2G;QACN,qBAAqB;QACrB5H;QACA,GAAGpB,MAAM4N,YAAY;QACrBrL;QACAI;QACAoL,mBAAmB;QACnBC,SAAShO,CAAAA,iBAAAA,MAAMgO,OAAO,cAAbhO,4BAAAA,iBAAiB;QAC1BiO,aAAa;IACf;IACA,MAAMC,aAAa;QACjBV;QACAC;IACF;IAEA,MAAMU,cAAwB3N,QAC3BuD,GAAG,CAAC,CAAC0B,QAAqCA,MAAM/E,IAAI,CAACqD,GAAG,CAAC,CAACqK,KAA8BA,GAAG3L,CAAC,GAC5F4L,IAAI;IAEPlN,eAAe;WAAI,IAAImN,IAAIH;KAAa;IAExC,OAAO,CAACb,gCACN,oBAAClO;QACE,GAAGY,KAAK;QACTuO,YAAYvO,MAAMU,IAAI,CAAC6N,UAAU;QACjClH,QAAQA;QACRmH,WAAWjP,WAAWO,YAAY;QAClC8N,cAAcA;QACdM,YAAYA;QACZR,YAAYA;QACZe,YAAY9J;QACZ+J,cAAc7J;QACd8J,WAAWpL;QACXqL,mBAAmB9I;QACnB+I,+BAA+BvO;QAC/BwO,uBAAuB3N;QACvBkC,cAAc/B;QACd,oCAAoC,GACpC,kDAAkD;QAClDyN,UAAU,CAAC/O;YACTa,cAAcb,MAAM8E,MAAM;YAC1BhE,cAAcd,MAAM+E,MAAM;YAC1B,qBACE,wDACE,oBAACgG,yBACC,oBAACiE;gBACCC,IAAI;gBACJC,IAAI;gBACJC,IAAI;gBACJC,IAAIpP,MAAMgF,eAAe;gBACzB0F,QAAQ;gBACRlB,IAAIpJ;gBACJiP,YAAY;gBACZC,iBAAiB;8BAEnB,oBAACvE,WAAG7J;QAIZ;uBAGF,oBAACqO;QAAI/F,IAAIjJ;QAAeoK,MAAM;QAAS6E,OAAO;YAAEhF,SAAS;QAAI;QAAGI,cAAY;;AAEhF,GAAG;AACH9K,aAAa2P,WAAW,GAAG"}

package/lib/components/ScatterChart/ScatterChart.types.js

@@ -0,0 +1,4 @@
+/* eslint-disable @typescript-eslint/naming-convention */ /**
+ * Scatter Chart style properties
+ * {@docCategory ScatterChart}
+ */ export { };

package/lib/components/ScatterChart/ScatterChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScatterChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  LineChartPoints,\n  Margins,\n  Basestate,\n  RefArrayData,\n  CustomizedCalloutData,\n} from '../../types/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface ScatterChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ScatterChartStyles;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Callback for getting callout description message\n   */\n  getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\n/**\n * Scatter Chart styles\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyles extends CartesianChartStyles {}\n\n/**\n * Scatter Chart style properties\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyleProps extends CartesianChartStyleProps {}\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,uDAAuD,GAwDvD;;;CAGC,GACD,WAA2E"}

package/lib/components/ScatterChart/index.js

@@ -0,0 +1,3 @@
+export * from './ScatterChart';
+export * from './ScatterChart.types';
+export * from '../../types/index';

package/lib/components/ScatterChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ScatterChart';\nexport * from './ScatterChart.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,oBAAoB"}

package/lib/components/ScatterChart/useScatterChartStyles.styles.js

@@ -0,0 +1,65 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+/**
+ * @internal
+ */
+export const scatterChartClassNames = {
+  tooltip: 'fui-line__tooltip',
+  root: 'fui-line__root',
+  xAxis: 'fui-line__xAxis',
+  yAxis: 'fui-line__yAxis',
+  legendContainer: 'fui-line__legendContainer',
+  hover: 'fui-line__hover',
+  calloutContentRoot: 'fui-line__calloutContentRoot',
+  calloutContentX: 'fui-line__calloutContentX',
+  calloutContentY: 'fui-line__calloutContentY',
+  descriptionMessage: 'fui-line__descriptionMessage',
+  calloutDateTimeContainer: 'fui-line__calloutDateTimeContainer',
+  calloutInfoContainer: 'fui-line__calloutInfoContainer',
+  calloutBlockContainer: 'fui-line__calloutBlockContainer',
+  calloutlegendText: 'fui-line__calloutLegendText',
+  axisTitle: 'fui-line__axisTitle',
+  chartTitle: 'fui-line__chartTitle',
+  opacityChangeOnHover: 'fui-line__opacityChangeOnHover',
+  shapeStyles: 'fui-line__shapeStyles',
+  chartWrapper: 'fui-line__chartWrapper',
+  calloutBlockContainertoDrawShapefalse: '',
+  calloutBlockContainertoDrawShapetrue: ''
+};
+/**
+ * Base Styles
+ */
+const useStyles = /*#__PURE__*/__styles({
+  tooltip: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    z8tnut: "f17mpqex",
+    z189sj: ["f1vdfbxk", "f1f5gg8d"],
+    Byoj8tv: "fdvome7",
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
+    qhf8xq: "f1euv43f",
+    fsow6f: "f17mccla",
+    Bhzewxz: "fr6rvge",
+    Bkfmm31: "f5q6cfr",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "fq9zq91",
+    Bkecrkj: "f1aehjj5"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".f1euv43f{position:absolute;}", ".f17mccla{text-align:center;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+    p: -1
+  }], ".f1aehjj5{pointer-events:none;}"]
+});
+/**
+ * Apply styling to the Carousel slots based on the state
+ */
+export const useScatterChartStyles_unstable = props => {
+  const baseStyles = useStyles();
+  return {
+    tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/)
+  };
+};
+//# sourceMappingURL=useScatterChartStyles.styles.js.map