@hpcc-js/chart 2.83.4 → 2.84.1

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, api, common, util) { 'use strict';
 
   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.
@@ -50,6 +50,35 @@
     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)) {
@@ -2433,12 +2462,22 @@
           })
               .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)
@@ -2489,7 +2528,7 @@
           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();
@@ -2518,24 +2557,44 @@
       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) {
@@ -3338,7 +3397,7 @@
               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")
@@ -3392,6 +3451,7 @@
               .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";
@@ -3418,15 +3478,24 @@
           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;
           }
@@ -8808,7 +8877,7 @@
           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) {
@@ -8819,7 +8888,7 @@
           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) {
@@ -8833,7 +8902,7 @@
                   .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) {
@@ -9120,7 +9189,7 @@
               .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]; });
@@ -9214,7 +9283,7 @@
               .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];
@@ -9431,7 +9500,7 @@
           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 = common.max(data, function (r) { return r[2]; });
+          var maxWeight = this.maxWeight_exists() ? this.maxWeight() : common.max(data, function (r) { return r[2]; });
           if (this.paletteID() !== "default") {
               var gradient = {};
               var count = 8;
@@ -9465,6 +9534,7 @@
   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
@@ -9553,6 +9623,12 @@
           // 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);
           }
@@ -10443,7 +10519,7 @@
           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())]);
@@ -10577,7 +10653,7 @@
   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")
@@ -10601,6 +10677,8 @@
               .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) {
@@ -10610,7 +10688,7 @@
           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));
@@ -10626,31 +10704,19 @@
                   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) {
@@ -10658,16 +10724,17 @@
           _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;
@@ -10702,14 +10769,14 @@
                       { 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)
@@ -10743,19 +10810,20 @@
       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;
   }(common.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);