@fluentui/react-charts 9.1.10 → 9.2.0

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

@@ -1 +1 @@
-{"version":3,"sources":["HorizontalBarChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport { ChartDataPoint, ChartProps } from './index';\nimport { LegendsProps } from '../Legends/index';\n\n/**\n * Horizontal Bar Chart properties\n * {@docCategory HorizontalBarChart}\n */\nexport interface HorizontalBarChartProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * An array of chart data points for the Horizontal bar chart\n   */\n  data?: ChartProps[];\n\n  /**\n   * Width of bar chart\n   */\n  width?: number;\n\n  /**\n   * Height of bar chart\n   * @default 15\n   */\n  barHeight?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * This property tells whether to show ratio on top of stacked bar chart or not.\n   */\n  hideRatio?: boolean[];\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * This property tells how to show data text on top right of bar chart.\n   * If barChartCustomData props added, then this props will be overrided.\n   * @default 'default'\n   */\n  chartDataMode?: ChartDataMode;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HorizontalBarChartStyles;\n\n  /**\n   * Define a custom callout renderer for a horizontal bar\n   */\n  // onRenderCalloutPerHorizontalBar?: IRenderFunction<IChartDataPoint>; ToDo - Need to use slots here.\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Custom text to the chart (right side of the chart)\n   * IChartProps will be available as props to the method prop.\n   * If this method not given, default values (IHorizontalDataPoint \\{x,y\\})\n   * will be used to display the data/text based on given chartModeData prop.\n   */\n  // barChartCustomData?: IRenderFunction<IChartProps>; ToDo - Need to use slots here.\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop to define the variant of HorizontalBarChart to render\n   * @default HorizontalBarChartVariant.PartToWhole\n   */\n  variant?: HorizontalBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n\n  /**\n   * line color for callout\n   */\n  color?: string;\n\n  /**\n   * prop to check if benchmark data is provided\n   */\n  showTriangle?: boolean;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   * prop to render the custom callout\n   */\n  onRenderCalloutPerHorizontalBar?: (props: ChartDataPoint) => JSX.Element | undefined;\n\n  /**\n   * Define a custom callout props override\n   */\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: ChartDataPoint) => ChartPopoverProps;\n}\n\n/**\n * Horizontal Bar Chart styles\n * {@docCategory HorizontalBarChart}\n */\nexport interface HorizontalBarChartStyles {\n  /**\n   * Styling for the root container\n   */\n  root: string;\n\n  /**\n   * Styling for each item in the container\n   */\n  items: string;\n\n  /**\n   * Style for the chart.\n   */\n  chart: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle: string;\n\n  /**\n   * Style for the bars.\n   */\n  barWrapper: string;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: string;\n\n  /**\n   * Style for right side text of the chart title\n   */\n  chartTitleRight: string;\n\n  /**\n   * Style for the chart data text denominator.\n   */\n  chartDataTextDenominator: string;\n\n  /**\n   * Style for the benchmark container\n   */\n  benchmarkContainer: string;\n\n  /**\n   * Style for the benchmark triangle\n   */\n  triangle: string;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: string;\n\n  /**\n   * Style for the div containing the chart\n   */\n  chartWrapper: string;\n\n  /**\n   * Style for the legend container.\n   */\n  legendContainer: string;\n}\n\n/**\n * Chart data mode for chart data text\n * default: show the datapoint.x value\n * fraction: show the fraction of datapoint.x/datapoint.y\n * percentage: show the percentage of (datapoint.x/datapoint.y)%\n * {@docCategory HorizontalBarChart}\n */\nexport type ChartDataMode = 'default' | 'fraction' | 'percentage';\n\n/**\n * {@docCategory HorizontalBarChart}\n */\nexport enum HorizontalBarChartVariant {\n  PartToWhole = 'part-to-whole',\n  AbsoluteScale = 'absolute-scale',\n}\n"],"names":["React","HorizontalBarChartVariant"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAuM/B;;CAEC,GACD,OAAO,IAAA,AAAKC,mDAAAA;;;WAAAA;MAGX"}
+{"version":3,"sources":["../src/components/HorizontalBarChart/HorizontalBarChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport { ChartDataPoint, ChartProps } from './index';\nimport { LegendsProps } from '../Legends/index';\n\n/**\n * Horizontal Bar Chart properties\n * {@docCategory HorizontalBarChart}\n */\nexport interface HorizontalBarChartProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * An array of chart data points for the Horizontal bar chart\n   */\n  data?: ChartProps[];\n\n  /**\n   * Width of bar chart\n   */\n  width?: number;\n\n  /**\n   * Height of bar chart\n   * @default 15\n   */\n  barHeight?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the StackedBarChart.\n   */\n  className?: string;\n\n  /**\n   * This property tells whether to show ratio on top of stacked bar chart or not.\n   */\n  hideRatio?: boolean[];\n\n  /**\n   * Do not show tooltips in chart\n   *\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * This property tells how to show data text on top right of bar chart.\n   * If barChartCustomData props added, then this props will be overrided.\n   * @default 'default'\n   */\n  chartDataMode?: ChartDataMode;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HorizontalBarChartStyles;\n\n  /**\n   * Define a custom callout renderer for a horizontal bar\n   */\n  // onRenderCalloutPerHorizontalBar?: IRenderFunction<IChartDataPoint>; ToDo - Need to use slots here.\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Custom text to the chart (right side of the chart)\n   * IChartProps will be available as props to the method prop.\n   * If this method not given, default values (IHorizontalDataPoint \\{x,y\\})\n   * will be used to display the data/text based on given chartModeData prop.\n   */\n  // barChartCustomData?: IRenderFunction<IChartProps>; ToDo - Need to use slots here.\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop to define the variant of HorizontalBarChart to render\n   * @default HorizontalBarChartVariant.PartToWhole\n   */\n  variant?: HorizontalBarChartVariant;\n\n  /**\n   * Prop to hide the bar labels\n   * @default false\n   */\n  hideLabels?: boolean;\n\n  /**\n   * line color for callout\n   */\n  color?: string;\n\n  /**\n   * prop to check if benchmark data is provided\n   */\n  showTriangle?: boolean;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   * prop to render the custom callout\n   */\n  onRenderCalloutPerHorizontalBar?: (props: ChartDataPoint) => JSX.Element | undefined;\n\n  /**\n   * Define a custom callout props override\n   */\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: ChartDataPoint) => ChartPopoverProps;\n\n  /**\n   * When true, chart will display legends even if a bar ( row ) has only one data point.\n   * @default false\n   */\n  showLegendForSinglePointBar?: boolean;\n}\n\n/**\n * Horizontal Bar Chart styles\n * {@docCategory HorizontalBarChart}\n */\nexport interface HorizontalBarChartStyles {\n  /**\n   * Styling for the root container\n   */\n  root: string;\n\n  /**\n   * Styling for each item in the container\n   */\n  items: string;\n\n  /**\n   * Style for the chart.\n   */\n  chart: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle: string;\n\n  /**\n   * Style for the bars.\n   */\n  barWrapper: string;\n\n  /**\n   * Style for left side text of the chart title\n   */\n  chartTitleLeft: string;\n\n  /**\n   * Style for right side text of the chart title\n   */\n  chartTitleRight: string;\n\n  /**\n   * Style for the chart data text denominator.\n   */\n  chartDataTextDenominator: string;\n\n  /**\n   * Style for the benchmark container\n   */\n  benchmarkContainer: string;\n\n  /**\n   * Style for the benchmark triangle\n   */\n  triangle: string;\n\n  /**\n   * Style for the bar labels\n   */\n  barLabel: string;\n\n  /**\n   * Style for the div containing the chart\n   */\n  chartWrapper: string;\n\n  /**\n   * Style for the legend container.\n   */\n  legendContainer: string;\n}\n\n/**\n * Chart data mode for chart data text\n * default: show the datapoint.x value\n * fraction: show the fraction of datapoint.x/datapoint.y\n * percentage: show the percentage of (datapoint.x/datapoint.y)%\n * hidden: do not show any data text\n * {@docCategory HorizontalBarChart}\n */\nexport type ChartDataMode = 'default' | 'fraction' | 'percentage' | 'hidden';\n\n/**\n * {@docCategory HorizontalBarChart}\n */\nexport enum HorizontalBarChartVariant {\n  PartToWhole = 'part-to-whole',\n  AbsoluteScale = 'absolute-scale',\n}\n"],"names":["React","HorizontalBarChartVariant"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AA8M/B;;CAEC,GACD,OAAO,IAAA,AAAKC,mDAAAA;;;WAAAA;MAGX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './HorizontalBarChart';\nexport * from './HorizontalBarChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,oBAAoB"}
+{"version":3,"sources":["../src/components/HorizontalBarChart/index.ts"],"sourcesContent":["export * from './HorizontalBarChart';\nexport * from './HorizontalBarChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,oBAAoB"}

package/lib/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js

@@ -152,5 +152,4 @@ export const useHorizontalBarChartStyles = props => {
     chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),
     legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)
   };
-};
-//# sourceMappingURL=useHorizontalBarChartStyles.styles.js.map
+};

package/lib/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js

@@ -0,0 +1,120 @@
+import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { HorizontalBarChartVariant } from './index';
+/**
+ * @internal
+ */ export const hbcClassNames = {
+    root: 'fui-hbc__root',
+    items: 'fui-hbc__items',
+    chart: 'fui-hbc__chart',
+    chartTitle: 'fui-hbc__chartTitle',
+    barWrapper: 'fui-hbc__barWrapper',
+    chartTitleLeft: 'fui-hbc__chartTitleLeft',
+    chartTitleRight: 'fui-hbc__chartTitleRight',
+    chartDataTextDenominator: 'fui-hbc__textDenom',
+    benchmarkContainer: 'fui-hbc__benchmark',
+    triangle: 'fui-hbc__triangle',
+    barLabel: 'fui-hbc__barLabel',
+    chartWrapper: 'fui-hbc__chartWrapper',
+    legendContainer: 'fui-hbc__legendContainer'
+};
+/**
+ * Base Styles
+ */ const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        width: '100%'
+    },
+    items10pMargin: {
+        marginBottom: tokens.spacingVerticalMNudge
+    },
+    items16pMargin: {
+        marginBottom: tokens.spacingVerticalL
+    },
+    chart: {
+        width: '100%',
+        height: '12px',
+        display: 'block',
+        overflow: 'visible'
+    },
+    barWrapper: {},
+    chartTitle: {
+        ...typographyStyles.caption1,
+        display: 'flex',
+        justifyContent: 'space-between'
+    },
+    chartTitleLeft: {
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        display: 'block',
+        color: tokens.colorNeutralForeground1
+    },
+    chartTitleLeft4pMargin: {
+        marginBottom: '4px'
+    },
+    chartTitleLeft5pMargin: {
+        marginBottom: '5px'
+    },
+    chartTitleRight: {
+        ...typographyStyles.body1Strong,
+        color: tokens.colorNeutralForeground1
+    },
+    chartDataTextDenominator: {
+        ...typographyStyles.body1,
+        color: tokens.colorNeutralForeground1
+    },
+    benchmarkContainer: {
+        position: 'relative',
+        height: '7px',
+        marginTop: '-3px',
+        marginBottom: '-1px'
+    },
+    triangle: {
+        width: '0',
+        height: '0',
+        ...shorthands.borderLeft('4px', 'solid', 'transparent'),
+        ...shorthands.borderRight('4px', 'solid', 'transparent'),
+        ...shorthands.borderTop('7px', 'solid'),
+        borderTopColor: tokens.colorPaletteBlueBorderActive,
+        marginBottom: tokens.spacingVerticalXS,
+        position: 'absolute'
+    },
+    barLabel: {
+        ...typographyStyles.caption1Strong,
+        fill: tokens.colorNeutralForeground1,
+        forcedColorAdjust: 'none'
+    },
+    chartWrapper40ppadding: {
+        paddingRight: '40p'
+    },
+    chartWrapper0ppadding: {
+        paddingRight: tokens.spacingHorizontalNone
+    },
+    legendContainer: {
+        paddingTop: tokens.spacingVerticalL
+    }
+});
+/**
+ * Apply styling to the Carousel slots based on the state
+ */ export const useHorizontalBarChartStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;
+    const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.
+    const baseStyles = useStyles();
+    return {
+        root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        items: mergeClasses(hbcClassNames.items, showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.items),
+        chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),
+        chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),
+        barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),
+        chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),
+        chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),
+        chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),
+        benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),
+        triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),
+        barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),
+        chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),
+        legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)
+    };
+};

