@hpcc-js/chart 2.83.4 → 2.84.1

package/dist/index.es6.js

@@ -3,8 +3,8 @@ import { publish, select, scaleTime, timeParse, timeFormat, scaleLog, format, sc
 import { normalizeRadians, degreesToRadians } from '@hpcc-js/util';
 
 var PKG_NAME = "@hpcc-js/chart";
-var PKG_VERSION = "2.83.4";
-var BUILD_VERSION = "2.105.12";
+var PKG_VERSION = "2.84.1";
+var BUILD_VERSION = "2.106.1";
 
 /******************************************************************************
 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;
         }
@@ -8806,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) {
@@ -8817,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) {
@@ -8831,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) {
@@ -9118,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]; });
@@ -9212,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];
@@ -9429,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;
@@ -9463,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
@@ -9551,6 +9621,12 @@ simpleheat.prototype = {
         // draw a grayscale heatmap by putting a blurred ellipse at each data point
         for (var i = 0, len = this._data.length, p = void 0; i < len; i++) {
             p = this._data[i];
+            if (p[2] < 0) {
+                p[2] = 0;
+            }
+            else if (p[2] > this._max) {
+                p[2] = this._max;
+            }
             ctx.globalAlpha = Math.max(p[2] / this._max, minOpacity === undefined ? 0.05 : minOpacity);
             ctx.drawImage(this._ellipse, p[0] - this._r, p[1] - this._r);
         }
@@ -10441,7 +10517,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())]);
@@ -10575,7 +10651,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.call(this) || this;
         _this._bellCurve = new Scatter()
             .columns(["", "Std. Dev."])
             .paletteID("Quartile")
@@ -10599,6 +10675,8 @@ var StatChart = /** @class */ (function (_super) {
             .valueFontSize(0)
             .lineColor(rainbow(90, 0, 100))
             .innerRectColor(rainbow(10, 0, 100));
+        _this
+            .columns(["Min", "25%", "50%", "75%", "Max", "Mean", "Std. Dev."]);
         return _this;
     }
     StatChart.prototype.stdDev = function (degrees) {
@@ -10608,7 +10686,7 @@ var StatChart = /** @class */ (function (_super) {
         return this._tickFormatter(this.stdDev(degrees));
     };
     StatChart.prototype.quartile = function (q) {
-        return this.data()[0][q];
+        return this.quartiles()[q];
     };
     StatChart.prototype.formatQ = function (q) {
         return this._tickFormatter(this.quartile(q));
@@ -10624,31 +10702,19 @@ var StatChart = /** @class */ (function (_super) {
                 return [this.quartile(0), this.quartile(4)];
         }
     };
-    StatChart.prototype.mean = function (_) {
-        if (!arguments.length)
-            return this._mean;
-        this._mean = _;
-        if (this.data()[0]) {
-            this.data()[0][5] = _;
-        }
-        return this;
+    StatChart.prototype.min = function () {
+        return this.quartile(0);
     };
-    StatChart.prototype.standardDeviation = function (_) {
-        if (!arguments.length)
-            return this._standardDeviation;
-        this._standardDeviation = _;
-        if (this.data()[0]) {
-            this.data()[0][6] = _;
-        }
-        return this;
+    StatChart.prototype.max = function () {
+        return this.quartile(4);
     };
-    StatChart.prototype.quartiles = function (_) {
+    StatChart.prototype.data = function (_) {
         if (!arguments.length)
-            return this._quartiles;
-        this._quartiles = _;
-        if (this.data()[0]) {
-            this.data()[0] = _.concat(this.data()[0].slice(-2));
-        }
+            return [__spreadArray(__spreadArray([], __read(this.quartiles()), false), [this.mean(), this.standardDeviation()], false)];
+        var row = _[0];
+        this.quartiles([row[0], row[1], row[2], row[3], row[4]]);
+        this.mean(row[5]);
+        this.standardDeviation(row[6]);
         return this;
     };
     StatChart.prototype.enter = function (domNode, element) {
@@ -10656,16 +10722,17 @@ var StatChart = /** @class */ (function (_super) {
         _super.prototype.enter.call(this, domNode, element);
         this._bellCurve.target(element.append("div").node());
         this._candle.target(element.append("div").node());
-        this._selectMode = element.append("div")
+        this._selectElement = element.append("div")
             .style("position", "absolute")
             .style("top", "0px")
             .style("right", "0px").append("select")
             .on("change", function () {
-            _this.render();
+            _this.view(_this._selectElement.node().value);
+            _this.lazyRender();
         });
-        this._selectMode.append("option").attr("value", "min_max").text("Min / Max");
-        this._selectMode.append("option").attr("value", "25_75").text("25% / 75%");
-        this._selectMode.append("option").attr("value", "normal").text("Normal");
+        this._selectElement.append("option").attr("value", "min_max").text("Min / Max");
+        this._selectElement.append("option").attr("value", "25_75").text("25% / 75%");
+        this._selectElement.append("option").attr("value", "normal").text("Normal");
     };
     StatChart.prototype.bellTicks = function (mode) {
         var ticks;
@@ -10700,14 +10767,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._selectElement.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 mode = this._selectElement.node().value;
+        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)
@@ -10741,19 +10808,20 @@ var StatChart = /** @class */ (function (_super) {
     StatChart.prototype.update = function (domNode, element) {
         _super.prototype.update.call(this, domNode, element);
         this._tickFormatter = myFormatter(this.tickFormat());
-        if (this.data()[0] && this.data()[0].length === 7) {
-            this.quartiles(this.data()[0].slice(0, 5));
-            this.mean(this.data()[0][5]);
-            this.standardDeviation(this.data()[0][6]);
-        }
+        this._selectElement.node().value = this.view();
         this.updateScatter();
         this.updateCandle();
     };
     return StatChart;
 }(HTMLWidget));
+StatChart.prototype._class += " chart_Stat";
+StatChart.prototype.publish("view", "min_max", "set", "View", ["min_max", "25_75", "normal"]);
 StatChart.prototype.publish("tickFormat", ".2e", "string", "X-Axis Tick Format");
 StatChart.prototype.publish("candleHeight", 20, "number", "Height of candle widget (pixels)");
 StatChart.prototype.publish("domainPadding", 10, "number", "Domain value padding");
+StatChart.prototype.publish("mean", .5, "number", "Mean");
+StatChart.prototype.publish("standardDeviation", .125, "number", "Standard Deviation (σ)");
+StatChart.prototype.publish("quartiles", [0, .25, .5, .75, 1], "object", "Quartiles (Min, 25%, 50%, 75%, Max)");
 
 var Step = /** @class */ (function (_super) {
     __extends(Step, _super);