@fluentui/react-charting 5.16.33 → 5.16.35

package/lib-commonjs/utilities/utilities.js

@@ -39,23 +39,23 @@ var YAxisType;
  */
 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;
 }
@@ -69,19 +69,19 @@ function multiFormat(date, locale) {
     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);
 }
@@ -93,10 +93,10 @@ function multiFormat(date, locale) {
  */
 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);
@@ -118,7 +118,7 @@ function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLo
         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;
 }
@@ -134,20 +134,20 @@ exports.createDateXAxis = createDateXAxis;
  */
 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;
 }
@@ -175,12 +175,13 @@ exports.prepareDatapoints = prepareDatapoints;
  * @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;
@@ -190,33 +191,34 @@ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData,
     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;
 }
@@ -224,9 +226,9 @@ exports.createYAxisForOtherCharts = createYAxisForOtherCharts;
 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;
@@ -238,15 +240,15 @@ exports.createStringYAxis = createStringYAxis;
  */
 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;
@@ -258,16 +260,16 @@ exports.createStringYAxisForHorizontalBarChartWithAxis = createStringYAxisForHor
  */
 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;
@@ -277,7 +279,7 @@ function calloutData(values) {
         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);
     });
@@ -339,7 +341,7 @@ exports.getUnique = getUnique;
 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));
@@ -360,14 +362,14 @@ function createWrapOfXLabels(wrapLabelProps) {
     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);
@@ -459,11 +461,11 @@ yAxis, noOfCharsToTruncate, truncateLabel, xValue, isRtl) {
     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');
@@ -531,7 +533,7 @@ function tooltipOfXAxislabels(xAxistooltipProps) {
     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 = [];
@@ -543,7 +545,7 @@ function tooltipOfXAxislabels(xAxistooltipProps) {
     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
@@ -590,21 +592,21 @@ exports.getXAxisType = getXAxisType;
  */
 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
@@ -623,11 +625,11 @@ exports.domainRangeOfDateForAreaChart = domainRangeOfDateForAreaChart;
  * @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;
         });
     });
@@ -649,7 +651,7 @@ exports.domainRangeOfNumericForAreaChart = domainRangeOfNumericForAreaChart;
  * @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
@@ -687,8 +689,8 @@ exports.domainRangeOfXStringAxis = domainRangeOfXStringAxis;
  * @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;
@@ -708,8 +710,8 @@ exports.domainRangeOfVSBCNumeric = domainRangeOfVSBCNumeric;
  * @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
@@ -787,11 +789,11 @@ exports.getDomainNRangeValues = getDomainNRangeValues;
  * @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,
@@ -806,8 +808,8 @@ exports.findNumericMinMaxOfY = findNumericMinMaxOfY;
  * @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;
@@ -818,8 +820,8 @@ exports.findVSBCNumericMinMaxOfY = findVSBCNumericMinMaxOfY;
  * @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;
@@ -831,8 +833,8 @@ exports.findVerticalNumericMinMaxOfY = findVerticalNumericMinMaxOfY;
  */
 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 };
@@ -992,7 +994,7 @@ function rotateXAxisLabels(rotateLabelProps) {
     }
     var maxHeight = 0;
     var xAxisTranslations = [];
-    d3_selection_1.select(node)
+    (0, d3_selection_1.select)(node)
         .call(xAxis)
         .selectAll('.tick')
         .each(function () {
@@ -1003,7 +1005,7 @@ function rotateXAxisLabels(rotateLabelProps) {
                 .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();
@@ -1013,12 +1015,12 @@ function rotateXAxisLabels(rotateLabelProps) {
         }
     });
     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;
         }
     });
@@ -1027,8 +1029,8 @@ function rotateXAxisLabels(rotateLabelProps) {
 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 = [];
@@ -1038,7 +1040,7 @@ function wrapTextInsideDonut(selectorClass, maxWidth) {
         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');
@@ -1051,7 +1053,7 @@ function wrapTextInsideDonut(selectorClass, maxWidth) {
                 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')