package/lib/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport const hbcClassNames: SlotClassNames<HorizontalBarChartStyles> = {\n  root: 'fui-hbc__root',\n  items: 'fui-hbc__items',\n  chart: 'fui-hbc__chart',\n  chartTitle: 'fui-hbc__chartTitle',\n  barWrapper: 'fui-hbc__barWrapper',\n  chartTitleLeft: 'fui-hbc__chartTitleLeft',\n  chartTitleRight: 'fui-hbc__chartTitleRight',\n  chartDataTextDenominator: 'fui-hbc__textDenom',\n  benchmarkContainer: 'fui-hbc__benchmark',\n  triangle: 'fui-hbc__triangle',\n  barLabel: 'fui-hbc__barLabel',\n  chartWrapper: 'fui-hbc__chartWrapper',\n  legendContainer: 'fui-hbc__legendContainer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%', // Support custom width\n  },\n  items10pMargin: {\n    marginBottom: tokens.spacingVerticalMNudge,\n  },\n  items16pMargin: {\n    marginBottom: tokens.spacingVerticalL,\n  },\n  chart: {\n    width: '100%',\n    height: '12px', // Support custom bar height\n    display: 'block',\n    overflow: 'visible',\n  },\n  barWrapper: {},\n  chartTitle: {\n    ...typographyStyles.caption1,\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  chartTitleLeft: {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    display: 'block',\n    color: tokens.colorNeutralForeground1,\n  },\n  chartTitleLeft4pMargin: {\n    marginBottom: '4px',\n  },\n  chartTitleLeft5pMargin: {\n    marginBottom: '5px',\n  },\n  chartTitleRight: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground1,\n  },\n  chartDataTextDenominator: {\n    ...typographyStyles.body1,\n    color: tokens.colorNeutralForeground1,\n  },\n  benchmarkContainer: {\n    position: 'relative',\n    height: '7px',\n    marginTop: '-3px',\n    marginBottom: '-1px',\n  },\n  triangle: {\n    width: '0',\n    height: '0',\n    ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n    ...shorthands.borderRight('4px', 'solid', 'transparent'),\n    ...shorthands.borderTop('7px', 'solid'),\n    borderTopColor: tokens.colorPaletteBlueBorderActive,\n    marginBottom: tokens.spacingVerticalXS,\n    position: 'absolute',\n  },\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'none',\n  },\n  chartWrapper40ppadding: {\n    paddingRight: '40p',\n  },\n  chartWrapper0ppadding: {\n    paddingRight: tokens.spacingHorizontalNone,\n  },\n  legendContainer: { paddingTop: tokens.spacingVerticalL },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useHorizontalBarChartStyles = (props: HorizontalBarChartProps): HorizontalBarChartStyles => {\n  const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(hbcClassNames.root, baseStyles.root, className, props.styles?.root),\n    items: mergeClasses(\n      hbcClassNames.items,\n      showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.items16pMargin\n        : baseStyles.items10pMargin,\n      props.styles?.items,\n    ),\n    chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, props.styles?.chart),\n    chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, props.styles?.barWrapper),\n    chartTitleLeft: mergeClasses(\n      hbcClassNames.chartTitleLeft,\n      baseStyles.chartTitleLeft,\n      variant === HorizontalBarChartVariant.AbsoluteScale\n        ? baseStyles.chartTitleLeft4pMargin\n        : baseStyles.chartTitleLeft5pMargin,\n      props.styles?.chartTitleLeft,\n    ),\n    chartTitleRight: mergeClasses(\n      hbcClassNames.chartTitleRight,\n      baseStyles.chartTitleRight,\n      props.styles?.chartTitleRight,\n    ),\n    chartDataTextDenominator: mergeClasses(\n      hbcClassNames.chartDataTextDenominator,\n      baseStyles.chartDataTextDenominator,\n      props.styles?.chartDataTextDenominator,\n    ),\n    benchmarkContainer: mergeClasses(\n      hbcClassNames.benchmarkContainer,\n      baseStyles.benchmarkContainer,\n      props.styles?.benchmarkContainer,\n    ),\n    triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n    barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, props.styles?.barLabel),\n    chartWrapper: mergeClasses(\n      hbcClassNames.chartWrapper,\n      variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels\n        ? baseStyles.chartWrapper40ppadding\n        : baseStyles.chartWrapper0ppadding,\n      props.styles?.chartWrapper,\n    ),\n    legendContainer: mergeClasses(\n      hbcClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","display","flexDirection","width","items10pMargin","marginBottom","spacingVerticalMNudge","items16pMargin","spacingVerticalL","height","overflow","caption1","justifyContent","textOverflow","whiteSpace","color","colorNeutralForeground1","chartTitleLeft4pMargin","chartTitleLeft5pMargin","body1Strong","body1","position","marginTop","borderLeft","borderRight","borderTop","borderTopColor","colorPaletteBlueBorderActive","spacingVerticalXS","caption1Strong","fill","forcedColorAdjust","chartWrapper40ppadding","paddingRight","chartWrapper0ppadding","spacingHorizontalNone","paddingTop","useHorizontalBarChartStyles","props","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}

package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js

@@ -7,6 +7,7 @@ import { CartesianChart } from '../CommonComponents/CartesianChart';
 import { ChartPopover } from '../CommonComponents/ChartPopover';
 import { ChartTypes, getAccessibleDataObject, YAxisType, XAxisTypes, getTypeOfAxis, getNextColor, findHBCWANumericMinMaxOfY, createYAxisForHorizontalBarChartWithAxis, domainRangeOfNumericForHorizontalBarChartWithAxis, createStringYAxisForHorizontalBarChartWithAxis, areArraysEqual, useRtl, DataVizPalette, getColorFromToken, computeLongestBars, groupChartDataByYValue, MIN_DOMAIN_MARGIN } from '../../utilities/index';
 import { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';
+import { toImage } from '../../utilities/image-export-utils';
 export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     var _props_legendProps, _props_legendProps1, _props_legendProps2, _props_legendProps3;
     const _refArray = [];
@@ -31,6 +32,7 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props,
     let _yAxisPadding = (_props_yAxisPadding = props.yAxisPadding) !== null && _props_yAxisPadding !== void 0 ? _props_yAxisPadding : 0.5;
     const cartesianChartRef = React.useRef(null);
     const X_ORIGIN = 0;
+    const _legendsRef = React.useRef(null);
     const [color, setColor] = React.useState('');
     const [dataForHoverCard, setDataForHoverCard] = React.useState(0);
     const [isLegendSelected, setIsLegendSelected] = React.useState(((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends) && props.legendProps.selectedLegends.length > 0 || ((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegend) !== undefined);
@@ -65,7 +67,11 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props,
         var _cartesianChartRef_current;
         var _cartesianChartRef_current_chartContainer;
         return {
-            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null
+            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
+            toImage: (opts)=>{
+                var _cartesianChartRef_current, _legendsRef_current;
+                return toImage((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRtl, opts);
+            }
         };
     }, []);
     function _adjustProps() {
@@ -510,7 +516,8 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props,
             enabledWrapLines: props.enabledLegendsWrapLines,
             overflowText: props.legendsOverflowText,
             ...props.legendProps,
-            onChange: _onLegendSelectionChange
+            onChange: _onLegendSelectionChange,
+            legendRef: _legendsRef
         });
         return legends;
     }

package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n  Chart,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  IDomainNRange,\n  domainRangeOfNumericForHorizontalBarChartWithAxis,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n  computeLongestBars,\n  groupChartDataByYValue,\n  MIN_DOMAIN_MARGIN,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _xAxisType: XAxisTypes =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n      : XAxisTypes.NumericAxis;\n  const _yAxisType: YAxisType =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n      : YAxisType.StringAxis;\n  const _emptyChartId: string = useId('_HBCWithAxis_empty');\n  let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n  let _barHeight: number = 0;\n  let _colors: string[] = [];\n  let _margins: Margins;\n  let _bars: JSX.Element[];\n  let _yAxisLabels: string[];\n  let _xMax: number;\n  let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _longestBarPositiveTotalValue: number;\n  let _longestBarNegativeTotalValue: number;\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const X_ORIGIN: number = 0;\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n    (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) ||\n      props.legendProps?.selectedLegend !== undefined,\n  );\n  const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n  const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\n  );\n\n  function _adjustProps(): void {\n    _points = props.data || [];\n    _barHeight = props.barHeight || 32;\n    const defaultPalette: string[] = [\n      getColorFromToken(DataVizPalette.color6),\n      getColorFromToken(DataVizPalette.color1),\n      getColorFromToken(DataVizPalette.color5),\n      getColorFromToken(DataVizPalette.color7),\n    ];\n    _colors = props.colors! || defaultPalette;\n  }\n\n  function _getMargins(margins: Margins) {\n    _margins = margins;\n  }\n\n  function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSX.Element {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element | null {\n    return props ? _renderContentForOnlyBars(props) : null;\n  }\n\n  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n      : null;\n  }\n\n  function _getGraphData(\n    xScale: NumericAxis,\n    yScale: NumericAxis | StringAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yElement?: SVGElement | null,\n  ) {\n    const stackedChartData = groupChartDataByYValue(_points);\n    const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n    _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n    _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n    const { xBarScale, yBarScale } =\n      _yAxisType === YAxisType.NumericAxis\n        ? _getScales(containerHeight, containerWidth, true)\n        : _getScales(containerHeight, containerWidth, false);\n    const xRange = xBarScale.range();\n    let allBars: JSX.Element[] = [];\n    // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n    if (xRange[0] < xRange[1]) {\n      allBars = stackedChartData\n        .map(singleBarData =>\n          _yAxisType === YAxisType.NumericAxis\n            ? _createNumericBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              )\n            : _createStringBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              ),\n        )\n        .flat();\n    }\n\n    return (_bars = allBars);\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _onBarFocus(\n    event: React.FocusEvent<SVGRectElement, Element>,\n    point: HorizontalBarChartWithAxisDataPoint,\n    refArrayIndexNumber: number,\n    color: string,\n  ): void {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    _updatePosition(cx, cy);\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    const xMax = _longestBarPositiveTotalValue;\n    const xMin = _longestBarNegativeTotalValue;\n    const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n    if (isNumericScale) {\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yDomainMax = Math.max(yMax, props.yMaxValue || 0);\n      // Default to 0 if yMinValue is not provided.\n      const yMinProp = props.yMinValue || 0;\n      const yDomainMin = Math.min(yMin, yMinProp);\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([yDomainMin, yDomainMax])\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n      return { xBarScale, yBarScale };\n    } else {\n      // please note these padding default values must be consistent in here\n      // and CatrtesianChartBase w for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      const yBarScale = d3ScaleBand()\n        .domain(_yAxisLabels)\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n        .padding(_yAxisPadding);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  }\n\n  function _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n    sortedBars.sort((a, b) => {\n      const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n      const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n      return bValue - aValue;\n    });\n\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n\n    const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n      prevPoint = point.x;\n\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            key={point.y}\n            x={xStart}\n            y={yBarScale(point.y) - _barHeight / 2}\n            data-is-focusable={shouldHighlight}\n            width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n            height={_barHeight}\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            rx={props.roundCorners ? 3 : 0}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            aria-labelledby={`toolTip${_calloutId}`}\n            onMouseLeave={_onBarLeave}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            onBlur={_onBarLeave}\n            fill={startColor}\n            opacity={shouldHighlight ? 1 : 0.1}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _getUniqueYValues() {\n    const mapY: Record<string, number | string> = {};\n    props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n      mapY[point.y] = point.y;\n    });\n    const uniqueY = Object.values(mapY);\n    return uniqueY;\n  }\n\n  function _calculateAppropriateBarHeight(data: number[] | Date[], totalWidth: number, innerPadding: number) {\n    const result = getClosestPairDiffAndRange(data);\n    if (!result || result[1] === 0) {\n      return 16;\n    }\n    const closestPairDiff = result[0];\n    let range = result[1];\n    const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n    // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n    // to calculate the bar height correctly.\n    range = Math.max(range, yMax);\n    // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n    // for the derivation of the following formula.\n    const barWidth = Math.floor(\n      (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n    );\n    return barWidth;\n  }\n\n  function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n    _domainMargin = MIN_DOMAIN_MARGIN;\n    const uniqueY = _getUniqueYValues();\n    /** Rate at which the space between the bars changes wrt the bar height */\n    _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n    const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n    const numBars = uniqueY.length + (uniqueY.length - 1) * barGapRate;\n    // Total height available to render the bars\n    const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n    if (_yAxisType !== YAxisType.StringAxis) {\n      // Calculate bar height dynamically\n      _barHeight =\n        props.barHeight || _calculateAppropriateBarHeight(uniqueY as number[] | Date[], totalHeight, _yAxisPadding);\n      _barHeight = Math.max(_barHeight, 1);\n      _domainMargin += _barHeight / 2;\n    } else {\n      // Calculate the appropriate bar height\n      _barHeight = props.barHeight || totalHeight / numBars;\n      /** Total height required to render the bars. Directly proportional to bar height */\n      const reqHeight = numBars * _barHeight;\n      if (totalHeight >= reqHeight) {\n        // Center align the chart by setting equal left and right margins for domain\n        _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n      }\n    }\n\n    return {\n      ..._margins,\n      top: _margins.top! + _domainMargin,\n      bottom: _margins.bottom! + _domainMargin,\n    };\n  }\n\n  function _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n    const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      prevPoint = point.x;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n            key={point.x}\n            x={xStart}\n            y={yBarScale(point.y)}\n            rx={props.roundCorners ? 3 : 0}\n            width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n            height={_barHeight}\n            aria-labelledby={`toolTip${_calloutId}`}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            onMouseLeave={_onBarLeave}\n            onBlur={_onBarLeave}\n            data-is-focusable={shouldHighlight}\n            opacity={shouldHighlight ? 1 : 0.1}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            fill={startColor}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _onLegendHover(customMessage: string): void {\n    if (!_isLegendSelected()) {\n      setIsLegendHovered(true);\n      setSelectedLegendTitle(customMessage);\n    }\n  }\n\n  function _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || !_isLegendSelected()) {\n      setIsLegendHovered(false);\n      setSelectedLegendTitle('');\n      setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n    }\n  }\n\n  function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSX.Element {\n    const { useSingleColor } = props;\n    const actions: Legend[] = [];\n    const mapLegendToColor: Record<string, string> = {};\n\n    data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n      mapLegendToColor[point.legend!] = color;\n    });\n    Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          _onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...props.legendProps}\n        onChange={_onLegendSelectionChange}\n      />\n    );\n    return legends;\n  }\n\n  function _isLegendSelected(): boolean {\n    return isLegendSelected!;\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  function _isLegendHighlighted(legend?: string) {\n    return _getHighlightedLegend().includes(legend!);\n  }\n\n  function _getHighlightedLegend() {\n    return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n  }\n\n  function _onLegendSelectionChange(\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n      setSelectedLegendTitle(currentLegend?.title!);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n      setSelectedLegendTitle(currentLegend?.title!);\n    }\n    setIsLegendSelected(selectedLegends.length > 0);\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  function _getAxisData(yAxisData: IAxisData) {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue || 0);\n    }\n  }\n  function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n    const xValue = point.xAxisCalloutData || point.x;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ` + `${yValue}.`;\n  }\n\n  function _getChartTitle(): string {\n    const { chartTitle, data } = props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length || 0} bars. `;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function _updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  function _getDomainNRangeValues(\n    points: HorizontalBarChartWithAxisDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(\n        points,\n        margins,\n        width,\n        isRTL,\n        shiftX,\n        X_ORIGIN,\n      );\n    } else {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    }\n    return domainNRangeValue;\n  }\n\n  if (!_isChartEmpty()) {\n    _adjustProps();\n    const calloutProps: ChartPopoverProps = {\n      color: color,\n      legend: selectedLegendTitle,\n      XValue: xCalloutValue,\n      YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n      ...props.calloutProps,\n      ...getAccessibleDataObject(callOutAccessibilityData),\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n      isCartesian: true,\n      isPopoverOpen,\n      clickPosition,\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n\n    const reversedBars = [..._points].reverse();\n    _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSX.Element = _getLegendData(_points);\n    return (\n      <CartesianChart\n        yAxisPadding={_yAxisPadding}\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={_xAxisType}\n        yAxisType={_yAxisType}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        stringDatasetForYAxisDomain={_yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createYAxisForHorizontalBarChartWithAxis}\n        createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n        getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n        barwidth={_barHeight}\n        getmargins={_getMargins}\n        getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n        getGraphData={_getGraphData}\n        getAxisData={_getAxisData}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        children={(props: ChildProps) => {\n          return (\n            <>\n              <g>{_bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  } else {\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","getClosestPairDiffAndRange","HorizontalBarChartWithAxis","forwardRef","props","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","useRef","X_ORIGIN","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","Fragment","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","reversedBars","reverse","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend, LegendContainer } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  IDomainNRange,\n  domainRangeOfNumericForHorizontalBarChartWithAxis,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n  computeLongestBars,\n  groupChartDataByYValue,\n  MIN_DOMAIN_MARGIN,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\nimport { toImage } from '../../utilities/image-export-utils';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _xAxisType: XAxisTypes =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n      : XAxisTypes.NumericAxis;\n  const _yAxisType: YAxisType =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n      : YAxisType.StringAxis;\n  const _emptyChartId: string = useId('_HBCWithAxis_empty');\n  let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n  let _barHeight: number = 0;\n  let _colors: string[] = [];\n  let _margins: Margins;\n  let _bars: JSX.Element[];\n  let _yAxisLabels: string[];\n  let _xMax: number;\n  let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _longestBarPositiveTotalValue: number;\n  let _longestBarNegativeTotalValue: number;\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const X_ORIGIN: number = 0;\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n    (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) ||\n      props.legendProps?.selectedLegend !== undefined,\n  );\n  const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n  const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRtl, opts);\n      },\n    }),\n    [],\n  );\n\n  function _adjustProps(): void {\n    _points = props.data || [];\n    _barHeight = props.barHeight || 32;\n    const defaultPalette: string[] = [\n      getColorFromToken(DataVizPalette.color6),\n      getColorFromToken(DataVizPalette.color1),\n      getColorFromToken(DataVizPalette.color5),\n      getColorFromToken(DataVizPalette.color7),\n    ];\n    _colors = props.colors! || defaultPalette;\n  }\n\n  function _getMargins(margins: Margins) {\n    _margins = margins;\n  }\n\n  function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSX.Element {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element | null {\n    return props ? _renderContentForOnlyBars(props) : null;\n  }\n\n  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n      : null;\n  }\n\n  function _getGraphData(\n    xScale: NumericAxis,\n    yScale: NumericAxis | StringAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yElement?: SVGElement | null,\n  ) {\n    const stackedChartData = groupChartDataByYValue(_points);\n    const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n    _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n    _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n    const { xBarScale, yBarScale } =\n      _yAxisType === YAxisType.NumericAxis\n        ? _getScales(containerHeight, containerWidth, true)\n        : _getScales(containerHeight, containerWidth, false);\n    const xRange = xBarScale.range();\n    let allBars: JSX.Element[] = [];\n    // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n    if (xRange[0] < xRange[1]) {\n      allBars = stackedChartData\n        .map(singleBarData =>\n          _yAxisType === YAxisType.NumericAxis\n            ? _createNumericBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              )\n            : _createStringBars(\n                containerHeight,\n                containerWidth,\n                xElement!,\n                yElement!,\n                singleBarData,\n                xBarScale,\n                yBarScale,\n              ),\n        )\n        .flat();\n    }\n\n    return (_bars = allBars);\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _onBarFocus(\n    event: React.FocusEvent<SVGRectElement, Element>,\n    point: HorizontalBarChartWithAxisDataPoint,\n    refArrayIndexNumber: number,\n    color: string,\n  ): void {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    _updatePosition(cx, cy);\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    const xMax = _longestBarPositiveTotalValue;\n    const xMin = _longestBarNegativeTotalValue;\n    const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n    if (isNumericScale) {\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const yDomainMax = Math.max(yMax, props.yMaxValue || 0);\n      // Default to 0 if yMinValue is not provided.\n      const yMinProp = props.yMinValue || 0;\n      const yDomainMin = Math.min(yMin, yMinProp);\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([yDomainMin, yDomainMax])\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n      return { xBarScale, yBarScale };\n    } else {\n      // please note these padding default values must be consistent in here\n      // and CatrtesianChartBase w for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      const yBarScale = d3ScaleBand()\n        .domain(_yAxisLabels)\n        .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n        .padding(_yAxisPadding);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  }\n\n  function _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n    sortedBars.sort((a, b) => {\n      const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n      const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n      return bValue - aValue;\n    });\n\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n\n    const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n      prevPoint = point.x;\n\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            key={point.y}\n            x={xStart}\n            y={yBarScale(point.y) - _barHeight / 2}\n            data-is-focusable={shouldHighlight}\n            width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n            height={_barHeight}\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            rx={props.roundCorners ? 3 : 0}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            aria-labelledby={`toolTip${_calloutId}`}\n            onMouseLeave={_onBarLeave}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            onBlur={_onBarLeave}\n            fill={startColor}\n            opacity={shouldHighlight ? 1 : 0.1}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _getUniqueYValues() {\n    const mapY: Record<string, number | string> = {};\n    props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n      mapY[point.y] = point.y;\n    });\n    const uniqueY = Object.values(mapY);\n    return uniqueY;\n  }\n\n  function _calculateAppropriateBarHeight(data: number[] | Date[], totalWidth: number, innerPadding: number) {\n    const result = getClosestPairDiffAndRange(data);\n    if (!result || result[1] === 0) {\n      return 16;\n    }\n    const closestPairDiff = result[0];\n    let range = result[1];\n    const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n    // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n    // to calculate the bar height correctly.\n    range = Math.max(range, yMax);\n    // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n    // for the derivation of the following formula.\n    const barWidth = Math.floor(\n      (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n    );\n    return barWidth;\n  }\n\n  function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n    _domainMargin = MIN_DOMAIN_MARGIN;\n    const uniqueY = _getUniqueYValues();\n    /** Rate at which the space between the bars changes wrt the bar height */\n    _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n    const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n    const numBars = uniqueY.length + (uniqueY.length - 1) * barGapRate;\n    // Total height available to render the bars\n    const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n    if (_yAxisType !== YAxisType.StringAxis) {\n      // Calculate bar height dynamically\n      _barHeight =\n        props.barHeight || _calculateAppropriateBarHeight(uniqueY as number[] | Date[], totalHeight, _yAxisPadding);\n      _barHeight = Math.max(_barHeight, 1);\n      _domainMargin += _barHeight / 2;\n    } else {\n      // Calculate the appropriate bar height\n      _barHeight = props.barHeight || totalHeight / numBars;\n      /** Total height required to render the bars. Directly proportional to bar height */\n      const reqHeight = numBars * _barHeight;\n      if (totalHeight >= reqHeight) {\n        // Center align the chart by setting equal left and right margins for domain\n        _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n      }\n    }\n\n    return {\n      ..._margins,\n      top: _margins.top! + _domainMargin,\n      bottom: _margins.bottom! + _domainMargin,\n    };\n  }\n\n  function _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n    singleBarData: HorizontalBarChartWithAxisDataPoint[],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xBarScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yBarScale: any,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    let prevWidthPositive = 0;\n    let prevWidthNegative = 0;\n    let prevPoint = 0;\n    const totalPositiveBars = singleBarData.filter(\n      (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n    ).length;\n    const totalNegativeBars = singleBarData.length - totalPositiveBars;\n    let currPositiveCounter = 0;\n    let currNegativeCounter = 0;\n    const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      if (point.x >= X_ORIGIN) {\n        ++currPositiveCounter;\n      }\n      if (point.x < X_ORIGIN) {\n        ++currNegativeCounter;\n      }\n      const barStartX = _isRtl\n        ? containerWidth -\n          (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n        : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n      const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n      prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n      const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n      const gapWidthLTR =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) ||\n          (point.x < X_ORIGIN && (totalPositiveBars !== 0 || currNegativeCounter > 1)))\n          ? 2\n          : 0;\n      const gapWidthRTL =\n        currentWidth > 2 &&\n        ((point.x > X_ORIGIN && (totalNegativeBars !== 0 || currPositiveCounter > 1)) ||\n          (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n          ? 2\n          : 0;\n      prevPoint = point.x;\n      let xStart = X_ORIGIN;\n      if (_isRtl) {\n        xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n      } else {\n        xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n      }\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n            key={point.x}\n            x={xStart}\n            y={yBarScale(point.y)}\n            rx={props.roundCorners ? 3 : 0}\n            width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n            height={_barHeight}\n            aria-labelledby={`toolTip${_calloutId}`}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            onMouseLeave={_onBarLeave}\n            onBlur={_onBarLeave}\n            data-is-focusable={shouldHighlight}\n            opacity={shouldHighlight ? 1 : 0.1}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            fill={startColor}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n\n  function _onLegendHover(customMessage: string): void {\n    if (!_isLegendSelected()) {\n      setIsLegendHovered(true);\n      setSelectedLegendTitle(customMessage);\n    }\n  }\n\n  function _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || !_isLegendSelected()) {\n      setIsLegendHovered(false);\n      setSelectedLegendTitle('');\n      setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n    }\n  }\n\n  function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSX.Element {\n    const { useSingleColor } = props;\n    const actions: Legend[] = [];\n    const mapLegendToColor: Record<string, string> = {};\n\n    data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n      mapLegendToColor[point.legend!] = color;\n    });\n    Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          _onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...props.legendProps}\n        onChange={_onLegendSelectionChange}\n        legendRef={_legendsRef}\n      />\n    );\n    return legends;\n  }\n\n  function _isLegendSelected(): boolean {\n    return isLegendSelected!;\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  function _isLegendHighlighted(legend?: string) {\n    return _getHighlightedLegend().includes(legend!);\n  }\n\n  function _getHighlightedLegend() {\n    return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n  }\n\n  function _onLegendSelectionChange(\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n      setSelectedLegendTitle(currentLegend?.title!);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n      setSelectedLegendTitle(currentLegend?.title!);\n    }\n    setIsLegendSelected(selectedLegends.length > 0);\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  function _getAxisData(yAxisData: IAxisData) {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue || 0);\n    }\n  }\n  function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n    const xValue = point.xAxisCalloutData || point.x;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ` + `${yValue}.`;\n  }\n\n  function _getChartTitle(): string {\n    const { chartTitle, data } = props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length || 0} bars. `;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function _updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  function _getDomainNRangeValues(\n    points: HorizontalBarChartWithAxisDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(\n        points,\n        margins,\n        width,\n        isRTL,\n        shiftX,\n        X_ORIGIN,\n      );\n    } else {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    }\n    return domainNRangeValue;\n  }\n\n  if (!_isChartEmpty()) {\n    _adjustProps();\n    const calloutProps: ChartPopoverProps = {\n      color: color,\n      legend: selectedLegendTitle,\n      XValue: xCalloutValue,\n      YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n      ...props.calloutProps,\n      ...getAccessibleDataObject(callOutAccessibilityData),\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n      isCartesian: true,\n      isPopoverOpen,\n      clickPosition,\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n\n    const reversedBars = [..._points].reverse();\n    _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSX.Element = _getLegendData(_points);\n    return (\n      <CartesianChart\n        yAxisPadding={_yAxisPadding}\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={_xAxisType}\n        yAxisType={_yAxisType}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        stringDatasetForYAxisDomain={_yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createYAxisForHorizontalBarChartWithAxis}\n        createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n        getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n        barwidth={_barHeight}\n        getmargins={_getMargins}\n        getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n        getGraphData={_getGraphData}\n        getAxisData={_getAxisData}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        children={(props: ChildProps) => {\n          return (\n            <>\n              <g>{_bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  } else {\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","getClosestPairDiffAndRange","toImage","HorizontalBarChartWithAxis","forwardRef","props","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","useRef","X_ORIGIN","_legendsRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","Fragment","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","reversedBars","reverse","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAOC,KAAK,EAAEC,OAAOC,KAAK,QAAQ,WAAW;AACtD,SAASC,eAAeC,aAAa,EAAgCC,aAAaC,WAAW,QAAQ,WAAW;AAEhH,SAASC,OAAO,QAAQ,mCAAmC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAWlD,SAASC,cAAc,QAAQ,qCAAqC;AAEpE,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SACEC,UAAU,EAEVC,uBAAuB,EACvBC,SAAS,EACTC,UAAU,EAGVC,aAAa,EACbC,YAAY,EACZC,yBAAyB,EACzBC,wCAAwC,EAExCC,iDAAiD,EACjDC,8CAA8C,EAC9CC,cAAc,EACdC,MAAM,EACNC,cAAc,EACdC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,iBAAiB,QACZ,wBAAwB;AAC/B,SAASC,0BAA0B,QAAQ,4BAA4B;AACvE,SAASC,OAAO,QAAQ,qCAAqC;AAG7D,OAAO,MAAMC,2CAAuFhC,MAAMiC,UAAU,CAGlH,CAACC,OAAOC;QAiCLD,oBACCA,qBAGyEA,qBAGNA;IAvCvE,MAAME,YAA4B,EAAE;IACpC,MAAMC,aAAqB3B,MAAM;IACjC,MAAM4B,SAAkBd;IACxB,MAAMe,aACJL,MAAMM,IAAI,IAAKN,MAAMM,IAAI,CAAEC,MAAM,GAAG,IAC/BxB,cAAciB,MAAMM,IAAI,AAAC,CAAC,EAAE,CAACE,CAAC,EAAE,QACjC1B,WAAW2B,WAAW;IAC5B,MAAMC,aACJV,MAAMM,IAAI,IAAKN,MAAMM,IAAI,CAAEC,MAAM,GAAG,IAC/BxB,cAAciB,MAAMM,IAAI,AAAC,CAAC,EAAE,CAACK,CAAC,EAAE,SACjC9B,UAAU+B,UAAU;IAC1B,MAAMC,gBAAwBrC,MAAM;IACpC,IAAIsC,UAAiD,EAAE;IACvD,IAAIC,aAAqB;IACzB,IAAIC,UAAoB,EAAE;IAC1B,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,8DAA8D;IAC9D,IAAIC;IACJ,IAAIC;IACJ,IAAIC,gBAAwB7B;QACAK;IAA5B,IAAIyB,gBAAwBzB,CAAAA,sBAAAA,MAAM0B,YAAY,cAAlB1B,iCAAAA,sBAAsB;IAClD,MAAM2B,oBAAoB7D,MAAM8D,MAAM,CAAQ;IAC9C,MAAMC,WAAmB;IACzB,MAAMC,cAAchE,MAAM8D,MAAM,CAAkB;IAElD,MAAM,CAACG,OAAOC,SAAS,GAAGlE,MAAMmE,QAAQ,CAAS;IACjD,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGrE,MAAMmE,QAAQ,CAAS;IACvE,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGvE,MAAMmE,QAAQ,CAC5D,EAACjC,qBAAAA,MAAMsC,WAAW,cAAjBtC,yCAAAA,mBAAmBuC,eAAe,KAAIvC,MAAMsC,WAAW,CAACC,eAAe,CAAChC,MAAM,GAAG,KAChFP,EAAAA,sBAAAA,MAAMsC,WAAW,cAAjBtC,0CAAAA,oBAAmBwC,cAAc,MAAKC;IAE1C,MAAM,CAACC,iBAAiBC,mBAAmB,GAAG7E,MAAMmE,QAAQ,CAAU;QACOjC;IAA7E,MAAM,CAAC4C,qBAAqBC,uBAAuB,GAAG/E,MAAMmE,QAAQ,CAASjC,CAAAA,qCAAAA,sBAAAA,MAAMsC,WAAW,cAAjBtC,0CAAAA,oBAAmBwC,cAAc,cAAjCxC,+CAAAA,oCAAqC;IAClH,MAAM,CAAC8C,eAAeC,iBAAiB,GAAGjF,MAAMmE,QAAQ,CAAS;IACjE,MAAM,CAACe,eAAeC,iBAAiB,GAAGnF,MAAMmE,QAAQ,CAAS;IACjE,MAAM,CAACM,iBAAiBW,mBAAmB,GAAGpF,MAAMmE,QAAQ,CAAWjC,EAAAA,sBAAAA,MAAMsC,WAAW,cAAjBtC,0CAAAA,oBAAmBuC,eAAe,KAAI,EAAE;IAC/G,MAAM,CAACY,uBAAuBC,yBAAyB,GAAGtF,MAAMmE,QAAQ;IACxE,MAAM,CAACoB,0BAA0BC,4BAA4B,GAAGxF,MAAMmE,QAAQ;IAC9E,MAAM,CAACsB,eAAeC,eAAe,GAAG1F,MAAMmE,QAAQ,CAAU;IAChE,MAAM,CAACwB,eAAeC,iBAAiB,GAAG5F,MAAMmE,QAAQ,CAAC;QAAEzB,GAAG;QAAGG,GAAG;IAAE;IACtE,MAAMgD,eAAe7F,MAAM8D,MAAM,CAAyC;IAE1E9D,MAAM8F,SAAS,CAAC;QACd,IAAID,aAAaE,OAAO,EAAE;gBAEJC,wBAAwC9D;YAD5D,MAAM8D,YAAYH,aAAaE,OAAO;YACtC,IAAI,CAACxE,gBAAeyE,yBAAAA,UAAUxB,WAAW,cAArBwB,6CAAAA,uBAAuBvB,eAAe,GAAEvC,qBAAAA,MAAMsC,WAAW,cAAjBtC,yCAAAA,mBAAmBuC,eAAe,GAAG;oBAC5EvC;gBAAnBkD,mBAAmBlD,EAAAA,sBAAAA,MAAMsC,WAAW,cAAjBtC,0CAAAA,oBAAmBuC,eAAe,KAAI,EAAE;YAC7D;QACF;QACAoB,aAAaE,OAAO,GAAG7D;IACzB,GAAG;QAACA;KAAM;IAEVlC,MAAMiG,mBAAmB,CACvB/D,MAAMgE,YAAY,EAClB;YACkBrC;YAAAA;eADX;YACLsC,gBAAgBtC,CAAAA,6CAAAA,6BAAAA,kBAAkBkC,OAAO,cAAzBlC,iDAAAA,2BAA2BsC,cAAc,cAAzCtC,uDAAAA,4CAA6C;YAC7D9B,SAAS,CAACqE;oBACOvC,4BAA2CG;gBAA1D,OAAOjC,SAAQ8B,6BAAAA,kBAAkBkC,OAAO,cAAzBlC,iDAAAA,2BAA2BsC,cAAc,GAAEnC,sBAAAA,YAAY+B,OAAO,cAAnB/B,0CAAAA,oBAAqBqC,KAAK,EAAE/D,QAAQ8D;YAChG;QACF;OACA,EAAE;IAGJ,SAASE;QACPtD,UAAUd,MAAMM,IAAI,IAAI,EAAE;QAC1BS,aAAaf,MAAMqE,SAAS,IAAI;QAChC,MAAMC,iBAA2B;YAC/B9E,kBAAkBD,eAAegF,MAAM;YACvC/E,kBAAkBD,eAAeiF,MAAM;YACvChF,kBAAkBD,eAAekF,MAAM;YACvCjF,kBAAkBD,eAAemF,MAAM;SACxC;QACD1D,UAAUhB,MAAM2E,MAAM,IAAKL;IAC7B;IAEA,SAASM,YAAYC,OAAgB;QACnC5D,WAAW4D;IACb;IAEA,SAASC,0BAA0BC,KAA0C;QAC3E,MAAM,EAAEC,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIiF,qBAAqB;QACzBjF,MAAMM,IAAI,CAAE4E,OAAO,CAAC,CAACC,YAAiDC;YACpE,IAAID,WAAWxE,CAAC,KAAKoE,MAAMpE,CAAC,EAAE;gBAC5BsE,qBAAqBG;YACvB;QACF;QACA,wDAAwD;QACxD,IAAIrD;QACJ,IAAIiD,gBAAgB;YAClB,oEAAoE;YACpE,gEAAgE;YAChEjD,QAAQ/B,MAAM2E,MAAM,GAAGU,gBAAgB,KAAKrG,aAAa,GAAG;QAC9D,OAAO;YACL+C,QAAQgD,MAAMhD,KAAK,GAAGgD,MAAMhD,KAAK,GAAG/B,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMvE,CAAC,IAAIxB,aAAaiG,oBAAoB;QACjH;YAQejF;QAPf,qBACE,wDACE,oBAACtB;YACC4G,QAAQP,MAAMQ,gBAAgB,IAAIR,MAAMvE,CAAC,CAACgF,QAAQ;YAClDC,QAAQV,MAAMU,MAAM;YACpBC,QAAQX,MAAMY,gBAAgB,IAAIZ,MAAMpE,CAAC;YACzCoB,OAAOA;YACP6D,SAAS5F,CAAAA,iBAAAA,MAAM4F,OAAO,cAAb5F,4BAAAA,iBAAiB;YAC1ByD,eAAeA;YACfF,eAAeA;;IAIvB;IAEA,wDAAwD;IACxD,SAASsC,eAAe7F,KAA2C;QACjE,OAAOA,QAAQ8E,0BAA0B9E,SAAS;IACpD;IAEA,SAAS8F;QACP,OAAO9F,MAAM+F,2BAA2B,GACpC/F,MAAM+F,2BAA2B,CAAC5C,uBAAuB0C,kBACzD;IACN;IAEA,SAASG,cACPC,MAAmB,EACnBC,MAAgC,EAChCC,eAAuB,EACvBC,cAAsB,EACtBC,QAA4B,EAC5BC,QAA4B;QAE5B,MAAMC,mBAAmB7G,uBAAuBoB;QAChD,MAAM0F,cAAc/G,mBAAmB8G,kBAAkB1E;QACzDP,gCAAgCkF,YAAYC,kBAAkB;QAC9DlF,gCAAgCiF,YAAYE,kBAAkB;QAE9D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAC5BlG,eAAe7B,UAAU4B,WAAW,GAChCoG,WAAWV,iBAAiBC,gBAAgB,QAC5CS,WAAWV,iBAAiBC,gBAAgB;QAClD,MAAMU,SAASH,UAAUI,KAAK;QAC9B,IAAIC,UAAyB,EAAE;QAC/B,mGAAmG;QACnG,IAAIF,MAAM,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,EAAE;YACzBE,UAAUT,iBACPU,GAAG,CAACC,CAAAA,gBACHxG,eAAe7B,UAAU4B,WAAW,GAChC0G,mBACEhB,iBACAC,gBACAC,UACAC,UACAY,eACAP,WACAC,aAEFQ,kBACEjB,iBACAC,gBACAC,UACAC,UACAY,eACAP,WACAC,YAGPS,IAAI;QACT;QAEA,OAAQnG,QAAQ8F;IAClB;IAEA,SAAS3B;QACP,MAAMiC,YAAYtG,QAAQT,MAAM,IAAI,IAAI,IAAI,IAAKS,CAAAA,QAAQT,MAAM,GAAG,CAAA;QAClE,MAAM,EAAEyE,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIgF,gBAAgB;YAClB,OAAO,CAACuC;gBACN,MAAM,EAAE5C,MAAM,EAAE,GAAG3E;gBACnB,OAAO2E,UAAUA,OAAOpE,MAAM,GAAG,IAAIoE,MAAM,CAAC,EAAE,GAAGnF,kBAAkBD,eAAeiI,OAAO;YAC3F;QACF;QACA,MAAMC,eAAe,EAAE;QACvB,IAAK,IAAIC,IAAI,GAAGA,IAAI1G,QAAQT,MAAM,EAAEmH,IAAK;YACvCD,aAAaE,IAAI,CAACL,YAAYI,IAAItG;QACpC;QACA,MAAMwG,aAAaxJ,gBAAwByJ,MAAM,CAACJ,cAAcV,KAAK,CAAC/F;QACtE,OAAO4G;IACT;IAEA,SAASE,aAAaC,OAAuB,EAAEC,WAAmB;QAChE9H,UAAUyH,IAAI,CAAC;YAAEvC,OAAO4C;YAAaC,YAAYF;QAAQ;IAC3D;IAEA,SAASG,YACPnD,KAA0C,EAC1C,wDAAwD;IACxDhD,KAAa,EACboG,UAAoD;QAEpDA,WAAWC,OAAO;QAClB,wDAAwD;QACxD,IAAI,AAAChG,CAAAA,qBAAqB,SAASiG,qBAAqBtD,MAAMU,MAAM,CAAA,KAAMpE,wBAAwB0D,OAAO;YACvG1D,sBAAsB0D;YACtBvB,eAAe;YACf8E,gBAAgBH,WAAWI,OAAO,EAAEJ,WAAWK,OAAO;YACtDrG,oBAAoB4C,MAAMvE,CAAC;YAC3BqC,uBAAuBkC,MAAMU,MAAM;YACnCzD,SAAShC,MAAMgF,cAAc,IAAIhF,MAAMyI,cAAc,GAAG1G,QAAQgD,MAAMhD,KAAK;YAC3E,+FAA+F;YAC/FgB,iBAAiBgC,MAAMY,gBAAgB,IAAKZ,MAAMpE,CAAC,CAAC6E,QAAQ;YAC5DvC,iBAAiB8B,MAAMQ,gBAAgB,IAAIR,MAAMvE,CAAC,CAACgF,QAAQ;YAC3DpC,yBAAyB2B;YACzBzB,4BAA4ByB,MAAM1B,wBAAwB;QAC5D;IACF;IAEA,SAASqF;QACPlF,eAAe;IACjB;IAEA,SAASmF;QACPtH,sBAAsB;QACtBmC,eAAe;IACjB;IAEA,wDAAwD;IACxD,SAASoF,YACPC,KAAgD,EAChD9D,KAA0C,EAC1C+D,mBAA2B,EAC3B/G,KAAa;QAEb,IAAIgH,KAAK;QACT,IAAIC,KAAK;QAET,MAAMC,aAAa,AAACJ,MAAMK,MAAM,CAAoBC,qBAAqB;QACzEJ,KAAKE,WAAWG,IAAI,GAAGH,WAAWI,KAAK,GAAG;QAC1CL,KAAKC,WAAWK,GAAG,GAAGL,WAAWM,MAAM,GAAG;QAC1CjB,gBAAgBS,IAAIC;QACpB,IAAI,AAAC5G,CAAAA,qBAAqB,SAASiG,qBAAqBtD,MAAMU,MAAM,CAAA,KAAMpE,wBAAwB0D,OAAO;YACvG,wDAAwD;YACxD7E,UAAUgF,OAAO,CAAC,CAACsE,KAAmBpE;gBACpC,IAAI0D,wBAAwB1D,OAAO;oBACjC5B,eAAe;oBACfX,uBAAuBkC,MAAMU,MAAM;oBACnCtD,oBAAoB4C,MAAMvE,CAAC;oBAC3BwB,SAAShC,MAAMgF,cAAc,GAAGjD,QAAQgD,MAAMhD,KAAK;oBACnDgB,iBAAiBgC,MAAMY,gBAAgB,IAAIZ,MAAMpE,CAAC,CAAC6E,QAAQ;oBAC3DvC,iBAAiB8B,MAAMQ,gBAAgB,IAAKR,MAAMvE,CAAC,CAACgF,QAAQ;oBAC5DpC,yBAAyB2B;oBACzBzB,4BAA4ByB,MAAM1B,wBAAwB;gBAC5D;YACF;QACF;IACF;IAEA,SAASwD,WACPV,eAAuB,EACvBC,cAAsB,EACtBqD,cAAuB;QAGvB,MAAMC,OAAOpI;QACb,MAAMqI,OAAOpI;QACb,MAAMqI,UAAU;YAACC,KAAK5L,GAAG,CAAC4D,UAAU8H;YAAOE,KAAK9L,GAAG,CAAC8D,UAAU6H;SAAM;QACpE,IAAID,gBAAgB;YAClB,MAAMK,OAAO9L,MAAM8C,SAAS,CAACiE,QAA+CA,MAAMpE,CAAC;YACnF,MAAMoJ,OAAO7L,MAAM4C,SAAS,CAACiE,QAA+CA,MAAMpE,CAAC;YACnF,MAAMqJ,aAAaH,KAAK9L,GAAG,CAAC+L,MAAM9J,MAAMiK,SAAS,IAAI;YACrD,6CAA6C;YAC7C,MAAMC,WAAWlK,MAAMmK,SAAS,IAAI;YACpC,MAAMC,aAAaP,KAAK5L,GAAG,CAAC8L,MAAMG;YAClC,MAAMvD,YAAYvI,gBACfyJ,MAAM,CAAC+B,SACPS,IAAI,GACJtD,KAAK,CAAC;gBAAC9F,SAASmI,IAAI;gBAAGhD,iBAAiBnF,SAASqJ,KAAK;aAAE;YAC3D,MAAM1D,YAAYxI,gBACfyJ,MAAM,CAAC;gBAACuC;gBAAYJ;aAAW,EAC/BjD,KAAK,CAAC;gBAACZ,kBAAmBlF,CAAAA,SAASsJ,MAAM,GAAI/I,aAAY;gBAAIP,SAASqI,GAAG,GAAI9H;aAAc;YAC9F,OAAO;gBAAEmF;gBAAWC;YAAU;QAChC,OAAO;YACL,sEAAsE;YACtE,2DAA2D;YAC3D,kDAAkD;YAClD,MAAMA,YAAYtI,cACfuJ,MAAM,CAAC1G,cACP4F,KAAK,CAAC;gBAACZ,kBAAmBlF,CAAAA,SAASsJ,MAAM,GAAI/I,aAAY;gBAAIP,SAASqI,GAAG,GAAI9H;aAAc,EAC3FgJ,OAAO,CAAC/I;YAEX,MAAMkF,YAAYvI,gBACfyJ,MAAM,CAAC+B,SACPS,IAAI,GACJtD,KAAK,CAAC;gBAAC9F,SAASmI,IAAI;gBAAGhD,iBAAiBnF,SAASqJ,KAAK;aAAE;YAC3D,OAAO;gBAAE3D;gBAAWC;YAAU;QAChC;IACF;IAEA,SAASO,mBACPhB,eAAuB,EACvBC,cAAsB,EACtBC,QAAoB,EACpBC,QAAoB,EACpBY,aAAoD,EACpD,8DAA8D;IAC9DP,SAAc,EACd,8DAA8D;IAC9DC,SAAc;QAEd,MAAM,EAAE5B,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,MAAMyK,aAAoD;eAAIvD;SAAc;QAC5EuD,WAAWC,IAAI,CAAC,CAACC,GAAGC;YAClB,MAAMC,SAAS,OAAOF,EAAEhK,CAAC,KAAK,WAAWgK,EAAEhK,CAAC,GAAGmK,WAAWH,EAAEhK,CAAC;YAC7D,MAAMoK,SAAS,OAAOH,EAAEjK,CAAC,KAAK,WAAWiK,EAAEjK,CAAC,GAAGmK,WAAWF,EAAEjK,CAAC;YAC7D,OAAOoK,SAASF;QAClB;QAEA,IAAIG,oBAAoB;QACxB,IAAIC,oBAAoB;QACxB,IAAIC,YAAY;QAEhB,MAAMC,oBAAoBjE,cAAckE,MAAM,CAC5C,CAACrG,QAA+CA,MAAMvE,CAAC,IAAIqB,UAC3DtB,MAAM;QACR,MAAM8K,oBAAoBnE,cAAc3G,MAAM,GAAG4K;QACjD,IAAIG,sBAAsB;QAC1B,IAAIC,sBAAsB;QAE1B,MAAMC,OAAOf,WAAWxD,GAAG,CAAC,CAAClC,OAA4CK;YACvE,IAAIqG,kBAAkB;YACtB,IAAI/I,mBAAmBN,kBAAkB;gBACvCqJ,kBAAkBpD,qBAAqBtD,MAAMU,MAAM;YACrD;YACA,IAAIV,MAAMvE,CAAC,IAAIqB,UAAU;gBACvB,EAAEyJ;YACJ;YACA,IAAIvG,MAAMvE,CAAC,GAAGqB,UAAU;gBACtB,EAAE0J;YACJ;YACA,MAAMG,YAAYtL,SACdgG,iBACCnF,CAAAA,SAASqJ,KAAK,GAAIT,KAAK9L,GAAG,CAAC4I,UAAU5B,MAAMvE,CAAC,GAAGqB,WAAW8E,UAAU9E,aAAaZ,SAASmI,IAAI,IAC/FS,KAAK5L,GAAG,CAAC0I,UAAU5B,MAAMvE,CAAC,GAAGqB,WAAW8E,UAAU9E;YACtD,MAAMwC,YAAoBwF,KAAK9L,GAAG,CAAC6I,UAAU7B,MAAMpE,CAAC,GAAG;YACvD,IAAI0D,YAAY,GAAG;gBACjB,qBAAO,oBAACvG,MAAM6N,QAAQ;oBAACC,KAAK7G,MAAMvE,CAAC;mBAAE;YACvC;YACA,IAAIqL;YACJ,IAAI7G,gBAAgB;gBAClB,oEAAoE;gBACpE,gEAAgE;gBAChE6G,aAAa7L,MAAM2E,MAAM,GAAGU,gBAAgB,KAAKrG,aAAa,GAAG;YACnE,OAAO;gBACL6M,aAAa7L,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMvE,CAAC,IAAIxB,aAAaoG,OAAO;YAC7E;YAEAyG,aAAa9G,MAAMhD,KAAK,IAAI,CAACiD,iBAAiBD,MAAMhD,KAAK,GAAG8J;YAE5D,MAAMC,eAAejC,KAAKkC,GAAG,CAACpF,UAAUuE,YAAYrJ,YAAY8E,UAAU9E;YAC1EqJ,YAAYrJ,WAAYmJ,qBAAqBc,eAAiBb,qBAAqBa;YACnF,MAAME,eAAenC,KAAKkC,GAAG,CAACpF,UAAU5B,MAAMvE,CAAC,GAAGqB,YAAY8E,UAAU9E;YACxE,MAAMoK,cACJD,eAAe,KACd,CAAA,AAACjH,MAAMvE,CAAC,GAAGqB,YAAYyJ,wBAAwBH,qBAC7CpG,MAAMvE,CAAC,GAAGqB,YAAasJ,CAAAA,sBAAsB,KAAKI,sBAAsB,CAAA,CAAE,IACzE,IACA;YACN,MAAMW,cACJF,eAAe,KACd,CAAA,AAACjH,MAAMvE,CAAC,GAAGqB,YAAawJ,CAAAA,sBAAsB,KAAKC,sBAAsB,CAAA,KACvEvG,MAAMvE,CAAC,GAAGqB,YAAY0J,wBAAwBF,iBAAiB,IAC9D,IACA;YACN,IAAIc,SAAStK;YACb,IAAIzB,QAAQ;gBACV+L,SAASpH,MAAMvE,CAAC,GAAGqB,WAAW6J,YAAYV,oBAAoBU,YAAYT;YAC5E,OAAO;gBACLkB,SAASpH,MAAMvE,CAAC,GAAGqB,WAAW6J,YAAYV,oBAAoBU,YAAYT;YAC5E;YACAC,YAAYnG,MAAMvE,CAAC;YAEnB,qBACE,oBAAC1C,MAAM6N,QAAQ;gBAACC,KAAK,GAAGxG,MAAM,CAAC,EAAEL,MAAMvE,CAAC,EAAE;6BACxC,oBAAC4L;gBACCR,KAAK7G,MAAMpE,CAAC;gBACZH,GAAG2L;gBACHxL,GAAGiG,UAAU7B,MAAMpE,CAAC,IAAII,aAAa;gBACrCsL,qBAAmBZ;gBACnBpC,OAAO2C,eAAgB5L,CAAAA,SAAS8L,cAAcD,WAAU;gBACxD1C,QAAQxI;gBACRuL,KAAK,CAACC;oBACJzE,aAAayE,GAAGxH,MAAMU,MAAM;gBAC9B;gBACA+G,IAAIxM,MAAMyM,YAAY,GAAG,IAAI;gBAC7BC,SAAS3H,MAAM2H,OAAO;gBACtBC,aAAa,CAAC9D,QAAoDX,YAAYnD,OAAO8G,YAAYhD;gBACjG+D,cAAYC,cAAc9H;gBAC1B+H,MAAK;gBACLC,mBAAiB,CAAC,OAAO,EAAE5M,YAAY;gBACvC6M,cAActE;gBACduE,SAASpE,CAAAA,QAASD,YAAYC,OAAO9D,OAAOK,OAAOyG;gBACnDqB,QAAQxE;gBACRyE,MAAMtB;gBACNuB,SAAS3B,kBAAkB,IAAI;gBAC/B4B,UAAUtI,MAAMU,MAAM,KAAK,KAAK,IAAIhD;;QAI5C;QACA,OAAO+I;IACT;IAEA,SAAS8B;YAEPtN;QADA,MAAMuN,OAAwC,CAAC;SAC/CvN,cAAAA,MAAMM,IAAI,cAAVN,kCAAAA,YAAYkF,OAAO,CAAC,CAACH;YACnBwI,IAAI,CAACxI,MAAMpE,CAAC,CAAC,GAAGoE,MAAMpE,CAAC;QACzB;QACA,MAAM6M,UAAUC,OAAOC,MAAM,CAACH;QAC9B,OAAOC;IACT;IAEA,SAASG,+BAA+BrN,IAAuB,EAAEsN,UAAkB,EAAEC,YAAoB;QACvG,MAAMC,SAASlO,2BAA2BU;QAC1C,IAAI,CAACwN,UAAUA,MAAM,CAAC,EAAE,KAAK,GAAG;YAC9B,OAAO;QACT;QACA,MAAMC,kBAAkBD,MAAM,CAAC,EAAE;QACjC,IAAI/G,QAAQ+G,MAAM,CAAC,EAAE;QACrB,MAAMhE,OAAO9L,MAAM8C,SAAS,CAACiE,QAA+CA,MAAMpE,CAAC;QACnF,kGAAkG;QAClG,yCAAyC;QACzCoG,QAAQ8C,KAAK9L,GAAG,CAACgJ,OAAO+C;QACxB,mHAAmH;QACnH,+CAA+C;QAC/C,MAAMkE,WAAWnE,KAAKoE,KAAK,CACzB,AAACL,aAAaG,kBAAmB,CAAA,IAAIF,YAAW,IAAO9G,CAAAA,QAAQgH,kBAAmB,CAAA,IAAIF,YAAW,CAAC;QAEpG,OAAOG;IACT;IAEA,SAASE,uCAAuC/H,eAAuB;QACrE3E,gBAAgB7B;QAChB,MAAM6N,UAAUF;QAChB,wEAAwE,GACxE7L,gBAAgBA,kBAAkB,IAAI,OAAOA;QAC7C,MAAM0M,aAAa1M,gBAAiB,CAAA,IAAIA,aAAY;QACpD,MAAM2M,UAAUZ,QAAQjN,MAAM,GAAG,AAACiN,CAAAA,QAAQjN,MAAM,GAAG,CAAA,IAAK4N;QACxD,4CAA4C;QAC5C,MAAME,cAAclI,kBAAmBlF,CAAAA,SAASqI,GAAG,GAAI3J,iBAAgB,IAAMsB,CAAAA,SAASsJ,MAAM,GAAI5K,iBAAgB;QAChH,IAAIe,eAAe7B,UAAU+B,UAAU,EAAE;YACvC,mCAAmC;YACnCG,aACEf,MAAMqE,SAAS,IAAIsJ,+BAA+BH,SAA8Ba,aAAa5M;YAC/FV,aAAa8I,KAAK9L,GAAG,CAACgD,YAAY;YAClCS,iBAAiBT,aAAa;QAChC,OAAO;YACL,uCAAuC;YACvCA,aAAaf,MAAMqE,SAAS,IAAIgK,cAAcD;YAC9C,kFAAkF,GAClF,MAAME,YAAYF,UAAUrN;YAC5B,IAAIsN,eAAeC,WAAW;gBAC5B,4EAA4E;gBAC5E9M,gBAAgB7B,oBAAoB,AAAC0O,CAAAA,cAAcC,SAAQ,IAAK;YAClE;QACF;QAEA,OAAO;YACL,GAAGrN,QAAQ;YACXqI,KAAKrI,SAASqI,GAAG,GAAI9H;YACrB+I,QAAQtJ,SAASsJ,MAAM,GAAI/I;QAC7B;IACF;IAEA,SAAS4F,kBACPjB,eAAuB,EACvBC,cAAsB,EACtBC,QAAoB,EACpBC,QAAoB,EACpBY,aAAoD,EACpD,8DAA8D;IAC9DP,SAAc,EACd,8DAA8D;IAC9DC,SAAc;QAEd,MAAM,EAAE5B,iBAAiB,KAAK,EAAE,GAAGhF;QACnC,IAAIgL,oBAAoB;QACxB,IAAIC,oBAAoB;QACxB,IAAIC,YAAY;QAChB,MAAMC,oBAAoBjE,cAAckE,MAAM,CAC5C,CAACrG,QAA+CA,MAAMvE,CAAC,IAAIqB,UAC3DtB,MAAM;QACR,MAAM8K,oBAAoBnE,cAAc3G,MAAM,GAAG4K;QACjD,IAAIG,sBAAsB;QAC1B,IAAIC,sBAAsB;QAC1B,MAAMC,OAAOtE,cAAcD,GAAG,CAAC,CAAClC,OAA4CK;YAC1E,IAAIqG,kBAAkB;YACtB,IAAI/I,mBAAmBN,kBAAkB;gBACvCqJ,kBAAkBpD,qBAAqBtD,MAAMU,MAAM;YACrD;YACA,IAAIV,MAAMvE,CAAC,IAAIqB,UAAU;gBACvB,EAAEyJ;YACJ;YACA,IAAIvG,MAAMvE,CAAC,GAAGqB,UAAU;gBACtB,EAAE0J;YACJ;YACA,MAAMG,YAAYtL,SACdgG,iBACCnF,CAAAA,SAASqJ,KAAK,GAAIT,KAAK9L,GAAG,CAAC4I,UAAU5B,MAAMvE,CAAC,GAAGqB,WAAW8E,UAAU9E,aAAaZ,SAASmI,IAAI,IAC/FS,KAAK5L,GAAG,CAAC0I,UAAU5B,MAAMvE,CAAC,GAAGqB,WAAW8E,UAAU9E;YACtD,MAAMwC,YAAoBwF,KAAK9L,GAAG,CAAC6I,UAAU7B,MAAMpE,CAAC,GAAG;YACvD,IAAI0D,YAAY,GAAG;gBACjB,qBAAO,oBAACvG,MAAM6N,QAAQ;oBAACC,KAAK7G,MAAMvE,CAAC;mBAAE;YACvC;YACA,IAAIqL;YACJ,IAAI7G,gBAAgB;gBAClB,oEAAoE;gBACpE,gEAAgE;gBAChE6G,aAAa7L,MAAM2E,MAAM,GAAGU,gBAAgB,KAAKrG,aAAa,GAAG;YACnE,OAAO;gBACL6M,aAAa7L,MAAM2E,MAAM,GAAGU,gBAAgBN,MAAMvE,CAAC,IAAIxB,aAAaoG,OAAO;YAC7E;YAEAyG,aAAa9G,MAAMhD,KAAK,IAAI,CAACiD,iBAAiBD,MAAMhD,KAAK,GAAG8J;YAC5D,MAAMC,eAAejC,KAAKkC,GAAG,CAACpF,UAAUuE,YAAYrJ,YAAY8E,UAAU9E;YAC1EqJ,YAAY,IAAKF,qBAAqBc,eAAiBb,qBAAqBa;YAC5E,MAAME,eAAenC,KAAKkC,GAAG,CAACpF,UAAU5B,MAAMvE,CAAC,GAAGqB,YAAY8E,UAAU9E;YACxE,MAAMoK,cACJD,eAAe,KACd,CAAA,AAACjH,MAAMvE,CAAC,GAAGqB,YAAYyJ,wBAAwBH,qBAC7CpG,MAAMvE,CAAC,GAAGqB,YAAasJ,CAAAA,sBAAsB,KAAKI,sBAAsB,CAAA,CAAE,IACzE,IACA;YACN,MAAMW,cACJF,eAAe,KACd,CAAA,AAACjH,MAAMvE,CAAC,GAAGqB,YAAawJ,CAAAA,sBAAsB,KAAKC,sBAAsB,CAAA,KACvEvG,MAAMvE,CAAC,GAAGqB,YAAY0J,wBAAwBF,iBAAiB,IAC9D,IACA;YACNH,YAAYnG,MAAMvE,CAAC;YACnB,IAAI2L,SAAStK;YACb,IAAIzB,QAAQ;gBACV+L,SAASpH,MAAMvE,CAAC,GAAGqB,WAAW6J,YAAYV,oBAAoBU,YAAYT;YAC5E,OAAO;gBACLkB,SAASpH,MAAMvE,CAAC,GAAGqB,WAAW6J,YAAYV,oBAAoBU,YAAYT;YAC5E;YACA,qBACE,oBAACnN,MAAM6N,QAAQ;gBAACC,KAAK,GAAGxG,MAAM,CAAC,EAAEL,MAAMvE,CAAC,EAAE;6BACxC,oBAAC4L;gBACCmC,WAAW,CAAC,YAAY,EAAE,MAAO3H,CAAAA,UAAU4H,SAAS,KAAKzN,UAAS,EAAG,CAAC,CAAC;gBACvE6K,KAAK7G,MAAMvE,CAAC;gBACZA,GAAG2L;gBACHxL,GAAGiG,UAAU7B,MAAMpE,CAAC;gBACpB6L,IAAIxM,MAAMyM,YAAY,GAAG,IAAI;gBAC7BpD,OAAO2C,eAAgB5L,CAAAA,SAAS8L,cAAcD,WAAU;gBACxD1C,QAAQxI;gBACRgM,mBAAiB,CAAC,OAAO,EAAE5M,YAAY;gBACvCyM,cAAYC,cAAc9H;gBAC1B+H,MAAK;gBACLR,KAAK,CAACC;oBACJzE,aAAayE,GAAGxH,MAAMU,MAAM;gBAC9B;gBACAiH,SAAS3H,MAAM2H,OAAO;gBACtBC,aAAa,CAAC9D,QAAoDX,YAAYnD,OAAO8G,YAAYhD;gBACjGmE,cAActE;gBACdwE,QAAQxE;gBACR2D,qBAAmBZ;gBACnB2B,SAAS3B,kBAAkB,IAAI;gBAC/BwB,SAASpE,CAAAA,QAASD,YAAYC,OAAO9D,OAAOK,OAAOyG;gBACnDsB,MAAMtB;gBACNwB,UAAUtI,MAAMU,MAAM,KAAK,KAAK,IAAIhD;;QAI5C;QACA,OAAO+I;IACT;IAEA,SAASiD,eAAeC,aAAqB;QAC3C,IAAI,CAACC,qBAAqB;YACxBhM,mBAAmB;YACnBE,uBAAuB6L;QACzB;IACF;IAEA,SAASE,eAAeC,eAAyB;QAC/C,IAAI,CAAC,CAACA,mBAAmB,CAACF,qBAAqB;YAC7ChM,mBAAmB;YACnBE,uBAAuB;YACvBR,oBAAoBwM,kBAAkB,QAAQF;QAChD;IACF;IAEA,SAASG,eAAexO,IAA2C;QACjE,MAAM,EAAE0E,cAAc,EAAE,GAAGhF;QAC3B,MAAM+O,UAAoB,EAAE;QAC5B,MAAMC,mBAA2C,CAAC;QAElD1O,KAAK4E,OAAO,CAAC,CAACH,OAA4CkK;YACxD,wDAAwD;YACxD,MAAMlN,QAAgBiD,iBAAkBhF,MAAM2E,MAAM,GAAGU,gBAAgB,KAAKrG,aAAa,GAAG,KAAM+F,MAAMhD,KAAK;YAE7GiN,gBAAgB,CAACjK,MAAMU,MAAM,CAAE,GAAG1D;QACpC;QACA0L,OAAOyB,OAAO,CAACF,kBAAkB9J,OAAO,CAAC,CAAC,CAAC8C,aAAajG,MAAM;YAC5D,qDAAqD;YACrD,MAAM0D,SAAiB;gBACrB0J,OAAOnH;gBACPjG;gBACAqN,aAAa;oBACXzG;oBACA8F,eAAezG;gBACjB;gBACA,wDAAwD;gBACxDqH,kBAAkB,CAACjN;oBACjBwM,eAAexM;gBACjB;YACF;YACA2M,QAAQpH,IAAI,CAAClC;QACf;QACA,MAAM6J,wBACJ,oBAAC/Q;YACC+Q,SAASP;YACTQ,kBAAkBvP,MAAMwP,uBAAuB;YAC/CC,cAAczP,MAAM0P,mBAAmB;YACtC,GAAG1P,MAAMsC,WAAW;YACrBqN,UAAUC;YACVC,WAAW/N;;QAGf,OAAOwN;IACT;IAEA,SAASX;QACP,OAAOvM;IACT;IAEA;;;;;GAKC,GACD,SAASiG,qBAAqB5C,MAAe;QAC3C,OAAOqK,wBAAwBC,QAAQ,CAACtK;IAC1C;IAEA,SAASqK;QACP,OAAOvN,gBAAgBhC,MAAM,GAAG,IAAIgC,kBAAkBK,sBAAsB;YAACA;SAAoB,GAAG,EAAE;IACxG;IAEA,SAASgN,yBACP,wDAAwD;IACxDrN,eAAyB,EACzBsG,KAA0C,EAC1CmH,aAAsB;YAElBhQ,oBAQAA;QARJ,KAAIA,qBAAAA,MAAMsC,WAAW,cAAjBtC,yCAAAA,mBAAmBiQ,wBAAwB,EAAE;YAC/C/M,mBAAmBX;YACnBM,uBAAuBmN,0BAAAA,oCAAAA,cAAeb,KAAK;QAC7C,OAAO;YACLjM,mBAAmBX,gBAAgB2N,KAAK,CAAC,CAAC;YAC1CrN,uBAAuBmN,0BAAAA,oCAAAA,cAAeb,KAAK;QAC7C;QACA9M,oBAAoBE,gBAAgBhC,MAAM,GAAG;QAC7C,KAAIP,sBAAAA,MAAMsC,WAAW,cAAjBtC,0CAAAA,oBAAmB2P,QAAQ,EAAE;YAC/B3P,MAAMsC,WAAW,CAACqN,QAAQ,CAACpN,iBAAiBsG,OAAOmH;QACrD;IACF;IAEA,SAASG,aAAaC,SAAoB;QACxC,IAAIA,aAAaA,UAAUC,iBAAiB,CAAC9P,MAAM,EAAE;YACnD,uCAAuC;YACvC,MAAM,EAAE8P,mBAAmBC,WAAW,EAAE,GAAGF;YAC3ChP,QAAQyI,KAAK9L,GAAG,CAACuS,WAAW,CAACA,YAAY/P,MAAM,GAAG,EAAE,EAAEP,MAAMuQ,SAAS,IAAI;QAC3E;IACF;IACA,SAAS1D,cAAc9H,KAA0C;YAGxDA;QAFP,MAAMyL,SAASzL,MAAMQ,gBAAgB,IAAIR,MAAMvE,CAAC;QAChD,MAAMiQ,SAAS1L,MAAMY,gBAAgB,IAAIZ,MAAMpE,CAAC;QAChD,OAAOoE,EAAAA,kCAAAA,MAAM1B,wBAAwB,cAA9B0B,sDAAAA,gCAAgC2L,SAAS,KAAI,GAAGF,OAAO,EAAE,CAAC,GAAG,GAAGC,OAAO,CAAC,CAAC;IAClF;IAEA,SAASE;QACP,MAAM,EAAEC,UAAU,EAAEtQ,IAAI,EAAE,GAAGN;QAC7B,OAAO,AAAC4Q,CAAAA,aAAa,GAAGA,WAAW,EAAE,CAAC,GAAG,EAAC,IAAK,CAAC,0BAA0B,EAAEtQ,CAAAA,iBAAAA,2BAAAA,KAAMC,MAAM,KAAI,EAAE,OAAO,CAAC;IACxG;IAEA,SAASsQ;QACP,OAAO,CAAE7Q,CAAAA,MAAMM,IAAI,IAAIN,MAAMM,IAAI,CAACC,MAAM,GAAG,CAAA;IAC7C;IAEA,SAAS+H,gBAAgBwI,IAAY,EAAEC,IAAY;QACjD,MAAMC,YAAY,GAAG,+BAA+B;QACpD,MAAM,EAAExQ,CAAC,EAAEG,CAAC,EAAE,GAAG8C;QAEjB,+BAA+B;QAC/B,MAAMwN,WAAWpH,KAAKqH,IAAI,CAACrH,KAAKsH,GAAG,CAACL,OAAOtQ,GAAG,KAAKqJ,KAAKsH,GAAG,CAACJ,OAAOpQ,GAAG;QACtE,+EAA+E;QAC/E,IAAIsQ,WAAWD,WAAW;YACxBtN,iBAAiB;gBAAElD,GAAGsQ;gBAAMnQ,GAAGoQ;YAAK;YACpCvN,eAAe;QACjB;IACF;IAEA,SAAS4N,uBACPC,MAA6C,EAC7CxM,OAAgB,EAChBwE,KAAa,EACbiI,SAAqB,EACrBC,KAAc,EACdC,SAAqB,EACrBxD,QAAgB,EAChByD,UAAyC,EACzCC,MAAc;QAEd,IAAIC;QACJ,IAAIH,cAAc1S,WAAW2B,WAAW,EAAE;YACxCkR,oBAAoBxS,kDAClBkS,QACAxM,SACAwE,OACAkI,OACAG,QACA7P;QAEJ,OAAO;YACL8P,oBAAoB;gBAAEC,aAAa;gBAAGC,WAAW;gBAAGC,aAAa;gBAAGC,WAAW;YAAE;QACnF;QACA,OAAOJ;IACT;IAEA,IAAI,CAACd,iBAAiB;QACpBzM;QACA,MAAM4N,eAAkC;YACtCjQ,OAAOA;YACP0D,QAAQ7C;YACR0C,QAAQxC;YACR4C,QAAQ1C,gBAAgBA,gBAAgBd;YACxC,GAAGlC,MAAMgS,YAAY;YACrB,GAAGpT,wBAAwByE,yBAAyB;YACpD4O,eAAe;gBACbC,mBAAmBpM,4BAA4B,OAAOA,0BAA2BrD;gBACjF0P,oBAAoBnS,MAAMoS,wBAAwB,GAC9CpS,MAAMoS,wBAAwB,CAACjP,yBAC/BV;YACN;YACA4P,aAAa;YACb9O;YACAE;QACF;QACA,MAAM6O,aAAa;YACjBb,YAAYzR,MAAMyR,UAAU;YAC5Bc,YAAYvS,MAAMuS,UAAU;QAC9B;QAEA,MAAMC,eAAe;eAAI1R;SAAQ,CAAC2R,OAAO;QACzCtR,eAAeqR,aAAavL,GAAG,CAAC,CAAClC,QAA+CA,MAAMpE,CAAC;QACvFS,QAAQyI,KAAK9L,GAAG,CAACC,MAAM8C,SAAS,CAACiE,QAA+CA,MAAMvE,CAAC,GAAIR,MAAMuQ,SAAS,IAAI;QAC9G,MAAMmC,aAA0B5D,eAAehO;QAC/C,qBACE,oBAACrC;YACCiD,cAAcD;YACb,GAAGzB,KAAK;YACT4Q,YAAYD;YACZU,QAAQvQ;YACRwQ,WAAW3S,WAAWmB,0BAA0B;YAChD0R,WAAWnR;YACXsS,WAAWjS;YACXkS,uBAAuBxB;YACvByB,6BAA6B1R;YAC7B6Q,cAAcA;YACdM,YAAYA;YACZI,YAAYA;YACZI,aAAa5T;YACb6T,mBAAmB3T;YACnB4T,kBAAkB/T;YAClBgU,UAAUlS;YACVmS,YAAYtO;YACZuO,mBAAmBjF;YACnBkF,cAAcpN;YACdqN,aAAalD;YACbmD,mBAAmB3K;YACnB3E,cAAcrC;YACd,oCAAoC,GACpC,wDAAwD;YACxD4R,UAAU,CAACvT;gBACT,qBACE,wDACE,oBAACwT,WAAGtS;YAGV;;IAGN,OAAO;QACL,qBACE,oBAACuS;YAAIC,IAAI7S;YAAeiM,MAAM;YAAS6G,OAAO;gBAAEvG,SAAS;YAAI;YAAGR,cAAY;;IAEhF;AACF,GAAG;AACH9M,2BAA2B8T,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["HorizontalBarChartWithAxis.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  HorizontalBarChartWithAxisDataPoint,\n} from '../../index';\n\n/**\n * Horizontal Bar Chart with Axis properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: HorizontalBarChartWithAxisDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<HorizontalBarChartWithAxisDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HorizontalBarChartWithAxisStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable gradient fill color for the chart.\n   */\n  enableGradient?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the bars.\n   */\n  roundCorners?: boolean;\n}\n\n/**\n * Horizontal Bar Chart with Axis style properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyleProps extends CartesianChartStyleProps {\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n}\n\n/**\n * Horizontal Bar Chart with Axis styles\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyles extends CartesianChartStyles {\n  /**\n   * Style for the chart label.\n   *\n   */\n  chartLabel?: string;\n\n  /**\n   * Style for the line representing the domain of the x-axis.\n   *\n   */\n  xAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the x-axis.\n   *\n   */\n  xAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the x-axis.\n   *\n   */\n  xAxisText?: string;\n\n  /**\n   * Style for the line representing the domain of the y-axis.\n   *\n   */\n  yAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the y-axis.\n   *\n   */\n  yAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the y-axis.\n   *\n   */\n  yAxisText?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: string;\n}\n"],"names":[],"mappings":"AAgGA;;;CAGC,GACD,WA+CC"}
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  HorizontalBarChartWithAxisDataPoint,\n} from '../../index';\n\n/**\n * Horizontal Bar Chart with Axis properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: HorizontalBarChartWithAxisDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<HorizontalBarChartWithAxisDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HorizontalBarChartWithAxisStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable gradient fill color for the chart.\n   */\n  enableGradient?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the bars.\n   */\n  roundCorners?: boolean;\n}\n\n/**\n * Horizontal Bar Chart with Axis style properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyleProps extends CartesianChartStyleProps {\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n}\n\n/**\n * Horizontal Bar Chart with Axis styles\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyles extends CartesianChartStyles {\n  /**\n   * Style for the chart label.\n   *\n   */\n  chartLabel?: string;\n\n  /**\n   * Style for the line representing the domain of the x-axis.\n   *\n   */\n  xAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the x-axis.\n   *\n   */\n  xAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the x-axis.\n   *\n   */\n  xAxisText?: string;\n\n  /**\n   * Style for the line representing the domain of the y-axis.\n   *\n   */\n  yAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the y-axis.\n   *\n   */\n  yAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the y-axis.\n   *\n   */\n  yAxisText?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: string;\n}\n"],"names":[],"mappings":"AAgGA;;;CAGC,GACD,WA+CC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,oBAAoB"}
+{"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,oBAAoB"}

