@fluentui/react-charts 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250423-1415.1

package/lib/components/CommonComponents/ChartPopover.js

@@ -0,0 +1,187 @@
+import * as React from 'react';
+import { Popover, PopoverSurface } from '@fluentui/react-popover';
+import { mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { useId } from '@fluentui/react-utilities';
+import { getAccessibleDataObject, Points, pointTypes } from '../../utilities/index';
+import { convertToLocaleString } from '../../utilities/locale-util';
+import { Shape } from '../Legends/shape';
+import { usePopoverStyles_unstable } from './useChartPopoverStyles.styles';
+/* This component is a wrapper over Popover component which implements the logic for rendering popovers for any chart
+combining the logic for Callout and ChartHoverCard in v8 charts. */ export const ChartPopover = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    var _props_customCallout;
+    const virtualElement = {
+        getBoundingClientRect: ()=>({
+                top: props.clickPosition.y,
+                left: props.clickPosition.x,
+                right: props.clickPosition.x,
+                bottom: props.clickPosition.y,
+                x: props.clickPosition.x,
+                y: props.clickPosition.y,
+                width: 0,
+                height: 0
+            })
+    };
+    props = {
+        ...props,
+        ...(_props_customCallout = props.customCallout) === null || _props_customCallout === void 0 ? void 0 : _props_customCallout.customCalloutProps
+    };
+    const classes = usePopoverStyles_unstable(props);
+    const legend = props.xCalloutValue ? props.xCalloutValue : props.legend;
+    const YValue = props.yCalloutValue ? props.yCalloutValue : props.YValue;
+    return /*#__PURE__*/ React.createElement("div", {
+        id: useId('callout'),
+        ref: forwardedRef,
+        className: classes.calloutContainer
+    }, /*#__PURE__*/ React.createElement(Popover, {
+        positioning: {
+            target: virtualElement,
+            autoSize: 'always',
+            offset: 20,
+            coverTarget: false
+        },
+        open: props.isPopoverOpen,
+        inline: true
+    }, /*#__PURE__*/ React.createElement(PopoverSurface, null, props.customCallout && props.customCallout.customizedCallout && props.customCallout.customizedCallout, (!props.customCallout || !props.customCallout.customizedCallout) && props.isCalloutForStack && _multiValueCallout(), (!props.customCallout || !props.customCallout.customizedCallout) && !props.isCalloutForStack && /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutContentRoot
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutDateTimeContainer
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutContentX
+    }, props.XValue, " ")), /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutInfoContainer,
+        style: {
+            ...props.ratio && {
+                display: 'flex',
+                alignItems: 'flex-end'
+            },
+            borderLeft: `4px solid ${props.color}`
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutBlockContainer
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutlegendText
+    }, convertToLocaleString(legend, props.culture)), /*#__PURE__*/ React.createElement("div", {
+        className: classes.calloutContentY,
+        style: {
+            color: props.color ? props.color : tokens.colorNeutralForeground1
+        }
+    }, convertToLocaleString(YValue, props.culture))), !!props.ratio && /*#__PURE__*/ React.createElement("div", {
+        className: classes.ratio
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+        className: classes.numerator
+    }, convertToLocaleString(props.ratio[0], props.culture)), "/", /*#__PURE__*/ React.createElement("span", {
+        className: classes.denominator
+    }, convertToLocaleString(props.ratio[1], props.culture))))), !!props.descriptionMessage && /*#__PURE__*/ React.createElement("div", {
+        className: classes.descriptionMessage
+    }, props.descriptionMessage)))));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function _multiValueCallout() {
+        var _yValueHoverSubCountsExists1;
+        const yValueHoverSubCountsExists = (_yValueHoverSubCountsExists1 = _yValueHoverSubCountsExists(props.YValueHover)) !== null && _yValueHoverSubCountsExists1 !== void 0 ? _yValueHoverSubCountsExists1 : false;
+        return /*#__PURE__*/ React.createElement("div", {
+            className: classes.calloutContentRoot
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: classes.calloutDateTimeContainer,
+            style: yValueHoverSubCountsExists ? {
+                marginBottom: '11px'
+            } : {}
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: classes.calloutContentX,
+            ...getAccessibleDataObject(props.xAxisCalloutAccessibilityData, 'text', false)
+        }, convertToLocaleString(props.hoverXValue, props.culture))), /*#__PURE__*/ React.createElement("div", {
+            style: yValueHoverSubCountsExists ? {
+                display: 'flex'
+            } : {}
+        }, props.YValueHover && props.YValueHover.map((yValue, index, yValues)=>{
+            const isLast = index + 1 === yValues.length;
+            const { shouldDrawBorderBottom = false } = yValue;
+            return /*#__PURE__*/ React.createElement("div", {
+                ...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false),
+                key: `callout-content-${index}`,
+                style: yValueHoverSubCountsExists ? {
+                    display: 'inline-block',
+                    ...shouldDrawBorderBottom && {
+                        borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,
+                        paddingBottom: '10px'
+                    }
+                } : {
+                    ...shouldDrawBorderBottom && {
+                        borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,
+                        paddingBottom: '10px'
+                    }
+                }
+            }, _getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast));
+        }), !!props.descriptionMessage && /*#__PURE__*/ React.createElement("div", {
+            className: classes.descriptionMessage
+        }, props.descriptionMessage)));
+    }
+    function _yValueHoverSubCountsExists(yValueHover) {
+        return yValueHover && yValueHover.some((yValue)=>yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string');
+    }
+    function _getCalloutContent(xValue, index, yValueHoverSubCountsExists, isLast) {
+        const marginStyle = isLast ? {} : {
+            marginRight: '16px'
+        };
+        const toDrawShape = xValue.index !== undefined && xValue.index !== -1;
+        const { culture } = props;
+        const yValue = convertToLocaleString(xValue.y, culture);
+        if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {
+            var _xValue_y;
+            return /*#__PURE__*/ React.createElement("div", {
+                style: yValueHoverSubCountsExists ? marginStyle : {}
+            }, yValueHoverSubCountsExists && /*#__PURE__*/ React.createElement("div", {
+                className: "ms-fontWeight-semibold",
+                style: {
+                    fontSize: '12pt'
+                }
+            }, xValue.legend, " (", yValue, ")"), /*#__PURE__*/ React.createElement("div", {
+                id: `${index}_${xValue.y}`,
+                className: classes.calloutBlockContainer,
+                style: {
+                    marginTop: props.XValue ? '13px' : 'unset',
+                    ...!toDrawShape ? {
+                        borderLeft: `4px solid ${xValue.color}`
+                    } : {}
+                }
+            }, toDrawShape && /*#__PURE__*/ React.createElement(Shape, {
+                svgProps: {
+                    className: classes.shapeStyles
+                },
+                pathProps: {
+                    fill: xValue.color
+                },
+                shape: Points[xValue.index % Object.keys(pointTypes).length]
+            }), /*#__PURE__*/ React.createElement("div", {
+                className: mergeClasses(classes.calloutBlockContainer, toDrawShape ? classes.calloutBlockContainertoDrawShapetrue : classes.calloutBlockContainertoDrawShapefalse)
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: classes.calloutlegendText
+            }, " ", xValue.legend), /*#__PURE__*/ React.createElement("div", {
+                className: classes.calloutContentY
+            }, convertToLocaleString(xValue.yAxisCalloutData ? xValue.yAxisCalloutData : (_xValue_y = xValue.y) !== null && _xValue_y !== void 0 ? _xValue_y : xValue.data, culture)))));
+        } else {
+            const subcounts = xValue.yAxisCalloutData;
+            return /*#__PURE__*/ React.createElement("div", {
+                style: marginStyle
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: "ms-fontWeight-semibold",
+                style: {
+                    fontSize: '12pt'
+                }
+            }, xValue.legend, " (", yValue, ")"), Object.keys(subcounts).map((subcountName)=>{
+                return /*#__PURE__*/ React.createElement("div", {
+                    key: subcountName,
+                    className: classes.calloutBlockContainer
+                }, /*#__PURE__*/ React.createElement("div", {
+                    className: classes.calloutlegendText
+                }, " ", convertToLocaleString(subcountName, culture)), /*#__PURE__*/ React.createElement("div", {
+                    className: classes.calloutContentY,
+                    style: {
+                        color: props.color ? props.color : tokens.colorNeutralForeground1
+                    }
+                }, convertToLocaleString(subcounts[subcountName], culture)));
+            }));
+        }
+    }
+});
+ChartPopover.displayName = 'ChartPopover';

