@hpcc-js/api 2.9.2 → 2.11.0

package/dist/index.es6.js

@@ -1,8 +1,8 @@
 import { Palette, hsl, Widget, select, selection, map, format } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/api";
-var PKG_VERSION = "2.9.2";
-var BUILD_VERSION = "2.102.11";
+var PKG_VERSION = "2.11.0";
+var BUILD_VERSION = "2.103.2";
 
 function I1DChart() {
 }
@@ -72,100 +72,69 @@ function instanceOfIHighlight(w) {
     return typeof w.highlightColumn === "function";
 }
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+//  Use old school class declaration as this is a mixin  ---
+function IInput() {
 }
-
-var IInput = /** @class */ (function (_super) {
-    __extends(IInput, _super);
-    function IInput() {
-        return _super.call(this) || this;
-    }
-    //  Implementation  ---
-    IInput.prototype.isValid = function () {
-        if (this.validate()) {
-            var re = new RegExp(this.validate());
-            if (!re.test(this.value())) {
-                return false;
-            }
-        }
-        return true;
-    };
-    IInput.prototype.hasValue = function () {
-        if (typeof this.type === "function") {
-            switch (this.type()) {
-                case "radio":
-                /* falls through */
-                case "checkbox":
-                    if (this.value() && this.value() !== "false") {
-                        return true;
-                    }
-                    break;
-                default:
-                    if (this.value()) {
-                        return true;
-                    }
-                    break;
-            }
+IInput.prototype = Object.create(Widget.prototype);
+IInput.prototype.constructor = IInput;
+// abstract target(): any;
+// abstract target(_: any): this;
+//  Implementation  ---
+IInput.prototype.isValid = function () {
+    if (this.validate()) {
+        var re = new RegExp(this.validate());
+        if (!re.test(this.value())) {
             return false;
         }
-        return this.value() !== "";
-    };
-    //  Events  ---
-    IInput.prototype.blur = function (_w) {
-    };
-    IInput.prototype.keyup = function (_w) {
-    };
-    IInput.prototype.focus = function (_w) {
-    };
-    IInput.prototype.click = function (_w) {
-    };
-    IInput.prototype.dblclick = function (_w) {
-    };
-    IInput.prototype.change = function (_w, complete) {
-    };
-    IInput.prototype.resetValue = function (w) {
-        w.value(w._inputElement[0].node().value);
-    };
-    IInput.prototype.disable = function (disable) {
-        this._inputElement.forEach(function (e, idx) {
-            e.attr("disabled", disable ? "disabled" : null);
-        });
-    };
-    IInput.prototype.setFocus = function () {
-        if (this._inputElement.length) {
-            this._inputElement[0].node().focus();
+    }
+    return true;
+};
+IInput.prototype.hasValue = function () {
+    if (typeof this.type === "function") {
+        switch (this.type()) {
+            case "radio":
+            /* falls through */
+            case "checkbox":
+                if (this.value() && this.value() !== "false") {
+                    return true;
+                }
+                break;
+            default:
+                if (this.value()) {
+                    return true;
+                }
+                break;
         }
-    };
-    return IInput;
-}(Widget));
+        return false;
+    }
+    return this.value() !== "";
+};
+//  Events  ---
+IInput.prototype.blur = function (_w) {
+};
+IInput.prototype.keyup = function (_w) {
+};
+IInput.prototype.focus = function (_w) {
+};
+IInput.prototype.click = function (_w) {
+};
+IInput.prototype.dblclick = function (_w) {
+};
+IInput.prototype.change = function (_w, complete) {
+};
+IInput.prototype.resetValue = function (w) {
+    w.value(w._inputElement[0].node().value);
+};
+IInput.prototype.disable = function (disable) {
+    this._inputElement.forEach(function (e, idx) {
+        e.attr("disabled", disable ? "disabled" : null);
+    });
+};
+IInput.prototype.setFocus = function () {
+    if (this._inputElement.length) {
+        this._inputElement[0].node().focus();
+    }
+};
 IInput.prototype.publish("name", "", "string", "HTML name for the input");
 IInput.prototype.publish("label", "", "string", "Descriptive label");
 IInput.prototype.publish("value", "", "string", "Input Current Value");
@@ -576,160 +545,182 @@ function styleInject(css, ref) {
 var css_248z = ".d3-tip{background:rgba(0,0,0,.66);border-radius:2px;color:#fff;font-weight:700;line-height:1;padding:12px;pointer-events:none!important;z-index:10}.d3-tip.hidden{visibility:hidden}.d3-tip:after{border:4px solid rgba(0,0,0,.66);box-sizing:border-box;content:\" \";display:inline-block;height:8px;margin:0;pointer-events:none!important;position:absolute;width:8px}.d3-tip.n:after{border-right-color:transparent;border-top-width:8px;left:calc(50% - 4px);top:100%}.d3-tip.e:after,.d3-tip.n:after{border-bottom-color:transparent;border-left-color:transparent}.d3-tip.e:after{border-right-width:8px;border-top-color:transparent;left:-12px;top:calc(50% - 4px)}.d3-tip.s{margin-top:8px}.d3-tip.s:after{border-bottom-width:8px;border-left-color:transparent;left:calc(50% - 4px);top:-12px}.d3-tip.s:after,.d3-tip.w:after{border-right-color:transparent;border-top-color:transparent}.d3-tip.w:after{border-bottom-color:transparent;border-left-width:8px;left:100%;top:calc(50% - 4px)}.d3-tip.notick:after{border-color:transparent!important}.common_Widget .over{stroke:rgba(0,0,0,.66);opacity:.66}.d3-tip.ITooltip-tooltipStyle-series-table{padding:0}.d3-tip .ITooltip-series-table td,.d3-tip .ITooltip-series-table th{border:1px solid #d1d1d1;padding:6px;text-align:left}.d3-tip .ITooltip-series-table .series-table-row-color{display:inline-block;height:10px;margin-right:10px;width:10px}.d3-tip .ITooltip-series-table .series-table-row-label{display:inline-block}.d3-tip .ITooltip-series-table th{background-color:#b3b3b3}.d3-tip .ITooltip-series-table td{background-color:#fff;color:#555;font-weight:400}.d3-tip .ITooltip-series-table td:first-child{border-right:0}table.ITooltip-series-table td:last-child{border-left:1px dotted #a3a3a3}";
 styleInject(css_248z);
 
-var ITooltip = /** @class */ (function (_super) {
-    __extends(ITooltip, _super);
-    function ITooltip() {
-        var _this = _super.call(this) || this;
-        _this.tooltip = tip();
-        _this._valueFormatter = format(_this.tooltipValueFormat());
-        if (_this.layerEnter) {
-            var layerEnter_1 = _this.layerEnter;
-            _this.layerEnter = function (_base, svgElement, _domElement) {
-                if (!this._parentOverlay) {
-                    this._parentOverlay = _base._parentOverlay;
-                }
-                this.tooltipEnter(svgElement);
-                layerEnter_1.apply(this, arguments);
-            };
-            var layerUpdate_1 = _this.layerUpdate;
-            _this.layerUpdate = function (_base) {
-                layerUpdate_1.apply(this, arguments);
-                this.tooltipUpdate();
-            };
-            var layerExit_1 = _this.layerExit;
-            _this.layerExit = function (_base) {
-                this.tooltipExit();
-                layerExit_1.apply(this, arguments);
-            };
-        }
-        else {
-            var enter_1 = _this.enter;
-            _this.enter = function (_domNode, element) {
-                this.tooltipEnter(element);
-                enter_1.apply(this, arguments);
-            };
-            var update_1 = _this.update;
-            _this.update = function (_domNode, _element) {
-                update_1.apply(this, arguments);
-                this.tooltipUpdate();
-            };
-            var exit_1 = _this.exit;
-            _this.exit = function (_domNode, _element) {
-                this.tooltipExit();
-                exit_1.apply(this, arguments);
-            };
-        }
-        return _this;
+//  Use old school class declaration as this is a mixin  ---
+function ITooltip() {
+    this.tooltip = tip();
+    if (this.tooltipLabelFormat_exists()) {
+        this._labelFormatter = format(this.tooltipLabelFormat());
     }
-    ITooltip.prototype.tooltipEnter = function (element) {
-        var overlayElement = this.parentOverlay();
-        if (!overlayElement.empty()) {
-            this.tooltip.rootElement(overlayElement.node().parentNode);
-        }
-        element.call(this.tooltip);
-    };
-    ITooltip.prototype.tooltipUpdate = function () {
-        var _this = this;
-        this.tooltip.offset(function () {
-            if (event && _this.tooltipFollowMouse()) {
-                var d3tipElement = document.querySelector(".d3-tip"); // d3Tip offers no reference to the '.d3-tip' element...?
-                d3tipElement.style.display = "block";
-                d3tipElement.style.left = _this.tooltipOffset() + (event.clientX) + "px";
-                d3tipElement.style.top = event.clientY + "px";
-                return [];
-            }
-            switch (_this.tooltip.direction()()) {
-                case "e":
-                    return [0, _this.tooltipOffset()];
-                default:
-                    return [-_this.tooltipOffset(), 0];
+    if (this.tooltipValueFormat_exists()) {
+        this._valueFormatter = format(this.tooltipValueFormat());
+    }
+    if (this.layerEnter) {
+        var layerEnter_1 = this.layerEnter;
+        this.layerEnter = function (_base, svgElement, _domElement) {
+            if (!this._parentOverlay) {
+                this._parentOverlay = _base._parentOverlay;
             }
-        });
-        var classed = this.tooltip.attr("class");
-        if (classed) {
-            classed = classed.split(" notick").join("") + (this.tooltipTick() ? "" : " notick") + (this.tooltipStyle() === "none" ? " hidden" : "");
-            classed = classed.split(" ")
-                .filter(function (_class) {
-                return _class.indexOf("ITooltip-tooltipStyle-") !== 0;
-            })
-                .join(" ");
-            classed += " ITooltip-tooltipStyle-" + this.tooltipStyle();
-            this.tooltip
-                .attr("class", classed);
-        }
-    };
-    ITooltip.prototype.tooltipExit = function () {
-        if (this.tooltip) {
-            this.tooltip.destroy();
-        }
-    };
-    ITooltip.prototype._tooltipHTML = function (d) {
-        return d;
-    };
-    ITooltip.prototype.tooltipHTML = function (_) {
-        return this.tooltip.html(_);
-    };
-    ITooltip.prototype.tooltipFormat = function (opts) {
-        if (opts === void 0) { opts = {}; }
-        opts.label = opts.label === undefined ? "" : opts.label;
-        opts.series = opts.series || "";
-        if (opts.value instanceof Date) {
-            opts.value = opts.value || "";
-        }
-        else {
-            opts.value = this._valueFormatter(opts.value) || "";
+            this.tooltipEnter(svgElement);
+            layerEnter_1.apply(this, arguments);
+        };
+        var layerUpdate_1 = this.layerUpdate;
+        this.layerUpdate = function (_base) {
+            layerUpdate_1.apply(this, arguments);
+            this.tooltipUpdate();
+        };
+        var layerExit_1 = this.layerExit;
+        this.layerExit = function (_base) {
+            this.tooltipExit();
+            layerExit_1.apply(this, arguments);
+        };
+    }
+    else {
+        var enter_1 = this.enter;
+        this.enter = function (_domNode, element) {
+            this.tooltipEnter(element);
+            enter_1.apply(this, arguments);
+        };
+        var update_1 = this.update;
+        this.update = function (_domNode, _element) {
+            update_1.apply(this, arguments);
+            this.tooltipUpdate();
+        };
+        var exit_1 = this.exit;
+        this.exit = function (_domNode, _element) {
+            this.tooltipExit();
+            exit_1.apply(this, arguments);
+        };
+    }
+}
+ITooltip.prototype = Object.create(Widget.prototype);
+ITooltip.prototype.constructor = ITooltip;
+// abstract target(): any;
+// abstract target(_: any): this;
+ITooltip.prototype.tooltipEnter = function (element) {
+    var overlayElement = this.parentOverlay();
+    if (!overlayElement.empty()) {
+        this.tooltip.rootElement(overlayElement.node().parentNode);
+    }
+    element.call(this.tooltip);
+};
+ITooltip.prototype.tooltipUpdate = function () {
+    var _this = this;
+    this.tooltip.offset(function () {
+        if (event && _this.tooltipFollowMouse()) {
+            var d3tipElement = document.querySelector(".d3-tip"); // d3Tip offers no reference to the '.d3-tip' element...?
+            d3tipElement.style.display = "block";
+            d3tipElement.style.left = _this.tooltipOffset() + (event.clientX) + "px";
+            d3tipElement.style.top = event.clientY + "px";
+            return [];
         }
-        switch (this.tooltipStyle()) {
-            case "none":
-                break;
-            case "series-table":
-                var html_1 = '<table class="ITooltip-series-table">'
-                    + "<thead>"
-                    + '<tr><th colspan="2">' + opts.label + "</th></tr>"
-                    + "</thead>"
-                    + "<tbody>";
-                opts.arr.forEach(function (row) {
-                    html_1 += "<tr>";
-                    html_1 += "<td>";
-                    html_1 += '<div class="series-table-row-color" style="background-color:' + row.color + '"></div>';
-                    html_1 += '<div class="series-table-row-label">' + row.label + "</div>";
-                    html_1 += "</td>";
-                    html_1 += '<td><div class="series-table-row-value">' + row.value + "</div></td>";
-                    html_1 += "</tr>";
-                });
-                html_1 += "</tbody>";
-                html_1 += "</table>";
-                return html_1;
+        switch (_this.tooltip.direction()()) {
+            case "e":
+                return [0, _this.tooltipOffset()];
             default:
-                if (opts.series) {
-                    return "<span style='color:" + this.tooltipSeriesColor() + "'>" + opts.series + "</span> / <span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>:  <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
-                }
-                if (opts.label !== "") {
-                    return "<span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>:  <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
-                }
-                return "<span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
+                return [-_this.tooltipOffset(), 0];
         }
-    };
-    ITooltip.prototype.tooltipKeyValueFormat = function (titleKey, obj) {
-        var body = "";
-        for (var key in obj) {
-            if (key !== titleKey) {
-                var value = obj && obj[key] ? obj[key] : "";
-                body += "<tr><td style=\"".concat(this.tooltipLabelColor_exists() ? "color:" + this.tooltipLabelColor() : "", "\">").concat(key, "</td><td style=\"font-weight:normal\">").concat(value, "</td></tr>");
+    });
+    var classed = this.tooltip.attr("class");
+    if (classed) {
+        classed = classed.split(" notick").join("") + (this.tooltipTick() ? "" : " notick") + (this.tooltipStyle() === "none" ? " hidden" : "");
+        classed = classed.split(" ")
+            .filter(function (_class) {
+            return _class.indexOf("ITooltip-tooltipStyle-") !== 0;
+        })
+            .join(" ");
+        classed += " ITooltip-tooltipStyle-" + this.tooltipStyle();
+        this.tooltip
+            .attr("class", classed);
+    }
+};
+ITooltip.prototype.tooltipExit = function () {
+    if (this.tooltip) {
+        this.tooltip.destroy();
+    }
+};
+ITooltip.prototype._tooltipHTML = function (d) {
+    return d;
+};
+ITooltip.prototype.tooltipHTML = function (_) {
+    return this.tooltip.html(_);
+};
+ITooltip.prototype.tooltipFormat = function (opts) {
+    if (opts === void 0) { opts = {}; }
+    opts.label = opts.label === undefined ? "" : opts.label;
+    if (this._labelFormatter) {
+        opts.label = this._labelFormatter(opts.label) || "";
+    }
+    else if (this.formatData && this.parseData) {
+        opts.label = this.formatData(this.parseData(opts.label));
+    }
+    opts.series = opts.series || "";
+    if (opts.value instanceof Date) {
+        opts.value = opts.value || "";
+    }
+    else if (this._valueFormatter) {
+        opts.value = this._valueFormatter(opts.value) || "";
+    }
+    else if (this.formatValue && this.parseValue) {
+        opts.value = this.formatValue(this.parseValue(opts.value));
+    }
+    switch (this.tooltipStyle()) {
+        case "none":
+            break;
+        case "series-table":
+            var html_1 = '<table class="ITooltip-series-table">'
+                + "<thead>"
+                + '<tr><th colspan="2">' + opts.label + "</th></tr>"
+                + "</thead>"
+                + "<tbody>";
+            opts.arr.forEach(function (row) {
+                html_1 += "<tr>";
+                html_1 += "<td>";
+                html_1 += '<div class="series-table-row-color" style="background-color:' + row.color + '"></div>';
+                html_1 += '<div class="series-table-row-label">' + row.label + "</div>";
+                html_1 += "</td>";
+                html_1 += '<td><div class="series-table-row-value">' + row.value + "</div></td>";
+                html_1 += "</tr>";
+            });
+            html_1 += "</tbody>";
+            html_1 += "</table>";
+            return html_1;
+        default:
+            if (opts.series) {
+                return "<span style='color:" + this.tooltipSeriesColor() + "'>" + opts.series + "</span> / <span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>:  <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
+            }
+            if (opts.label !== "") {
+                return "<span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>:  <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
             }
+            return "<span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
+    }
+};
+ITooltip.prototype.tooltipKeyValueFormat = function (titleKey, obj) {
+    var body = "";
+    for (var key in obj) {
+        if (key !== titleKey) {
+            var value = obj && obj[key] ? obj[key] : "";
+            body += "<tr><td style=\"".concat(this.tooltipLabelColor_exists() ? "color:" + this.tooltipLabelColor() : "", "\">").concat(key, "</td><td style=\"font-weight:normal\">").concat(value, "</td></tr>");
         }
-        return "<table>\n                    <thead>\n                        <tr><th colspan=\"2\" style=\"font-weight:bold;font-size:16px\">".concat(obj[titleKey], "</th></tr>\n                    </thead>\n                    <tbody>\n                        ").concat(body, "\n                    </tbody>\n                </table>");
-    };
-    return ITooltip;
-}(Widget));
+    }
+    return "<table>\n                    <thead>\n                        <tr><th colspan=\"2\" style=\"font-weight:bold;font-size:16px\">".concat(obj[titleKey], "</th></tr>\n                    </thead>\n                    <tbody>\n                        ").concat(body, "\n                    </tbody>\n                </table>");
+};
 ITooltip.prototype.publish("tooltipStyle", "default", "set", "Style mode", ["default", "none", "series-table"], {});
 ITooltip.prototype.publish("tooltipFollowMouse", false, "boolean", "If true, the tooltip will follow mouse movement", null, {});
-ITooltip.prototype.publish("tooltipValueFormat", ",.2f", "string", "Number format of tooltip value(s)", null, {});
+ITooltip.prototype.publish("tooltipLabelFormat", undefined, "string", "Format of tooltip label(s) (the domain axis)", null, {});
+ITooltip.prototype.publish("tooltipValueFormat", undefined, "string", "Number format of tooltip value(s)", null, {});
 ITooltip.prototype.publish("tooltipSeriesColor", "#EAFFFF", "html-color", "Color of tooltip series text", null, {});
-ITooltip.prototype.publish("tooltipLabelColor", "#CCFFFF", "html-color", "Color of tooltip label text", null, {});
+ITooltip.prototype.publish("tooltipLabelColor", "#CCFFFF", "html-color", "Color of tooltip label text (the domain axis)", null, {});
 ITooltip.prototype.publish("tooltipValueColor", "white", "html-color", "Color of tooltip value(s)", null, {});
 ITooltip.prototype.publish("tooltipTick", true, "boolean", "Show tooltip tick", null, {});
 ITooltip.prototype.publish("tooltipOffset", 8, "number", "Offset from the cursor", null, {});
+var tooltipLabelFormat = ITooltip.prototype.tooltipLabelFormat;
+ITooltip.prototype.tooltipLabelFormat = function (_) {
+    var retVal = tooltipLabelFormat.apply(this, arguments);
+    if (arguments.length) {
+        this._labelFormatter = format(_);
+    }
+    return retVal;
+};
 var tooltipValueFormat = ITooltip.prototype.tooltipValueFormat;
 ITooltip.prototype.tooltipValueFormat = function (_) {
     var retVal = tooltipValueFormat.apply(this, arguments);
@@ -739,16 +730,15 @@ ITooltip.prototype.tooltipValueFormat = function (_) {
     return retVal;
 };
 
-var ITree = /** @class */ (function () {
-    function ITree() {
-    }
-    //  Events  ---
-    ITree.prototype.click = function (row, column, selected) {
-    };
-    ITree.prototype.dblclick = function (row, column, selected) {
-    };
-    return ITree;
-}());
+//  Use old school class declaration as this is a mixin  ---
+function ITree() {
+}
+ITree.prototype.constructor = ITree;
+//  Events  ---
+ITree.prototype.click = function (row, column, selected) {
+};
+ITree.prototype.dblclick = function (row, column, selected) {
+};
 ITree.prototype._palette = Palette.ordinal("default");
 
 export { BUILD_VERSION, I1DChart, I2DAggrChart, I2DChart, IGraph, IInput, INDChart, ITooltip, ITree, PKG_NAME, PKG_VERSION, instanceOfIHighlight };