@fluentui/react-charting 5.16.33 → 5.16.35

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,0BAAkB,EAAoD,CAAC;IAC7F;QAAwC,8CAAyC;QAAjF;;QAmCA,CAAC;QAjCQ,mCAAM,GAAb;YACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;YACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,CAAC,CAAC,KAAK;aACxB,CAAC,CAAC;YACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;gBACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;oBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;wBAAG,MAAM;4BAAQ,CAG7D;gBACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;oBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;wBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO;wBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;oBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;wBACpC;4BACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;4BAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;gBACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;QACJ,CAAC;QACH,yBAAC;IAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;IAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,IAAA,0BAAkB,GAAoD,CAAC;IAC7F;QAAwC,mDAAyC;QAAjF;;QAmCA,CAAC;QAjCQ,mCAAM,GAAb;YACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;YACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,CAAC,CAAC,KAAK;aACxB,CAAC,CAAC;YACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;gBACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;oBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;wBAAG,MAAM;4BAAQ,CAG7D;gBACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;oBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;wBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,IAAA,6BAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO;wBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,IAAA,6BAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;oBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;wBACpC;4BACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;4BAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;gBACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;QACJ,CAAC;QACH,yBAAC;IAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;IAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.js

@@ -3,6 +3,6 @@ define(["require", "exports", "../../Utilities", "./ChartHoverCard.base", "./Cha
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ChartHoverCard = void 0;
     //  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
-    exports.ChartHoverCard = Utilities_1.styled(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
+    exports.ChartHoverCard = (0, Utilities_1.styled)(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
 });
 //# sourceMappingURL=ChartHoverCard.js.map

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACpF,QAAA,cAAc,GAAkD,kBAAM,CAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}
+{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACpF,QAAA,cAAc,GAAkD,IAAA,kBAAM,EAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js

@@ -34,7 +34,7 @@ define(["require", "exports", "@fluentui/react/lib/Styling"], function (require,
                     paddingLeft: '8px',
                     lineHeight: '22px',
                     color: theme.semanticColors.bodyText,
-                    borderLeft: "4px solid " + color,
+                    borderLeft: "4px solid ".concat(color),
                 },
             ],
             calloutlegendText: [
@@ -77,7 +77,7 @@ define(["require", "exports", "@fluentui/react/lib/Styling"], function (require,
                     color: theme.semanticColors.bodyText,
                     marginTop: '10px',
                     paddingTop: '10px',
-                    borderTop: "1px solid " + theme.semanticColors.menuDivider,
+                    borderTop: "1px solid ".concat(theme.semanticColors.menuDivider),
                 },
             ],
         };

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,uBAAuB,GAAG,UAAC,KAAgC;QAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;QAC/D,OAAO;YACL,kBAAkB,EAAE;gBAClB;oBACE,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,qBAAqB;oBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;oBACpD,mBAAmB,EAAE,oBAAoB;iBAC1C;aACF;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,eAAe;aAChC;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;iBACxC;aACF;YACD,qBAAqB,EAAE;gBACrB,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,UAAU,EAAE,eAAa,KAAO;iBACjC;aACF;YACD,iBAAiB,EAAE;gBACjB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpD,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,MAAM;iBACnB;aACF;YACD,oBAAoB,EAAE;gBACpB,cAAc,IAAI;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,KAAK,EAAE;gBACL,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,qBAAW,CAAC,IAAI;aAC7B;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;aACjC;YACD,kBAAkB,EAAE;gBAClB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,MAAM;oBAClB,SAAS,EAAE,eAAa,KAAK,CAAC,cAAc,CAAC,WAAa;iBAC3D;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IA/EW,QAAA,uBAAuB,2BA+ElC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}
+{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,uBAAuB,GAAG,UAAC,KAAgC;QAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;QAC/D,OAAO;YACL,kBAAkB,EAAE;gBAClB;oBACE,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,qBAAqB;oBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;oBACpD,mBAAmB,EAAE,oBAAoB;iBAC1C;aACF;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,eAAe;aAChC;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;iBACxC;aACF;YACD,qBAAqB,EAAE;gBACrB,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,UAAU,EAAE,oBAAa,KAAK,CAAE;iBACjC;aACF;YACD,iBAAiB,EAAE;gBACjB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpD,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,MAAM;iBACnB;aACF;YACD,oBAAoB,EAAE;gBACpB,cAAc,IAAI;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,KAAK,EAAE;gBACL,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,qBAAW,CAAC,IAAI;aAC7B;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;aACjC;YACD,kBAAkB,EAAE;gBAClB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,MAAM;oBAClB,SAAS,EAAE,oBAAa,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE;iBAC3D;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IA/EW,QAAA,uBAAuB,2BA+ElC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}

package/lib-amd/utilities/ChartHoverCard/index.js

@@ -1,8 +1,8 @@
 define(["require", "exports", "tslib", "./ChartHoverCard", "./ChartHoverCard.styles", "./ChartHoverCard.types"], function (require, exports, tslib_1, ChartHoverCard_1, ChartHoverCard_styles_1, ChartHoverCard_types_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(ChartHoverCard_1, exports);
-    tslib_1.__exportStar(ChartHoverCard_styles_1, exports);
-    tslib_1.__exportStar(ChartHoverCard_types_1, exports);
+    (0, tslib_1.__exportStar)(ChartHoverCard_1, exports);
+    (0, tslib_1.__exportStar)(ChartHoverCard_styles_1, exports);
+    (0, tslib_1.__exportStar)(ChartHoverCard_types_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/utilities/ChartHoverCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,uDAAwC;IACxC,sDAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;IAAA,qDAAiC;IACjC,4DAAwC;IACxC,2DAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

package/lib-amd/utilities/FocusableTooltipText.js

@@ -7,13 +7,13 @@ define(["require", "exports", "tslib", "react", "@fluentui/react", "./index", ".
      * because of the CSS text-overflow property.
      */
     var FocusableTooltipText = /** @class */ (function (_super) {
-        tslib_1.__extends(FocusableTooltipText, _super);
+        (0, tslib_1.__extends)(FocusableTooltipText, _super);
         function FocusableTooltipText(props) {
             var _this = _super.call(this, props) || this;
             _this._tooltipChild = React.createRef();
             _this._checkTextOverflow = function () {
                 var overflowElement = _this._getTargetElement();
-                var textOverflow = !!overflowElement && react_1.hasOverflow(overflowElement);
+                var textOverflow = !!overflowElement && (0, react_1.hasOverflow)(overflowElement);
                 if (textOverflow !== _this.state.textOverflow) {
                     _this.setState({ textOverflow: textOverflow });
                 }
@@ -33,7 +33,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react", "./index", ".
         FocusableTooltipText.prototype.render = function () {
             var _a = this.props, className = _a.className, content = _a.content, accessibilityData = _a.accessibilityData;
             return (React.createElement(react_1.TooltipHost, { overflowMode: react_1.TooltipOverflowMode.Self, hostClassName: className, content: content },
-                React.createElement("span", tslib_1.__assign({}, index_1.getAccessibleDataObject(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
+                React.createElement("span", (0, tslib_1.__assign)({}, (0, index_1.getAccessibleDataObject)(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
         };
         FocusableTooltipText.prototype.componentDidMount = function () {
             var overflowElement = this._getTargetElement();

package/lib-amd/utilities/FocusableTooltipText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";;;;IAgBA;;;OAGG;IACH;QAA0C,gDAAuE;QAK/G,8BAAY,KAAiC;YAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;YAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;YA2CnD,wBAAkB,GAAG;gBAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;gBACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,mBAAW,CAAC,eAAe,CAAC,CAAC;gBACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;oBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;iBACjC;YACH,CAAC,CAAC;YAEM,uBAAiB,GAAG;gBAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;oBAC5E,OAAO,SAAS,CAAC;iBAClB;gBAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClD,CAAC,CAAC;YAlDA,KAAI,CAAC,KAAK,GAAG;gBACX,YAAY,EAAE,KAAK;aACpB,CAAC;YAEF,KAAI,CAAC,MAAM,GAAG,IAAI,iBAAK,CAAC,KAAI,CAAC,CAAC;;QAChC,CAAC;QAEM,qCAAM,GAAb;YACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;YAE7D,OAAO,CACL,oBAAC,mBAAW,IAAC,YAAY,EAAE,2BAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;gBAC7F,iDACM,+BAAuB,CAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;QACJ,CAAC;QAEM,gDAAiB,GAAxB;YACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;gBAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;aAC/C;QACH,CAAC;QAEM,mDAAoB,GAA3B;;YACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QAiBH,2BAAC;IAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD;IA3DY,oDAAoB","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}
+{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";;;;IAgBA;;;OAGG;IACH;QAA0C,qDAAuE;QAK/G,8BAAY,KAAiC;YAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;YAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;YA2CnD,wBAAkB,GAAG;gBAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;gBACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,IAAA,mBAAW,EAAC,eAAe,CAAC,CAAC;gBACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;oBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;iBACjC;YACH,CAAC,CAAC;YAEM,uBAAiB,GAAG;gBAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;oBAC5E,OAAO,SAAS,CAAC;iBAClB;gBAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClD,CAAC,CAAC;YAlDA,KAAI,CAAC,KAAK,GAAG;gBACX,YAAY,EAAE,KAAK;aACpB,CAAC;YAEF,KAAI,CAAC,MAAM,GAAG,IAAI,iBAAK,CAAC,KAAI,CAAC,CAAC;;QAChC,CAAC;QAEM,qCAAM,GAAb;YACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;YAE7D,OAAO,CACL,oBAAC,mBAAW,IAAC,YAAY,EAAE,2BAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;gBAC7F,sDACM,IAAA,+BAAuB,EAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;QACJ,CAAC;QAEM,gDAAiB,GAAxB;YACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;gBAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;aAC/C;QACH,CAAC;QAEM,mDAAoB,GAA3B;;YACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QAiBH,2BAAC;IAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD;IA3DY,oDAAoB","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}

package/lib-amd/utilities/index.js

@@ -1,8 +1,8 @@
 define(["require", "exports", "tslib", "./ChartHoverCard/index", "./utilities", "./colors"], function (require, exports, tslib_1, index_1, utilities_1, colors_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-    tslib_1.__exportStar(utilities_1, exports);
-    tslib_1.__exportStar(colors_1, exports);
+    (0, tslib_1.__exportStar)(index_1, exports);
+    (0, tslib_1.__exportStar)(utilities_1, exports);
+    (0, tslib_1.__exportStar)(colors_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;IAAA,uCAAuC;IACvC,2CAA4B;IAC5B,wCAAyB","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;IAAA,4CAAuC;IACvC,gDAA4B;IAC5B,6CAAyB","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\n"]}

package/lib-amd/utilities/utilities.d.ts

@@ -139,9 +139,9 @@ export declare function prepareDatapoints(maxVal: number, minVal: number, splitI
  * @param {IYAxisParams} yAxisParams
  * @param {boolean} isRtl
  */
-export declare function createYAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, chartType: ChartTypes, barWidth: number): import("d3-scale").ScaleLinear<number, number, never>;
+export declare function createYAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, chartType: ChartTypes, barWidth: number, useSecondaryYScale?: boolean): import("d3-scale").ScaleLinear<number, number, never>;
 export declare function createYAxisForHorizontalBarChartWithAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, barWidth: number): import("d3-scale").ScaleLinear<number, number, never>;
-export declare function createYAxisForOtherCharts(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData): import("d3-scale").ScaleLinear<number, number, never>;
+export declare function createYAxisForOtherCharts(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, useSecondaryYScale?: boolean): import("d3-scale").ScaleLinear<number, number, never>;
 export declare const createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean, chartType: ChartTypes, barWidth: number | undefined, culture?: string | undefined) => import("d3-scale").ScaleBand<string>;
 /**
  * Creating String Y axis of the chart for Horizontal Bar Chart With Axis