package/lib/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.js

@@ -39,5 +39,4 @@ export const useHorizontalBarChartWithAxisStyles = props => {
     opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
     xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)
   };
-};
-//# sourceMappingURL=useHorizontalBarChartWithAxisStyles.styles.js.map
+};

package/lib/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.raw.js

@@ -0,0 +1,39 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+export const hbcWithAxisClassNames = {
+    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',
+    xAxisTicks: 'fui-hbcwa__xAxisTicks',
+    tooltip: 'fui-hbcwa__tooltip',
+    chartLabel: '',
+    xAxisDomain: '',
+    xAxisText: '',
+    yAxisDomain: '',
+    yAxisTicks: '',
+    yAxisText: '',
+    root: '',
+    xAxis: '',
+    yAxis: '',
+    legendContainer: '',
+    hover: '',
+    descriptionMessage: '',
+    axisTitle: '',
+    chartTitle: '',
+    shapeStyles: '',
+    chartWrapper: '',
+    svgTooltip: '',
+    chart: ''
+};
+const useStyles = makeStyles({
+    opacityChangeOnHover: {
+        opacity: 0.1
+    },
+    xAxisTicks: {}
+});
+/**
+ * Apply styling to the HorizontalBarChartWithAxis slots based on the state
+ */ export const useHorizontalBarChartWithAxisStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
+        xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)
+    };
+};