@fluentui/react-charting 5.16.33 → 5.16.35

package/lib-amd/utilities/utilities.js

@@ -32,23 +32,23 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createNumericXAxis(xAxisParams, chartType, culture) {
         var domainNRangeValues = xAxisParams.domainNRangeValues, _a = xAxisParams.showRoundOffXTickValues, showRoundOffXTickValues = _a === void 0 ? false : _a, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.tickPadding, tickPadding = _c === void 0 ? 10 : _c, _d = xAxisParams.xAxisCount, xAxisCount = _d === void 0 ? 6 : _d, xAxisElement = xAxisParams.xAxisElement;
-        var xAxisScale = d3_scale_1.scaleLinear()
+        var xAxisScale = (0, d3_scale_1.scaleLinear)()
             .domain([domainNRangeValues.dStartValue, domainNRangeValues.dEndValue])
             .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue]);
         showRoundOffXTickValues && xAxisScale.nice();
-        var xAxis = d3_axis_1.axisBottom(xAxisScale)
+        var xAxis = (0, d3_axis_1.axisBottom)(xAxisScale)
             .tickSize(xAxistickSize)
             .tickPadding(tickPadding)
             .ticks(xAxisCount)
             .tickFormat(function (domainValue, index) {
             var xAxisValue = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();
-            return exports.convertToLocaleString(xAxisValue, culture);
+            return (0, exports.convertToLocaleString)(xAxisValue, culture);
         });
         if (chartType === ChartTypes.HorizontalBarChartWithAxis) {
             xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
         }
         if (xAxisElement) {
-            d3_selection_1.select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
+            (0, d3_selection_1.select)(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
         }
         return xAxisScale;
     }
@@ -62,19 +62,19 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         var formatWeek = locale.format('%b %d');
         var formatMonth = locale.format('%B');
         var formatYear = locale.format('%Y');
-        return (d3_time_1.timeSecond(date) < date
+        return ((0, d3_time_1.timeSecond)(date) < date
             ? formatMillisecond
-            : d3_time_1.timeMinute(date) < date
+            : (0, d3_time_1.timeMinute)(date) < date
                 ? formatSecond
-                : d3_time_1.timeHour(date) < date
+                : (0, d3_time_1.timeHour)(date) < date
                     ? formatMinute
-                    : d3_time_1.timeDay(date) < date
+                    : (0, d3_time_1.timeDay)(date) < date
                         ? formatHour
-                        : d3_time_1.timeMonth(date) < date
-                            ? d3_time_1.timeWeek(date) < date
+                        : (0, d3_time_1.timeMonth)(date) < date
+                            ? (0, d3_time_1.timeWeek)(date) < date
                                 ? formatDay
                                 : formatWeek
-                            : d3_time_1.timeYear(date) < date
+                            : (0, d3_time_1.timeYear)(date) < date
                                 ? formatMonth
                                 : formatYear)(date);
     }
@@ -86,10 +86,10 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter) {
         var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _a = xAxisParams.tickPadding, tickPadding = _a === void 0 ? 6 : _a, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxisCount, xAxisCount = _c === void 0 ? 6 : _c;
-        var xAxisScale = d3_scale_1.scaleTime()
+        var xAxisScale = (0, d3_scale_1.scaleTime)()
             .domain([domainNRangeValues.dStartValue, domainNRangeValues.dEndValue])
             .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue]);
