@fluentui/react-charts 9.1.9 → 9.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":["SankeyChart.types.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport { Chart, ChartProps } from '../../types/DataPoint';\n\nexport type { ChartProps, DataPoint, SankeyChartData } from '../../types/DataPoint';\n\n/**\n * Sankey Chart properties\n * {@docCategory SankeyChart}\n */\nexport interface SankeyChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SankeyChart.\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: SankeyChartStyles;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the Sankey chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * should chart resize when parent resize.\n   */\n  shouldResize?: number;\n\n  /**\n   * Color for path\n   */\n  pathColor?: string;\n\n  /**\n   * Colors for nodes\n   */\n  colorsForNodes?: string[];\n\n  /**\n   * Colors for nodes border\n   */\n  borderColorsForNodes?: string[];\n\n  /**\n   * Localized strings to show in the UX.\n   */\n  strings?: SankeyChartStrings;\n\n  /**\n   * Localized strings to use for the chart's accessibility features.\n   */\n  accessibility?: SankeyChartAccessibilityProps;\n\n  /**\n   * Format node and link values.\n   */\n  formatNumberOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: 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?: RefObject<Chart>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n}\n\n/**\n * Sankey Chart styles\n * {@docCategory SankeyChart}\n */\nexport interface SankeyChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   *  Style for the nodes.\n   */\n  nodes?: string;\n\n  /**\n   *  Style for the links.\n   */\n  links?: string;\n\n  /**\n   *  Style for the text inside node.\n   */\n  nodeTextContainer?: string;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n  toolTip?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the chart svg element\n   */\n  chart?: string;\n}\n\n/**\n * Set of strings which are used when rendering the chart.\n */\nexport interface SankeyChartStrings {\n  /**\n   * A value similar to \"from \\{0\\}\" where \\{0\\} is the name of the source node for a link.\n   * This is shown in the `ChartHoverCard` when the user hovers the mouse over a link.\n   */\n  linkFrom?: string;\n}\n\n/**\n * Set of strings which are used when rendering accessibility information within the chart.\n */\nexport interface SankeyChartAccessibilityProps {\n  /**\n   * Aria label for when the chart is empty.\n   */\n  emptyAriaLabel?: string;\n  /**\n   * A value similar to \"node \\{0\\} with weight \\{1\\}\".\n   * \\{0\\} is the name of the node.\n   * \\{1\\} is the weight of the node (as computed by the sankey layout engine via the links to or from this node).\n   */\n  nodeAriaLabel?: string;\n  /**\n   * A value similar to \"link from \\{0\\} to $\\{1\\} with weight $\\{2\\}\".\n   * \\{0\\} is the source node, \\{1\\} is the target node, and \\{2\\} is the value of the link.\n   */\n  linkAriaLabel?: string;\n}\n"],"names":[],"rangeMappings":";;","mappings":"AAmKA;;CAEC"}
+{"version":3,"sources":["SankeyChart.types.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport { Chart, ChartProps } from '../../types/DataPoint';\n\nexport type { ChartProps, DataPoint, SankeyChartData } from '../../types/DataPoint';\n\n/**\n * Sankey Chart properties\n * {@docCategory SankeyChart}\n */\nexport interface SankeyChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SankeyChart.\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: SankeyChartStyles;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the Sankey chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * should chart resize when parent resize.\n   */\n  shouldResize?: number;\n\n  /**\n   * Color for path\n   */\n  pathColor?: string;\n\n  /**\n   * Colors for nodes\n   */\n  colorsForNodes?: string[];\n\n  /**\n   * Colors for nodes border\n   */\n  borderColorsForNodes?: string[];\n\n  /**\n   * Localized strings to show in the UX.\n   */\n  strings?: SankeyChartStrings;\n\n  /**\n   * Localized strings to use for the chart's accessibility features.\n   */\n  accessibility?: SankeyChartAccessibilityProps;\n\n  /**\n   * Format node and link values.\n   */\n  formatNumberOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: 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?: RefObject<Chart>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n}\n\n/**\n * Sankey Chart styles\n * {@docCategory SankeyChart}\n */\nexport interface SankeyChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   *  Style for the nodes.\n   */\n  nodes?: string;\n\n  /**\n   *  Style for the links.\n   */\n  links?: string;\n\n  /**\n   *  Style for the text inside node.\n   */\n  nodeTextContainer?: string;\n\n  /**\n   *  Style for the tooltip ,when user hover over the truncated node detail.\n   */\n  toolTip?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the chart svg element\n   */\n  chart?: string;\n}\n\n/**\n * Set of strings which are used when rendering the chart.\n */\nexport interface SankeyChartStrings {\n  /**\n   * A value similar to \"from \\{0\\}\" where \\{0\\} is the name of the source node for a link.\n   * This is shown in the `ChartHoverCard` when the user hovers the mouse over a link.\n   */\n  linkFrom?: string;\n}\n\n/**\n * Set of strings which are used when rendering accessibility information within the chart.\n */\nexport interface SankeyChartAccessibilityProps {\n  /**\n   * Aria label for when the chart is empty.\n   */\n  emptyAriaLabel?: string;\n  /**\n   * A value similar to \"node \\{0\\} with weight \\{1\\}\".\n   * \\{0\\} is the name of the node.\n   * \\{1\\} is the weight of the node (as computed by the sankey layout engine via the links to or from this node).\n   */\n  nodeAriaLabel?: string;\n  /**\n   * A value similar to \"link from \\{0\\} to $\\{1\\} with weight $\\{2\\}\".\n   * \\{0\\} is the source node, \\{1\\} is the target node, and \\{2\\} is the value of the link.\n   */\n  linkAriaLabel?: string;\n}\n"],"names":[],"mappings":"AAmKA;;CAEC,GACD,WAgBC"}