package/lib/components/CommonComponents/ChartPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChartPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { mergeClasses } from '@griffel/react';\nimport type { PositioningVirtualElement } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { useId } from '@fluentui/react-utilities';\nimport { getAccessibleDataObject, Points, pointTypes } from '../../utilities/index';\nimport { convertToLocaleString } from '../../utilities/locale-util';\nimport { Shape } from '../Legends/shape';\nimport { usePopoverStyles_unstable } from './useChartPopoverStyles.styles';\nimport { YValueHover } from './CartesianChart.types';\nimport { LegendShape } from '../Legends/Legends.types';\nimport { ChartPopoverProps } from './ChartPopover.types';\n\n/* This component is a wrapper over Popover component which implements the logic for rendering popovers for any chart\ncombining the logic for Callout and ChartHoverCard in v8 charts. */\nexport const ChartPopover: React.FunctionComponent<ChartPopoverProps> = React.forwardRef<\n  HTMLDivElement,\n  ChartPopoverProps\n>((props, forwardedRef) => {\n  const virtualElement: PositioningVirtualElement = {\n    getBoundingClientRect: () => ({\n      top: props.clickPosition!.y,\n      left: props.clickPosition!.x,\n      right: props.clickPosition!.x,\n      bottom: props.clickPosition!.y,\n      x: props.clickPosition!.x,\n      y: props.clickPosition!.y,\n      width: 0,\n      height: 0,\n    }),\n  };\n  props = { ...props, ...props.customCallout?.customCalloutProps };\n  const classes = usePopoverStyles_unstable(props);\n  const legend = props.xCalloutValue ? props.xCalloutValue : props.legend;\n  const YValue = props.yCalloutValue ? props.yCalloutValue : props.YValue;\n  return (\n    <div id={useId('callout')} ref={forwardedRef} className={classes.calloutContainer}>\n      <Popover\n        positioning={{ target: virtualElement, autoSize: 'always', offset: 20, coverTarget: false }}\n        open={props.isPopoverOpen}\n        inline\n      >\n        <PopoverSurface>\n          {/** Given custom callout, then it will render */}\n          {props.customCallout && props.customCallout.customizedCallout && props.customCallout.customizedCallout}\n          {/** single x point its corresponding y points of all the bars/lines in chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) &&\n            props.isCalloutForStack &&\n            _multiValueCallout()}\n          {/** single x point its corresponding y point of single line/bar in the chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) && !props.isCalloutForStack && (\n            <div className={classes.calloutContentRoot}>\n              <div className={classes.calloutDateTimeContainer}>\n                <div className={classes.calloutContentX}>{props.XValue} </div>\n                {/*TO DO  if we add time for callout then will use this */}\n                {/* <div className={classNames.calloutContentX}>07:00am</div> */}\n              </div>\n              <div\n                className={classes.calloutInfoContainer}\n                style={{\n                  ...(props.ratio && {\n                    display: 'flex',\n                    alignItems: 'flex-end',\n                  }),\n                  borderLeft: `4px solid ${props.color}`,\n                }}\n              >\n                <div className={classes.calloutBlockContainer}>\n                  <div className={classes.calloutlegendText}>{convertToLocaleString(legend, props.culture)}</div>\n                  <div\n                    className={classes.calloutContentY}\n                    style={{ color: props.color ? props.color : tokens.colorNeutralForeground1 }}\n                  >\n                    {convertToLocaleString(YValue, props.culture)}\n                  </div>\n                </div>\n                {!!props.ratio && (\n                  <div className={classes.ratio}>\n                    <>\n                      <span className={classes.numerator}>{convertToLocaleString(props.ratio[0], props.culture)}</span>/\n                      <span className={classes.denominator}>\n                        {convertToLocaleString(props.ratio[1], props.culture)}\n                      </span>\n                    </>\n                  </div>\n                )}\n              </div>\n              {!!props.descriptionMessage && (\n                <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>\n              )}\n            </div>\n          )}\n        </PopoverSurface>\n      </Popover>\n    </div>\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _multiValueCallout() {\n    const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(props.YValueHover) ?? false;\n    return (\n      <div className={classes.calloutContentRoot}>\n        <div\n          className={classes.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={classes.calloutContentX}\n            {...getAccessibleDataObject(props!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {convertToLocaleString(props!.hoverXValue, props.culture)}\n          </div>\n        </div>\n        <div style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n          {props!.YValueHover &&\n            props!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const { shouldDrawBorderBottom = false } = yValue;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!props.descriptionMessage && <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]): boolean | undefined {\n    return (\n      yValueHover &&\n      yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      )\n    );\n  }\n\n  function _getCalloutContent(\n    xValue: YValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const { culture } = props;\n    const yValue = convertToLocaleString(xValue.y, culture);\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div\n            id={`${index}_${xValue.y}`}\n            className={classes.calloutBlockContainer}\n            style={{\n              marginTop: props.XValue ? '13px' : 'unset',\n              ...(!toDrawShape\n                ? {\n                    borderLeft: `4px solid ${xValue.color}`,\n                  }\n                : {}),\n            }}\n          >\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: classes.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div\n              className={mergeClasses(\n                classes.calloutBlockContainer,\n                toDrawShape\n                  ? classes.calloutBlockContainertoDrawShapetrue\n                  : classes.calloutBlockContainertoDrawShapefalse,\n              )}\n            >\n              <div className={classes.calloutlegendText}> {xValue.legend}</div>\n              <div className={classes.calloutContentY}>\n                {convertToLocaleString(\n                  xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y ?? xValue.data,\n                  culture,\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={classes.calloutBlockContainer}>\n                <div className={classes.calloutlegendText}> {convertToLocaleString(subcountName, culture)}</div>\n                <div\n                  className={classes.calloutContentY}\n                  style={{ color: props.color ? props.color : tokens.colorNeutralForeground1 }}\n                >\n                  {convertToLocaleString(subcounts[subcountName], culture)}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n});\nChartPopover.displayName = 'ChartPopover';\n"],"names":["React","Popover","PopoverSurface","mergeClasses","tokens","useId","getAccessibleDataObject","Points","pointTypes","convertToLocaleString","Shape","usePopoverStyles_unstable","ChartPopover","forwardRef","props","forwardedRef","virtualElement","getBoundingClientRect","top","clickPosition","y","left","x","right","bottom","width","height","customCallout","customCalloutProps","classes","legend","xCalloutValue","YValue","yCalloutValue","div","id","ref","className","calloutContainer","positioning","target","autoSize","offset","coverTarget","open","isPopoverOpen","inline","customizedCallout","isCalloutForStack","_multiValueCallout","calloutContentRoot","calloutDateTimeContainer","calloutContentX","XValue","calloutInfoContainer","style","ratio","display","alignItems","borderLeft","color","calloutBlockContainer","calloutlegendText","culture","calloutContentY","colorNeutralForeground1","span","numerator","denominator","descriptionMessage","_yValueHoverSubCountsExists","yValueHoverSubCountsExists","YValueHover","marginBottom","xAxisCalloutAccessibilityData","hoverXValue","map","yValue","index","yValues","isLast","length","shouldDrawBorderBottom","callOutAccessibilityData","key","borderBottom","colorNeutralStroke2","paddingBottom","_getCalloutContent","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","fontSize","marginTop","svgProps","shapeStyles","pathProps","fill","shape","Object","keys","calloutBlockContainertoDrawShapetrue","calloutBlockContainertoDrawShapefalse","data","subcounts","subcountName","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/CommonComponents/ChartPopover.types.js

@@ -0,0 +1 @@
+export { };

package/lib/components/CommonComponents/ChartPopover.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChartPopover.types.ts"],"sourcesContent":["import { YValueHover } from '../../index';\n\nexport interface ChartPopoverProps {\n  clickPosition?: { x: number; y: number };\n  isPopoverOpen?: boolean;\n  xCalloutValue?: string;\n  legend?: string | number | Date;\n  yCalloutValue?: string;\n  YValue?: string | number | Date;\n  XValue?: string;\n  color?: string;\n  culture?: string;\n  customCallout?: {\n    customizedCallout?: JSX.Element;\n    customCalloutProps?: ChartPopoverProps;\n  };\n  isCalloutForStack?: boolean;\n  xAxisCalloutAccessibilityData?: { ariaLabel?: string; data?: string };\n  hoverXValue?: string | number;\n  YValueHover?: YValueHover[];\n  descriptionMessage?: string;\n  ratio?: [number, number];\n  isCartesian?: boolean;\n}\n\nexport interface PopoverComponentStyles {\n  calloutContentRoot: string;\n  calloutDateTimeContainer: string;\n  calloutContentX: string;\n  calloutBlockContainer: string;\n  calloutBlockContainertoDrawShapefalse: string;\n  calloutBlockContainertoDrawShapetrue: string;\n  shapeStyles: string;\n  calloutlegendText: string;\n  calloutContentY: string;\n  descriptionMessage: string;\n  ratio: string;\n  numerator: string;\n  denominator: string;\n  calloutInfoContainer: string;\n  calloutContainer: string;\n}\n"],"names":[],"rangeMappings":"","mappings":"AAyBA,WAgBC"}

package/lib/components/CommonComponents/index.js

@@ -0,0 +1,4 @@
+export * from './CartesianChart';
+export * from './CartesianChart.types';
+export * from './ChartPopover';
+export * from './ChartPopover.types';

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

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

package/lib/components/CommonComponents/useCartesianChartStyles.styles.js

@@ -0,0 +1,229 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { HighContrastSelectorBlack, HighContrastSelector } from '../../utilities/index';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { useRtl } from '../../utilities/utilities';
+/**
+ * @internal
+ */
+export const cartesianchartClassNames = {
+  root: 'fui-cart__root',
+  chartWrapper: 'fui-cart__chartWrapper',
+  axisTitle: 'fui-cart__axisTitle',
+  xAxis: 'fui-cart__xAxis',
+  yAxis: 'fui-cart__yAxis',
+  opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',
+  legendContainer: 'fui-cart__legendContainer',
+  calloutContentRoot: 'fui-cart__calloutContentRoot',
+  calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',
+  calloutContentX: 'fui-cart__calloutContentX',
+  calloutBlockContainer: 'fui-cart__calloutBlockContainer',
+  calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',
+  calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',
+  shapeStyles: 'fui-cart__shapeStyles',
+  calloutlegendText: 'fui-cart__calloutlegendText',
+  calloutContentY: 'fui-cart__calloutContentY',
+  descriptionMessage: 'fui-cart__descriptionMessage',
+  hover: 'fui-cart__hover',
+  calloutInfoContainer: 'fui-cart__calloutInfoContainer',
+  tooltip: 'fui-cart__tooltip',
+  chartTitle: 'fui-cart__chartTitle'
+};
+/**
+ * Base Styles
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "f1i3iumi",
+    mc9l5x: "f22iagw",
+    a9b677: "fly5x3f",
+    Bqenvij: "f1l02sjl",
+    Beiy3e4: "f1vx9l62",
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp"
+  },
+  chartWrapper: {
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1enuhaj"
+  },
+  axisTitle: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f13mqy1h",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fcpl73t",
+    B80ckks: "fmd4ok8",
+    fsow6f: "f17mccla",
+    sj55zd: "fkfq4zb",
+    Bkfmm31: "fhuob2q"
+  },
+  xAxis: {
+    Bifops1: "fk6onyz",
+    lr70ht: "f17odlr9",
+    D01gh: "f1wvrikb",
+    vxuu72: "fidmvdy",
+    lclgl4: "f1noc3f3",
+    Dzfv0s: "f1rtcel9",
+    s17mou: "f4w8oyz",
+    jxu3ei: "fkuun",
+    B3i31d3: "f1u7a78k",
+    Bhcy8il: "f1myyn02",
+    t7r2jy: "f1ypwncy",
+    Bpf2t2a: "fs22wna",
+    J19x1g: "f19ju15u",
+    se2xxg: "f1x8lysa"
+  },
+  yAxis: {
+    lr70ht: "f17odlr9",
+    D01gh: "f1wvrikb",
+    vxuu72: "fidmvdy",
+    lclgl4: "f1noc3f3",
+    Bifops1: "fk6onyz",
+    Dzfv0s: "f1rtcel9",
+    s17mou: "f4w8oyz",
+    jxu3ei: "fkuun",
+    B3i31d3: "f1u7a78k",
+    t7r2jy: "f1ypwncy",
+    Bpf2t2a: "fs22wna",
+    J19x1g: "f19ju15u",
+    se2xxg: "f1x8lysa"
+  },
+  rtl: {
+    Bkw34lo: "f1j2g1si"
+  },
+  ltr: {},
+  opacityChangeOnHover: {
+    abs64n: "f9das1l",
+    Bceei9c: "f158kwzp"
+  },
+  legendContainer: {
+    B6of3ja: "frnwi6n",
+    Frg6f3: ["ff3wqvv", "f1l2akhw"]
+  },
+  calloutContentRoot: {
+    mc9l5x: "f13qh94s",
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp",
+    z8tnut: "f1dvrhzg",
+    z189sj: ["fjnv7mu", "fae8789"],
+    Byoj8tv: "f1av7aef",
+    uwmqm3: ["fae8789", "fjnv7mu"],
+    De3pzq: "fxugw4r",
+    jy2i9i: "fronft5"
+  },
+  calloutDateTimeContainer: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1063pyq",
+    Brf1p80: "f1869bpl"
+  },
+  calloutContentX: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    abs64n: "fp25eh",
+    sj55zd: "fkfq4zb"
+  },
+  calloutBlockContainer: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "faaz57k",
+    B6of3ja: "f7jvbu2",
+    sj55zd: "fkfq4zb"
+  },
+  calloutBlockContainertoDrawShapefalse: {
+    B93v9kj: "f15mrrko",
+    ibv6hh: ["frjpdoz", "fm1xp1g"],
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
+  },
+  calloutBlockContainertoDrawShapetrue: {
+    mc9l5x: "f22iagw"
+  },
+  shapeStyles: {
+    t21cq0: ["f1vcna3q", "foyynoy"]
+  },
+  calloutLegendText: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    sj55zd: "fkfq4zb",
+    Bd6j3yi: "f5klfrb",
+    hbub2c: "f1f0smcx"
+  },
+  calloutContentY: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "flh3ekv",
+    Bg96gwp: "faaz57k",
+    Bd6j3yi: "f5klfrb",
+    hbub2c: "f1f0smcx"
+  },
+  descriptionMessage: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    sj55zd: "fkfq4zb",
+    B6of3ja: "f1gaxbfw",
+    z8tnut: "f1ngh7ph",
+    B4j52fo: "f1pgliyk"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1vx9l62{flex-direction:column;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], [".f1enuhaj{overflow:auto;}", {
+    p: -1
+  }], ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fmd4ok8{font-style:normal;}", ".f17mccla{text-align:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fk6onyz text{fill:var(--colorNeutralForeground1);}", ".f17odlr9 text{font-family:var(--fontFamilyBase);}", ".f1wvrikb text{font-size:var(--fontSizeBase100);}", ".fidmvdy text{font-weight:var(--fontWeightSemibold);}", ".f1noc3f3 text{line-height:var(--lineHeightBase100);}", ".fkuun line{opacity:0.2;}", ".f1u7a78k line{stroke:var(--colorNeutralForeground1);}", ".f1myyn02 line{width:1px;}", ".f1x8lysa path{display:none;}", ".f1j2g1si g{text-anchor:end;}", ".f9das1l{opacity:0.1;}", ".f158kwzp{cursor:default;}", ".frnwi6n{margin-top:var(--spacingVerticalS);}", ".ff3wqvv{margin-left:var(--spacingHorizontalXL);}", ".f1l2akhw{margin-right:var(--spacingHorizontalXL);}", ".f13qh94s{display:grid;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], ".f1dvrhzg{padding-top:11px 16px 10px 16px;}", ".fjnv7mu{padding-right:11px 16px 10px 16px;}", ".fae8789{padding-left:11px 16px 10px 16px;}", ".f1av7aef{padding-bottom:11px 16px 10px 16px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fronft5{background-blend-mode:normal,luminosity;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fp25eh{opacity:0.8;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f7jvbu2{margin-top:13px;}", ".frjpdoz{border-left-width:4px solid;}", ".fm1xp1g{border-right-width:4px solid;}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1vcna3q{margin-right:var(--spacingHorizontalS);}", ".foyynoy{margin-left:var(--spacingHorizontalS);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}", ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}", ".f1pgliyk{border-top-width:1px solid var(--colorNeutralStroke2);}"],
+  m: [["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1rtcel9 text{fill:rgb(179, 179, 179);}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f4w8oyz text{forced-color-adjust:none;}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1ypwncy line{opacity:0.1;}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.fs22wna line{stroke:rgb(179, 179, 179);}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f19ju15u line{forced-color-adjust:none;}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}", {
+    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f5klfrb{color:rgb(255, 255, 255);}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }], ["@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.f1f0smcx{forced-color-adjust:none;}}", {
+    m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+  }]]
+});
+/**
+ * Apply styling to the Carousel slots based on the state
+ */
+export const useCartesianChartStyles = props => {
+  const _useRtl = useRtl();
+  const baseStyles = useStyles();
+  return {
+    root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /*props.styles?.root*/),
+    chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper /*props.styles?.chartWrapper*/),
+    axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/),
+    xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/),
+    yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/),
+    opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/),
+    legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/),
+    calloutContentRoot: mergeClasses(cartesianchartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/),
+    calloutDateTimeContainer: mergeClasses(cartesianchartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/),
+    calloutContentX: mergeClasses(cartesianchartClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/),
+    calloutBlockContainer: mergeClasses(cartesianchartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainer*/),
+    calloutBlockContainertoDrawShapefalse: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/),
+    calloutBlockContainertoDrawShapetrue: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/),
+    shapeStyles: mergeClasses(cartesianchartClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/),
+    calloutlegendText: mergeClasses(cartesianchartClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/),
+    calloutContentY: mergeClasses(cartesianchartClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentY*/),
+    descriptionMessage: mergeClasses(cartesianchartClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/)
+  };
+};
+//# sourceMappingURL=useCartesianChartStyles.styles.js.map

