@fluentui/react-charting 5.16.34 → 5.16.36

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalStackedBarChart.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,yGAAyG;IAC5F,QAAA,uBAAuB,GAA2D,kBAAM,CAInG,0DAA2B,EAAE,0CAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart.types';\nimport { VerticalStackedBarChartBase } from './VerticalStackedBarChart.base';\nimport { getStyles } from './VerticalStackedBarChart.styles';\n\n// Create a VerticalStackedBarChart variant which uses these default styles and this styled subcomponent.\nexport const VerticalStackedBarChart: React.FunctionComponent<IVerticalStackedBarChartProps> = styled<\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles\n>(VerticalStackedBarChartBase, getStyles);\n"]}
+{"version":3,"file":"VerticalStackedBarChart.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,yGAAyG;IAC5F,QAAA,uBAAuB,GAA2D,IAAA,kBAAM,EAInG,0DAA2B,EAAE,0CAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart.types';\nimport { VerticalStackedBarChartBase } from './VerticalStackedBarChart.base';\nimport { getStyles } from './VerticalStackedBarChart.styles';\n\n// Create a VerticalStackedBarChart variant which uses these default styles and this styled subcomponent.\nexport const VerticalStackedBarChart: React.FunctionComponent<IVerticalStackedBarChartProps> = styled<\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles\n>(VerticalStackedBarChartBase, getStyles);\n"]}

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.styles.js

@@ -9,7 +9,7 @@ define(["require", "exports", "tslib", "@fluentui/react/lib/Styling"], function
                 opacity: shouldHighlight ? '' : '0.1',
                 cursor: href ? 'pointer' : 'default',
             },
