@hpcc-js/chart 2.83.3 → 2.84.0

package/dist/index.es6.js

@@ -1,10 +1,10 @@
 import { INDChart, ITooltip, I2DChart, I1DChart, I2DAggrChart } from '@hpcc-js/api';
-import { select, scaleTime, timeParse, timeFormat, scaleLog, format, scalePow, scaleLinear, scaleBand, publish, SVGWidget, brushSelection, d3Event, hsl, min as min$1, max as max$1, Utility, brush, brushX, brushY, scaleSqrt, extent, Text, local, FAChar, descending as descending$1, HTMLWidget, thresholdSturges, tickStep, range, drag, event, dispatch, interpolate, interpolateHcl, Palette, rgb, CanvasWidget, zoom } from '@hpcc-js/common';
+import { publish, select, scaleTime, timeParse, timeFormat, scaleLog, format, scalePow, scaleLinear, scaleBand, SVGWidget, Utility, brush, brushX, brushY, brushSelection, d3Event, hsl, min as min$1, max as max$1, scaleSqrt, extent, local, Text, FAChar, descending as descending$1, HTMLWidget, thresholdSturges, tickStep, range, drag, event, dispatch, interpolateHcl, interpolate, Palette, rgb, CanvasWidget, zoom } from '@hpcc-js/common';
 import { normalizeRadians, degreesToRadians } from '@hpcc-js/util';
 
 var PKG_NAME = "@hpcc-js/chart";
