@hpcc-js/eclwatch 2.76.0 → 3.1.0

package/dist/index.es6.js

@@ -1,1647 +0,0 @@
-import { Editor } from '@hpcc-js/codemirror';
-import { Workunit, BaseScope, Result, WUStateID } from '@hpcc-js/comms';
-import { SplitPanel } from '@hpcc-js/phosphor';
-import { DirectoryTree } from '@hpcc-js/tree';
-import { xml2json, hashSum, Subgraph, Vertex as Vertex$1, Edge } from '@hpcc-js/util';
-import { local, select, Icon, Button, ToggleButton, Spacer, publish, Palette } from '@hpcc-js/common';
-import { Table, RowFormatter, domConstruct, Deferred, QueryResults, Common } from '@hpcc-js/dgrid';
-import { Vertex, Subgraph as Subgraph$1, Edge as Edge$1, Graph } from '@hpcc-js/graph';
-import { Legend, Carousel, ChartPanel } from '@hpcc-js/layout';
-import { ReactTimelineSeries } from '@hpcc-js/timeline';
-
-var PKG_NAME = "@hpcc-js/eclwatch";
-var PKG_VERSION = "2.76.0";
-var BUILD_VERSION = "2.107.0";
-
-/******************************************************************************
-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, SuppressedError, Symbol, Iterator */
-
-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 __());
-}
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  };
-  return __assign.apply(this, arguments);
-};
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-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)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-      }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-var ECLArchiveViewer = /** @class */ (function (_super) {
-    __extends(ECLArchiveViewer, _super);
-    function ECLArchiveViewer() {
-        var _this = _super.call(this, "horizontal") || this;
-        _this._directoryPane = new DirectoryTree();
-        _this._fileEditorPane = new Editor()
-            .text("");
-        _this._directoryPane.rowClick = function (text) {
-            _this._fileEditorPane
-                .text(text)
-                .render();
-        };
-        return _this;
-    }
-    ECLArchiveViewer.prototype.transformArchiveTreeData = function (json) {
-        var ret = {
-            label: json.name,
-            children: json._children.map(transformNode).filter(function (n) { return n; })
-        };
-        if (ret.children && ret.children[0] && ret.children[0].label === "html") {
-            // must be parsererror
-            return {
-                label: "root",
-                children: [
-                    {
-                        label: "error",
-                        content: JSON.stringify(ret, null, 4)
-                    }
-                ]
-            };
-        }
-        return ret;
-        function transformNode(node) {
-            var _node = {};
-            _node.label = node.name + (node["$"] && node["$"].key ? " (".concat(node["$"].key, ")") : "");
-            if (node._children && node._children.length > 0) {
-                _node.children = node._children.map(function (_node) {
-                    return transformNode(_node);
-                })
-                    .filter(function (n) { return n; });
-            }
-            else if (typeof node.content === "string" && node.content.trim()) {
-                _node.content = node.content;
-            }
-            else {
-                return false;
-            }
-            return _node;
-        }
-    };
-    ECLArchiveViewer.prototype.updateDirectoryPane = function (contentStr) {
-        var json;
-        if (contentStr) {
-            try {
-                json = JSON.parse(contentStr);
-            }
-            catch (e) {
-                json = xml2json(contentStr);
-            }
-        }
-        if (json) {
-            var _data = this.transformArchiveTreeData(json);
-            this._directoryPane
-                .data(_data)
-                .render();
-        }
-    };
-    ECLArchiveViewer.prototype.enter = function (domNode, element) {
-        _super.prototype.enter.call(this, domNode, element);
-        this
-            .addWidget(this._directoryPane)
-            .addWidget(this._fileEditorPane);
-    };
-    ECLArchiveViewer.prototype.update = function (domNode, element) {
-        var _this = this;
-        _super.prototype.update.call(this, domNode, element);
-        var hash = hashSum({
-            baseUrl: this.baseUrl(),
-            wuid: this.wuid()
-        });
-        if (this._prevHash !== hash || typeof this._contentStr === "undefined") {
-            Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid())
-                .fetchArchive()
-                .then(function (resp) {
-                _this._contentStr = resp;
-                _this.updateDirectoryPane(_this._contentStr);
-                _this._prevHash = hash;
-            });
-        }
-        else {
-            this.updateDirectoryPane(this._contentStr);
-        }
-        this.relativeSizes([this.directoryWidthRatio(), 1 - this.directoryWidthRatio()]);
-    };
-    return ECLArchiveViewer;
-}(SplitPanel));
-ECLArchiveViewer.prototype._class += " eclwatch_ECLArchiveViewer";
-ECLArchiveViewer.prototype.publish("baseUrl", "", "string", "HPCC Platform Base URL");
-ECLArchiveViewer.prototype.publish("wuid", "", "string", "Workunit ID");
-ECLArchiveViewer.prototype.publish("directoryWidthRatio", 0.38, "number", "Default directory panel width ratio relative to the full width");
-ECLArchiveViewer.prototype.publish("contentString", null, "string", "XML/JSON archive content string");
-ECLArchiveViewer.prototype.publishProxy("directoryPaneColor", "_directoryPane", "backgroundColor");
-ECLArchiveViewer.prototype.publishProxy("directoryPaneHoverColor", "_directoryPane", "hoverBackgroundColor");
-ECLArchiveViewer.prototype.publishProxy("iconSize", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("fontColor", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("fontFamily", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("fontSize", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("folderIconOpen", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("folderIconClosed", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("textFileIcon", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("codeFileIcon", "_directoryPane");
-ECLArchiveViewer.prototype.publishProxy("verticalScroll", "_directoryPane");
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || 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$1 = ".eclwatch_WUGraphLegend .graph_Vertex{cursor:auto}.eclwatch_WUGraphLegend .graph_Vertex .common_Icon{cursor:pointer}";
-styleInject(css_248z$1);
-
-var LegendVertex = /** @class */ (function (_super) {
-    __extends(LegendVertex, _super);
-    function LegendVertex() {
-        return _super.call(this) || this;
-    }
-    LegendVertex.prototype.enter = function (domNode, element) {
-        var _this = this;
-        _super.prototype.enter.call(this, domNode, element);
-        this._icon.on("click", function () {
-            _this.click(_this.data());
-        });
-    };
-    LegendVertex.prototype.click = function (kind) {
-    };
-    return LegendVertex;
-}(Vertex));
-var WUGraphLegend = /** @class */ (function (_super) {
-    __extends(WUGraphLegend, _super);
-    function WUGraphLegend() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.icon = local();
-        _this._disabled2 = {
-        /*  TODO:  Default some to disabled?
-        43: true,
-        71: true,
-        82: true,
-        88: true
-        */
-        };
-        return _this;
-    }
-    WUGraphLegend.prototype.disabled = function (_) {
-        var _this = this;
-        if (!arguments.length) {
-            var retVal = [];
-            for (var key in this._disabled2) {
-                if (this._disabled2[key]) {
-                    retVal.push(key);
-                }
-            }
-            return retVal;
-        }
-        this._disabled2 = {};
-        _.forEach(function (kind) { return _this._disabled2[kind] = true; });
-        return this;
-    };
-    WUGraphLegend.prototype.toggle = function (kind) {
-        this._disabled2[kind] = !this._disabled2[kind];
-    };
-    WUGraphLegend.prototype.update = function (domNode, element) {
-        _super.prototype.update.call(this, domNode, element);
-        var context = this;
-        var items = this._g.selectAll(".legendItem").data(this.data(), function (d) { return d.kind; });
-        items.enter().append("g")
-            .attr("class", "legendItem")
-            .each(function (d) {
-            context.icon.set(this, new LegendVertex()
-                .target(this)
-                .data(d.kind)
-                .textbox_shape_colorStroke("none")
-                .textbox_shape_colorFill("none")
-                .iconAnchor("left")
-                .faChar(d.faChar)
-                .text("".concat(d.label, " (").concat(d.count, ")"))
-                .tooltip("".concat(d.kind, " - ").concat(d.label))
-                .on("click", function (kind) {
-                context.toggle(kind);
-                context.render();
-                context.click(kind);
-            })
-                .on("mouseover", function (kind) {
-                context.mouseover(kind);
-            })
-                .on("mouseout", function (kind) {
-                context.mouseout(kind);
-            }));
-        })
-            .merge(items)
-            .each(function (d, i) {
-            var bbox = context.icon.get(this)
-                .icon_shape_colorFill(context._disabled2[d.kind] ? "gray" : null)
-                .render().getBBox();
-            select(this)
-                .attr("transform", "translate(".concat(+bbox.width / 2, ", ").concat(i * 30, ")"));
-        });
-        items.exit()
-            .each(function (d) {
-            context.icon.get(this)
-                .target(null)
-                .render();
-        })
-            .remove();
-        var bbox = this.getBBox(true, true);
-        this._g.attr("transform", "translate(16, ".concat(this.height() / 2 - bbox.height / 2, ")"));
-    };
-    //  Events  ---
-    WUGraphLegend.prototype.click = function (kind) {
-    };
-    WUGraphLegend.prototype.mouseover = function (kind) {
-    };
-    WUGraphLegend.prototype.mouseout = function (kind) {
-    };
-    return WUGraphLegend;
-}(Legend));
-WUGraphLegend.prototype._class += " eclwatch_WUGraphLegend";
-
-function faCharFactory(kind) {
-    switch (kind) {
-        case "2": return "\uf0c7"; //  Disk Write
-        case "3": return "\uf15d"; //  sort
-        case "5": return "\uf0b0"; //  Filter
-        case "6": return "\uf1e0"; //  Split
-        case "12": return "\uf039"; //  First N
-        case "15": return "\uf126"; //  Lightweight Join
-        case "17": return "\uf126"; //  Lookup Join
-        case "22": return "\uf1e6"; //  Pipe Output
-        case "23": return "\uf078"; //  Funnel
-        case "25": return "\uf0ce"; //  Inline Dataset
-        case "26": return "\uf074"; //  distribute
-        case "29": return "\uf005"; //  Store Internal Result
-        case "36": return "\uf128"; //  If
-        case "44": return "\uf0c7"; //  write csv
-        case "47": return "\uf0c7"; //  write
-        case "54": return "\uf013"; //  Workunit Read
-        case "56": return "\uf0c7"; //  Spill
-        case "59": return "\uf126"; //  Merge
-        case "61": return "\uf0c7"; //  write xml
-        case "82": return "\uf1c0"; //  Projected Disk Read Spill
-        case "88": return "\uf1c0"; //  Projected Disk Read Spill
-        case "92": return "\uf129"; //  Limted Index Read
-        case "93": return "\uf129"; //  Limted Index Read
-        case "99": return "\uf1c0"; //  CSV Read
-        case "105": return "\uf1c0"; //  CSV Read
-        case "7": return "\uf090"; //  Project
-        case "9": return "\uf0e2"; //  Local Iterate
-        case "16": return "\uf005"; //  Output Internal
-        case "19": return "\uf074"; //  Hash Distribute
-        case "21": return "\uf275"; //  Normalize
-        case "35": return "\uf0c7"; //  CSV Write
-        case "37": return "\uf0c7"; //  Index Write
-        case "71": return "\uf1c0"; //  Disk Read Spill
-        case "133": return "\uf0ce"; //  Inline Dataset
-        case "148": return "\uf0ce"; //  Inline Dataset
-        case "168": return "\uf275"; //  Local Denormalize
-    }
-    return "\uf063";
-}
-var WUScopeController = /** @class */ (function () {
-    function WUScopeController() {
-        this.subgraphsMap = {};
-        this.rSubgraphsMap = {};
-        this.verticesMap = {};
-        this.rVerticesMap = {};
-        this.edgesMap = {};
-        this.rEdgesMap = {};
-        this.kindMap = {};
-        this._disabled = {};
-    }
-    WUScopeController.prototype.clear = function () {
-        this.subgraphsMap = {};
-        this.rSubgraphsMap = {};
-        this.verticesMap = {};
-        this.rVerticesMap = {};
-        this.edgesMap = {};
-        this.rEdgesMap = {};
-    };
-    WUScopeController.prototype.set = function (masterGraph) {
-        var _this = this;
-        this.graphDB = masterGraph;
-        this.graphGui(this.graphDB);
-        this.kindMap = {};
-        this.graphDB.walk(function (item) {
-            if (item instanceof Subgraph) ;
-            else if (item instanceof Vertex$1) {
-                var kind = item._.attr("Kind").RawValue;
-                if (!_this.kindMap[kind]) {
-                    _this.kindMap[kind] = [];
-                }
-                _this.kindMap[kind].push(item);
-            }
-            else ;
-        });
-    };
-    WUScopeController.prototype.disabled = function (_) {
-        var _this = this;
-        if (!arguments.length) {
-            var retVal = [];
-            for (var key in this._disabled) {
-                if (this._disabled[key]) {
-                    retVal.push(key);
-                }
-            }
-            return retVal;
-        }
-        this._disabled = {};
-        _.forEach(function (kind) { return _this._disabled[kind] = true; });
-        return this;
-    };
-    WUScopeController.prototype.graphGui = function (graphDB) {
-        var _this = this;
-        var graphGui = {
-            subgraphs: [],
-            vertices: [],
-            edges: [],
-            hierarchy: []
-        };
-        graphDB.walk(function (item) {
-            if (item instanceof Subgraph) {
-                var subgraph = _this.appendSubgraph(item, graphGui.hierarchy, graphGui.subgraphs);
-                subgraph.showMinMax(item.vertices.length > 3 || subgraph.minState() !== "normal");
-            }
-            else if (item instanceof Vertex$1) {
-                _this.appendVertex(item, graphGui.hierarchy, graphGui.vertices);
-            }
-            else if (item instanceof Edge) {
-                _this.appendEdge(item, graphGui.edges);
-            }
-        });
-        return graphGui;
-    };
-    WUScopeController.prototype.format = function (labelTpl, obj) {
-        var retVal = "";
-        var lpos = labelTpl.indexOf("%");
-        var rpos = -1;
-        while (lpos >= 0) {
-            retVal += labelTpl.substring(rpos + 1, lpos);
-            rpos = labelTpl.indexOf("%", lpos + 1);
-            if (rpos < 0) {
-                console.warn("Invalid Label Template");
-                break;
-            }
-            var key = labelTpl.substring(lpos + 1, rpos);
-            retVal += !key ? "%" : (obj[labelTpl.substring(lpos + 1, rpos)] || "");
-            lpos = labelTpl.indexOf("%", rpos + 1);
-        }
-        retVal += labelTpl.substring(rpos + 1, labelTpl.length);
-        return retVal.split("\\n").join("\n");
-    };
-    WUScopeController.prototype.createSubgraph = function (subgraph) {
-        var _this = this;
-        var sg = this.subgraphsMap[subgraph._.Id];
-        if (!sg) {
-            sg = new Subgraph$1()
-                .title(subgraph._.Id)
-                .on("minClick", function () {
-                _this.minClick(sg);
-            });
-            this.subgraphsMap[subgraph._.Id] = sg;
-            this.rSubgraphsMap[sg.id()] = subgraph;
-        }
-        return sg;
-    };
-    WUScopeController.prototype.createVertex = function (vertex) {
-        var _this = this;
-        var v = this.verticesMap[vertex._.Id];
-        if (!v) {
-            var attrs = vertex._.rawAttrs();
-            if (vertex._.ScopeType === "dummy") {
-                var parent_1 = this.subgraphsMap[vertex.parent._.Id];
-                v = new Icon()
-                    .shape_colorFill("darkred")
-                    .shape_colorStroke("darkred")
-                    .image_colorFill("white")
-                    .faChar("\uf067")
-                    .on("click", function () {
-                    parent_1.minState("normal");
-                    _this.minClick(parent_1);
-                });
-            }
-            else {
-                v = new Vertex()
-                    .icon_shape_colorFill("#1f77b4")
-                    .icon_image_colorFill("white")
-                    .faChar(faCharFactory(attrs["Kind"]))
-                    .text(attrs["Label"]);
-                var annotations = [];
-                if (vertex._.hasAttr("Definition")) {
-                    annotations.push({
-                        faChar: "\uf036",
-                        tooltip: "Definition",
-                        shape_colorFill: "lightgray",
-                        shape_colorStroke: "lightgray",
-                        image_colorFill: "black"
-                    });
-                }
-                if (vertex._.hasAttr("IsInternal")) {
-                    annotations.push({
-                        faChar: "\uf085",
-                        tooltip: "IsInternal",
-                        shape_colorFill: "red",
-                        shape_colorStroke: "red",
-                        image_colorFill: "white"
-                    });
-                }
-                v.annotationIcons(annotations);
-            }
-            this.verticesMap[vertex._.Id] = v;
-            this.rVerticesMap[v.id()] = vertex;
-        }
-        return v;
-    };
-    WUScopeController.prototype.isSpill = function (edge) {
-        var sourceKind = edge.source._.attr("Kind").RawValue;
-        var targetKind = edge.target._.attr("Kind").RawValue;
-        return sourceKind === "2" || targetKind === "71";
-    };
-    WUScopeController.prototype.spansSubgraph = function (edge) {
-        return edge.source.parent._.Id !== edge.target.parent._.Id;
-    };
-    WUScopeController.prototype.createEdge = function (edge) {
-        var e = this.edgesMap[edge._.Id];
-        if (!e) {
-            var attrs = edge._.rawAttrs();
-            var sourceV = this.verticesMap[edge.source._.Id];
-            var targetV = this.verticesMap[edge.target._.Id];
-            if (sourceV && targetV) {
-                var isSpill = this.isSpill(edge);
-                var spansSubgraph = this.spansSubgraph(edge);
-                var label = this.format("%Label%\n%NumRowsProcessed%", attrs);
-                /*  TODO:  Add extra annotations once WUDetails is fixed...
-                const numSlaves = parseInt(attrs["NumSlaves"]);
-                const numStarts = parseInt(attrs["NumStarts"]);
-                const numStops = parseInt(attrs["NumStops"]);
-                const started = numStarts > 0;
-                const finished = numStops === numSlaves;
-                const active = started && !finished;
-                */
-                var strokeDasharray = null;
-                var weight = 100;
-                if (attrs["IsDependency"]) {
-                    weight = 10;
-                    strokeDasharray = "1,5";
-                }
-                else if (attrs["_childGraph"]) {
-                    strokeDasharray = "5,5";
-                }
-                else if (isSpill) {
-                    weight = 25;
-                    strokeDasharray = "5,5,10,5";
-                }
-                else if (spansSubgraph) {
-                    weight = 5;
-                    strokeDasharray = "5,5";
-                }
-                e = new Edge$1()
-                    .sourceVertex(sourceV)
-                    .targetVertex(targetV)
-                    .sourceMarker("circle")
-                    .targetMarker("arrow")
-                    .weight(weight)
-                    .strokeDasharray(strokeDasharray)
-                    .text(label);
-                this.edgesMap[edge._.Id] = e;
-                this.rEdgesMap[e.id()] = edge;
-            }
-        }
-        return e;
-    };
-    WUScopeController.prototype.appendSubgraph = function (subgraph, hierarchy, subgraphs) {
-        var sg = this.createSubgraph(subgraph);
-        subgraphs.push(sg);
-        var parent = this.subgraphsMap[subgraph.parent._.Id];
-        if (parent) {
-            hierarchy.push({ parent: parent, child: sg });
-        }
-        return sg;
-    };
-    WUScopeController.prototype.appendVertex = function (vertex, hierarchy, vertices) {
-        var v = this.createVertex(vertex);
-        vertices.push(v);
-        var parent = this.subgraphsMap[vertex.parent._.Id];
-        if (parent) {
-            hierarchy.push({ parent: parent, child: v });
-        }
-        return v;
-    };
-    WUScopeController.prototype.appendEdge = function (edge, edges) {
-        var e = this.createEdge(edge);
-        if (e) {
-            edges.push(e);
-        }
-        return e;
-    };
-    WUScopeController.prototype.filterLegend = function (graphDB) {
-        var _loop_1 = function (i) {
-            var vertex = graphDB.vertices[i];
-            var kind = vertex._.attr("Kind").RawValue;
-            if (this_1._disabled[kind]) {
-                vertex.remove(false, function (source, target) {
-                    return new BaseScope({
-                        ScopeName: vertex._.ScopeName + ":in",
-                        Id: source.Id + "->" + target.Id,
-                        ScopeType: "dummy-edge",
-                        Properties: {
-                            Property: [vertex._.attr("Label")]
-                        },
-                        Notes: {
-                            Note: []
-                        },
-                        SinkActivity: ""
-                    });
-                });
-            }
-        };
-        var this_1 = this;
-        for (var i = graphDB.vertices.length - 1; i >= 0; --i) {
-            _loop_1(i);
-        }
-    };
-    WUScopeController.prototype.filterPartial = function (graphDB) {
-        for (var _i = 0, _a = graphDB.subgraphs; _i < _a.length; _i++) {
-            var subgraph = _a[_i];
-            var sg = this.subgraphsMap[subgraph._.Id];
-            switch (sg.minState()) {
-                case "partial":
-                    var childVertices = subgraph.vertices;
-                    var vShow = [];
-                    var vHide = [];
-                    for (var _b = 0, childVertices_1 = childVertices; _b < childVertices_1.length; _b++) {
-                        var vertex = childVertices_1[_b];
-                        if (vertex.inEdges.length === 0 || vertex.inEdges.some(function (edge) { return edge.source.parent !== edge.target.parent; }) ||
-                            vertex.outEdges.length === 0 || vertex.outEdges.some(function (edge) { return edge.source.parent !== edge.target.parent; })) {
-                            vShow.push(vertex);
-                        }
-                        else {
-                            vHide.push(vertex);
-                        }
-                    }
-                    if (vHide.length > 1) {
-                        var dummyDetails = {
-                            ScopeName: subgraph._.ScopeName,
-                            Id: subgraph._.Id + ":dummy",
-                            ScopeType: "dummy",
-                            Properties: {
-                                Property: [{
-                                        Name: "Activities",
-                                        RawValue: "" + vHide.length,
-                                        Formatted: "" + vHide.length,
-                                        Measure: "count",
-                                        Creator: "",
-                                        CreatorType: ""
-                                    }]
-                            },
-                            Notes: {
-                                Note: []
-                            },
-                            SinkActivity: ""
-                        };
-                        var dummyScope = new BaseScope(dummyDetails);
-                        var dummyVertex = subgraph.createVertex(dummyScope);
-                        for (var _c = 0, vHide_1 = vHide; _c < vHide_1.length; _c++) {
-                            var vertex = vHide_1[_c];
-                            for (var _d = 0, _e = vertex.inEdges; _d < _e.length; _d++) {
-                                var edge = _e[_d];
-                                if (vShow.indexOf(edge.source) >= 0) {
-                                    var dummyEdgeScope = new BaseScope({
-                                        ScopeName: edge.source._.ScopeName,
-                                        Id: edge.source._.Id + "->" + dummyVertex._.Id,
-                                        ScopeType: "dummy-in",
-                                        Properties: {
-                                            Property: []
-                                        },
-                                        Notes: {
-                                            Note: []
-                                        },
-                                        SinkActivity: ""
-                                    });
-                                    subgraph.createEdge(edge.source, dummyVertex, dummyEdgeScope);
-                                }
-                            }
-                            for (var _f = 0, _g = vertex.outEdges; _f < _g.length; _f++) {
-                                var edge = _g[_f];
-                                if (vShow.indexOf(edge.target) >= 0) {
-                                    var dummyEdgeScope = new BaseScope({
-                                        ScopeName: edge.target._.ScopeName,
-                                        Id: dummyVertex._.Id + "->" + edge.target._.Id,
-                                        ScopeType: "dummy-out",
-                                        Properties: {
-                                            Property: []
-                                        },
-                                        Notes: {
-                                            Note: []
-                                        },
-                                        SinkActivity: ""
-                                    });
-                                    subgraph.createEdge(dummyVertex, edge.target, dummyEdgeScope);
-                                }
-                            }
-                        }
-                        vHide.forEach(function (vertex) { return vertex.remove(true); });
-                    }
-                    break;
-            }
-        }
-    };
-    WUScopeController.prototype.filterEmptySubgraphs = function (graphDB) {
-        while (true) {
-            var emptySubgraphs = graphDB.subgraphs.filter(function (subgraph) { return subgraph.subgraphs.length === 0 && subgraph.vertices.length === 0; });
-            if (emptySubgraphs.length === 0)
-                break;
-            emptySubgraphs.forEach(function (subgraph) { return subgraph.remove(true); });
-        }
-    };
-    WUScopeController.prototype.removeObsoleteSubgraphs = function (graphDB) {
-        for (var _i = 0, _a = __spreadArray([], graphDB.subgraphs, true); _i < _a.length; _i++) {
-            var subgraph = _a[_i];
-            if (subgraph.vertices.length === 0) {
-                subgraph.remove(false);
-            }
-        }
-    };
-    WUScopeController.prototype.graphData = function () {
-        var graphDB = this.graphDB.clone();
-        this.filterLegend(graphDB);
-        this.filterPartial(graphDB);
-        this.filterEmptySubgraphs(graphDB);
-        this.removeObsoleteSubgraphs(graphDB);
-        return this.graphGui(graphDB);
-    };
-    WUScopeController.prototype.calcLegend = function () {
-        var retVal = [];
-        for (var kind in this.kindMap) {
-            retVal.push({
-                kind: parseInt(kind),
-                faChar: faCharFactory(kind),
-                label: this.kindMap[kind][0]._.attr("Label").RawValue.split("\n")[0],
-                count: this.kindMap[kind].length
-            });
-        }
-        return retVal;
-    };
-    WUScopeController.prototype.vertices = function (kind) {
-        var retVal = [];
-        for (var _i = 0, _a = this.kindMap[kind]; _i < _a.length; _i++) {
-            var v = _a[_i];
-            retVal.push(this.verticesMap[v._.Id]);
-        }
-        return retVal;
-    };
-    WUScopeController.prototype.formatRow = function (item, columns, row) {
-        var attrs = item._.formattedAttrs();
-        for (var key in attrs) {
-            var idx = columns.indexOf(key);
-            if (idx === -1) {
-                columns.push(key);
-                row.push(attrs[key]);
-            }
-            else {
-                row[idx] = attrs[key];
-            }
-        }
-        for (var i = 0; i < 100; ++i) {
-            if (row[i] === undefined) {
-                row[i] = "";
-            }
-        }
-        return row;
-    };
-    WUScopeController.prototype.activityData = function () {
-        var _this = this;
-        var columns = ["Id", "Kind", "Label"];
-        var data = this.graphDB.vertices.map(function (v) {
-            var row = [parseInt(v._.Id.split("a")[1])];
-            return _this.formatRow(v, columns, row);
-        });
-        return { columns: columns, data: data };
-    };
-    WUScopeController.prototype.edgeData = function () {
-        var _this = this;
-        var columns = ["Id", "Label"];
-        var data = this.graphDB.edges.map(function (e) {
-            var row = [e._.Id];
-            return _this.formatRow(e, columns, row);
-        });
-        return { columns: columns, data: data };
-    };
-    WUScopeController.prototype.subgraphData = function () {
-        var _this = this;
-        var columns = ["Id", "Label"];
-        var data = this.graphDB.subgraphs.map(function (sg) {
-            var row = [sg._.Id];
-            return _this.formatRow(sg, columns, row);
-        });
-        return { columns: columns, data: data };
-    };
-    WUScopeController.prototype.calcGraphTooltip = function (item) {
-        var scope;
-        var parentScope;
-        if (item instanceof Subgraph$1) {
-            var subgraph = this.rSubgraphsMap[item.id()];
-            scope = subgraph._;
-            parentScope = subgraph.parent._;
-        }
-        else if (item instanceof Vertex || item instanceof Icon) {
-            var vertex = this.rVerticesMap[item.id()];
-            scope = vertex._;
-            parentScope = vertex.parent._;
-        }
-        else if (item instanceof Edge$1) {
-            var edge = this.rEdgesMap[item.id()];
-            scope = edge._;
-            parentScope = edge.parent._;
-        }
-        if (scope) {
-            return scope.calcTooltip(parentScope);
-        }
-        return "";
-    };
-    WUScopeController.prototype.subgraph = function (id) {
-        return this.subgraphsMap[id];
-    };
-    WUScopeController.prototype.vertex = function (id) {
-        return this.verticesMap[id];
-    };
-    WUScopeController.prototype.edge = function (id) {
-        return this.edgesMap[id];
-    };
-    //  Events  ---
-    WUScopeController.prototype.minClick = function (sg) {
-    };
-    return WUScopeController;
-}());
-
-var css_248z = ".eclwatch_WUGraph .graph_Vertex{cursor:auto}.eclwatch_WUGraph .marker{fill:#656565;stroke:none;stroke-width:1px}.eclwatch_WUGraph .zoom{fill:none;pointer-events:all}.eclwatch_WUGraph .selectionBrush{fill:none;stroke:#a9a9a9}.d3-tip .eclwatch_WUGraph_Tooltip h3,.d3-tip .eclwatch_WUGraph_Tooltip h4{margin:0}.d3-tip .eclwatch_WUGraph_Tooltip table{border-collapse:separate;border-spacing:5px}.d3-tip .eclwatch_WUGraph_Tooltip table .key{font-weight:700}.d3-tip .eclwatch_WUGraph_Tooltip table .value{font-weight:400}";
-styleInject(css_248z);
-
-var WUGraph = /** @class */ (function (_super) {
-    __extends(WUGraph, _super);
-    function WUGraph() {
-        var _this = _super.call(this) || this;
-        _this._partialAll = new Button().faChar("fa-window-restore").tooltip("Partial All")
-            .on("click", function () {
-            _this.stateClick(_this._partialAll);
-        });
-        _this._maxAll = new Button().faChar("fa-window-maximize").tooltip("Max All")
-            .on("click", function () {
-            _this.stateClick(_this._maxAll);
-        });
-        _this._toggleGraph = new ToggleButton().faChar("fa-chain").tooltip("Graph")
-            .selected(true)
-            .on("click", function () {
-            _this.viewClick(_this._toggleGraph);
-        });
-        _this._toggleActivities = new ToggleButton().faChar("fa-table").tooltip("Activitiies")
-            .selected(false)
-            .on("click", function () {
-            _this.viewClick(_this._toggleActivities);
-        });
-        _this._toggleEdges = new ToggleButton().faChar("fa-table").tooltip("Edges")
-            .selected(false)
-            .on("click", function () {
-            _this.viewClick(_this._toggleEdges);
-        });
-        _this._toggleSubgraphs = new ToggleButton().faChar("fa-table").tooltip("Subgraphs")
-            .selected(false)
-            .on("click", function () {
-            _this.viewClick(_this._toggleSubgraphs);
-        });
-        _this._graph = new Graph()
-            .layout("Hierarchy")
-            .applyScaleOnLayout(true)
-            .showToolbar(false)
-            .allowDragging(false);
-        _this._activities = new Table()
-            .pagination(false);
-        _this._edges = new Table()
-            .pagination(false);
-        _this._subgraphs = new Table()
-            .pagination(false);
-        _this._legend = new WUGraphLegend(_this)
-            .on("click", function (kind) {
-            _this.render();
-        })
-            .on("mouseover", function (kind) {
-            var verticesMap = {};
-            for (var _i = 0, _a = _this._gc.vertices(kind); _i < _a.length; _i++) {
-                var vertex = _a[_i];
-                verticesMap[vertex.id()] = true;
-            }
-            _this._graph.highlightVerticies(verticesMap);
-        })
-            .on("mouseout", function (kind) {
-            _this._graph.highlightVerticies();
-        });
-        _this._view = new Carousel().widgets([_this._graph, _this._activities, _this._edges, _this._subgraphs]);
-        _this._gc = new WUScopeController();
-        _this.topOverlay(false);
-        _this.widget(_this._view);
-        var buttons = __spreadArray(__spreadArray([
-            _this._toggleGraph,
-            _this._toggleActivities,
-            _this._toggleEdges,
-            _this._toggleSubgraphs,
-            new Spacer(),
-            _this._partialAll,
-            _this._maxAll,
-            new Spacer()
-        ], _this._graph.iconBarButtons(), true), [
-            new Spacer()
-        ], false);
-        _this.buttons(buttons.concat(_this.buttons()));
-        _this._gc.minClick = function (sg) {
-            _this.loadGraph();
-            _this._graph.render(function (w) {
-                _this._graph
-                    .selection([sg])
-                    .centerOnItem(sg);
-            });
-        };
-        _this._graph.tooltipHTML(function (v) {
-            return _this._gc.calcGraphTooltip(v);
-        });
-        return _this;
-    }
-    WUGraph.prototype.stateClick = function (sourceB) {
-        switch (sourceB) {
-            case this._partialAll:
-                this._graph.data().subgraphs.forEach(function (sg) {
-                    sg.minState("partial");
-                });
-                break;
-            case this._maxAll:
-                this._graph.data().subgraphs.forEach(function (sg) {
-                    sg.minState("normal");
-                });
-                break;
-        }
-        this.render();
-    };
-    WUGraph.prototype.viewClick = function (sourceTB) {
-        this._toggleGraph.selected(sourceTB === this._toggleGraph);
-        this._toggleActivities.selected(sourceTB === this._toggleActivities);
-        this._toggleEdges.selected(sourceTB === this._toggleEdges);
-        this._toggleSubgraphs.selected(sourceTB === this._toggleSubgraphs);
-        switch (sourceTB) {
-            case this._toggleGraph:
-                this._view.active(0);
-                break;
-            case this._toggleActivities:
-                this._view.active(1);
-                break;
-            case this._toggleEdges:
-                this._view.active(2);
-                break;
-            case this._toggleSubgraphs:
-                this._view.active(3);
-                break;
-        }
-        this.render(function (w) {
-        });
-    };
-    WUGraph.prototype.fetchScopeGraph = function () {
-        var _this = this;
-        var hash = hashSum({
-            baseUrl: this.baseUrl(),
-            wuid: this.wuid(),
-            graphID: this.graphID(),
-            subgraphID: this.subgraphID()
-        });
-        if (!this._prevScopeGraph || this._prevHashSum !== hash) {
-            this.startProgress();
-            this._prevHashSum = hash;
-            this._gc.clear();
-            var wu = Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid());
-            return wu.fetchGraphs().then(function (graphs) {
-                for (var _i = 0, graphs_1 = graphs; _i < graphs_1.length; _i++) {
-                    var graph = graphs_1[_i];
-                    if (graph.Name === _this.graphID()) {
-                        _this.finishProgress();
-                        return graph.fetchScopeGraph(_this.subgraphID());
-                    }
-                }
-            }).then(function (scopeGraph) {
-                _this._prevScopeGraph = scopeGraph;
-                return _this._prevScopeGraph;
-            });
-        }
-        return Promise.resolve(this._prevScopeGraph);
-    };
-    WUGraph.prototype.enter = function (domNode, _element) {
-        _super.prototype.enter.call(this, domNode, _element);
-    };
-    WUGraph.prototype.update = function (domNode, element) {
-        _super.prototype.update.call(this, domNode, element);
-    };
-    WUGraph.prototype.exit = function (domNode, element) {
-        _super.prototype.exit.call(this, domNode, element);
-    };
-    WUGraph.prototype.loadGraph = function () {
-        this._gc.disabled(this._legend.disabled());
-        this._graph
-            .data(this._gc.graphData(), true);
-        {
-            var _a = this._gc.activityData(), columns = _a.columns, data = _a.data;
-            this._activities
-                .columns(columns)
-                .data(data);
-        }
-        {
-            var _b = this._gc.edgeData(), columns = _b.columns, data = _b.data;
-            this._edges
-                .columns(columns)
-                .data(data);
-        }
-        {
-            var _c = this._gc.subgraphData(), columns = _c.columns, data = _c.data;
-            this._subgraphs
-                .columns(columns)
-                .data(data);
-        }
-    };
-    WUGraph.prototype.render = function (callback) {
-        var _this = this;
-        if (this.wuid() && this.graphID()) {
-            this.fetchScopeGraph().then(function (scopedGraph) {
-                _this._gc.set(scopedGraph);
-                _this._legend.data(_this._gc.calcLegend());
-                _this.loadGraph();
-                _super.prototype.render.call(_this, callback);
-            });
-        }
-        else {
-            _super.prototype.render.call(this, callback);
-        }
-        return this;
-    };
-    WUGraph.prototype.selection = function (_) {
-        if (!arguments.length)
-            return this._graph.selection();
-        var item = this._gc.vertex(_) || this._gc.edge(_) || this._gc.subgraph(_);
-        if (item) {
-            this._graph.selection([item]);
-        }
-        return this;
-    };
-    return WUGraph;
-}(ChartPanel));
-WUGraph.prototype._class += " eclwatch_WUGraph";
-WUGraph.prototype.publish("baseUrl", "", "string", "HPCC Platform Base URL");
-WUGraph.prototype.publish("wuid", "", "string", "Workunit ID");
-WUGraph.prototype.publish("graphID", "", "string", "Graph ID");
-WUGraph.prototype.publish("subgraphID", "", "string", "Subgraph ID");
-
-function entitiesEncode(str) {
-    return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function safeEncode(item) {
-    switch (Object.prototype.toString.call(item)) {
-        case "[object Undefined]":
-        case "[object Boolean]":
-        case "[object Number]":
-            return item;
-        case "[object String]":
-            return entitiesEncode(item);
-        default:
-            console.warn("Unknown cell type:  " + Object.prototype.toString.call(item));
-    }
-    return item;
-}
-var Store = /** @class */ (function () {
-    function Store(wuResult, schema, renderHtml, filter) {
-        if (filter === void 0) { filter = {}; }
-        this._cache = {};
-        this._filter = {};
-        this.wuResult = wuResult;
-        this.schema = schema;
-        this._columns = this.schema2Columns(this.schema.root);
-        this.rowFormatter = new RowFormatter(this._columns, renderHtml);
-        this._filter = filter;
-    }
-    Store.prototype.columns = function () {
-        return this._columns;
-    };
-    Store.prototype.schema2Columns = function (parentNode, prefix) {
-        var _this = this;
-        if (prefix === void 0) { prefix = ""; }
-        if (!parentNode)
-            return [];
-        return parentNode.children().filter(function (node) { return node.name.indexOf("__hidden", node.name.length - "__hidden".length) === -1; }).map(function (node, idx) {
-            var label = node.name;
-            var keyed = node.attrs["hpcc:keyed"];
-            var column = {
-                field: prefix + label,
-                leafID: label,
-                idx: idx,
-                label: label + (keyed ? " (i)" : ""),
-                className: "resultGridCell",
-                sortable: false,
-                width: keyed ? 16 : 0,
-                isSet: node.isSet
-            };
-            var children = _this.schema2Columns(node, prefix + label + "_");
-            if (children.length) {
-                column.width += 10 + children.reduce(function (prev, childNode) {
-                    return prev + childNode.width;
-                }, 0);
-                column.children = children;
-            }
-            else {
-                column.width += node.charWidth() * 9;
-                column.formatter = function (cell, row) {
-                    switch (typeof cell) {
-                        case "string":
-                            return {
-                                html: cell.replace(/\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").trim()
-                            };
-                        case "undefined":
-                            return "";
-                    }
-                    return cell;
-                };
-            }
-            return column;
-        });
-    };
-    Store.prototype.isChildDataset = function (cell) {
-        if (Object.prototype.toString.call(cell) !== "[object Object]") {
-            return false;
-        }
-        var propCount = 0;
-        var firstPropType = null;
-        for (var key in cell) {
-            if (!firstPropType) {
-                firstPropType = Object.prototype.toString.call(cell[key]);
-            }
-            propCount++;
-        }
-        return propCount === 1 && firstPropType === "[object Array]";
-    };
-    Store.prototype.rowToTable = function (cell, __row, node) {
-        if (this.isChildDataset(cell)) { //  Don't display "Row" as a header  ---
-            for (var key in cell) {
-                this.rowToTable(cell[key], __row, node);
-            }
-            return;
-        }
-        var table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
-        switch (Object.prototype.toString.call(cell)) {
-            case "[object Object]":
-                var tr = domConstruct.create("tr", null, table);
-                for (var key in cell) {
-                    domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
-                }
-                tr = domConstruct.create("tr", null, table);
-                for (var key in cell) {
-                    switch (Object.prototype.toString.call(cell[key])) {
-                        case "[object Object]":
-                        case "[object Array]":
-                            this.rowToTable(cell[key], __row, node);
-                            break;
-                        default:
-                            domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
-                            break;
-                    }
-                }
-                break;
-            case "[object Array]":
-                for (var i = 0; i < cell.length; ++i) {
-                    switch (Object.prototype.toString.call(cell[i])) {
-                        case "[object Boolean]":
-                        case "[object Number]":
-                        case "[object String]":
-                            //  Item in Scalar  ---
-                            var tr1 = domConstruct.create("tr", null, table);
-                            domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
-                            break;
-                        default:
-                            //  Child Dataset  ---
-                            if (i === 0) {
-                                var tr2 = domConstruct.create("tr", null, table);
-                                for (var key in cell[i]) {
-                                    domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
-                                }
-                            }
-                            domConstruct.create("tr", null, table);
-                            for (var key in cell[i]) {
-                                if (cell[i][key]) {
-                                    if (Object.prototype.toString.call(cell[i][key]) === "[object Object]" || Object.prototype.toString.call(cell[i][key]) === "[object Array]") {
-                                        var td = domConstruct.create("td", null, tr1);
-                                        this.rowToTable(cell[i][key], cell[i], td);
-                                    }
-                                    else if (key.indexOf("__html", key.length - "__html".length) !== -1) {
-                                        domConstruct.create("td", { innerHTML: cell[i][key] }, tr1);
-                                    }
-                                    else if (key.indexOf("__javascript", key.length - "__javascript".length) !== -1) {
-                                        /*const td = */ domConstruct.create("td", null, tr1);
-                                        // this.injectJavascript(cell[i][key], cell[i], td);
-                                    }
-                                    else {
-                                        var val = cell[i][key];
-                                        domConstruct.create("td", { innerHTML: safeEncode(val) }, tr1);
-                                    }
-                                }
-                                else {
-                                    domConstruct.create("td", { innerHTML: "" }, tr1);
-                                }
-                            }
-                    }
-                }
-                break;
-        }
-    };
-    Store.prototype.getIdentity = function (row) {
-        return row.__hpcc_id;
-    };
-    Store.prototype._request = function (start, end) {
-        var _this = this;
-        if (!this.wuResult)
-            return Promise.resolve({ totalLength: 0, data: [] });
-        var cacheKey = "".concat(start, "->").concat(end);
-        if (this._cache[cacheKey])
-            return this._cache[cacheKey];
-        var retVal = this.wuResult.fetchRows(start, end - start, false, this._filter).then(function (rows) {
-            return {
-                totalLength: _this.wuResult.Total,
-                data: rows.map(function (row, idx) {
-                    var formattedRow = _this.rowFormatter.format(row);
-                    formattedRow.__hpcc_id = start + idx;
-                    formattedRow.__hpcc_orig = row;
-                    return formattedRow;
-                })
-            };
-        });
-        this._cache[cacheKey] = retVal;
-        return retVal;
-    };
-    Store.prototype.fetchRange = function (options) {
-        var retVal = new Deferred();
-        this._request(options.start, options.end).then(function (response) { return retVal.resolve(response); });
-        return new QueryResults(retVal.then(function (response) { return response.data; }), {
-            totalLength: retVal.then(function (response) { return response.totalLength; })
-        });
-    };
-    return Store;
-}());
-
-var WUResult = /** @class */ (function (_super) {
-    __extends(WUResult, _super);
-    function WUResult() {
-        var _this = _super.call(this) || this;
-        _this.renderHtml(false);
-        return _this;
-    }
-    WUResult.prototype.hashSum = function (opts) {
-        if (opts === void 0) { opts = {}; }
-        return hashSum(__assign({ baseUrl: this.baseUrl(), wuid: this.wuid(), resultName: this.resultName(), sequence: this.sequence(), nodeGroup: this.nodeGroup(), logicalFile: this.logicalFile(), userID: this.user(), password: this.password() }, opts));
-    };
-    WUResult.prototype.calcResult = function () {
-        var resultHash = this.hashSum();
-        if (this._prevResultHash !== resultHash) {
-            this._prevResultHash = resultHash;
-            var opts = {
-                baseUrl: this.baseUrl(),
-                userID: this.user(),
-                password: this.password()
-            };
-            if (this.wuid() && this.resultName()) {
-                this._result = Result.attach(opts, this.wuid(), this.resultName());
-            }
-            else if (this.wuid() && this.sequence() !== undefined) {
-                this._result = Result.attach(opts, this.wuid(), this.sequence());
-            }
-            else if (this.logicalFile() && this.nodeGroup()) {
-                this._result = Result.attachLogicalFile(opts, this.nodeGroup(), this.logicalFile());
-            }
-            else if (this.logicalFile()) {
-                this._result = Result.attachLogicalFile(opts, "", this.logicalFile());
-            }
-        }
-        return this._result;
-    };
-    WUResult.prototype.fetch = function (row, count, abortController) {
-        if (abortController === void 0) { abortController = new AbortController(); }
-        var result = this.calcResult();
-        if (result) {
-            return result.fetchRows(row, count, false, {}, abortController.signal);
-        }
-        return Promise.resolve([]);
-    };
-    WUResult.prototype.update = function (domNode, element) {
-        var _this = this;
-        _super.prototype.update.call(this, domNode, element);
-        var storeHash = this.hashSum({
-            renderHtml: this.renderHtml(),
-            filter: this.filter()
-        });
-        if (this._prevStoreHash !== storeHash) {
-            this._prevStoreHash = storeHash;
-            var result_1 = this.calcResult();
-            if (result_1) {
-                result_1.fetchXMLSchema().then(function (schema) {
-                    var _a, _b;
-                    _this._localStore = new Store(result_1, schema, _this.renderHtml(), _this.filter());
-                    (_a = _this._dgrid) === null || _a === void 0 ? void 0 : _a.set("columns", _this._localStore.columns());
-                    (_b = _this._dgrid) === null || _b === void 0 ? void 0 : _b.set("collection", _this._localStore);
-                });
-            }
-        }
-    };
-    WUResult.prototype.click = function (row, col, sel) {
-    };
-    __decorate([
-        publish("", "string", "URL to WsWorkunits"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "baseUrl", void 0);
-    __decorate([
-        publish(undefined, "string", "Workunit ID"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "user", void 0);
-    __decorate([
-        publish(undefined, "string", "User ID"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "password", void 0);
-    __decorate([
-        publish(undefined, "string", "Password"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "wuid", void 0);
-    __decorate([
-        publish(undefined, "string", "Result Name"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "resultName", void 0);
-    __decorate([
-        publish(undefined, "number", "Sequence Number"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "sequence", void 0);
-    __decorate([
-        publish("", "string", "NodeGroup"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "nodeGroup", void 0);
-    __decorate([
-        publish("", "string", "Logical File Name"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "logicalFile", void 0);
-    __decorate([
-        publish({}, "object", "Filter"),
-        __metadata("design:type", Object)
-    ], WUResult.prototype, "filter", void 0);
-    return WUResult;
-}(Common));
-WUResult.prototype._class += " eclwatch_WUResult";
-
-var STATUS;
-(function (STATUS) {
-    STATUS["CREATE"] = "Created";
-    STATUS["COMPILE"] = "Compiled";
-    STATUS["EXECUTE"] = "Executed";
-    STATUS["COMPLETE"] = "Completed";
-})(STATUS || (STATUS = {}));
-var STATUS_ACTIVE;
-(function (STATUS_ACTIVE) {
-    STATUS_ACTIVE["CREATE"] = "Creating";
-    STATUS_ACTIVE["COMPILE"] = "Compiling";
-    STATUS_ACTIVE["EXECUTE"] = "Executing";
-    STATUS_ACTIVE["COMPLETE"] = "Completed";
-})(STATUS_ACTIVE || (STATUS_ACTIVE = {}));
-var WUStatus = /** @class */ (function (_super) {
-    __extends(WUStatus, _super);
-    function WUStatus() {
-        var _this = _super.call(this) || this;
-        _this
-            .zoomable(false)
-            .zoomToFitLimit(1)
-            .layout("Hierarchy")
-            .hierarchyRankDirection("LR")
-            .showToolbar(false)
-            .allowDragging(false);
-        return _this;
-    }
-    WUStatus.prototype.attachWorkunit = function () {
-        var _this = this;
-        var hash = hashSum({
-            baseUrl: this.baseUrl(),
-            wuid: this.wuid()
-        });
-        if (this._prevHash !== hash) {
-            this._prevHash = hash;
-            this._wu = Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid());
-            if (this._wuHandle) {
-                this._wuHandle.release();
-            }
-            this._wuHandle = this._wu.watch(function (changes) {
-                _this.lazyRender();
-            });
-        }
-    };
-    WUStatus.prototype.createVertex = function (faChar) {
-        return new Vertex()
-            .icon_diameter(32)
-            .icon_shape_colorFill("none")
-            .icon_shape_colorStroke("none")
-            .icon_image_colorFill("darkgray")
-            .iconAnchor("middle")
-            .textbox_shape_colorFill("none")
-            .textbox_shape_colorStroke("none")
-            .textbox_text_colorFill("darkgray")
-            .faChar(faChar);
-    };
-    WUStatus.prototype.updateVertex = function (vertex, color) {
-        vertex
-            .icon_image_colorFill(color)
-            .textbox_text_colorFill(color);
-    };
-    WUStatus.prototype.updateVertexStatus = function (level, active) {
-        if (active === void 0) { active = false; }
-        var completeColor = this._wu.isFailed() ? "darkred" : "darkgreen";
-        this._create.text(STATUS.CREATE);
-        this._compile.text(STATUS.COMPILE);
-        this._execute.text(STATUS.EXECUTE);
-        this._complete.text(STATUS.COMPLETE);
-        switch (level) {
-            case 0:
-                this.updateVertex(this._create, "darkgray");
-                this.updateVertex(this._compile, "darkgray");
-                this.updateVertex(this._execute, "darkgray");
-                this.updateVertex(this._complete, "darkgray");
-                break;
-            case 1:
-                this._create.text(STATUS_ACTIVE.CREATE);
-                this.updateVertex(this._create, active ? "orange" : completeColor);
-                this.updateVertex(this._compile, "darkgray");
-                this.updateVertex(this._execute, "darkgray");
-                this.updateVertex(this._complete, "darkgray");
-                break;
-            case 2:
-                this._compile.text(STATUS_ACTIVE.COMPILE);
-                this.updateVertex(this._create, completeColor);
-                this.updateVertex(this._compile, active ? "orange" : completeColor);
-                this.updateVertex(this._execute, completeColor);
-                this.updateVertex(this._complete, "darkgray");
-                break;
-            case 3:
-                this._execute.text(STATUS_ACTIVE.EXECUTE);
-                this.updateVertex(this._create, completeColor);
-                this.updateVertex(this._compile, completeColor);
-                this.updateVertex(this._execute, active ? "orange" : completeColor);
-                this.updateVertex(this._complete, "darkgray");
-                break;
-            case 4:
-                this.updateVertex(this._create, completeColor);
-                this.updateVertex(this._compile, completeColor);
-                this.updateVertex(this._execute, completeColor);
-                this.updateVertex(this._complete, completeColor);
-                break;
-        }
-    };
-    WUStatus.prototype.createEdge = function (source, target) {
-        return new Edge$1()
-            .sourceVertex(source)
-            .targetVertex(target)
-            .strokeColor("black")
-            .showArc(false);
-    };
-    WUStatus.prototype.enter = function (domNode, element) {
-        _super.prototype.enter.call(this, domNode, element);
-        this._create = this.createVertex("\uf11d");
-        this._compile = this.createVertex("\uf085");
-        this._execute = this.createVertex("\uf275");
-        this._complete = this.createVertex("\uf11e");
-        var e1 = this.createEdge(this._create, this._compile);
-        var e2 = this.createEdge(this._compile, this._execute);
-        var e3 = this.createEdge(this._execute, this._complete);
-        this.data({
-            vertices: [this._create, this._compile, this._execute, this._complete],
-            edges: [e1, e2, e3]
-        });
-    };
-    WUStatus.prototype.update = function (domNode, element) {
-        this.attachWorkunit();
-        switch (this._wu.StateID) {
-            case WUStateID.Blocked:
-            case WUStateID.Wait:
-            case WUStateID.Scheduled:
-            case WUStateID.UploadingFiled:
-                this.updateVertexStatus(1);
-                break;
-            case WUStateID.Compiling:
-                this.updateVertexStatus(2, true);
-                break;
-            case WUStateID.Submitted:
-                this.updateVertexStatus(1, true);
-                break;
-            case WUStateID.Compiled:
-                this.updateVertexStatus(2);
-                break;
-            case WUStateID.Aborting:
-            case WUStateID.Running:
-                this.updateVertexStatus(3, true);
-                break;
-            case WUStateID.Aborted:
-            case WUStateID.Archived:
-            case WUStateID.Completed:
-                this.updateVertexStatus(4);
-                break;
-            case WUStateID.Failed:
-                this.updateVertexStatus(4, false);
-                break;
-            case WUStateID.DebugPaused:
-            case WUStateID.DebugRunning:
-            case WUStateID.Paused:
-            case WUStateID.Unknown:
-            default:
-                this.updateVertexStatus(0);
-                break;
-        }
-        _super.prototype.update.call(this, domNode, element);
-        this.zoomToFit();
-    };
-    WUStatus.prototype.exit = function (domNode, element) {
-        if (this._wuHandle) {
-            this._wuHandle.release();
-        }
-        _super.prototype.exit.call(this, domNode, element);
-    };
-    return WUStatus;
-}(Graph));
-WUStatus.prototype._class += " eclwatch_WUStatus";
-WUStatus.prototype.publish("baseUrl", "", "string", "HPCC Platform Base URL");
-WUStatus.prototype.publish("wuid", "", "string", "Workunit ID");
-
-var columns = ["label", "start", "end", "icon", "color", "series"];
-var WUTimeline = /** @class */ (function (_super) {
-    __extends(WUTimeline, _super);
-    function WUTimeline() {
-        var _this = _super.call(this) || this;
-        _this._palette = Palette.ordinal("default");
-        _this
-            .columns(columns)
-            .titleColumn("label")
-            .iconColumn("icon")
-            .colorColumn("color")
-            .seriesColumn("series")
-            .timePattern("%Y-%m-%dT%H:%M:%S.%LZ")
-            .tickFormat("%H:%M")
-            .tooltipTimeFormat("%H:%M:%S.%L")
-            .tooltipHTML(function (d) {
-            return d[columns.length].calcTooltip();
-        });
-        return _this;
-    }
-    WUTimeline.prototype.clear = function () {
-        delete this._prevHashSum;
-        return this;
-    };
-    WUTimeline.prototype.fetchScopes = function () {
-        var _this = this;
-        var hash = hashSum({
-            baseUrl: this.baseUrl(),
-            wuid: this.wuid(),
-            request: this.request()
-        });
-        if (this._prevHashSum !== hash) {
-            this._prevHashSum = hash;
-            var wu = Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid());
-            wu.fetchDetails(this.request()).then(function (scopes) {
-                return scopes.filter(function (scope) { return scope.Id && scope.attr("WhenStarted").RawValue; }).map(function (scope) {
-                    var whenStarted = +scope.attr("WhenStarted").RawValue / 1000;
-                    var timeElapsed = +scope.attr("TimeElapsed").RawValue / 1000000;
-                    return [
-                        scope.Id,
-                        new Date(whenStarted).toISOString(),
-                        timeElapsed ? new Date(whenStarted + timeElapsed).toISOString() : undefined,
-                        null,
-                        _this._palette(scope.ScopeType),
-                        scope.ScopeName.split("::").join(":").split(":").slice(0, 1),
-                        scope
-                    ];
-                });
-            }).then(function (scopes) {
-                _this
-                    .data(scopes)
-                    .render();
-            });
-        }
-    };
-    WUTimeline.prototype.enter = function (domNode, _element) {
-        _super.prototype.enter.call(this, domNode, _element);
-    };
-    WUTimeline.prototype.update = function (domNode, element) {
-        this.fetchScopes();
-        _super.prototype.update.call(this, domNode, element);
-    };
-    WUTimeline.prototype.exit = function (domNode, element) {
-        _super.prototype.exit.call(this, domNode, element);
-    };
-    return WUTimeline;
-}(ReactTimelineSeries));
-WUTimeline.prototype._class += " eclwatch_WUTimeline";
-WUTimeline.prototype.publish("baseUrl", "", "string", "HPCC Platform Base URL");
-WUTimeline.prototype.publish("wuid", "", "string", "Workunit ID");
-WUTimeline.prototype.publish("request", {
-    ScopeFilter: {
-        MaxDepth: 3,
-        ScopeTypes: ["graph", "subgraph"]
-    },
-    NestedFilter: {
-        Depth: 0,
-        ScopeTypes: []
-    },
-    PropertiesToReturn: {
-        AllProperties: false,
-        AllStatistics: true,
-        AllHints: false,
-        Properties: ["WhenStarted", "TimeElapsed"]
-    },
-    ScopeOptions: {
-        IncludeId: true,
-        IncludeScope: true,
-        IncludeScopeType: true
-    },
-    PropertyOptions: {
-        IncludeName: true,
-        IncludeRawValue: true,
-        IncludeFormatted: true,
-        IncludeMeasure: true,
-        IncludeCreator: false,
-        IncludeCreatorType: false
-    }
-}, "object", "WUDetails Request");
-
-export { BUILD_VERSION, ECLArchiveViewer, PKG_NAME, PKG_VERSION, STATUS, STATUS_ACTIVE, WUGraph, WUResult, WUScopeController, WUStatus, WUTimeline };
-//# sourceMappingURL=index.es6.js.map