package/lib-commonjs/components/SankeyChart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SankeyChart';\nexport * from './SankeyChart.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SankeyChart';\nexport * from './SankeyChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,gBAAgB;uBAChB,sBAAsB;uBACtB,oBAAoB"}

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSankeyChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nexport const sankeyChartClassNames = {\n    root: 'fui-sc__root',\n    nodes: 'fui-sc__nodes',\n    links: 'fui-sc__links',\n    nodeTextContainer: 'fui-sc__nodeTextContainer',\n    toolTip: 'fui-sc__toolTip',\n    chartWrapper: 'fui-sc__chartWrapper',\n    chart: 'fui-sc__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden'\n    },\n    links: {\n        fill: tokens.colorNeutralBackground1,\n        strokeWidth: '3px',\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    nodes: {\n        fill: '#F5F5F5',\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    toolTip: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        padding: '8px',\n        position: 'absolute',\n        textAlign: 'center',\n        top: '0px',\n        background: tokens.colorNeutralBackground1,\n        borderRadius: '2px',\n        pointerEvents: 'none'\n    },\n    nodeTextContainer: {\n        '& text': {\n            [HighContrastSelector]: {\n                fill: 'CanvasText'\n            }\n        },\n        marginTop: '4px',\n        marginLeft: '8px',\n        marginBottom: '4px',\n        marginRight: '8px'\n    },\n    chartWrapper: {\n        overflow: 'auto'\n    },\n    chart: {\n        display: 'block'\n    }\n});\nexport const useSankeyChartStyles = (props)=>{\n    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /*, props.styles?.nodes*/ ),\n        links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /*, props.styles?.links*/ ),\n        nodeTextContainer: mergeClasses(sankeyChartClassNames.nodeTextContainer, baseStyles.nodeTextContainer /*, props.styles?.nodeTextContainer*/ ),\n        toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /*, props.styles?.toolTip*/ ),\n        chartWrapper: mergeClasses(sankeyChartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null || _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n        chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart)\n    };\n};\n"],"names":["sankeyChartClassNames","useSankeyChartStyles","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","Bkfmm31","Be5yapy","a6j6cd","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","Bhzewxz","Bgh53k4","B2eet1l","De3pzq","Bcmaq0h","gk0gix","B20660r","B8a6bjv","Bpptf2m","e5kdtc","Bkjc3bi","ayd6f0","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","B3gqxw3","B6of3ja","Frg6f3","jrapky","t21cq0","d","p","m","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","baseStyles","mergeClasses","styles","reflowProps","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useSankeyChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nexport const sankeyChartClassNames = {\n    root: 'fui-sc__root',\n    nodes: 'fui-sc__nodes',\n    links: 'fui-sc__links',\n    nodeTextContainer: 'fui-sc__nodeTextContainer',\n    toolTip: 'fui-sc__toolTip',\n    chartWrapper: 'fui-sc__chartWrapper',\n    chart: 'fui-sc__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden'\n    },\n    links: {\n        fill: tokens.colorNeutralBackground1,\n        strokeWidth: '3px',\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    nodes: {\n        fill: '#F5F5F5',\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    toolTip: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        padding: '8px',\n        position: 'absolute',\n        textAlign: 'center',\n        top: '0px',\n        background: tokens.colorNeutralBackground1,\n        borderRadius: '2px',\n        pointerEvents: 'none'\n    },\n    nodeTextContainer: {\n        '& text': {\n            [HighContrastSelector]: {\n                fill: 'CanvasText'\n            }\n        },\n        marginTop: '4px',\n        marginLeft: '8px',\n        marginBottom: '4px',\n        marginRight: '8px'\n    },\n    chartWrapper: {\n        overflow: 'auto'\n    },\n    chart: {\n        display: 'block'\n    }\n});\nexport const useSankeyChartStyles = (props)=>{\n    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /*, props.styles?.nodes*/ ),\n        links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /*, props.styles?.links*/ ),\n        nodeTextContainer: mergeClasses(sankeyChartClassNames.nodeTextContainer, baseStyles.nodeTextContainer /*, props.styles?.nodeTextContainer*/ ),\n        toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /*, props.styles?.toolTip*/ ),\n        chartWrapper: mergeClasses(sankeyChartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null || _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n        chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","sankeyChartClassNames","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","Bkfmm31","Be5yapy","a6j6cd","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","Bhzewxz","Bgh53k4","B2eet1l","De3pzq","Bcmaq0h","gk0gix","B20660r","B8a6bjv","Bpptf2m","e5kdtc","Bkjc3bi","ayd6f0","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","B3gqxw3","B6of3ja","Frg6f3","jrapky","t21cq0","d","p","m","useSankeyChartStyles","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","baseStyles","styles","reflowProps","mode"],"mappings":"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"}

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

@@ -282,7 +282,7 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     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),
+                    onFocus: (event)=>_handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
                     onBlur: _handleMouseOut,
                     ..._getClickHandler(_points[i].data[j].onDataPointClick),
                     opacity: isLegendSelected && !currentPointHidden ? 1 : 0.1,