-var PKG_VERSION = "2.83.3";
-var BUILD_VERSION = "2.105.9";
+var PKG_VERSION = "2.84.0";
+var BUILD_VERSION = "2.106.0";
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -48,6 +48,35 @@ function __metadata(metadataKey, metadataValue) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
 }
 
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
 function __spreadArray(to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
       if (ar || !(i in from)) {
@@ -2431,12 +2460,22 @@ var XYAxis = /** @class */ (function (_super) {
         })
             .merge(focusChart)
             .each(function () {
+            var e_1, _a;
             context.copyPropsTo(context.focusChart, ["layers"]);
             var layerIdx = 0;
-            for (var _i = 0, _a = context.layers(); _i < _a.length; _i++) {
-                var layer = _a[_i];
-                layer.copyPropsTo(context.focusChart.layers()[layerIdx]);
-                layerIdx++;
+            try {
+                for (var _b = __values(context.layers()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var layer = _c.value;
+                    layer.copyPropsTo(context.focusChart.layers()[layerIdx]);
+                    layerIdx++;
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
             }
             context.focusChart
                 .xAxisFocus(false)
@@ -2487,7 +2526,7 @@ var XYAxis = /** @class */ (function (_super) {
         if (!retVal.length) {
             return masterColumns;
         }
-        return __spreadArray([masterColumns[0]], retVal, true);
+        return __spreadArray([masterColumns[0]], __read(retVal), false);
     };
     XYAxis.prototype.layerColumnIndices = function (host) {
         var masterColumns = host.columns();
@@ -2516,24 +2555,44 @@ var XYAxis = /** @class */ (function (_super) {
     XYAxis.prototype.layerExit = function (host, element, duration) {
     };
     XYAxis.prototype.chartsEnter = function (host, element, duration) {
+        var e_2, _a;
         if (duration === void 0) { duration = 250; }
         this.layerEnter(this, element, duration);
-        for (var _i = 0, _a = this.layers(); _i < _a.length; _i++) {
-            var w = _a[_i];
-            w["__xyAxisElement"] = element.append("g")
-                .attr("class", w.class());
-            w
-                .target(w["__xyAxisElement"].node())
-                .layerEnter(this, element, duration);
+        try {
+            for (var _b = __values(this.layers()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var w = _c.value;
+                w["__xyAxisElement"] = element.append("g")
+                    .attr("class", w.class());
+                w
+                    .target(w["__xyAxisElement"].node())
+                    .layerEnter(this, element, duration);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
         }
     };
     XYAxis.prototype.chartsUpdate = function (width, height, duration) {
+        var e_3, _a;
         this.layerUpdate(this, this.svgData, duration);
-        for (var _i = 0, _a = this.layers(); _i < _a.length; _i++) {
-            var w = _a[_i];
-            w
-                .resize({ width: width, height: height })
-                .layerUpdate(this, w["__xyAxisElement"], duration);
+        try {
+            for (var _b = __values(this.layers()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var w = _c.value;
+                w
+                    .resize({ width: width, height: height })
+                    .layerUpdate(this, w["__xyAxisElement"], duration);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_3) throw e_3.error; }
         }
     };
     XYAxis.prototype.exit = function (domNode, element) {
@@ -3336,7 +3395,7 @@ var Column = /** @class */ (function (_super) {
             columnGRect.exit().transition().duration(duration)
                 .style("opacity", 0)
                 .remove();
-            var value4pos = host.yAxisStacked() ? domainSums[dataRowIdx] : Math.max.apply(Math, dataRow.filter(function (_, idx) { return idx > 0 && idx < columnLength; }));
+            var value4pos = host.yAxisStacked() ? domainSums[dataRowIdx] : Math.max.apply(Math, __spreadArray([], __read(dataRow.filter(function (_, idx) { return idx > 0 && idx < columnLength; })), false));
             var stackedTotalText = element.selectAll(".stackedTotalText").data(context.showDomainTotal() ? [domainSums[dataRowIdx]] : []);
             var stackedTotalTextEnter = stackedTotalText.enter().append("g")
                 .attr("class", "stackedTotalText")
@@ -3390,6 +3449,7 @@ var Column = /** @class */ (function (_super) {
             .remove();
     };
     Column.prototype.calcInnerText = function (offset, innerText, valueText) {
+        var e_1, _a;
         var fontFamily = this.innerTextFontFamily_exists() ? this.innerTextFontFamily() : "Verdana";
         var fontSize = this.innerTextFontSize();
         var valueFontFamily = this.valueFontFamily_exists() ? this.valueFontFamily() : "Verdana";
@@ -3416,15 +3476,24 @@ var Column = /** @class */ (function (_super) {
         else if (fullWidth2 < offset) {
             var excessWidth = offset - fullWidth2;
             var _text = "";
-            for (var _i = 0, innerText_1 = innerText; _i < innerText_1.length; _i++) {
-                var letter = innerText_1[_i];
-                if (this.textSize(_text + letter, fontFamily, fontSize).width > excessWidth) {
-                    innerText = _text + "...";
-                    break;
+            try {
+                for (var innerText_1 = __values(innerText), innerText_1_1 = innerText_1.next(); !innerText_1_1.done; innerText_1_1 = innerText_1.next()) {
+                    var letter = innerText_1_1.value;
+                    if (this.textSize(_text + letter, fontFamily, fontSize).width > excessWidth) {
+                        innerText = _text + "...";
+                        break;
+                    }
+                    else {
+                        _text += letter;
+                    }
                 }
-                else {
-                    _text += letter;
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (innerText_1_1 && !innerText_1_1.done && (_a = innerText_1.return)) _a.call(innerText_1);
                 }
+                finally { if (e_1) throw e_1.error; }
             }
             category = 2;
         }
@@ -5213,8 +5282,6 @@ function areaRingEnd() {
   areaPoint(x00$2, y00$2);
 }
 
-var pathArea = areaStream;
-
 var x0$2 = Infinity,
     y0$2 = x0$2,
     x1 = -x0$2,
@@ -5240,8 +5307,6 @@ function boundsPoint(x, y) {
   if (y > y1) y1 = y;
 }
 
-var boundsStream$1 = boundsStream;
-
 // TODO Enforce positive area for exterior, negative area for interior?
 
 var X0 = 0,
@@ -5339,8 +5404,6 @@ function centroidPointRing(x, y) {
   centroidPoint(x0$1 = x, y0$1 = y);
 }
 
-var pathCentroid = centroidStream;
-
 function PathContext(context) {
   this._context = context;
 }
@@ -5424,8 +5487,6 @@ function lengthPoint(x, y) {
   x0 = x, y0 = y;
 }
 
-var pathMeasure = lengthStream;
-
 function PathString() {
   this._string = [];
 }
@@ -5500,23 +5561,23 @@ function geoPath(projection, context) {
   }
 
   path.area = function(object) {
-    geoStream(object, projectionStream(pathArea));
-    return pathArea.result();
+    geoStream(object, projectionStream(areaStream));
+    return areaStream.result();
   };
 
   path.measure = function(object) {
-    geoStream(object, projectionStream(pathMeasure));
-    return pathMeasure.result();
+    geoStream(object, projectionStream(lengthStream));
+    return lengthStream.result();
   };
 
   path.bounds = function(object) {
-    geoStream(object, projectionStream(boundsStream$1));
-    return boundsStream$1.result();
+    geoStream(object, projectionStream(boundsStream));
+    return boundsStream.result();
   };
 
   path.centroid = function(object) {
-    geoStream(object, projectionStream(pathCentroid));
-    return pathCentroid.result();
+    geoStream(object, projectionStream(centroidStream));
+    return centroidStream.result();
   };
 
   path.projection = function(_) {
@@ -8814,7 +8875,7 @@ var Gauge = /** @class */ (function (_super) {
         this._usageArc = element.append("path").datum({ startAngle: value2Angle(0), endAngle: value2Angle(0) })
             .style("fill", "green")
             .on("mousemove", function (d) {
-            var _a = _this._d3Arc.centroid(d), x = _a[0], y = _a[1];
+            var _a = __read(_this._d3Arc.centroid(d), 2), x = _a[0], y = _a[1];
             _this.tip({ x: x, y: y, label: _this.valueDescription() });
         })
             .on("mouseout", function (d) {
@@ -8825,7 +8886,7 @@ var Gauge = /** @class */ (function (_super) {
         this._meanArc = element.append("path").datum({ startAngle: value2Angle(0), endAngle: value2Angle(0) })
             .style("fill", "black")
             .on("mousemove", function (d) {
-            var _a = _this._d3Arc.centroid(d), x = _a[0], y = _a[1];
+            var _a = __read(_this._d3Arc.centroid(d), 2), x = _a[0], y = _a[1];
             _this.tip({ x: x, y: y, label: _this.tickValueDescription() });
         })
             .on("mouseout", function (d) {
@@ -8839,7 +8900,7 @@ var Gauge = /** @class */ (function (_super) {
                 .style("stroke", "black")
                 .attr("d", "M  0 0 l -3 -3 l 6 0 z")
                 .on("mousemove", function (d) {
-                var _a = context._d3Arc.centroid(context._meanArc.datum()), x = _a[0], y = _a[1];
+                var _a = __read(context._d3Arc.centroid(context._meanArc.datum()), 2), x = _a[0], y = _a[1];
                 context.tip({ x: x, y: y, label: context.tickValueDescription() });
             })
                 .on("mouseout", function (d) {
@@ -9126,7 +9187,7 @@ var Pie = /** @class */ (function (_super) {
             .padRadius(outerRadius)
             .outerRadius(outerRadius);
         this._quadIdxArr = [[], [], [], []];
-        var data = __spreadArray([], this.data(), true).sort(function (a, b) {
+        var data = __spreadArray([], __read(this.data()), false).sort(function (a, b) {
             return a[1] - b[1] > 0 ? -1 : 1;
         });
         var arc = this._slices.selectAll(".arc").data(this.d3Pie(data), function (d) { return d.data[0]; });
@@ -9220,7 +9281,7 @@ var Pie = /** @class */ (function (_super) {
             .attr("points", function (d, i) {
             var pos = context.d3LabelArc.centroid(d);
             var pos1 = context.d3Arc.centroid(d);
-            var pos2 = __spreadArray([], pos, true);
+            var pos2 = __spreadArray([], __read(pos), false);
             pos[0] = labelRadius * (context.isLeftSide(midAngle(d)) ? 1 : -1);
             pos[1] = context._labelPositions[i].top;
             return [pos1, pos2, pos];
@@ -9437,7 +9498,7 @@ var Heat = /** @class */ (function (_super) {
         var data = host.orientation() === "horizontal" ?
             this.data().map(function (r) { return [host.dataPos(r[0]), host.valuePos(r[1]), r[2]]; }) :
             this.data().map(function (r) { return [host.valuePos(r[1]), host.dataPos(r[0]), r[2]]; });
-        var maxWeight = max$1(data, function (r) { return r[2]; });
+        var maxWeight = this.maxWeight_exists() ? this.maxWeight() : max$1(data, function (r) { return r[2]; });
         if (this.paletteID() !== "default") {
             var gradient = {};
             var count = 8;
@@ -9471,6 +9532,7 @@ Heat.prototype.publish("radiusX", 25, "number", "Point X radius (25 by default)"
 Heat.prototype.publish("radiusY", 25, "number", "Point Y radius (25 by default)");
 Heat.prototype.publish("radiusAsPercent", false, "boolean", "Calculate RadiusX + RadiusY as % of size");
 Heat.prototype.publish("blur", 15, "number", "Point blur radius (15 by default)");
+Heat.prototype.publish("maxWeight", undefined, "number", "Clamp max weight to value (optional), omitting uses max data point", undefined, { optional: true });
 Heat.prototype.publish("minOpacity", 0.05, "number", "Minimum point opacity (0.05 by default)");
 //  The following code is a modified version of 
 //   - https://github.com/mourner/simpleheat
@@ -10449,7 +10511,7 @@ var RadialBar = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.update.call(this, domNode, element);
         var context = this;
-        var maxValue = Math.max.apply(Math, __spreadArray([this.valueDomainHigh_exists() ? this.valueDomainHigh() : 0], this.data().map(function (d) { return d[1]; }), false));
+        var maxValue = Math.max.apply(Math, __spreadArray([this.valueDomainHigh_exists() ? this.valueDomainHigh() : 0], __read(this.data().map(function (d) { return d[1]; })), false));
         this._valueScale
             .domain([0, maxValue])
             .range([0, this.radians(this.valueMaxAngle())]);
@@ -10583,7 +10645,7 @@ function myFormatter(format$1) {
 var StatChart = /** @class */ (function (_super) {
     __extends(StatChart, _super);
     function StatChart() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
         _this._bellCurve = new Scatter()
             .columns(["", "Std. Dev."])
             .paletteID("Quartile")
@@ -10708,14 +10770,14 @@ var StatChart = /** @class */ (function (_super) {
                     { label: this.formatQ(4), value: this.quartile(4) }
                 ];
         }
-        var _a = this.domain(this._selectMode.node().value), domainLow = _a[0], domainHigh = _a[1];
+        var _a = __read(this.domain(this._selectMode.node().value), 2), domainLow = _a[0], domainHigh = _a[1];
         return ticks
             .filter(function (sd) { return sd.value >= domainLow && sd.value <= domainHigh; })
             .map(function (sd) { return ({ label: sd.label, value: sd.value.toString() }); });
     };
     StatChart.prototype.updateScatter = function () {
         var mode = this._selectMode.node().value;
-        var _a = this.domain(mode), domainLow = _a[0], domainHigh = _a[1];
+        var _a = __read(this.domain(mode), 2), domainLow = _a[0], domainHigh = _a[1];
         var padding = (domainHigh - domainLow) * (this.domainPadding() / 100);
         this._bellCurve
             .xAxisDomainLow(domainLow - padding)
@@ -11126,6 +11188,7 @@ SummaryC.prototype.playInterval = function (_) {
 };
 
 // Word cloud layout by Jason Davies, https://www.jasondavies.com/wordcloud/
+// Algorithm due to Jonathan Feinberg, http://static.mrfeinberg.com/bv_ch03.pdf
 var cloudRadians = Math.PI / 180;
 var cw = 1 << 11 >> 5;
 var ch = 1 << 11;