package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","HighContrastSelectorBlack","HighContrastSelector","tokens","typographyStyles","useRtl","cartesianchartClassNames","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","hover","calloutInfoContainer","tooltip","chartTitle","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","Dzfv0s","s17mou","jxu3ei","B3i31d3","Bhcy8il","t7r2jy","Bpf2t2a","J19x1g","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","B93v9kj","ibv6hh","t21cq0","calloutLegendText","Bd6j3yi","hbub2c","B4j52fo","d","p","m","useCartesianChartStyles","props","_useRtl","baseStyles"],"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { HighContrastSelectorBlack, HighContrastSelector } from '../../utilities/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useRtl } from '../../utilities/utilities';\n/**\n * @internal\n */ export const cartesianchartClassNames = {\n    root: 'fui-cart__root',\n    chartWrapper: 'fui-cart__chartWrapper',\n    axisTitle: 'fui-cart__axisTitle',\n    xAxis: 'fui-cart__xAxis',\n    yAxis: 'fui-cart__yAxis',\n    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n    legendContainer: 'fui-cart__legendContainer',\n    calloutContentRoot: 'fui-cart__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n    calloutContentX: 'fui-cart__calloutContentX',\n    calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n    shapeStyles: 'fui-cart__shapeStyles',\n    calloutlegendText: 'fui-cart__calloutlegendText',\n    calloutContentY: 'fui-cart__calloutContentY',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    hover: 'fui-cart__hover',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    tooltip: 'fui-cart__tooltip',\n    chartTitle: 'fui-cart__chartTitle'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden'\n    },\n    chartWrapper: {\n        overflow: 'auto'\n    },\n    axisTitle: {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1\n    },\n    xAxis: {\n        '& text': {\n            fill: tokens.colorNeutralForeground1,\n            ...typographyStyles.caption2Strong,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            width: '1px',\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    yAxis: {\n        '& text': {\n            ...typographyStyles.caption2Strong,\n            fill: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    rtl: {\n        '& g': {\n            textAnchor: 'end'\n        }\n    },\n    ltr: {},\n    opacityChangeOnHover: {\n        opacity: '0.1',\n        cursor: 'default'\n    },\n    legendContainer: {\n        marginTop: tokens.spacingVerticalS,\n        marginLeft: tokens.spacingHorizontalXL\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        ...shorthands.padding('11px 16px 10px 16px'),\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        opacity: '0.8',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainer: {\n        ...typographyStyles.body2,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        [HighContrastSelector]: {\n            forcedColorAdjust: 'none'\n        },\n        ...shorthands.borderLeft('4px solid'),\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'flex'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    calloutContentY: {\n        ...typographyStyles.subtitle2Stronger,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        ...shorthands.borderTop(`1px solid ${tokens.colorNeutralStroke2}`)\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useCartesianChartStyles = (props)=>{\n    const _useRtl = useRtl();\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /*props.styles?.root*/ ),\n        chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper /*props.styles?.chartWrapper*/ ),\n        axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),\n        xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),\n        yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),\n        opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),\n        legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),\n        calloutContentRoot: mergeClasses(cartesianchartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),\n        calloutDateTimeContainer: mergeClasses(cartesianchartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(cartesianchartClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(cartesianchartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainer*/ ),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(cartesianchartClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(cartesianchartClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(cartesianchartClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentY*/ ),\n        descriptionMessage: mergeClasses(cartesianchartClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ )\n    };\n};\n"],"mappings":"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","ignoreList":[]}