@hpcc-js/api 2.14.0 → 3.2.0

package/dist/index.js

@@ -1,762 +1,128 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@hpcc-js/common')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@hpcc-js/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@hpcc-js/api"] = {}, global["@hpcc-js/common"]));
-})(this, (function (exports, common) { 'use strict';
-
-    var PKG_NAME = "@hpcc-js/api";
-    var PKG_VERSION = "2.14.0";
-    var BUILD_VERSION = "2.107.0";
-
-    function I1DChart() {
-    }
-    I1DChart.prototype._dataFamily = "1D";
-    I1DChart.prototype._palette = common.Palette.rainbow("default");
-    //  Events  ---
-    I1DChart.prototype.click = function (row, column, selected) {
-    };
-    I1DChart.prototype.dblclick = function (row, column, selected) {
-    };
-
-    function I2DChart() {
-    }
-    I2DChart.prototype._dataFamily = "2D";
-    I2DChart.prototype._palette = common.Palette.ordinal("default");
-    I2DChart.prototype.fillColor = function (row, column, value, origRow) {
-        return this._palette(row[0]);
-    };
-    I2DChart.prototype.strokeColor = function (row, column, value, origRow) {
-        return common.hsl(this.fillColor(row, column, value, origRow)).darker().toString();
-    };
-    I2DChart.prototype.textColor = function (row, column, value, origRow) {
-        return common.Palette.textColor(this.fillColor(row, column, value, origRow));
-    };
-    //  Events  ---
-    I2DChart.prototype.click = function (row, column, selected) {
-    };
-    I2DChart.prototype.dblclick = function (row, column, selected) {
-    };
-
-    function I2DAggrChart() {
-    }
-    I2DAggrChart.prototype._palette = common.Palette.rainbow("default");
-    I2DAggrChart.prototype.fillColor = function (row, column, value) {
-        return this._palette(row.length);
-    };
-    I2DAggrChart.prototype.strokeColor = function (row, column, value) {
-        return common.hsl(this.fillColor(row, column, value)).darker().toString();
-    };
-    I2DAggrChart.prototype.textColor = function (row, column, value) {
-        return common.Palette.textColor(this.fillColor(row, column, value));
-    };
-    //  Events  ---
-    I2DAggrChart.prototype.click = function (row, column, selected) {
-    };
-    I2DAggrChart.prototype.dblclick = function (row, column, selected) {
-    };
-
-    function IGraph() {
-    }
-    IGraph.prototype._dataFamily = "graph";
-    //  Events  ---
-    IGraph.prototype.vertex_click = function (_row, _col, _sel, more) {
-        if (more && more.vertex) ;
-    };
-    IGraph.prototype.vertex_dblclick = function (_row, _col, _sel, more) {
-        if (more && more.vertex) ;
-    };
-    IGraph.prototype.edge_click = function (_row, _col, _sel, more) {
-        if (more && more.edge) ;
-    };
-    IGraph.prototype.edge_dblclick = function (_row, _col, _sel, more) {
-        if (more && more.edge) ;
-    };
-
-    function instanceOfIHighlight(w) {
-        return typeof w.highlightColumn === "function";
-    }
-
-    //  Use old school class declaration as this is a mixin  ---
-    function IInput() {
-    }
-    IInput.prototype = Object.create(common.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 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 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");
-    IInput.prototype.publish("validate", null, "string", "Input Validation");
-
-    function INDChart() {
-    }
-    INDChart.prototype._dataFamily = "ND";
-    INDChart.prototype._palette = common.Palette.ordinal("default");
-    INDChart.prototype.fillColor = function (row, column, value, origRow) {
-        return this._palette(column);
-    };
-    INDChart.prototype.strokeColor = function (row, column, value, origRow) {
-        return common.hsl(this.fillColor(row, column, value, origRow)).darker().toString();
-    };
-    INDChart.prototype.textColor = function (row, column, value, origRow) {
-        return common.Palette.textColor(this.fillColor(row, column, value, origRow));
-    };
-    //  Events  ---
-    INDChart.prototype.click = function (row, column, selected) {
-    };
-    INDChart.prototype.dblclick = function (row, column, selected) {
-    };
-
-    //  Based on  https://github.com/GordonSmith/d3-tip forked from https://github.com/Caged/d3-tip
-    function tip() {
-        var direction = d3TipDirection;
-        var offset = d3TipOffset;
-        var html = d3TipHTML;
-        var rootElement = functor(document.body);
-        var node = initNode();
-        var svg = null;
-        var point = null;
-        var target = null;
-        var tip = function (vis) {
-            svg = getSVGNode(vis);
-            if (!svg)
-                return;
-            point = svg.createSVGPoint();
-            var re = rootElement();
-            if (!re)
-                return;
-            if (!node)
-                return;
-            re.appendChild(node);
-        };
-        // Public - show the tooltip on the screen
-        //
-        // Returns a tip
-        tip.show = function (d, idx, arr) {
-            target = arr[idx];
-            var args = Array.prototype.slice.call(arguments);
-            var content = html.apply(this, args);
-            if (content === null) {
-                return tip;
-            }
-            var poffset = offset.apply(this, args);
-            var nodel = getNodeEl();
-            var i = directions.length;
-            var coords;
-            var root_bbox = rootElement().getBoundingClientRect();
-            nodel.html(content)
-                .style("opacity", 1).style("pointer-events", "all");
-            while (i--)
-                nodel.classed(directions[i], false);
-            var placement_success = false;
-            var placement_overflow = {};
-            var least_overflow_direction = directions[0];
-            for (var i_1 = 0; i_1 < directions.length; i_1++) {
-                placement_success = _placement_attempt(directions[i_1]);
-                if (placement_success)
-                    break;
-            }
-            if (!placement_success) {
-                nodel.classed("notick", true);
-                var top_offset = _vertical_adjustment(placement_overflow[least_overflow_direction]);
-                var left_offset = _horizontal_adjustment(placement_overflow[least_overflow_direction]);
-                _placement_attempt(least_overflow_direction, top_offset, left_offset);
-            }
-            else {
-                nodel.classed("notick", false);
-            }
-            return tip;
-            function _horizontal_adjustment(overflow_obj) {
-                if (overflow_obj.left > overflow_obj.right) {
-                    return overflow_obj.left > 0 ? -overflow_obj.left : 0;
-                }
-                else {
-                    return overflow_obj.right > 0 ? overflow_obj.right : 0;
-                }
-            }
-            function _vertical_adjustment(overflow_obj) {
-                if (overflow_obj.top > overflow_obj.bottom) {
-                    return overflow_obj.top > 0 ? -overflow_obj.top : 0;
-                }
-                else {
-                    return overflow_obj.bottom;
-                }
-            }
-            function _placement_attempt(_dir, _top_offset, _left_offset) {
-                _top_offset = _top_offset ? _top_offset : 0;
-                _left_offset = _left_offset ? _left_offset : 0;
-                nodel.style("white-space", "nowrap");
-                coords = directionCallbacks.get(_dir).apply(this);
-                nodel.classed(_dir, true)
-                    .style("top", (coords.top + poffset[0] - _top_offset) + "px")
-                    .style("left", (coords.left + poffset[1] - _left_offset) + "px");
-                var nodel_bbox = nodel.node().getBoundingClientRect();
-                var ret = nodel_bbox.top > root_bbox.top
-                    && nodel_bbox.left > root_bbox.left
-                    && nodel_bbox.bottom < root_bbox.bottom
-                    && nodel_bbox.right < root_bbox.right;
-                placement_overflow[_dir] = {
-                    top: root_bbox.top - nodel_bbox.top,
-                    right: nodel_bbox.right - root_bbox.right,
-                    bottom: nodel_bbox.bottom - root_bbox.bottom,
-                    left: root_bbox.left - nodel_bbox.left
-                };
-                nodel.style("white-space", "normal");
-                placement_overflow[_dir].total_overflow = Object.keys(placement_overflow[_dir])
-                    .filter(function (side) { return placement_overflow[_dir][side] > 0; })
-                    .reduce(function (sum, side) {
-                    var side_overflow = placement_overflow[_dir][side];
-                    return sum + side_overflow;
-                }, 0);
-                if (placement_overflow[least_overflow_direction].total_overflow > placement_overflow[_dir].total_overflow) {
-                    least_overflow_direction = _dir;
-                }
-                if (!ret) {
-                    nodel.classed(_dir, false);
-                }
-                return ret;
-            }
-        };
-        // Public - hide the tooltip
-        //
-        // Returns a tip
-        tip.hide = function () {
-            var nodel = getNodeEl();
-            nodel.style("opacity", 0).style("pointer-events", "none");
-            return tip;
-        };
-        // Public: Proxy attr calls to the d3 tip container.
-        // Sets or gets attribute value.
-        //
-        // n - name of the attribute
-        // v - value of the attribute
-        //
-        // Returns tip or attribute value
-        // eslint-disable-next-line no-unused-vars
-        tip.attr = function (n, v) {
-            if (arguments.length < 2 && typeof n === "string") {
-                return getNodeEl().attr(n);
-            }
-            var args = Array.prototype.slice.call(arguments);
-            common.selection.prototype.attr.apply(getNodeEl(), args);
-            return tip;
-        };
-        // Public: Proxy style calls to the d3 tip container.
-        // Sets or gets a style value.
-        //
-        // n - name of the property
-        // v - value of the property
-        //
-        // Returns tip or style property value
-        // eslint-disable-next-line no-unused-vars
-        tip.style = function (n, v) {
-            if (arguments.length < 2 && typeof n === "string") {
-                return getNodeEl().style(n);
-            }
-            var args = Array.prototype.slice.call(arguments);
-            common.selection.prototype.style.apply(getNodeEl(), args);
-            return tip;
-        };
-        // Public: Set or get the direction of the tooltip
-        //
-        // v - One of n(north), s(south), e(east), or w(west), nw(northwest),
-        //     sw(southwest), ne(northeast) or se(southeast)
-        //
-        // Returns tip or direction
-        tip.direction = function (v) {
-            if (!arguments.length)
-                return direction;
-            direction = v == null ? v : functor(v);
-            return tip;
-        };
-        // Public: Sets or gets the offset of the tip
-        //
-        // v - Array of [x, y] offset
-        //
-        // Returns offset or
-        tip.offset = function (v) {
-            if (!arguments.length)
-                return offset;
-            offset = v == null ? v : functor(v);
-            return tip;
-        };
-        // Public: sets or gets the html value of the tooltip
-        //
-        // v - String value of the tip
-        //
-        // Returns html value or tip
-        tip.html = function (v) {
-            if (!arguments.length)
-                return html;
-            html = v == null ? v : functor(v);
-            return tip;
-        };
-        // Public: sets or gets the root element anchor of the tooltip
-        //
-        // v - root element of the tooltip
-        //
-        // Returns root node of tip
-        tip.rootElement = function (v) {
-            if (!arguments.length)
-                return rootElement;
-            rootElement = functor(v);
-            return tip;
-        };
-        // Public: destroys the tooltip and removes it from the DOM
-        //
-        // Returns a tip
-        tip.destroy = function () {
-            if (node) {
-                getNodeEl().remove();
-                node = null;
-            }
-            return tip;
-        };
-        function d3TipDirection() { return "n"; }
-        function d3TipOffset() { return [0, 0]; }
-        function d3TipHTML() { return " "; }
-        var directionCallbacks = common.map({
-            n: directionNorth,
-            s: directionSouth,
-            e: directionEast,
-            w: directionWest,
-            nw: directionNorthWest,
-            ne: directionNorthEast,
-            sw: directionSouthWest,
-            se: directionSouthEast
-        });
-        var directions = directionCallbacks.keys();
-        function directionNorth() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.n.y - node.offsetHeight,
-                left: bbox.n.x - node.offsetWidth / 2
-            };
-        }
-        function directionSouth() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.s.y + 8,
-                left: bbox.s.x - node.offsetWidth / 2
-            };
-        }
-        function directionEast() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.e.y - node.offsetHeight / 2,
-                left: bbox.e.x + 8
-            };
-        }
-        function directionWest() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.w.y - node.offsetHeight / 2,
-                left: bbox.w.x - node.offsetWidth - 8
-            };
-        }
-        function directionNorthWest() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.nw.y - node.offsetHeight,
-                left: bbox.nw.x - node.offsetWidth
-            };
-        }
-        function directionNorthEast() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.ne.y - node.offsetHeight,
-                left: bbox.ne.x
-            };
-        }
-        function directionSouthWest() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.sw.y,
-                left: bbox.sw.x - node.offsetWidth
-            };
-        }
-        function directionSouthEast() {
-            var bbox = getScreenBBox(window);
-            return {
-                top: bbox.se.y,
-                left: bbox.se.x
-            };
-        }
-        function initNode() {
-            var div = common.select(document.createElement("div"));
-            div
-                .attr("class", "d3-tip")
-                .style("position", "absolute")
-                .style("top", "0px")
-                .style("opacity", 0)
-                .style("pointer-events", "none")
-                .style("box-sizing", "border-box");
-            return div.node();
-        }
-        function getSVGNode(element) {
-            var svgNode = element.node();
-            if (!svgNode)
-                return null;
-            if (svgNode.tagName.toLowerCase() === "svg")
-                return svgNode;
-            return svgNode.ownerSVGElement;
-        }
-        function getNodeEl() {
-            if (node == null) {
-                node = initNode();
-                // re-add node to DOM
-                rootElement().appendChild(node);
-            }
-            return common.select(node);
-        }
-        // Private - gets the screen coordinates of a shape
-        //
-        // Given a shape on the screen, will return an SVGPoint for the directions
-        // n(north), s(south), e(east), w(west), ne(northeast), se(southeast),
-        // nw(northwest), sw(southwest).
-        //
-        //    +-+-+
-        //    |   |
-        //    +   +
-        //    |   |
-        //    +-+-+
-        //
-        // Returns an Object {n, s, e, w, nw, sw, ne, se}
-        function getScreenBBox(targetShape) {
-            var targetel = target || targetShape;
-            while (targetel.getCTM == null && targetel.parentNode != null) {
-                targetel = targetel.parentNode;
-            }
-            var bbox = {};
-            var matrix = targetel.getCTM();
-            var tbbox = targetel.getBBox();
-            var width = tbbox.width;
-            var height = tbbox.height;
-            var x = tbbox.x;
-            var y = tbbox.y;
-            point.x = x;
-            point.y = y;
-            bbox.nw = point.matrixTransform(matrix);
-            point.x += width;
-            bbox.ne = point.matrixTransform(matrix);
-            point.y += height;
-            bbox.se = point.matrixTransform(matrix);
-            point.x -= width;
-            bbox.sw = point.matrixTransform(matrix);
-            point.y -= height / 2;
-            bbox.w = point.matrixTransform(matrix);
-            point.x += width;
-            bbox.e = point.matrixTransform(matrix);
-            point.x -= width / 2;
-            point.y -= height / 2;
-            bbox.n = point.matrixTransform(matrix);
-            point.y += height;
-            bbox.s = point.matrixTransform(matrix);
-            return bbox;
-        }
-        // Private - replace D3JS 3.X d3.functor() function
-        function functor(v) {
-            return typeof v === "function" ? v : function () {
-                return v;
-            };
-        }
-        return tip;
-    }
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
-        }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
-    }
-
-    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-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-width:8px;left:calc(50% - 4px);top:100%}.d3-tip.e:after{border-bottom-color:transparent;border-left-color:transparent;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;border-right-color:transparent;border-top-color:transparent;left:calc(50% - 4px);top:-12px}.d3-tip.w:after{border-bottom-color:transparent;border-left-width:8px;border-right-color:transparent;border-top-color:transparent;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);
-
-    //  Use old school class declaration as this is a mixin  ---
-    function ITooltip() {
-        this.tooltip = tip();
-        if (this.tooltipLabelFormat_exists()) {
-            this._labelFormatter = common.format(this.tooltipLabelFormat());
-        }
-        if (this.tooltipValueFormat_exists()) {
-            this._valueFormatter = common.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);
-            };
-        }
-    }
-    ITooltip.prototype = Object.create(common.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.tooltip.direction()()) {
-                case "e":
-                    return [0, _this.tooltipOffset()];
-                default:
-                    return [-_this.tooltipOffset(), 0];
-            }
-        });
-        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>");
-    };
-    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("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 (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 = common.format(_);
-        }
-        return retVal;
-    };
-    var tooltipValueFormat = ITooltip.prototype.tooltipValueFormat;
-    ITooltip.prototype.tooltipValueFormat = function (_) {
-        var retVal = tooltipValueFormat.apply(this, arguments);
-        if (arguments.length) {
-            this._valueFormatter = common.format(_);
-        }
-        return retVal;
-    };
-
-    //  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 = common.Palette.ordinal("default");
-
-    exports.BUILD_VERSION = BUILD_VERSION;
-    exports.I1DChart = I1DChart;
-    exports.I2DAggrChart = I2DAggrChart;
-    exports.I2DChart = I2DChart;
-    exports.IGraph = IGraph;
-    exports.IInput = IInput;
-    exports.INDChart = INDChart;
-    exports.ITooltip = ITooltip;
-    exports.ITree = ITree;
-    exports.PKG_NAME = PKG_NAME;
-    exports.PKG_VERSION = PKG_VERSION;
-    exports.instanceOfIHighlight = instanceOfIHighlight;
-
-}));
+var dt=Object.defineProperty;var l=(t,o)=>dt(t,"name",{value:o,configurable:!0});var kt="@hpcc-js/api",Tt="3.2.0",Ft="3.2.0";import{Palette as ht}from"@hpcc-js/common";function W(){}l(W,"I1DChart");W.prototype._dataFamily="1D";W.prototype._palette=ht.rainbow("default");W.prototype.click=function(t,o,r){};W.prototype.dblclick=function(t,o,r){};import{Palette as $}from"@hpcc-js/common";import{hsl as yt}from"@hpcc-js/common";function C(){}l(C,"I2DChart");C.prototype._dataFamily="2D";C.prototype._palette=$.ordinal("default");C.prototype.fillColor=function(t,o,r,i){return this._palette(t[0])};C.prototype.strokeColor=function(t,o,r,i){return yt(this.fillColor(t,o,r,i)).darker().toString()};C.prototype.textColor=function(t,o,r,i){return $.textColor(this.fillColor(t,o,r,i))};C.prototype.click=function(t,o,r){};C.prototype.dblclick=function(t,o,r){};import{Palette as K}from"@hpcc-js/common";import{hsl as mt}from"@hpcc-js/common";function T(){}l(T,"I2DAggrChart");T.prototype._palette=K.rainbow("default");T.prototype.fillColor=function(t,o,r){return this._palette(t.length)};T.prototype.strokeColor=function(t,o,r){return mt(this.fillColor(t,o,r)).darker().toString()};T.prototype.textColor=function(t,o,r){return K.textColor(this.fillColor(t,o,r))};T.prototype.click=function(t,o,r){};T.prototype.dblclick=function(t,o,r){};function L(){}l(L,"IGraph");L.prototype._dataFamily="graph";L.prototype.vertex_click=function(t,o,r,i){i&&i.vertex};L.prototype.vertex_dblclick=function(t,o,r,i){i&&i.vertex};L.prototype.edge_click=function(t,o,r,i){i&&i.edge};L.prototype.edge_dblclick=function(t,o,r,i){i&&i.edge};function Ut(t){return typeof t.highlightColumn=="function"}l(Ut,"instanceOfIHighlight");import{Widget as bt}from"@hpcc-js/common";function f(){}l(f,"IInput");f.prototype=Object.create(bt.prototype);f.prototype.constructor=f;f.prototype.isValid=function(){return!(this.validate()&&!new RegExp(this.validate()).test(this.value()))};f.prototype.hasValue=function(){if(typeof this.type=="function"){switch(this.type()){case"radio":case"checkbox":if(this.value()&&this.value()!=="false")return!0;break;default:if(this.value())return!0;break}return!1}return this.value()!==""};f.prototype.blur=function(t){};f.prototype.keyup=function(t){};f.prototype.focus=function(t){};f.prototype.click=function(t){};f.prototype.dblclick=function(t){};f.prototype.change=function(t,o){};f.prototype.resetValue=function(t){t.value(t._inputElement[0].node().value)};f.prototype.disable=function(t){this._inputElement.forEach(function(o,r){o.attr("disabled",t?"disabled":null)})};f.prototype.setFocus=function(){this._inputElement.length&&this._inputElement[0].node().focus()};f.prototype.publish("name","","string","HTML name for the input");f.prototype.publish("label","","string","Descriptive label");f.prototype.publish("value","","string","Input Current Value");f.prototype.publish("validate",null,"string","Input Validation");import{Palette as j}from"@hpcc-js/common";import{hsl as gt}from"@hpcc-js/common";function I(){}l(I,"INDChart");I.prototype._dataFamily="ND";I.prototype._palette=j.ordinal("default");I.prototype.fillColor=function(t,o,r,i){return this._palette(o)};I.prototype.strokeColor=function(t,o,r,i){return gt(this.fillColor(t,o,r,i)).darker().toString()};I.prototype.textColor=function(t,o,r,i){return j.textColor(this.fillColor(t,o,r,i))};I.prototype.click=function(t,o,r){};I.prototype.dblclick=function(t,o,r){};import{Widget as wt}from"@hpcc-js/common";import{format as B}from"@hpcc-js/common";import{map as xt}from"@hpcc-js/common";import{select as q,selection as X}from"@hpcc-js/common";function Y(){let t=J,o=Q,r=Z,i=E(document.body),a=U(),D=null,c=null,P=null,p=l(function(e){if(D=st(e),!D)return;c=D.createSVGPoint();let u=i();u&&a&&u.appendChild(a)},"tip");p.show=function(e,u,d){P=d[u];let y=Array.prototype.slice.call(arguments),_=r.apply(this,y);if(_===null)return p;let v=o.apply(this,y),h=w(),O=F.length,V,g=i().getBoundingClientRect();for(h.html(_).style("opacity",1).style("pointer-events","all");O--;)h.classed(F[O],!1);let M=!1,m={},S=F[0];for(let n=0;n<F.length&&(M=G(F[n]),!M);n++);if(M)h.classed("notick",!1);else{h.classed("notick",!0);let n=ct(m[S]),k=pt(m[S]);G(S,n,k)}return p;function pt(n){return n.left>n.right?n.left>0?-n.left:0:n.right>0?n.right:0}function ct(n){return n.top>n.bottom?n.top>0?-n.top:0:n.bottom}function G(n,k,H){k=k||0,H=H||0,h.style("white-space","nowrap"),V=R.get(n).apply(this),h.classed(n,!0).style("top",V.top+v[0]-k+"px").style("left",V.left+v[1]-H+"px");let x=h.node().getBoundingClientRect(),z=x.top>g.top&&x.left>g.left&&x.bottom<g.bottom&&x.right<g.right;return m[n]={top:g.top-x.top,right:x.right-g.right,bottom:x.bottom-g.bottom,left:g.left-x.left},h.style("white-space","normal"),m[n].total_overflow=Object.keys(m[n]).filter(A=>m[n][A]>0).reduce((A,ut)=>{let ft=m[n][ut];return A+ft},0),m[S].total_overflow>m[n].total_overflow&&(S=n),z||h.classed(n,!1),z}},p.hide=function(){return w().style("opacity",0).style("pointer-events","none"),p},p.attr=function(e,u){if(arguments.length<2&&typeof e=="string")return w().attr(e);let d=Array.prototype.slice.call(arguments);return X.prototype.attr.apply(w(),d),p},p.style=function(e,u){if(arguments.length<2&&typeof e=="string")return w().style(e);let d=Array.prototype.slice.call(arguments);return X.prototype.style.apply(w(),d),p},p.direction=function(e){return arguments.length?(t=e==null?e:E(e),p):t},p.offset=function(e){return arguments.length?(o=e==null?e:E(e),p):o},p.html=function(e){return arguments.length?(r=e==null?e:E(e),p):r},p.rootElement=function(e){return arguments.length?(i=E(e),p):i},p.destroy=function(){return a&&(w().remove(),a=null),p};function J(){return"n"}l(J,"d3TipDirection");function Q(){return[0,0]}l(Q,"d3TipOffset");function Z(){return" "}l(Z,"d3TipHTML");let R=xt({n:tt,s:ot,e:et,w:rt,nw:lt,ne:it,sw:nt,se:at}),F=R.keys();function tt(){let e=b(window);return{top:e.n.y-a.offsetHeight,left:e.n.x-a.offsetWidth/2}}l(tt,"directionNorth");function ot(){let e=b(window);return{top:e.s.y+8,left:e.s.x-a.offsetWidth/2}}l(ot,"directionSouth");function et(){let e=b(window);return{top:e.e.y-a.offsetHeight/2,left:e.e.x+8}}l(et,"directionEast");function rt(){let e=b(window);return{top:e.w.y-a.offsetHeight/2,left:e.w.x-a.offsetWidth-8}}l(rt,"directionWest");function lt(){let e=b(window);return{top:e.nw.y-a.offsetHeight,left:e.nw.x-a.offsetWidth}}l(lt,"directionNorthWest");function it(){let e=b(window);return{top:e.ne.y-a.offsetHeight,left:e.ne.x}}l(it,"directionNorthEast");function nt(){let e=b(window);return{top:e.sw.y,left:e.sw.x-a.offsetWidth}}l(nt,"directionSouthWest");function at(){let e=b(window);return{top:e.se.y,left:e.se.x}}l(at,"directionSouthEast");function U(){let e=q(document.createElement("div"));return e.attr("class","d3-tip").style("position","absolute").style("top","0px").style("opacity",0).style("pointer-events","none").style("box-sizing","border-box"),e.node()}l(U,"initNode");function st(e){let u=e.node();return u?u.tagName.toLowerCase()==="svg"?u:u.ownerSVGElement:null}l(st,"getSVGNode");function w(){return a==null&&(a=U(),i().appendChild(a)),q(a)}l(w,"getNodeEl");function b(e){let u=P||e;for(;u.getCTM==null&&u.parentNode!=null;)u=u.parentNode;let d={},y=u.getCTM(),_=u.getBBox(),v=_.width,h=_.height,O=_.x,V=_.y;return c.x=O,c.y=V,d.nw=c.matrixTransform(y),c.x+=v,d.ne=c.matrixTransform(y),c.y+=h,d.se=c.matrixTransform(y),c.x-=v,d.sw=c.matrixTransform(y),c.y-=h/2,d.w=c.matrixTransform(y),c.x+=v,d.e=c.matrixTransform(y),c.x-=v/2,c.y-=h/2,d.n=c.matrixTransform(y),c.y+=h,d.s=c.matrixTransform(y),d}l(b,"getScreenBBox");function E(e){return typeof e=="function"?e:function(){return e}}return l(E,"functor"),p}l(Y,"tip");(function(){if(!document.getElementById("487fd6b2")){var t=document.createElement("style");t.id="487fd6b2",t.textContent=`.d3-tip {
+  line-height: 1;
+  font-weight: bold;
+  padding: 12px;
+  background: rgba(0, 0, 0, 0.66);
+  color: #fff;
+  border-radius: 2px;
+  pointer-events: none !important;
+  z-index:10;
+}
+
+.d3-tip.hidden {
+    visibility:hidden;
+}
+
+/* Creates a small triangle extender for the tooltip */
+.d3-tip:after {
+  content: " ";
+  box-sizing: border-box;
+  display: inline-block;
+  border: 4px solid  rgba(0, 0, 0, 0.66);
+  position: absolute;
+  pointer-events: none !important;
+  width: 8px;
+  height: 8px;
+  margin: 0;
+}
+
+/* Northward tooltips */
+.d3-tip.n:after {
+  top: 100%;
+  left: calc(50% - 4px);
+  border-top-width: 8px;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+
+/* Eastward tooltips */
+.d3-tip.e:after {
+  top: calc(50% - 4px);
+  left: -12px;
+  border-top-color: transparent;
+  border-right-width: 8px;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+
+/* Southward tooltips */
+.d3-tip.s {
+  margin-top: 8px;
+}
+.d3-tip.s:after {
+  top: -12px;
+  left: calc(50% - 4px);
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-width: 8px;
+  border-left-color: transparent;
+}
+
+/* Westward tooltips */
+.d3-tip.w:after {
+  top: calc(50% - 4px);
+  left: 100%;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-width: 8px;
+}
+
+.d3-tip.notick:after {
+  border-color: transparent !important;
+}
+
+.common_Widget .over {
+  stroke: rgba(0, 0, 0, 0.66);
+  opacity: 0.66;
+}
+
+.d3-tip.ITooltip-tooltipStyle-series-table{
+  padding: 0;
+}
+
+.d3-tip .ITooltip-series-table th,
+.d3-tip .ITooltip-series-table td{
+  padding: 6px;
+  text-align: left;
+  border: 1px solid #D1D1D1;
+}
+
+.d3-tip .ITooltip-series-table .series-table-row-color{
+  display: inline-block;
+  height: 10px;
+  width: 10px;
+  margin-right: 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: normal;
+}
+
+.d3-tip .ITooltip-series-table td:first-child{
+  border-right: 0;
+}
+
+table.ITooltip-series-table td:last-child{
+  border-left: 1px dotted #A3A3A3;
+}
+`,document.head.appendChild(t)}})();function s(){if(this.tooltip=Y(),this.tooltipLabelFormat_exists()&&(this._labelFormatter=B(this.tooltipLabelFormat())),this.tooltipValueFormat_exists()&&(this._valueFormatter=B(this.tooltipValueFormat())),this.layerEnter){let t=this.layerEnter;this.layerEnter=function(i,a,D){this._parentOverlay||(this._parentOverlay=i._parentOverlay),this.tooltipEnter(a),t.apply(this,arguments)};let o=this.layerUpdate;this.layerUpdate=function(i){o.apply(this,arguments),this.tooltipUpdate()};let r=this.layerExit;this.layerExit=function(i){this.tooltipExit(),r.apply(this,arguments)}}else{let t=this.enter;this.enter=function(i,a){this.tooltipEnter(a),t.apply(this,arguments)};let o=this.update;this.update=function(i,a){o.apply(this,arguments),this.tooltipUpdate()};let r=this.exit;this.exit=function(i,a){this.tooltipExit(),r.apply(this,arguments)}}}l(s,"ITooltip");s.prototype=Object.create(wt.prototype);s.prototype.constructor=s;s.prototype.tooltipEnter=function(t){let o=this.parentOverlay();o.empty()||this.tooltip.rootElement(o.node().parentNode),t.call(this.tooltip)};s.prototype.tooltipUpdate=function(){this.tooltip.offset(()=>{if(event&&this.tooltipFollowMouse()){let o=document.querySelector(".d3-tip");return o.style.display="block",o.style.left=this.tooltipOffset()+event.clientX+"px",o.style.top=event.clientY+"px",[]}switch(this.tooltip.direction()()){case"e":return[0,this.tooltipOffset()];default:return[-this.tooltipOffset(),0]}});let t=this.tooltip.attr("class");t&&(t=t.split(" notick").join("")+(this.tooltipTick()?"":" notick")+(this.tooltipStyle()==="none"?" hidden":""),t=t.split(" ").filter(function(o){return o.indexOf("ITooltip-tooltipStyle-")!==0}).join(" "),t+=" ITooltip-tooltipStyle-"+this.tooltipStyle(),this.tooltip.attr("class",t))};s.prototype.tooltipExit=function(){this.tooltip&&this.tooltip.destroy()};s.prototype._tooltipHTML=function(t){return t};s.prototype.tooltipHTML=function(t){return this.tooltip.html(t)};s.prototype.tooltipFormat=function(t={}){switch(t.label=t.label===void 0?"":t.label,this._labelFormatter?t.label=this._labelFormatter(t.label)||"":this.formatData&&this.parseData&&(t.label=this.formatData(this.parseData(t.label))),t.series=t.series||"",t.value instanceof Date?t.value=t.value||"":this._valueFormatter?t.value=this._valueFormatter(t.value)||"":this.formatValue&&this.parseValue&&(t.value=this.formatValue(this.parseValue(t.value))),this.tooltipStyle()){case"none":break;case"series-table":let o='<table class="ITooltip-series-table"><thead><tr><th colspan="2">'+t.label+"</th></tr></thead><tbody>";return t.arr.forEach(function(r){o+="<tr>",o+="<td>",o+='<div class="series-table-row-color" style="background-color:'+r.color+'"></div>',o+='<div class="series-table-row-label">'+r.label+"</div>",o+="</td>",o+='<td><div class="series-table-row-value">'+r.value+"</div></td>",o+="</tr>"}),o+="</tbody>",o+="</table>",o;default:return t.series?"<span style='color:"+this.tooltipSeriesColor()+"'>"+t.series+"</span> / <span style='color:"+this.tooltipLabelColor()+"'>"+t.label+"</span>:  <span style='color:"+this.tooltipValueColor()+"'>"+t.value+"</span>":t.label!==""?"<span style='color:"+this.tooltipLabelColor()+"'>"+t.label+"</span>:  <span style='color:"+this.tooltipValueColor()+"'>"+t.value+"</span>":"<span style='color:"+this.tooltipValueColor()+"'>"+t.value+"</span>"}};s.prototype.tooltipKeyValueFormat=function(t,o){let r="";for(let i in o)if(i!==t){let a=o&&o[i]?o[i]:"";r+=`<tr><td style="${this.tooltipLabelColor_exists()?"color:"+this.tooltipLabelColor():""}">${i}</td><td style="font-weight:normal">${a}</td></tr>`}return`<table>
+                    <thead>
+                        <tr><th colspan="2" style="font-weight:bold;font-size:16px">${o[t]}</th></tr>
+                    </thead>
+                    <tbody>
+                        ${r}
+                    </tbody>
+                </table>`};s.prototype.publish("tooltipStyle","default","set","Style mode",["default","none","series-table"],{});s.prototype.publish("tooltipFollowMouse",!1,"boolean","If true, the tooltip will follow mouse movement",null,{});s.prototype.publish("tooltipLabelFormat",void 0,"string","Format of tooltip label(s) (the domain axis)",null,{});s.prototype.publish("tooltipValueFormat",void 0,"string","Number format of tooltip value(s)",null,{});s.prototype.publish("tooltipSeriesColor","#EAFFFF","html-color","Color of tooltip series text",null,{});s.prototype.publish("tooltipLabelColor","#CCFFFF","html-color","Color of tooltip label text (the domain axis)",null,{});s.prototype.publish("tooltipValueColor","white","html-color","Color of tooltip value(s)",null,{});s.prototype.publish("tooltipTick",!0,"boolean","Show tooltip tick",null,{});s.prototype.publish("tooltipOffset",8,"number","Offset from the cursor",null,{});var _t=s.prototype.tooltipLabelFormat;s.prototype.tooltipLabelFormat=function(t){let o=_t.apply(this,arguments);return arguments.length&&(this._labelFormatter=B(t)),o};var vt=s.prototype.tooltipValueFormat;s.prototype.tooltipValueFormat=function(t){let o=vt.apply(this,arguments);return arguments.length&&(this._valueFormatter=B(t)),o};import{Palette as Ct}from"@hpcc-js/common";function N(){}l(N,"ITree");N.prototype.constructor=N;N.prototype.click=function(t,o,r){};N.prototype.dblclick=function(t,o,r){};N.prototype._palette=Ct.ordinal("default");export{Ft as BUILD_VERSION,W as I1DChart,T as I2DAggrChart,C as I2DChart,L as IGraph,f as IInput,I as INDChart,s as ITooltip,N as ITree,kt as PKG_NAME,Tt as PKG_VERSION,Ut as instanceOfIHighlight};
 //# sourceMappingURL=index.js.map