@@ -322,7 +322,13 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         }
         return series;
     }
-    function _handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData) {
+    function _handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData) {
+        let cx = 0;
+        let cy = 0;
+        const targetRect = event.target.getBoundingClientRect();
+        cx = targetRect.left + targetRect.width / 2;
+        cy = targetRect.top + targetRect.height / 2;
+        updatePosition(cx, cy);
         _uniqueCallOutID = circleId;
         const formattedData = x instanceof Date ? (0, _index1.formatDate)(x, props.useUTC) : x;
         const xVal = x instanceof Date ? x.getTime() : x;

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

@@ -1 +1 @@
-{"version":3,"sources":["ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles } 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 {\n  areArraysEqual,\n  createNumericYAxis,\n  createStringYAxis,\n  domainRangeOfDateForScatterChart,\n  domainRangeOfNumericForScatterChart,\n  domainRangeOfXStringAxis,\n  find,\n  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n} 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  tooltipOfAxislabels,\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  const classes = useScatterChartStyles(props);\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[]>(props.legendProps?.selectedLegends || []);\n  const prevSelectedLegendsRef = React.useRef<string[] | undefined>(undefined);\n\n  React.useEffect(() => {\n    if (\n      prevSelectedLegendsRef.current &&\n      !areArraysEqual(prevSelectedLegendsRef.current, props.legendProps?.selectedLegends)\n    ) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevSelectedLegendsRef.current = props.legendProps?.selectedLegends;\n  }, [props.legendProps?.selectedLegends]);\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 _getNumericMinMaxOfY(\n    points: LineChartPoints[],\n    yAxisType?: YAxisType,\n  ): { startValue: number; endValue: number } {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);\n    let yPadding = 0;\n    yPadding = (endValue - startValue) * 0.1;\n\n    return {\n      startValue: startValue - yPadding,\n      endValue: endValue + yPadding,\n    };\n  }\n\n  function _getDomainNRangeValues(\n    points: any,\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);\n    } else if (xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues! as Date[]);\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\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={isLegendSelected ? 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    // 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        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(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 _getHighlightedLegend().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      getMinMaxOfYAxis={_getNumericMinMaxOfY}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      createYAxis={createNumericYAxis}\n      createStringYAxis={createStringYAxis}\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.yScalePrimary!;\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":["ScatterChart","React","forwardRef","props","forwardedRef","_circleId","useId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","lineChartData","_calloutPoints","calloutData","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","classes","useScatterChartStyles","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevSelectedLegendsRef","undefined","useEffect","current","areArraysEqual","useImperativeHandle","componentRef","chartContainer","_xAxisType","length","getTypeOfAxis","XAxisTypes","StringAxis","pointsRef","calloutPointsRef","height","width","scatterChartData","map","item","index","color","getNextColor","getColorFromToken","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getNumericMinMaxOfY","points","yAxisType","startValue","endValue","findNumericMinMaxOfY","yPadding","_getDomainNRangeValues","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","NumericAxis","domainRangeOfNumericForScatterChart","DateAxis","domainRangeOfDateForScatterChart","domainRangeOfXStringAxis","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","legend","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","createElement","Legends","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","tokens","colorNeutralBackground1","series","yMax","d3Max","yMin","d3Min","yPaddingRange","abs","maxMarkerRange","xPaddingRange","bandwidth","xMin","xMax","xPadding","getTime","Date","min","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","circleRadius","pointMarkerSize","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","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","d3Select","call","tooltipProps","tooltipCls","tooltip","axis","tooltipOfAxislabels","formattedData","formatDate","useUTC","xVal","found","find","element","attr","forEach","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","CartesianChart","chartTitle","ChartTypes","getmargins","getGraphData","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","createNumericYAxis","createStringYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","yScalePrimary","Fragment","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles } 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 {\n  areArraysEqual,\n  createNumericYAxis,\n  createStringYAxis,\n  domainRangeOfDateForScatterChart,\n  domainRangeOfNumericForScatterChart,\n  domainRangeOfXStringAxis,\n  find,\n  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n} 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  tooltipOfAxislabels,\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  const classes = useScatterChartStyles(props);\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[]>(props.legendProps?.selectedLegends || []);\n  const prevSelectedLegendsRef = React.useRef<string[] | undefined>(undefined);\n\n  React.useEffect(() => {\n    if (\n      prevSelectedLegendsRef.current &&\n      !areArraysEqual(prevSelectedLegendsRef.current, props.legendProps?.selectedLegends)\n    ) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevSelectedLegendsRef.current = props.legendProps?.selectedLegends;\n  }, [props.legendProps?.selectedLegends]);\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 _getNumericMinMaxOfY(\n    points: LineChartPoints[],\n    yAxisType?: YAxisType,\n  ): { startValue: number; endValue: number } {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);\n    let yPadding = 0;\n    yPadding = (endValue - startValue) * 0.1;\n\n    return {\n      startValue: startValue - yPadding,\n      endValue: endValue + yPadding,\n    };\n  }\n\n  function _getDomainNRangeValues(\n    points: any,\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);\n    } else if (xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues! as Date[]);\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\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={event =>\n              _handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n            }\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={isLegendSelected ? 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    // 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        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return series;\n  }\n\n  function _handleFocus(\n    event: React.FocusEvent<SVGCircleElement, Element>,\n    seriesId: string,\n    x: number | Date | string,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData?: AccessibilityProps,\n  ) {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    updatePosition(cx, cy);\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 _getHighlightedLegend().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      getMinMaxOfYAxis={_getNumericMinMaxOfY}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      createYAxis={createNumericYAxis}\n      createStringYAxis={createStringYAxis}\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.yScalePrimary!;\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","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","createNumericYAxis","createStringYAxis","domainRangeOfDateForScatterChart","domainRangeOfNumericForScatterChart","domainRangeOfXStringAxis","find","findNumericMinMaxOfY","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","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","classes","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevSelectedLegendsRef","undefined","useEffect","current","useImperativeHandle","componentRef","chartContainer","_xAxisType","length","StringAxis","pointsRef","calloutPointsRef","height","width","scatterChartData","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getNumericMinMaxOfY","points","yAxisType","startValue","endValue","yPadding","_getDomainNRangeValues","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","_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","yMin","yPaddingRange","abs","maxMarkerRange","xPaddingRange","bandwidth","xMin","xMax","xPadding","getTime","Date","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","circleRadius","pointMarkerSize","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","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","targetRect","target","getBoundingClientRect","left","top","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","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","getmargins","getGraphData","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","yScalePrimary","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"mappings":"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"}

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

@@ -1 +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"}
+{"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":[],"mappings":"AAAA,uDAAuD,GAwDvD;;;CAGC,GACD,WAA2E"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ScatterChart';\nexport * from './ScatterChart.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ScatterChart';\nexport * from './ScatterChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,iBAAiB;uBACjB,uBAAuB;uBACvB,oBAAoB"}

package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useScatterChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const scatterChartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    root: 'fui-line__root',\n    xAxis: 'fui-line__xAxis',\n    yAxis: 'fui-line__yAxis',\n    legendContainer: 'fui-line__legendContainer',\n    hover: 'fui-line__hover',\n    descriptionMessage: 'fui-line__descriptionMessage',\n    axisTitle: 'fui-line__axisTitle',\n    chartTitle: 'fui-line__chartTitle',\n    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n    shapeStyles: 'fui-line__shapeStyles',\n    chartWrapper: 'fui-line__chartWrapper',\n    svgTooltip: '',\n    chart: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    tooltip: {\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        fill: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useScatterChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n    };\n};\n"],"names":["scatterChartClassNames","useScatterChartStyles","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","__styles","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","Bkfmm31","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIiBA,sBAAsB;eAAtBA;;IAiCAC,qBAAqB;eAArBA;;;uBArCoC;AAI1C,MAAMD,yBAAyB;IACtCE,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;AACX;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAf,SAAA;QAAAgB,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAeX,MAAMlC,wBAAyBmC,CAAAA;IACtC,MAAMC,aAAarB;IACnB,OAAO;QACHd,SAASoC,IAAAA,mBAAY,EAACtC,uBAAuBE,OAAO,EAAEmC,WAAWnC,OAAO,CAAC,uBAAA;IAC7E;AACJ"}
+{"version":3,"sources":["useScatterChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const scatterChartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    root: 'fui-line__root',\n    xAxis: 'fui-line__xAxis',\n    yAxis: 'fui-line__yAxis',\n    legendContainer: 'fui-line__legendContainer',\n    hover: 'fui-line__hover',\n    descriptionMessage: 'fui-line__descriptionMessage',\n    axisTitle: 'fui-line__axisTitle',\n    chartTitle: 'fui-line__chartTitle',\n    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n    shapeStyles: 'fui-line__shapeStyles',\n    chartWrapper: 'fui-line__chartWrapper',\n    svgTooltip: '',\n    chart: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    tooltip: {\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        fill: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useScatterChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","scatterChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","Bkfmm31","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","useScatterChartStyles","props","baseStyles"],"mappings":";;;;;;;;;;;IAIiBI,sBAAsB;;;yBAiCD;;;;uBArCe,gBAAgB;AAI1D,+BAA+B;IACtCC,OAAO,EAAE,mBAAmB;IAC5BC,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,iBAAiB;IACxBC,KAAK,EAAE,iBAAiB;IACxBC,eAAe,EAAE,2BAA2B;IAC5CC,KAAK,EAAE,iBAAiB;IACxBC,kBAAkB,EAAE,8BAA8B;IAClDC,SAAS,EAAE,qBAAqB;IAChCC,UAAU,EAAE,sBAAsB;IAClCC,oBAAoB,EAAE,gCAAgC;IACtDC,WAAW,EAAE,uBAAuB;IACpCC,YAAY,EAAE,wBAAwB;IACtCC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE;AACX,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,GAAGnB,mBAAA,EAAA;IAAAK,OAAA,EAAA;QAAAe,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAYrB,CAAC;AAGS,MAAMC,yBAAyBC,KAAK,IAAG;IAC9C,MAAMC,UAAU,GAAGrB,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHd,OAAO,MAAEJ,mBAAY,EAACG,sBAAsB,CAACC,OAAO,EAAEmC,UAAU,CAACnC,OAAO,CAAC,uBAAA,EAA0B;IACvG,CAAC;AACL,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Sparkline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport { max as d3Max, extent as d3Extent } from 'd3-array';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { SparklineProps } from '../../index';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    let margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    let _emptyChartId: string = '_SparklineChart_empty';\n    let _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n    const width = 80;\n    const height = 20;\n    const valueTextWidth = 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["Sparkline","React","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","useRtl","points","setPoints","useState","width","height","valueTextWidth","line","useMemo","d3Line","d","curve","d3curveLinear","area","d3Area","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","d3Extent","d3ScaleLinear","domain","range","d3Max","length","filter","item","drawSparkline","createElement","Fragment","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","useSparklineStyles","focusAttributes","useFocusableGroup","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["Sparkline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport { max as d3Max, extent as d3Extent } from 'd3-array';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { SparklineProps } from '../../index';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    let margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    let _emptyChartId: string = '_SparklineChart_empty';\n    let _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n    const width = 80;\n    const height = 20;\n    const valueTextWidth = 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["React","useSparklineStyles","scaleLinear","d3ScaleLinear","area","d3Area","line","d3Line","curveLinear","d3curveLinear","max","d3Max","extent","d3Extent","useFocusableGroup","useRtl","Sparkline","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","points","setPoints","useState","width","height","valueTextWidth","useMemo","d","curve","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","domain","range","length","filter","item","drawSparkline","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","focusAttributes","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Sparkline.types.ts"],"sourcesContent":["import { ChartProps } from './index';\nimport { CartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface SparklineStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Sparkline properties\n * {@docCategory SparklineChart}\n */\nexport interface SparklineProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: ChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Width of value text\n   * * @default 80\n   */\n  valueTextWidth?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: SparklineStyles;\n}\n\n/**\n * Sparkline styles\n * {@docCategory SparklineChart}\n */\nexport interface SparklineStyles {\n  inlineBlock?: string;\n  valueText?: string;\n}\n"],"names":[],"rangeMappings":";;;","mappings":"AAsDA;;;CAGC"}
+{"version":3,"sources":["Sparkline.types.ts"],"sourcesContent":["import { ChartProps } from './index';\nimport { CartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface SparklineStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Sparkline properties\n * {@docCategory SparklineChart}\n */\nexport interface SparklineProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: ChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Width of value text\n   * * @default 80\n   */\n  valueTextWidth?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: SparklineStyles;\n}\n\n/**\n * Sparkline styles\n * {@docCategory SparklineChart}\n */\nexport interface SparklineStyles {\n  inlineBlock?: string;\n  valueText?: string;\n}\n"],"names":[],"mappings":"AAsDA;;;CAGC,GACD,WAGC"}

package/lib-commonjs/components/Sparkline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Sparkline';\nexport * from './Sparkline.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Sparkline';\nexport * from './Sparkline.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,oBAAoB;uBACpB,oBAAoB"}

package/lib-commonjs/components/Sparkline/useSparklineStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSparklineStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const sparklineClassNames = {\n    inlineBlock: 'fui-sprk__inlineBlock',\n    valueText: 'fui-sprk__valueText'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    inlineBlock: {\n        display: 'inline'\n    },\n    valueText: {\n        ...typographyStyles.caption1,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useSparklineStyles = (props)=>{\n    var _props_styles, _props_styles1;\n    const baseStyles = useStyles();\n    return {\n        inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),\n        valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)\n    };\n};\n"],"names":["sparklineClassNames","useSparklineStyles","inlineBlock","valueText","useStyles","__styles","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","props","_props_styles","_props_styles1","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIiBA,mBAAmB;eAAnBA;;IAkBAC,kBAAkB;eAAlBA;;;uBAtBwB;AAI9B,MAAMD,sBAAsB;IACnCE,aAAa;IACbC,WAAW;AACf;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,aAAA;QAAAI,QAAA;IAAA;IAAAH,WAAA;QAAAI,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAYX,MAAMZ,qBAAsBa,CAAAA;IACnC,IAAIC,eAAeC;IACnB,MAAMC,aAAab;IACnB,OAAO;QACHF,aAAagB,IAAAA,mBAAY,EAAClB,oBAAoBE,WAAW,EAAEe,WAAWf,WAAW,EAAE,AAACa,CAAAA,gBAAgBD,MAAMK,MAAM,AAANA,MAAY,QAAQJ,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcb,WAAW;QAC3LC,WAAWe,IAAAA,mBAAY,EAAClB,oBAAoBG,SAAS,EAAEc,WAAWd,SAAS,EAAE,AAACa,CAAAA,iBAAiBF,MAAMK,MAAM,AAANA,MAAY,QAAQH,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeb,SAAS;IAC1L;AACJ"}
+{"version":3,"sources":["useSparklineStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const sparklineClassNames = {\n    inlineBlock: 'fui-sprk__inlineBlock',\n    valueText: 'fui-sprk__valueText'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    inlineBlock: {\n        display: 'inline'\n    },\n    valueText: {\n        ...typographyStyles.caption1,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useSparklineStyles = (props)=>{\n    var _props_styles, _props_styles1;\n    const baseStyles = useStyles();\n    return {\n        inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),\n        valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","sparklineClassNames","inlineBlock","valueText","useStyles","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","useSparklineStyles","props","_props_styles","_props_styles1","baseStyles","styles"],"mappings":";;;;;;;;;;;IAIiBI,mBAAmB;;;sBAkBD;eAAlBY;;;uBAtBwB,gBAAgB;AAI9C,4BAA4B;IACnCX,WAAW,EAAE,uBAAuB;IACpCC,SAAS,EAAE;AACf,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAK,WAAA,EAAA;QAAAG,MAAA,EAAA;IAAA;IAAAF,SAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CASrB,CAAC;AAGS,4BAA4BE,KAAK,IAAG;IAC3C,IAAIC,aAAa,EAAEC,cAAc;IACjC,MAAMC,UAAU,GAAGb,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHF,WAAW,MAAEJ,mBAAY,EAACG,mBAAmB,CAACC,WAAW,EAAEe,UAAU,CAACf,WAAW,EAAE,CAACa,aAAa,GAAGD,KAAK,CAACI,MAAAA,AAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACb,WAAW,CAAC;QAC5LC,SAAS,MAAEL,mBAAY,EAACG,mBAAmB,CAACE,SAAS,EAAEc,UAAU,CAACd,SAAS,EAAE,CAACa,cAAc,GAAGF,KAAK,CAACI,MAAAA,AAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACb,SAAS;IAC1L,CAAC;AACL,CAAC"}

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

@@ -19,11 +19,11 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _reacttheme = require("@fluentui/react-theme");
 const _index = require("../../index");
 const _index1 = require("../../utilities/index");
-var CircleVisbility;
-(function(CircleVisbility) {
+var CircleVisbility = /*#__PURE__*/ function(CircleVisbility) {
     CircleVisbility["show"] = "visibility";
     CircleVisbility["hide"] = "hidden";
-})(CircleVisbility || (CircleVisbility = {}));
+    return CircleVisbility;
+}(CircleVisbility || {});
 const MIN_DOMAIN_MARGIN = 8;
 const VerticalBarChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     var _props_legendProps;
@@ -369,6 +369,12 @@ const VerticalBarChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>
     }
     // eslint-disable-next-line @typescript-eslint/no-shadow
     function _onBarFocus(event, point, refArrayIndexNumber, color) {
+        let x = 0;
+        let y = 0;
+        const targetRect = event.target.getBoundingClientRect();
+        x = targetRect.left + targetRect.width / 2;
+        y = targetRect.top + targetRect.height / 2;
+        updatePosition(x, y);
         // eslint-disable-next-line @typescript-eslint/no-shadow
         const { YValueHover, hoverXValue } = _getCalloutContentForLineAndBar(point);
         _refArray.forEach((obj, index)=>{
@@ -841,7 +847,7 @@ const VerticalBarChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>
                 }
             });
             const data = Object.values(uniqueX);
-            _barWidth = (0, _index1.getBarWidth)(props.barWidth, props.maxBarWidth, (0, _index1.calculateAppropriateBarWidth)(data, totalWidth));
+            _barWidth = (0, _index1.getBarWidth)(props.barWidth, props.maxBarWidth, (0, _index1.calculateAppropriateBarWidth)(data, totalWidth, _xAxisInnerPadding));
             _domainMargin = MIN_DOMAIN_MARGIN + _barWidth / 2;
         }
         return {