-            tooltip: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
+            tooltip: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
             barLabel: {
                 fontSize: Styling_1.FontSizes.small,
                 fontWeight: Styling_1.FontWeights.semibold,

package/lib-amd/components/VerticalStackedBarChart/VerticalStackedBarChart.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalStackedBarChart.styles.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,SAAS,GAAG,UAAC,KAAyC;QACzD,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QAC/C,OAAO;YACL,oBAAoB,EAAE;gBACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBACrC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACrC;YAED,OAAO,wCACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;YAED,QAAQ,EAAE;gBACR,QAAQ,EAAE,mBAAS,CAAC,KAAK;gBACzB,UAAU,EAAE,qBAAW,CAAC,QAAQ;gBAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;aACnC;SACF,CAAC;IACJ,CAAC,CAAC;IA3BW,QAAA,SAAS,aA2BpB","sourcesContent":["import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';\nimport { IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\n\nexport const getStyles = (props: IVerticalStackedBarChartStyleProps): IVerticalStackedBarChartStyles => {\n  const { shouldHighlight, href, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n      cursor: href ? 'pointer' : 'default',\n    },\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n\n    barLabel: {\n      fontSize: FontSizes.small,\n      fontWeight: FontWeights.semibold,\n      fill: theme.palette.neutralPrimary,\n    },\n  };\n};\n"]}
+{"version":3,"file":"VerticalStackedBarChart.styles.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,SAAS,GAAG,UAAC,KAAyC;QACzD,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QAC/C,OAAO;YACL,oBAAoB,EAAE;gBACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBACrC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACrC;YAED,OAAO,kDACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;YAED,QAAQ,EAAE;gBACR,QAAQ,EAAE,mBAAS,CAAC,KAAK;gBACzB,UAAU,EAAE,qBAAW,CAAC,QAAQ;gBAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;aACnC;SACF,CAAC;IACJ,CAAC,CAAC;IA3BW,QAAA,SAAS,aA2BpB","sourcesContent":["import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';\nimport { IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\n\nexport const getStyles = (props: IVerticalStackedBarChartStyleProps): IVerticalStackedBarChartStyles => {\n  const { shouldHighlight, href, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n      cursor: href ? 'pointer' : 'default',\n    },\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n\n    barLabel: {\n      fontSize: FontSizes.small,\n      fontWeight: FontWeights.semibold,\n      fill: theme.palette.neutralPrimary,\n    },\n  };\n};\n"]}

package/lib-amd/components/VerticalStackedBarChart/index.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "tslib", "./VerticalStackedBarChart", "./VerticalStackedBarChart.types"], function (require, exports, tslib_1, VerticalStackedBarChart_1, VerticalStackedBarChart_types_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(VerticalStackedBarChart_1, exports);
-    tslib_1.__exportStar(VerticalStackedBarChart_types_1, exports);
+    (0, tslib_1.__exportStar)(VerticalStackedBarChart_1, exports);
+    (0, tslib_1.__exportStar)(VerticalStackedBarChart_types_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/components/VerticalStackedBarChart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/index.ts"],"names":[],"mappings":";;;IAAA,yDAA0C;IAC1C,+DAAgD","sourcesContent":["export * from './VerticalStackedBarChart';\nexport * from './VerticalStackedBarChart.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/index.ts"],"names":[],"mappings":";;;IAAA,8DAA0C;IAC1C,oEAAgD","sourcesContent":["export * from './VerticalStackedBarChart';\nexport * from './VerticalStackedBarChart.types';\n"]}

package/lib-amd/index.js

@@ -1,24 +1,24 @@
 define(["require", "exports", "tslib", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./types/index", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./HorizontalBarChartWithAxis", "./utilities/colors", "./version"], function (require, exports, tslib_1, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, index_2, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1, HorizontalBarChartWithAxis_1, colors_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(HorizontalBarChart_1, exports);
-    tslib_1.__exportStar(DonutChart_1, exports);
-    tslib_1.__exportStar(Legends_1, exports);
-    tslib_1.__exportStar(LineChart_1, exports);
-    tslib_1.__exportStar(AreaChart_1, exports);
-    tslib_1.__exportStar(PieChart_1, exports);
-    tslib_1.__exportStar(StackedBarChart_1, exports);
-    tslib_1.__exportStar(VerticalBarChart_1, exports);
-    tslib_1.__exportStar(VerticalStackedBarChart_1, exports);
-    tslib_1.__exportStar(GroupedVerticalBarChart_1, exports);
-    tslib_1.__exportStar(CartesianChart_1, exports);
-    tslib_1.__exportStar(index_1, exports);
-    tslib_1.__exportStar(index_2, exports);
-    tslib_1.__exportStar(HeatMapChart_1, exports);
-    tslib_1.__exportStar(SankeyChart_1, exports);
-    tslib_1.__exportStar(TreeChart_1, exports);
-    tslib_1.__exportStar(Sparkline_1, exports);
-    tslib_1.__exportStar(HorizontalBarChartWithAxis_1, exports);
-    tslib_1.__exportStar(colors_1, exports);
+    (0, tslib_1.__exportStar)(HorizontalBarChart_1, exports);
+    (0, tslib_1.__exportStar)(DonutChart_1, exports);
+    (0, tslib_1.__exportStar)(Legends_1, exports);
+    (0, tslib_1.__exportStar)(LineChart_1, exports);
+    (0, tslib_1.__exportStar)(AreaChart_1, exports);
+    (0, tslib_1.__exportStar)(PieChart_1, exports);
+    (0, tslib_1.__exportStar)(StackedBarChart_1, exports);
+    (0, tslib_1.__exportStar)(VerticalBarChart_1, exports);
+    (0, tslib_1.__exportStar)(VerticalStackedBarChart_1, exports);
+    (0, tslib_1.__exportStar)(GroupedVerticalBarChart_1, exports);
+    (0, tslib_1.__exportStar)(CartesianChart_1, exports);
+    (0, tslib_1.__exportStar)(index_1, exports);
+    (0, tslib_1.__exportStar)(index_2, exports);
+    (0, tslib_1.__exportStar)(HeatMapChart_1, exports);
+    (0, tslib_1.__exportStar)(SankeyChart_1, exports);
+    (0, tslib_1.__exportStar)(TreeChart_1, exports);
+    (0, tslib_1.__exportStar)(Sparkline_1, exports);
+    (0, tslib_1.__exportStar)(HorizontalBarChartWithAxis_1, exports);
+    (0, tslib_1.__exportStar)(colors_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,4CAA6B;IAC7B,yCAA0B;IAC1B,2CAA4B;IAC5B,2CAA4B;IAC5B,0CAA2B;IAC3B,iDAAkC;IAClC,kDAAmC;IACnC,yDAA0C;IAC1C,yDAA0C;IAC1C,gDAAiC;IACjC,uCAA8B;IAC9B,uCAAiD;IACjD,8CAA+B;IAC/B,6CAA8B;IAC9B,2CAA4B;IAC5B,2CAA4B;IAC5B,4DAA6C;IAC7C,wCAAmC","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\nexport * from './HorizontalBarChartWithAxis';\nexport * from './utilities/colors';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,yDAAqC;IACrC,iDAA6B;IAC7B,8CAA0B;IAC1B,gDAA4B;IAC5B,gDAA4B;IAC5B,+CAA2B;IAC3B,sDAAkC;IAClC,uDAAmC;IACnC,8DAA0C;IAC1C,8DAA0C;IAC1C,qDAAiC;IACjC,4CAA8B;IAC9B,4CAAiD;IACjD,mDAA+B;IAC/B,kDAA8B;IAC9B,gDAA4B;IAC5B,gDAA4B;IAC5B,iEAA6C;IAC7C,6CAAmC","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\nexport * from './HorizontalBarChartWithAxis';\nexport * from './utilities/colors';\n\nimport './version';\n"]}

package/lib-amd/types/index.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "tslib", "./IDataPoint", "./ILegendDataItem"], function (require, exports, tslib_1, IDataPoint_1, ILegendDataItem_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(IDataPoint_1, exports);
-    tslib_1.__exportStar(ILegendDataItem_1, exports);
+    (0, tslib_1.__exportStar)(IDataPoint_1, exports);
+    (0, tslib_1.__exportStar)(ILegendDataItem_1, exports);
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,iDAAkC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":";;;IAAA,iDAA6B;IAC7B,sDAAkC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}

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

@@ -2,9 +2,9 @@ define(["require", "exports", "tslib", "react", "@fluentui/react", "../index"],
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ChartHoverCardBase = void 0;
-    var getClassNames = react_1.classNamesFunction();
+    var getClassNames = (0, react_1.classNamesFunction)();
     var ChartHoverCardBase = /** @class */ (function (_super) {
-        tslib_1.__extends(ChartHoverCardBase, _super);
+        (0, tslib_1.__extends)(ChartHoverCardBase, _super);
         function ChartHoverCardBase() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
@@ -23,13 +23,13 @@ define(["require", "exports", "tslib", "react", "@fluentui/react", "../index"],
                         " ")),
                 React.createElement("div", { className: this._classNames.calloutInfoContainer },
                     React.createElement("div", { className: this._classNames.calloutBlockContainer },
-                        React.createElement("div", { className: this._classNames.calloutlegendText }, index_1.convertToLocaleString(Legend, culture)),
-                        React.createElement("div", { className: this._classNames.calloutContentY }, index_1.convertToLocaleString(YValue, culture))),
+                        React.createElement("div", { className: this._classNames.calloutlegendText }, (0, index_1.convertToLocaleString)(Legend, culture)),
+                        React.createElement("div", { className: this._classNames.calloutContentY }, (0, index_1.convertToLocaleString)(YValue, culture))),
                     !!ratio && (React.createElement("div", { className: this._classNames.ratio },
                         React.createElement(React.Fragment, null,
-                            React.createElement("span", { className: this._classNames.numerator }, index_1.convertToLocaleString(ratio[0], culture)),
+                            React.createElement("span", { className: this._classNames.numerator }, (0, index_1.convertToLocaleString)(ratio[0], culture)),
                             "/",
-                            React.createElement("span", { className: this._classNames.denominator }, index_1.convertToLocaleString(ratio[1], culture)))))),
+                            React.createElement("span", { className: this._classNames.denominator }, (0, index_1.convertToLocaleString)(ratio[1], culture)))))),
                 !!descriptionMessage && React.createElement("div", { className: this._classNames.descriptionMessage }, descriptionMessage)));
         };
         return ChartHoverCardBase;

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"]}