-        var xAxis = d3_axis_1.axisBottom(xAxisScale).tickSize(xAxistickSize).tickPadding(tickPadding).ticks(xAxisCount);
+        var xAxis = (0, d3_axis_1.axisBottom)(xAxisScale).tickSize(xAxistickSize).tickPadding(tickPadding).ticks(xAxisCount);
         if (customDateTimeFormatter) {
             xAxis.tickFormat(function (domainValue, _index) {
                 return customDateTimeFormatter(domainValue);
@@ -111,7 +111,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             tickParams.tickFormat ? xAxis.tickFormat(d3TimeFormat.timeFormat(tickParams.tickFormat)) : '';
         }
         if (xAxisElement) {
-            d3_selection_1.select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
+            (0, d3_selection_1.select)(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
         }
         return xAxisScale;
     }
@@ -127,20 +127,20 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createStringXAxis(xAxisParams, tickParams, dataset, culture) {
         var domainNRangeValues = xAxisParams.domainNRangeValues, _a = xAxisParams.xAxisCount, xAxisCount = _a === void 0 ? 6 : _a, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.tickPadding, tickPadding = _c === void 0 ? 10 : _c, _d = xAxisParams.xAxisPadding, xAxisPadding = _d === void 0 ? 0.1 : _d, xAxisInnerPadding = xAxisParams.xAxisInnerPadding, xAxisOuterPadding = xAxisParams.xAxisOuterPadding;
-        var xAxisScale = d3_scale_1.scaleBand()
+        var xAxisScale = (0, d3_scale_1.scaleBand)()
             .domain(dataset)
             .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue])
             .paddingInner(typeof xAxisInnerPadding !== 'undefined' ? xAxisInnerPadding : xAxisPadding)
             .paddingOuter(typeof xAxisOuterPadding !== 'undefined' ? xAxisOuterPadding : xAxisPadding);
-        var xAxis = d3_axis_1.axisBottom(xAxisScale)
+        var xAxis = (0, d3_axis_1.axisBottom)(xAxisScale)
             .tickSize(xAxistickSize)
             .tickPadding(tickPadding)
             .ticks(xAxisCount)
             .tickFormat(function (x, index) {
-            return exports.convertToLocaleString(dataset[index], culture);
+            return (0, exports.convertToLocaleString)(dataset[index], culture);
         });
         if (xAxisParams.xAxisElement) {
-            d3_selection_1.select(xAxisParams.xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
+            (0, d3_selection_1.select)(xAxisParams.xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
         }
         return xAxisScale;
     }
@@ -168,12 +168,13 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @param {IYAxisParams} yAxisParams
      * @param {boolean} isRtl
      */
-    function createYAxis(yAxisParams, isRtl, axisData, chartType, barWidth) {
+    function createYAxis(yAxisParams, isRtl, axisData, chartType, barWidth, useSecondaryYScale) {
+        if (useSecondaryYScale === void 0) { useSecondaryYScale = false; }
         switch (chartType) {
             case ChartTypes.HorizontalBarChartWithAxis:
                 return createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth);
             default:
-                return createYAxisForOtherCharts(yAxisParams, isRtl, axisData);
+                return createYAxisForOtherCharts(yAxisParams, isRtl, axisData, useSecondaryYScale);
         }
     }
     exports.createYAxis = createYAxis;
@@ -183,33 +184,34 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         var tempVal = maxOfYVal || yMinMaxValues.endValue;
         var finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
         var finalYmin = yMinMaxValues.startValue < yMinValue ? 0 : yMinValue;
-        var yAxisScale = d3_scale_1.scaleLinear()
+        var yAxisScale = (0, d3_scale_1.scaleLinear)()
             .domain([finalYmin, finalYmax])
             .range([containerHeight - margins.bottom, margins.top]);
-        var axis = isRtl ? d3_axis_1.axisRight(yAxisScale) : d3_axis_1.axisLeft(yAxisScale);
+        var axis = isRtl ? (0, d3_axis_1.axisRight)(yAxisScale) : (0, d3_axis_1.axisLeft)(yAxisScale);
         var yAxis = axis.tickPadding(tickPadding).ticks(yAxisTickCount);
-        yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat(d3_format_1.format('.2~s'));
-        yAxisElement ? d3_selection_1.select(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
+        yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat((0, d3_format_1.format)('.2~s'));
+        yAxisElement ? (0, d3_selection_1.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
         return yAxisScale;
     }
     exports.createYAxisForHorizontalBarChartWithAxis = createYAxisForHorizontalBarChartWithAxis;
-    function createYAxisForOtherCharts(yAxisParams, isRtl, axisData) {
+    function createYAxisForOtherCharts(yAxisParams, isRtl, axisData, useSecondaryYScale) {
+        if (useSecondaryYScale === void 0) { useSecondaryYScale = false; }
         var _a = yAxisParams.yMinMaxValues, yMinMaxValues = _a === void 0 ? { startValue: 0, endValue: 0 } : _a, _b = yAxisParams.yAxisElement, yAxisElement = _b === void 0 ? null : _b, _c = yAxisParams.yMaxValue, yMaxValue = _c === void 0 ? 0 : _c, _d = yAxisParams.yMinValue, yMinValue = _d === void 0 ? 0 : _d, containerHeight = yAxisParams.containerHeight, containerWidth = yAxisParams.containerWidth, margins = yAxisParams.margins, _e = yAxisParams.tickPadding, tickPadding = _e === void 0 ? 12 : _e, _f = yAxisParams.maxOfYVal, maxOfYVal = _f === void 0 ? 0 : _f, yAxisTickFormat = yAxisParams.yAxisTickFormat, _g = yAxisParams.yAxisTickCount, yAxisTickCount = _g === void 0 ? 4 : _g, eventAnnotationProps = yAxisParams.eventAnnotationProps, eventLabelHeight = yAxisParams.eventLabelHeight;
         // maxOfYVal coming from only area chart and Grouped vertical bar chart(Calculation done at base file)
         var tempVal = maxOfYVal || yMinMaxValues.endValue;
         var finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
         var finalYmin = yMinMaxValues.startValue < yMinValue ? 0 : yMinValue;
         var domainValues = prepareDatapoints(finalYmax, finalYmin, yAxisTickCount);
-        var yAxisScale = d3_scale_1.scaleLinear()
+        var yAxisScale = (0, d3_scale_1.scaleLinear)()
             .domain([finalYmin, domainValues[domainValues.length - 1]])
             .range([containerHeight - margins.bottom, margins.top + (eventAnnotationProps ? eventLabelHeight : 0)]);
-        var axis = isRtl ? d3_axis_1.axisRight(yAxisScale) : d3_axis_1.axisLeft(yAxisScale);
+        var axis = (!isRtl && useSecondaryYScale) || (isRtl && !useSecondaryYScale) ? (0, d3_axis_1.axisRight)(yAxisScale) : (0, d3_axis_1.axisLeft)(yAxisScale);
         var yAxis = axis
             .tickPadding(tickPadding)
             .tickValues(domainValues)
             .tickSizeInner(-(containerWidth - margins.left - margins.right));
-        yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat(d3_format_1.format('.2~s'));
-        yAxisElement ? d3_selection_1.select(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
+        yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat((0, d3_format_1.format)('.2~s'));
+        yAxisElement ? (0, d3_selection_1.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
         axisData.yAxisDomainValues = domainValues;
         return yAxisScale;
     }
@@ -217,9 +219,9 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
     var createStringYAxis = function (yAxisParams, dataPoints, isRtl, chartType, barWidth, culture) {
         switch (chartType) {
             case ChartTypes.HorizontalBarChartWithAxis:
-                return exports.createStringYAxisForHorizontalBarChartWithAxis(yAxisParams, dataPoints, isRtl, barWidth, culture);
+                return (0, exports.createStringYAxisForHorizontalBarChartWithAxis)(yAxisParams, dataPoints, isRtl, barWidth, culture);
             default:
-                return exports.createStringYAxisForOtherCharts(yAxisParams, dataPoints, isRtl);
+                return (0, exports.createStringYAxisForOtherCharts)(yAxisParams, dataPoints, isRtl);
         }
     };
     exports.createStringYAxis = createStringYAxis;
@@ -231,15 +233,15 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     var createStringYAxisForHorizontalBarChartWithAxis = function (yAxisParams, dataPoints, isRtl, barWidth, culture) {
         var containerHeight = yAxisParams.containerHeight, _a = yAxisParams.tickPadding, tickPadding = _a === void 0 ? 12 : _a, margins = yAxisParams.margins, yAxisTickFormat = yAxisParams.yAxisTickFormat, yAxisElement = yAxisParams.yAxisElement;
-        var yAxisScale = d3_scale_1.scaleBand()
+        var yAxisScale = (0, d3_scale_1.scaleBand)()
             .domain(dataPoints)
             .range([containerHeight - margins.bottom - barWidth / 2, margins.top + barWidth / 2]);
-        var axis = isRtl ? d3_axis_1.axisRight(yAxisScale) : d3_axis_1.axisLeft(yAxisScale);
+        var axis = isRtl ? (0, d3_axis_1.axisRight)(yAxisScale) : (0, d3_axis_1.axisLeft)(yAxisScale);
         var yAxis = axis.tickPadding(tickPadding).ticks(dataPoints);
         if (yAxisTickFormat) {
             yAxis.tickFormat(yAxisTickFormat);
         }
-        yAxisElement ? d3_selection_1.select(yAxisElement).call(yAxis).selectAll('text') : '';
+        yAxisElement ? (0, d3_selection_1.select)(yAxisElement).call(yAxis).selectAll('text') : '';
         return yAxisScale;
     };
     exports.createStringYAxisForHorizontalBarChartWithAxis = createStringYAxisForHorizontalBarChartWithAxis;
@@ -251,16 +253,16 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     var createStringYAxisForOtherCharts = function (yAxisParams, dataPoints, isRtl) {
         var containerHeight = yAxisParams.containerHeight, _a = yAxisParams.tickPadding, tickPadding = _a === void 0 ? 12 : _a, margins = yAxisParams.margins, yAxisTickFormat = yAxisParams.yAxisTickFormat, yAxisElement = yAxisParams.yAxisElement, _b = yAxisParams.yAxisPadding, yAxisPadding = _b === void 0 ? 0 : _b;
-        var yAxisScale = d3_scale_1.scaleBand()
+        var yAxisScale = (0, d3_scale_1.scaleBand)()
             .domain(dataPoints)
             .range([containerHeight - margins.bottom, margins.top])
             .padding(yAxisPadding);
-        var axis = isRtl ? d3_axis_1.axisRight(yAxisScale) : d3_axis_1.axisLeft(yAxisScale);
+        var axis = isRtl ? (0, d3_axis_1.axisRight)(yAxisScale) : (0, d3_axis_1.axisLeft)(yAxisScale);
         var yAxis = axis.tickPadding(tickPadding).tickValues(dataPoints).tickSize(0);
         if (yAxisTickFormat) {
             yAxis.tickFormat(yAxisTickFormat);
         }
-        yAxisElement ? d3_selection_1.select(yAxisElement).call(yAxis).selectAll('text') : '';
+        yAxisElement ? (0, d3_selection_1.select)(yAxisElement).call(yAxis).selectAll('text') : '';
         return yAxisScale;
     };
     exports.createStringYAxisForOtherCharts = createStringYAxisForOtherCharts;
@@ -270,7 +272,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             var elements = element.data
                 .filter(function (ele) { return !ele.hideCallout; })
                 .map(function (ele) {
-                return tslib_1.__assign(tslib_1.__assign({ legend: element.legend }, ele), { color: element.color, index: element.index });
+                return (0, tslib_1.__assign)((0, tslib_1.__assign)({ legend: element.legend }, ele), { color: element.color, index: element.index });
             });
             combinedResult = combinedResult.concat(elements);
         });
@@ -332,7 +334,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
     function silceOrAppendToArray(array, value) {
         var pos = array.indexOf(value);
         if (pos === -1) {
-            return tslib_1.__spreadArray(tslib_1.__spreadArray([], array), [value]);
+            return (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], array, true), [value], false);
         }
         else {
             return array.slice(0, pos).concat(array.slice(pos + 1));
@@ -353,14 +355,14 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         if (node === null) {
             return;
         }
-        var axisNode = d3_selection_1.select(node).call(xAxis);
+        var axisNode = (0, d3_selection_1.select)(node).call(xAxis);
         var removeVal = 0;
         var width = 10;
         var arr = [];
         axisNode.selectAll('.tick text').each(function () {
-            var text = d3_selection_1.select(this);
+            var text = (0, d3_selection_1.select)(this);
             var totalWord = text.text();
-            var truncatedWord = text.text().slice(0, noOfCharsToTruncate) + "...";
+            var truncatedWord = "".concat(text.text().slice(0, noOfCharsToTruncate), "...");
             var totalWordLength = text.text().length;
             var words = text.text().split(/\s+/).reverse();
             arr.push(words.length);
@@ -452,11 +454,11 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         if (node === null) {
             return;
         }
-        var axisNode = d3_selection_1.select(node).call(yAxis);
+        var axisNode = (0, d3_selection_1.select)(node).call(yAxis);
         axisNode.selectAll('.tick text').each(function () {
-            var text = d3_selection_1.select(this);
+            var text = (0, d3_selection_1.select)(this);
             var totalWord = text.text();
-            var truncatedWord = text.text().slice(0, noOfCharsToTruncate) + "...";
+            var truncatedWord = "".concat(text.text().slice(0, noOfCharsToTruncate), "...");
             var totalWordLength = text.text().length;
             var padding = truncateLabel ? 1.5 : 1; // ems
             var y = text.attr('y');
@@ -524,7 +526,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         if (xAxis === null) {
             return null;
         }
-        var div = d3_selection_1.select('body').append('div').attr('id', id).attr('class', tooltipCls).style('opacity', 0);
+        var div = (0, d3_selection_1.select)('body').append('div').attr('id', id).attr('class', tooltipCls).style('opacity', 0);
         var aa = xAxis.selectAll('#BaseSpan')._groups[0];
         var baseSpanLength = aa && Object.keys(aa).length;
         var originalDataArray = [];
@@ -536,7 +538,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         var tickObjectLength = tickObject && Object.keys(tickObject).length;
         var _loop_1 = function (i) {
             var d1 = tickObject[i];
-            d3_selection_1.select(d1)
+            (0, d3_selection_1.select)(d1)
                 .on('mouseover', function (d) {
                 div.style('opacity', 0.9);
                 div
@@ -583,21 +585,21 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function domainRangeOfDateForAreaChart(points, margins, width, isRTL, tickValues) {
         if (tickValues === void 0) { tickValues = []; }
-        var sDate = d3_array_1.min(points, function (point) {
-            return d3_array_1.min(point.data, function (item) {
+        var sDate = (0, d3_array_1.min)(points, function (point) {
+            return (0, d3_array_1.min)(point.data, function (item) {
                 return item.x;
             });
         });
-        var lDate = d3_array_1.max(points, function (point) {
-            return d3_array_1.max(point.data, function (item) {
+        var lDate = (0, d3_array_1.max)(points, function (point) {
+            return (0, d3_array_1.max)(point.data, function (item) {
                 return item.x;
             });
         });
         // Need to draw graph with given small and large date (Which Involves customization of date axis tick values)
         // That may be Either from given graph data or from prop 'tickValues' date values.
         // So, Finding smallest and largest dates
-        var smallestDate = d3_array_1.min(tslib_1.__spreadArray(tslib_1.__spreadArray([], tickValues), [sDate]));
-        var largestDate = d3_array_1.max(tslib_1.__spreadArray(tslib_1.__spreadArray([], tickValues), [lDate]));
+        var smallestDate = (0, d3_array_1.min)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], tickValues, true), [sDate], false));
+        var largestDate = (0, d3_array_1.max)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], tickValues, true), [lDate], false));
         var rStartValue = margins.left;
         var rEndValue = width - margins.right;
         return isRTL
@@ -616,11 +618,11 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {IDomainNRange}
      */
     function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
-        var xMin = d3_array_1.min(points, function (point) {
-            return d3_array_1.min(point.data, function (item) { return item.x; });
+        var xMin = (0, d3_array_1.min)(points, function (point) {
+            return (0, d3_array_1.min)(point.data, function (item) { return item.x; });
         });
-        var xMax = d3_array_1.max(points, function (point) {
-            return d3_array_1.max(point.data, function (item) {
+        var xMax = (0, d3_array_1.max)(points, function (point) {
+            return (0, d3_array_1.max)(point.data, function (item) {
                 return item.x;
             });
         });
@@ -642,7 +644,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {IDomainNRange}
      */
     function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX) {
-        var xMax = d3_array_1.max(points, function (point) { return point.x; });
+        var xMax = (0, d3_array_1.max)(points, function (point) { return point.x; });
         var rMin = isRTL ? margins.left : margins.left + shiftX;
         var rMax = isRTL ? containerWidth - margins.right - shiftX : containerWidth - margins.right;
         return isRTL
@@ -680,8 +682,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {IDomainNRange}
      */
     function domainRangeOfVSBCNumeric(points, margins, width, isRTL, barWidth) {
-        var xMin = d3_array_1.min(points, function (point) { return point.x; });
-        var xMax = d3_array_1.max(points, function (point) { return point.x; });
+        var xMin = (0, d3_array_1.min)(points, function (point) { return point.x; });
+        var xMax = (0, d3_array_1.max)(points, function (point) { return point.x; });
         // barWidth / 2 - for to get tick middle of the bar
         var rMax = margins.left + barWidth / 2;
         var rMin = width - margins.right - barWidth / 2;
@@ -701,8 +703,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {IDomainNRange}
      */
     function domainRageOfVerticalNumeric(points, margins, containerWidth, isRTL, barWidth) {
-        var xMax = d3_array_1.max(points, function (point) { return point.x; });
-        var xMin = d3_array_1.min(points, function (point) { return point.x; });
+        var xMax = (0, d3_array_1.max)(points, function (point) { return point.x; });
+        var xMin = (0, d3_array_1.min)(points, function (point) { return point.x; });
         var rMin = margins.left + barWidth / 2;
         var rMax = containerWidth - margins.right - barWidth / 2;
         return isRTL
@@ -780,11 +782,11 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {{ startValue: number; endValue: number }}
      */
     function findNumericMinMaxOfY(points) {
-        var yMax = d3_array_1.max(points, function (point) {
-            return d3_array_1.max(point.data, function (item) { return item.y; });
+        var yMax = (0, d3_array_1.max)(points, function (point) {
+            return (0, d3_array_1.max)(point.data, function (item) { return item.y; });
         });
-        var yMin = d3_array_1.min(points, function (point) {
-            return d3_array_1.min(point.data, function (item) { return item.y; });
+        var yMin = (0, d3_array_1.min)(points, function (point) {
+            return (0, d3_array_1.min)(point.data, function (item) { return item.y; });
         });
         return {
             startValue: yMin,
@@ -799,8 +801,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {{ startValue: number; endValue: number }}
      */
     function findVSBCNumericMinMaxOfY(dataset) {
-        var yMax = d3_array_1.max(dataset, function (point) { return point.y; });
-        var yMin = d3_array_1.min(dataset, function (point) { return point.y; });
+        var yMax = (0, d3_array_1.max)(dataset, function (point) { return point.y; });
+        var yMin = (0, d3_array_1.min)(dataset, function (point) { return point.y; });
         return { startValue: yMin, endValue: yMax };
     }
     exports.findVSBCNumericMinMaxOfY = findVSBCNumericMinMaxOfY;
@@ -811,8 +813,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns {{ startValue: number; endValue: number }}
      */
     function findVerticalNumericMinMaxOfY(points) {
-        var yMax = d3_array_1.max(points, function (point) { return point.y; });
-        var yMin = d3_array_1.min(points, function (point) { return point.y; });
+        var yMax = (0, d3_array_1.max)(points, function (point) { return point.y; });
+        var yMin = (0, d3_array_1.min)(points, function (point) { return point.y; });
         return { startValue: yMin, endValue: yMax };
     }
     exports.findVerticalNumericMinMaxOfY = findVerticalNumericMinMaxOfY;
@@ -824,8 +826,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function findHBCWANumericMinMaxOfY(points, yAxisType) {
         if (yAxisType !== undefined && yAxisType === YAxisType.NumericAxis) {
-            var yMax = d3_array_1.max(points, function (point) { return point.y; });
-            var yMin = d3_array_1.min(points, function (point) { return point.y; });
+            var yMax = (0, d3_array_1.max)(points, function (point) { return point.y; });
+            var yMin = (0, d3_array_1.min)(points, function (point) { return point.y; });
             return { startValue: yMin, endValue: yMax };
         }
         return { startValue: 0, endValue: 0 };
@@ -985,7 +987,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         }
         var maxHeight = 0;
         var xAxisTranslations = [];
-        d3_selection_1.select(node)
+        (0, d3_selection_1.select)(node)
             .call(xAxis)
             .selectAll('.tick')
             .each(function () {
@@ -996,7 +998,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
                     .split(',');
                 if (translatePair.length === 2) {
                     xAxisTranslations.push(translatePair[0]);
-                    this.setAttribute('transform', "translate(" + translatePair[0] + ",0)rotate(-45)");
+                    this.setAttribute('transform', "translate(".concat(translatePair[0], ",0)rotate(-45)"));
                 }
             }
             var BoxCordinates = this.getBoundingClientRect();
@@ -1006,12 +1008,12 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             }
         });
         var idx = 0;
-        d3_selection_1.select(node)
+        (0, d3_selection_1.select)(node)
             .call(xAxis)
             .selectAll('.tick')
             .each(function () {
             if (xAxisTranslations.length > idx) {
-                this.setAttribute('transform', "translate(" + xAxisTranslations[idx] + "," + maxHeight / 2 + ")rotate(-45)"); // Translate y by max height/2
+                this.setAttribute('transform', "translate(".concat(xAxisTranslations[idx], ",").concat(maxHeight / 2, ")rotate(-45)")); // Translate y by max height/2
                 idx += 1;
             }
         });
@@ -1020,8 +1022,8 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
     exports.rotateXAxisLabels = rotateXAxisLabels;
     function wrapTextInsideDonut(selectorClass, maxWidth) {
         var idx = 0;
-        d3_selection_1.selectAll("." + selectorClass).each(function () {
-            var text = d3_selection_1.select(this);
+        (0, d3_selection_1.selectAll)(".".concat(selectorClass)).each(function () {
+            var text = (0, d3_selection_1.select)(this);
             var words = text.text().split(/\s+/).reverse();
             var word = '';
             var line = [];
@@ -1031,7 +1033,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             var tspan = text
                 .text(null)
                 .append('tspan')
-                .attr('id', "WordBreakId-" + idx + "-" + lineNumber)
+                .attr('id', "WordBreakId-".concat(idx, "-").concat(lineNumber))
                 .attr('x', 0)
                 .attr('y', y)
                 .attr('dy', lineNumber++ * lineHeight + 'em');
@@ -1044,7 +1046,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
                     line = [word];
                     tspan = text
                         .append('tspan')
-                        .attr('id', "WordBreakId-" + idx + "-" + lineNumber)
+                        .attr('id', "WordBreakId-".concat(idx, "-").concat(lineNumber))
                         .attr('x', 0)
                         .attr('y', y)
                         .attr('dy', lineNumber++ * lineHeight + 'em')