@hpcc-js/eclwatch 3.1.1 → 3.2.1

package/dist/index.js

@@ -1,52 +1,1154 @@
-var O=Object.defineProperty;var l=(c,e)=>O(c,"name",{value:e,configurable:!0});var we="@hpcc-js/eclwatch",xe="3.1.1",ke="3.2.1";import{Editor as N}from"@hpcc-js/codemirror";import{Workunit as j}from"@hpcc-js/comms";import{SplitPanel as B}from"@hpcc-js/phosphor";import{DirectoryTree as q}from"@hpcc-js/tree";import{hashSum as z,xml2json as X}from"@hpcc-js/util";var p=class extends B{static{l(this,"ECLArchiveViewer")}_prevHash;_contentStr;_directoryPane=new q;_fileEditorPane=new N().text("");constructor(){super("horizontal"),this._directoryPane.rowClick=e=>{this._fileEditorPane.text(e).render()}}transformArchiveTreeData(e){let t={label:e.name,children:e._children.map(r).filter(s=>s)};if(t.children&&t.children[0]&&t.children[0].label==="html")return{label:"root",children:[{label:"error",content:JSON.stringify(t,null,4)}]};return t;function r(s){let a={};if(a.label=s.name+(s.$&&s.$.key?` (${s.$.key})`:""),s._children&&s._children.length>0)a.children=s._children.map(i=>r(i)).filter(i=>i);else if(typeof s.content=="string"&&s.content.trim())a.content=s.content;else return!1;return a}}updateDirectoryPane(e){let t;if(e)try{t=JSON.parse(e)}catch{t=X(e)}if(t){let r=this.transformArchiveTreeData(t);this._directoryPane.data(r).render()}}enter(e,t){super.enter(e,t),this.addWidget(this._directoryPane).addWidget(this._fileEditorPane)}update(e,t){super.update(e,t);let r=z({baseUrl:this.baseUrl(),wuid:this.wuid()});this._prevHash!==r||typeof this._contentStr>"u"?j.attach({baseUrl:this.baseUrl()},this.wuid()).fetchArchive().then(s=>{this._contentStr=s,this.updateDirectoryPane(this._contentStr),this._prevHash=r}):this.updateDirectoryPane(this._contentStr),this.relativeSizes([this.directoryWidthRatio(),1-this.directoryWidthRatio()])}};p.prototype._class+=" eclwatch_ECLArchiveViewer";p.prototype.publish("baseUrl","","string","HPCC Platform Base URL");p.prototype.publish("wuid","","string","Workunit ID");p.prototype.publish("directoryWidthRatio",.38,"number","Default directory panel width ratio relative to the full width");p.prototype.publish("contentString",null,"string","XML/JSON archive content string");p.prototype.publishProxy("directoryPaneColor","_directoryPane","backgroundColor");p.prototype.publishProxy("directoryPaneHoverColor","_directoryPane","hoverBackgroundColor");p.prototype.publishProxy("iconSize","_directoryPane");p.prototype.publishProxy("fontColor","_directoryPane");p.prototype.publishProxy("fontFamily","_directoryPane");p.prototype.publishProxy("fontSize","_directoryPane");p.prototype.publishProxy("folderIconOpen","_directoryPane");p.prototype.publishProxy("folderIconClosed","_directoryPane");p.prototype.publishProxy("textFileIcon","_directoryPane");p.prototype.publishProxy("codeFileIcon","_directoryPane");p.prototype.publishProxy("verticalScroll","_directoryPane");import{Button as W,Spacer as P,ToggleButton as v}from"@hpcc-js/common";import{Workunit as Y}from"@hpcc-js/comms";import{Table as D}from"@hpcc-js/dgrid";import{Graph as Z}from"@hpcc-js/graph";import{Carousel as ee,ChartPanel as te}from"@hpcc-js/layout";import{hashSum as re}from"@hpcc-js/util";import{Vertex as $}from"@hpcc-js/graph";import{Legend as K}from"@hpcc-js/layout";import{local as J,select as Q}from"@hpcc-js/common";(function(){if(!document.getElementById("9b8733e7")){var c=document.createElement("style");c.id="9b8733e7",c.textContent=`.eclwatch_WUGraphLegend .graph_Vertex  {
-    cursor: auto;
-}
-
-.eclwatch_WUGraphLegend .graph_Vertex .common_Icon {
-    cursor: pointer;
-}
-`,document.head.appendChild(c)}})();var E=class extends ${static{l(this,"LegendVertex")}constructor(){super()}enter(e,t){super.enter(e,t),this._icon.on("click",()=>{this.click(this.data())})}click(e){}},S=class extends K{static{l(this,"WUGraphLegend")}icon=J();_disabled2={};disabled(e){if(!arguments.length){let t=[];for(let r in this._disabled2)this._disabled2[r]&&t.push(r);return t}return this._disabled2={},e.forEach(t=>this._disabled2[t]=!0),this}toggle(e){this._disabled2[e]=!this._disabled2[e]}update(e,t){super.update(e,t);let r=this,s=this._g.selectAll(".legendItem").data(this.data(),i=>i.kind);s.enter().append("g").attr("class","legendItem").each(function(i){r.icon.set(this,new E().target(this).data(i.kind).textbox_shape_colorStroke("none").textbox_shape_colorFill("none").iconAnchor("left").faChar(i.faChar).text(`${i.label} (${i.count})`).tooltip(`${i.kind} - ${i.label}`).on("click",o=>{r.toggle(o),r.render(),r.click(o)}).on("mouseover",o=>{r.mouseover(o)}).on("mouseout",o=>{r.mouseout(o)}))}).merge(s).each(function(i,o){let n=r.icon.get(this).icon_shape_colorFill(r._disabled2[i.kind]?"gray":null).render().getBBox();Q(this).attr("transform",`translate(${+n.width/2}, ${o*30})`)}),s.exit().each(function(i){r.icon.get(this).target(null).render()}).remove();let a=this.getBBox(!0,!0);this._g.attr("transform",`translate(16, ${this.height()/2-a.height/2})`)}click(e){}mouseover(e){}mouseout(e){}};S.prototype._class+=" eclwatch_WUGraphLegend";import{Icon as M}from"@hpcc-js/common";import{BaseScope as x}from"@hpcc-js/comms";import{Edge as U,Subgraph as G,Vertex as R}from"@hpcc-js/graph";import{Edge as T,Subgraph as L,Vertex as F}from"@hpcc-js/util";function H(c){switch(c){case"2":return"\uF0C7";case"3":return"\uF15D";case"5":return"\uF0B0";case"6":return"\uF1E0";case"12":return"\uF039";case"15":return"\uF126";case"17":return"\uF126";case"22":return"\uF1E6";case"23":return"\uF078";case"25":return"\uF0CE";case"26":return"\uF074";case"29":return"\uF005";case"36":return"\uF128";case"44":return"\uF0C7";case"47":return"\uF0C7";case"54":return"\uF013";case"56":return"\uF0C7";case"59":return"\uF126";case"61":return"\uF0C7";case"82":return"\uF1C0";case"88":return"\uF1C0";case"92":return"\uF129";case"93":return"\uF129";case"99":return"\uF1C0";case"105":return"\uF1C0";case"7":return"\uF090";case"9":return"\uF0E2";case"16":return"\uF005";case"19":return"\uF074";case"21":return"\uF275";case"35":return"\uF0C7";case"37":return"\uF0C7";case"71":return"\uF1C0";case"133":return"\uF0CE";case"148":return"\uF0CE";case"168":return"\uF275"}return"\uF063"}l(H,"faCharFactory");var k=class{static{l(this,"WUScopeController")}graphDB;subgraphsMap={};rSubgraphsMap={};verticesMap={};rVerticesMap={};edgesMap={};rEdgesMap={};kindMap={};_disabled={};constructor(){}clear(){this.subgraphsMap={},this.rSubgraphsMap={},this.verticesMap={},this.rVerticesMap={},this.edgesMap={},this.rEdgesMap={}}set(e){this.graphDB=e,this.graphGui(this.graphDB),this.kindMap={},this.graphDB.walk(t=>{if(!(t instanceof L))if(t instanceof F){let r=t._.attr("Kind").RawValue;this.kindMap[r]||(this.kindMap[r]=[]),this.kindMap[r].push(t)}else t instanceof T})}disabled(e){if(!arguments.length){let t=[];for(let r in this._disabled)this._disabled[r]&&t.push(r);return t}return this._disabled={},e.forEach(t=>this._disabled[t]=!0),this}graphGui(e){let t={subgraphs:[],vertices:[],edges:[],hierarchy:[]};return e.walk(r=>{if(r instanceof L){let s=this.appendSubgraph(r,t.hierarchy,t.subgraphs);s.showMinMax(r.vertices.length>3||s.minState()!=="normal")}else r instanceof F?this.appendVertex(r,t.hierarchy,t.vertices):r instanceof T&&this.appendEdge(r,t.edges)}),t}format(e,t){let r="",s=e.indexOf("%"),a=-1;for(;s>=0;){if(r+=e.substring(a+1,s),a=e.indexOf("%",s+1),a<0){console.warn("Invalid Label Template");break}let i=e.substring(s+1,a);r+=i?t[e.substring(s+1,a)]||"":"%",s=e.indexOf("%",a+1)}return r+=e.substring(a+1,e.length),r.split("\\n").join(`
-`)}createSubgraph(e){let t=this.subgraphsMap[e._.Id];return t||(t=new G().title(e._.Id).on("minClick",()=>{this.minClick(t)}),this.subgraphsMap[e._.Id]=t,this.rSubgraphsMap[t.id()]=e),t}createVertex(e){let t=this.verticesMap[e._.Id];if(!t){let r=e._.rawAttrs();if(e._.ScopeType==="dummy"){let s=this.subgraphsMap[e.parent._.Id];t=new M().shape_colorFill("darkred").shape_colorStroke("darkred").image_colorFill("white").faChar("\uF067").on("click",()=>{s.minState("normal"),this.minClick(s)})}else{t=new R().icon_shape_colorFill("#1f77b4").icon_image_colorFill("white").faChar(H(r.Kind)).text(r.Label);let s=[];e._.hasAttr("Definition")&&s.push({faChar:"\uF036",tooltip:"Definition",shape_colorFill:"lightgray",shape_colorStroke:"lightgray",image_colorFill:"black"}),e._.hasAttr("IsInternal")&&s.push({faChar:"\uF085",tooltip:"IsInternal",shape_colorFill:"red",shape_colorStroke:"red",image_colorFill:"white"}),t.annotationIcons(s)}this.verticesMap[e._.Id]=t,this.rVerticesMap[t.id()]=e}return t}isSpill(e){let t=e.source._.attr("Kind").RawValue,r=e.target._.attr("Kind").RawValue;return t==="2"||r==="71"}spansSubgraph(e){return e.source.parent._.Id!==e.target.parent._.Id}createEdge(e){let t=this.edgesMap[e._.Id];if(!t){let r=e._.rawAttrs(),s=this.verticesMap[e.source._.Id],a=this.verticesMap[e.target._.Id];if(s&&a){let i=this.isSpill(e),o=this.spansSubgraph(e),n=this.format(`%Label%
-%NumRowsProcessed%`,r),h=null,g=100;r.IsDependency?(g=10,h="1,5"):r._childGraph?h="5,5":i?(g=25,h="5,5,10,5"):o&&(g=5,h="5,5"),t=new U().sourceVertex(s).targetVertex(a).sourceMarker("circle").targetMarker("arrow").weight(g).strokeDasharray(h).text(n),this.edgesMap[e._.Id]=t,this.rEdgesMap[t.id()]=e}}return t}appendSubgraph(e,t,r){let s=this.createSubgraph(e);r.push(s);let a=this.subgraphsMap[e.parent._.Id];return a&&t.push({parent:a,child:s}),s}appendVertex(e,t,r){let s=this.createVertex(e);r.push(s);let a=this.subgraphsMap[e.parent._.Id];return a&&t.push({parent:a,child:s}),s}appendEdge(e,t){let r=this.createEdge(e);return r&&t.push(r),r}filterLegend(e){for(let t=e.vertices.length-1;t>=0;--t){let r=e.vertices[t],s=r._.attr("Kind").RawValue;this._disabled[s]&&r.remove(!1,(a,i)=>new x({ScopeName:r._.ScopeName+":in",Id:a.Id+"->"+i.Id,ScopeType:"dummy-edge",Properties:{Property:[r._.attr("Label")]},Notes:{Note:[]},SinkActivity:""}))}}filterPartial(e){for(let t of e.subgraphs)switch(this.subgraphsMap[t._.Id].minState()){case"partial":let s=t.vertices,a=[],i=[];for(let o of s)o.inEdges.length===0||o.inEdges.some(n=>n.source.parent!==n.target.parent)||o.outEdges.length===0||o.outEdges.some(n=>n.source.parent!==n.target.parent)?a.push(o):i.push(o);if(i.length>1){let o={ScopeName:t._.ScopeName,Id:t._.Id+":dummy",ScopeType:"dummy",Properties:{Property:[{Name:"Activities",RawValue:""+i.length,Formatted:""+i.length,Measure:"count",Creator:"",CreatorType:""}]},Notes:{Note:[]},SinkActivity:""},n=new x(o),h=t.createVertex(n);for(let g of i){for(let f of g.inEdges)if(a.indexOf(f.source)>=0){let C=new x({ScopeName:f.source._.ScopeName,Id:f.source._.Id+"->"+h._.Id,ScopeType:"dummy-in",Properties:{Property:[]},Notes:{Note:[]},SinkActivity:""});t.createEdge(f.source,h,C)}for(let f of g.outEdges)if(a.indexOf(f.target)>=0){let C=new x({ScopeName:f.target._.ScopeName,Id:h._.Id+"->"+f.target._.Id,ScopeType:"dummy-out",Properties:{Property:[]},Notes:{Note:[]},SinkActivity:""});t.createEdge(h,f.target,C)}}i.forEach(g=>g.remove(!0))}break}}filterEmptySubgraphs(e){for(;;){let t=e.subgraphs.filter(r=>r.subgraphs.length===0&&r.vertices.length===0);if(t.length===0)break;t.forEach(r=>r.remove(!0))}}removeObsoleteSubgraphs(e){for(let t of[...e.subgraphs])t.vertices.length===0&&t.remove(!1)}graphData(){let e=this.graphDB.clone();return this.filterLegend(e),this.filterPartial(e),this.filterEmptySubgraphs(e),this.removeObsoleteSubgraphs(e),this.graphGui(e)}calcLegend(){let e=[];for(let t in this.kindMap)e.push({kind:parseInt(t),faChar:H(t),label:this.kindMap[t][0]._.attr("Label").RawValue.split(`
-`)[0],count:this.kindMap[t].length});return e}vertices(e){let t=[];for(let r of this.kindMap[e])t.push(this.verticesMap[r._.Id]);return t}formatRow(e,t,r){let s=e._.formattedAttrs();for(let a in s){let i=t.indexOf(a);i===-1?(t.push(a),r.push(s[a])):r[i]=s[a]}for(let a=0;a<100;++a)r[a]===void 0&&(r[a]="");return r}activityData(){let e=["Id","Kind","Label"],t=this.graphDB.vertices.map(r=>{let s=[parseInt(r._.Id.split("a")[1])];return this.formatRow(r,e,s)});return{columns:e,data:t}}edgeData(){let e=["Id","Label"],t=this.graphDB.edges.map(r=>{let s=[r._.Id];return this.formatRow(r,e,s)});return{columns:e,data:t}}subgraphData(){let e=["Id","Label"],t=this.graphDB.subgraphs.map(r=>{let s=[r._.Id];return this.formatRow(r,e,s)});return{columns:e,data:t}}calcGraphTooltip(e){let t,r;if(e instanceof G){let s=this.rSubgraphsMap[e.id()];t=s._,r=s.parent._}else if(e instanceof R||e instanceof M){let s=this.rVerticesMap[e.id()];t=s._,r=s.parent._}else if(e instanceof U){let s=this.rEdgesMap[e.id()];t=s._,r=s.parent._}return t?t.calcTooltip(r):""}subgraph(e){return this.subgraphsMap[e]}vertex(e){return this.verticesMap[e]}edge(e){return this.edgesMap[e]}minClick(e){}};(function(){if(!document.getElementById("641d6c4b")){var c=document.createElement("style");c.id="641d6c4b",c.textContent=`.eclwatch_WUGraph .graph_Vertex  {
-    cursor: auto;
-}
-
-.eclwatch_WUGraph .marker {
-    fill: #656565;
-    stroke: none;
-    stroke-width: 1.0px;
-}
-
-.eclwatch_WUGraph .zoom {
-    fill: none;
-    pointer-events: all;
-}
-
-.eclwatch_WUGraph .selectionBrush {
-    fill: none;
-    stroke: darkgray;
-}
-
-.d3-tip .eclwatch_WUGraph_Tooltip h3 {
-    margin:0px;
-}
-
-.d3-tip .eclwatch_WUGraph_Tooltip h4 {
-    margin:0px;
-}
-
-.d3-tip .eclwatch_WUGraph_Tooltip table {
-    border-collapse: separate;
-    border-spacing: 5px;
-}
-
-.d3-tip .eclwatch_WUGraph_Tooltip table .key {
-    font-weight: bold;
-}
-
-.d3-tip .eclwatch_WUGraph_Tooltip table .value {
-    font-weight: normal;
-}
-`,document.head.appendChild(c)}})();var m=class extends te{static{l(this,"WUGraph")}_partialAll=new W().faChar("fa-window-restore").tooltip("Partial All").on("click",()=>{this.stateClick(this._partialAll)});_maxAll=new W().faChar("fa-window-maximize").tooltip("Max All").on("click",()=>{this.stateClick(this._maxAll)});_toggleGraph=new v().faChar("fa-chain").tooltip("Graph").selected(!0).on("click",()=>{this.viewClick(this._toggleGraph)});_toggleActivities=new v().faChar("fa-table").tooltip("Activitiies").selected(!1).on("click",()=>{this.viewClick(this._toggleActivities)});_toggleEdges=new v().faChar("fa-table").tooltip("Edges").selected(!1).on("click",()=>{this.viewClick(this._toggleEdges)});_toggleSubgraphs=new v().faChar("fa-table").tooltip("Subgraphs").selected(!1).on("click",()=>{this.viewClick(this._toggleSubgraphs)});_graph=new Z().layout("Hierarchy").applyScaleOnLayout(!0).showToolbar(!1).allowDragging(!1);_activities=new D().pagination(!1);_edges=new D().pagination(!1);_subgraphs=new D().pagination(!1);_legend=new S(this).on("click",e=>{this.render()}).on("mouseover",e=>{let t={};for(let r of this._gc.vertices(e))t[r.id()]=!0;this._graph.highlightVerticies(t)}).on("mouseout",e=>{this._graph.highlightVerticies()});_view=new ee().widgets([this._graph,this._activities,this._edges,this._subgraphs]);_gc=new k;constructor(){super(),this.topOverlay(!1),this.widget(this._view);let e=[this._toggleGraph,this._toggleActivities,this._toggleEdges,this._toggleSubgraphs,new P,this._partialAll,this._maxAll,new P,...this._graph.iconBarButtons(),new P];this.buttons(e.concat(this.buttons())),this._gc.minClick=t=>{this.loadGraph(),this._graph.render(r=>{this._graph.selection([t]).centerOnItem(t)})},this._graph.tooltipHTML(t=>this._gc.calcGraphTooltip(t))}stateClick(e){switch(e){case this._partialAll:this._graph.data().subgraphs.forEach(t=>{t.minState("partial")});break;case this._maxAll:this._graph.data().subgraphs.forEach(t=>{t.minState("normal")});break}this.render()}viewClick(e){switch(this._toggleGraph.selected(e===this._toggleGraph),this._toggleActivities.selected(e===this._toggleActivities),this._toggleEdges.selected(e===this._toggleEdges),this._toggleSubgraphs.selected(e===this._toggleSubgraphs),e){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(t=>{})}_prevHashSum;_prevScopeGraph;fetchScopeGraph(){let e=re({baseUrl:this.baseUrl(),wuid:this.wuid(),graphID:this.graphID(),subgraphID:this.subgraphID()});return!this._prevScopeGraph||this._prevHashSum!==e?(this.startProgress(),this._prevHashSum=e,this._gc.clear(),Y.attach({baseUrl:this.baseUrl()},this.wuid()).fetchGraphs().then(r=>{for(let s of r)if(s.Name===this.graphID())return this.finishProgress(),s.fetchScopeGraph(this.subgraphID())}).then(r=>(this._prevScopeGraph=r,this._prevScopeGraph))):Promise.resolve(this._prevScopeGraph)}enter(e,t){super.enter(e,t)}update(e,t){super.update(e,t)}exit(e,t){super.exit(e,t)}loadGraph(){this._gc.disabled(this._legend.disabled()),this._graph.data(this._gc.graphData(),!0);{let{columns:e,data:t}=this._gc.activityData();this._activities.columns(e).data(t)}{let{columns:e,data:t}=this._gc.edgeData();this._edges.columns(e).data(t)}{let{columns:e,data:t}=this._gc.subgraphData();this._subgraphs.columns(e).data(t)}}render(e){return this.wuid()&&this.graphID()?this.fetchScopeGraph().then(t=>{this._gc.set(t),this._legend.data(this._gc.calcLegend()),this.loadGraph(),super.render(e)}):super.render(e),this}selection(e){if(!arguments.length)return this._graph.selection();let t=this._gc.vertex(e)||this._gc.edge(e)||this._gc.subgraph(e);return t&&this._graph.selection([t]),this}};m.prototype._class+=" eclwatch_WUGraph";m.prototype.publish("baseUrl","","string","HPCC Platform Base URL");m.prototype.publish("wuid","","string","Workunit ID");m.prototype.publish("graphID","","string","Graph ID");m.prototype.publish("subgraphID","","string","Subgraph ID");import{Result as V}from"@hpcc-js/comms";import{Common as ne}from"@hpcc-js/dgrid";import{hashSum as ce}from"@hpcc-js/util";import{Deferred as se,domConstruct as d,QueryResults as ie,RowFormatter as ae}from"@hpcc-js/dgrid";function oe(c){return String(c).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}l(oe,"entitiesEncode");function y(c){switch(Object.prototype.toString.call(c)){case"[object Undefined]":case"[object Boolean]":case"[object Number]":return c;case"[object String]":return oe(c);default:console.warn("Unknown cell type:  "+Object.prototype.toString.call(c))}return c}l(y,"safeEncode");var I=class{static{l(this,"Store")}wuResult;schema;_columns;_cache={};rowFormatter;_filter={};constructor(e,t,r,s={}){this.wuResult=e,this.schema=t,this._columns=this.schema2Columns(this.schema.root),this.rowFormatter=new ae(this._columns,r),this._filter=s}columns(){return this._columns}schema2Columns(e,t=""){return e?e.children().filter(r=>r.name.indexOf("__hidden",r.name.length-8)===-1).map((r,s)=>{let a=r.name,i=r.attrs["hpcc:keyed"],o={field:t+a,leafID:a,idx:s,label:a+(i?" (i)":""),className:"resultGridCell",sortable:!1,width:i?16:0,isSet:r.isSet},n=this.schema2Columns(r,t+a+"_");return n.length?(o.width+=10+n.reduce((h,g)=>h+g.width,0),o.children=n):(o.width+=r.charWidth()*9,o.formatter=(h,g)=>{switch(typeof h){case"string":return{html:h.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;").trim()};case"undefined":return""}return h}),o}):[]}isChildDataset(e){if(Object.prototype.toString.call(e)!=="[object Object]")return!1;let t=0,r=null;for(let s in e)r||(r=Object.prototype.toString.call(e[s])),t++;return t===1&&r==="[object Array]"}rowToTable(e,t,r){if(this.isChildDataset(e)){for(let a in e)this.rowToTable(e[a],t,r);return}let s=d.create("table",{border:1,cellspacing:0,width:"100%"},r);switch(Object.prototype.toString.call(e)){case"[object Object]":let a=d.create("tr",null,s);for(let i in e)d.create("th",{innerHTML:y(i)},a);a=d.create("tr",null,s);for(let i in e)switch(Object.prototype.toString.call(e[i])){case"[object Object]":case"[object Array]":this.rowToTable(e[i],t,r);break;default:d.create("td",{innerHTML:y(e[i])},a);break}break;case"[object Array]":for(let i=0;i<e.length;++i)switch(Object.prototype.toString.call(e[i])){case"[object Boolean]":case"[object Number]":case"[object String]":let o=d.create("tr",null,s);d.create("td",{innerHTML:y(e[i])},o);break;default:if(i===0){let n=d.create("tr",null,s);for(let h in e[i])d.create("th",{innerHTML:y(h)},n)}d.create("tr",null,s);for(let n in e[i])if(e[i][n])if(Object.prototype.toString.call(e[i][n])==="[object Object]"||Object.prototype.toString.call(e[i][n])==="[object Array]"){let h=d.create("td",null,o);this.rowToTable(e[i][n],e[i],h)}else if(n.indexOf("__html",n.length-6)!==-1)d.create("td",{innerHTML:e[i][n]},o);else if(n.indexOf("__javascript",n.length-12)!==-1)d.create("td",null,o);else{let h=e[i][n];d.create("td",{innerHTML:y(h)},o)}else d.create("td",{innerHTML:""},o)}break}}getIdentity(e){return e.__hpcc_id}_request(e,t){if(!this.wuResult)return Promise.resolve({totalLength:0,data:[]});let r=`${e}->${t}`;if(this._cache[r])return this._cache[r];let s=this.wuResult.fetchRows(e,t-e,!1,this._filter).then(a=>({totalLength:this.wuResult.Total,data:a.map((i,o)=>{let n=this.rowFormatter.format(i);return n.__hpcc_id=e+o,n.__hpcc_orig=i,n})}));return this._cache[r]=s,s}fetchRange(e){let t=new se;return this._request(e.start,e.end).then(r=>t.resolve(r)),new ie(t.then(r=>r.data),{totalLength:t.then(r=>r.totalLength)})}};var _=class extends ne{static{l(this,"WUResult")}_result;_localStore;constructor(){super(),this.renderHtml(!1)}hashSum(e={}){return ce({baseUrl:this.baseUrl(),wuid:this.wuid(),resultName:this.resultName(),sequence:this.sequence(),nodeGroup:this.nodeGroup(),logicalFile:this.logicalFile(),userID:this.user(),password:this.password(),...e})}_prevResultHash;calcResult(){let e=this.hashSum();if(this._prevResultHash!==e){this._prevResultHash=e;let t={baseUrl:this.baseUrl(),userID:this.user(),password:this.password()};this.wuid()&&this.resultName()?this._result=V.attach(t,this.wuid(),this.resultName()):this.wuid()&&this.sequence()!==void 0?this._result=V.attach(t,this.wuid(),this.sequence()):this.logicalFile()&&this.nodeGroup()?this._result=V.attachLogicalFile(t,this.nodeGroup(),this.logicalFile()):this.logicalFile()&&(this._result=V.attachLogicalFile(t,"",this.logicalFile()))}return this._result}fetch(e,t,r=new AbortController){let s=this.calcResult();return s?s.fetchRows(e,t,!1,{},r.signal):Promise.resolve([])}_prevStoreHash;_prevQueryHash;update(e,t){super.update(e,t);let r=this.hashSum({renderHtml:this.renderHtml(),filter:this.filter()});if(this._prevStoreHash!==r){this._prevStoreHash=r;let s=this.calcResult();s&&s.fetchXMLSchema().then(a=>{this._localStore=new I(s,a,this.renderHtml(),this.filter()),this._dgrid?.set("columns",this._localStore.columns()),this._dgrid?.set("collection",this._localStore)})}}click(e,t,r){}};_.prototype._class+=" eclwatch_WUResult";_.prototype.publish("baseUrl","","string","URL to WsWorkunits");_.prototype.publish("user","","string","User ID");_.prototype.publish("password","","string","Password");_.prototype.publish("wuid","","string","Workunit ID");_.prototype.publish("resultName","","string","Result Name");_.prototype.publish("sequence",void 0,"number","Sequence Number");_.prototype.publish("nodeGroup","","string","NodeGroup");_.prototype.publish("logicalFile","","string","Logical File Name");_.prototype.publish("filter",{},"object","Filter");import{Workunit as he,WUStateID as u}from"@hpcc-js/comms";import{Edge as le,Graph as pe,Vertex as ue}from"@hpcc-js/graph";import{hashSum as de}from"@hpcc-js/util";var ge=(s=>(s.CREATE="Created",s.COMPILE="Compiled",s.EXECUTE="Executed",s.COMPLETE="Completed",s))(ge||{}),_e=(s=>(s.CREATE="Creating",s.COMPILE="Compiling",s.EXECUTE="Executing",s.COMPLETE="Completed",s))(_e||{}),w=class extends pe{static{l(this,"WUStatus")}_wu;_wuHandle;_create;_compile;_execute;_complete;constructor(){super(),this.zoomable(!1).zoomToFitLimit(1).layout("Hierarchy").hierarchyRankDirection("LR").showToolbar(!1).allowDragging(!1)}_prevHash;attachWorkunit(){let e=de({baseUrl:this.baseUrl(),wuid:this.wuid()});this._prevHash!==e&&(this._prevHash=e,this._wu=he.attach({baseUrl:this.baseUrl()},this.wuid()),this._wuHandle&&this._wuHandle.release(),this._wuHandle=this._wu.watch(t=>{this.lazyRender()}))}createVertex(e){return new ue().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(e)}updateVertex(e,t){e.icon_image_colorFill(t).textbox_text_colorFill(t)}updateVertexStatus(e,t=!1){let r=this._wu.isFailed()?"darkred":"darkgreen";switch(this._create.text("Created"),this._compile.text("Compiled"),this._execute.text("Executed"),this._complete.text("Completed"),e){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("Creating"),this.updateVertex(this._create,t?"orange":r),this.updateVertex(this._compile,"darkgray"),this.updateVertex(this._execute,"darkgray"),this.updateVertex(this._complete,"darkgray");break;case 2:this._compile.text("Compiling"),this.updateVertex(this._create,r),this.updateVertex(this._compile,t?"orange":r),this.updateVertex(this._execute,r),this.updateVertex(this._complete,"darkgray");break;case 3:this._execute.text("Executing"),this.updateVertex(this._create,r),this.updateVertex(this._compile,r),this.updateVertex(this._execute,t?"orange":r),this.updateVertex(this._complete,"darkgray");break;case 4:this.updateVertex(this._create,r),this.updateVertex(this._compile,r),this.updateVertex(this._execute,r),this.updateVertex(this._complete,r);break}}createEdge(e,t){return new le().sourceVertex(e).targetVertex(t).strokeColor("black").showArc(!1)}enter(e,t){super.enter(e,t),this._create=this.createVertex("\uF11D"),this._compile=this.createVertex("\uF085"),this._execute=this.createVertex("\uF275"),this._complete=this.createVertex("\uF11E");let r=this.createEdge(this._create,this._compile),s=this.createEdge(this._compile,this._execute),a=this.createEdge(this._execute,this._complete);this.data({vertices:[this._create,this._compile,this._execute,this._complete],edges:[r,s,a]})}update(e,t){switch(this.attachWorkunit(),this._wu.StateID){case u.Blocked:case u.Wait:case u.Scheduled:case u.UploadingFiled:this.updateVertexStatus(1);break;case u.Compiling:this.updateVertexStatus(2,!0);break;case u.Submitted:this.updateVertexStatus(1,!0);break;case u.Compiled:this.updateVertexStatus(2);break;case u.Aborting:case u.Running:this.updateVertexStatus(3,!0);break;case u.Aborted:case u.Archived:case u.Completed:this.updateVertexStatus(4);break;case u.Failed:this.updateVertexStatus(4,!1);break;case u.DebugPaused:case u.DebugRunning:case u.Paused:case u.Unknown:default:this.updateVertexStatus(0);break}super.update(e,t),this.zoomToFit()}exit(e,t){this._wuHandle&&this._wuHandle.release(),super.exit(e,t)}};w.prototype._class+=" eclwatch_WUStatus";w.prototype.publish("baseUrl","","string","HPCC Platform Base URL");w.prototype.publish("wuid","","string","Workunit ID");import{Palette as fe}from"@hpcc-js/common";import{Workunit as me}from"@hpcc-js/comms";import{ReactTimelineSeries as be}from"@hpcc-js/timeline";import{hashSum as Se}from"@hpcc-js/util";var A=["label","start","end","icon","color","series"],b=class extends be{static{l(this,"WUTimeline")}_palette=fe.ordinal("default");constructor(){super(),this.columns(A).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(e=>e[A.length].calcTooltip())}_prevHashSum;clear(){return delete this._prevHashSum,this}fetchScopes(){let e=Se({baseUrl:this.baseUrl(),wuid:this.wuid(),request:this.request()});this._prevHashSum!==e&&(this._prevHashSum=e,me.attach({baseUrl:this.baseUrl()},this.wuid()).fetchDetails(this.request()).then(r=>r.filter(s=>s.Id&&s.attr("WhenStarted").RawValue).map(s=>{let a=+s.attr("WhenStarted").RawValue/1e3,i=+s.attr("TimeElapsed").RawValue/1e6;return[s.Id,new Date(a).toISOString(),i?new Date(a+i).toISOString():void 0,null,this._palette(s.ScopeType),s.ScopeName.split("::").join(":").split(":").slice(0,1),s]})).then(r=>{this.data(r).render()}))}enter(e,t){super.enter(e,t)}update(e,t){this.fetchScopes(),super.update(e,t)}exit(e,t){super.exit(e,t)}};b.prototype._class+=" eclwatch_WUTimeline";b.prototype.publish("baseUrl","","string","HPCC Platform Base URL");b.prototype.publish("wuid","","string","Workunit ID");b.prototype.publish("request",{ScopeFilter:{MaxDepth:3,ScopeTypes:["graph","subgraph"]},NestedFilter:{Depth:0,ScopeTypes:[]},PropertiesToReturn:{AllProperties:!1,AllStatistics:!0,AllHints:!1,Properties:["WhenStarted","TimeElapsed"]},ScopeOptions:{IncludeId:!0,IncludeScope:!0,IncludeScopeType:!0},PropertyOptions:{IncludeName:!0,IncludeRawValue:!0,IncludeFormatted:!0,IncludeMeasure:!0,IncludeCreator:!1,IncludeCreatorType:!1}},"object","WUDetails Request");export{ke as BUILD_VERSION,p as ECLArchiveViewer,we as PKG_NAME,xe as PKG_VERSION,ge as STATUS,_e as STATUS_ACTIVE,m as WUGraph,_ as WUResult,k as WUScopeController,w as WUStatus,b as WUTimeline};
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".eclwatch_WUGraphLegend .graph_Vertex{cursor:auto}.eclwatch_WUGraphLegend .graph_Vertex .common_Icon{cursor:pointer}.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}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+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, 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, ChartPanel, Carousel } from "@hpcc-js/layout";
+import { ReactTimelineSeries } from "@hpcc-js/timeline";
+const PKG_NAME = "@hpcc-js/eclwatch", PKG_VERSION = "3.1.1", BUILD_VERSION = "3.2.1";
+class ECLArchiveViewer extends SplitPanel {
+  constructor() {
+    super("horizontal");
+    __publicField(this, "_prevHash");
+    __publicField(this, "_contentStr");
+    __publicField(this, "_directoryPane", new DirectoryTree());
+    __publicField(this, "_fileEditorPane", new Editor().text(""));
+    this._directoryPane.rowClick = (text) => {
+      this._fileEditorPane.text(text).render();
+    };
+  }
+  transformArchiveTreeData(json) {
+    const ret = {
+      label: json.name,
+      children: json._children.map(transformNode).filter((n) => n)
+    };
+    if (ret.children && ret.children[0] && ret.children[0].label === "html")
+      return {
+        label: "root",
+        children: [
+          {
+            label: "error",
+            content: JSON.stringify(ret, null, 4)
+          }
+        ]
+      };
+    return ret;
+    function transformNode(node) {
+      const _node = {};
+      if (_node.label = node.name + (node.$ && node.$.key ? ` (${node.$.key})` : ""), node._children && node._children.length > 0)
+        _node.children = node._children.map((_node2) => transformNode(_node2)).filter((n) => n);
+      else if (typeof node.content == "string" && node.content.trim())
+        _node.content = node.content;
+      else
+        return !1;
+      return _node;
+    }
+  }
+  updateDirectoryPane(contentStr) {
+    let json;
+    if (contentStr)
+      try {
+        json = JSON.parse(contentStr);
+      } catch {
+        json = xml2json(contentStr);
+      }
+    if (json) {
+      const _data = this.transformArchiveTreeData(json);
+      this._directoryPane.data(_data).render();
+    }
+  }
+  enter(domNode, element) {
+    super.enter(domNode, element), this.addWidget(this._directoryPane).addWidget(this._fileEditorPane);
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+    const hash = hashSum({
+      baseUrl: this.baseUrl(),
+      wuid: this.wuid()
+    });
+    this._prevHash !== hash || typeof this._contentStr > "u" ? Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid()).fetchArchive().then((resp) => {
+      this._contentStr = resp, this.updateDirectoryPane(this._contentStr), this._prevHash = hash;
+    }) : this.updateDirectoryPane(this._contentStr), this.relativeSizes([this.directoryWidthRatio(), 1 - this.directoryWidthRatio()]);
+  }
+}
+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");
+class LegendVertex extends Vertex {
+  constructor() {
+    super();
+  }
+  enter(domNode, element) {
+    super.enter(domNode, element), this._icon.on("click", () => {
+      this.click(this.data());
+    });
+  }
+  click(kind) {
+  }
+}
+class WUGraphLegend extends Legend {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "icon", local());
+    __publicField(this, "_disabled2", {
+      /*  TODO:  Default some to disabled?
+      43: true,
+      71: true,
+      82: true,
+      88: true
+      */
+    });
+  }
+  disabled(_) {
+    if (!arguments.length) {
+      const retVal = [];
+      for (const key in this._disabled2)
+        this._disabled2[key] && retVal.push(key);
+      return retVal;
+    }
+    return this._disabled2 = {}, _.forEach((kind) => this._disabled2[kind] = !0), this;
+  }
+  toggle(kind) {
+    this._disabled2[kind] = !this._disabled2[kind];
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+    const context = this, items = this._g.selectAll(".legendItem").data(this.data(), (d) => 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(`${d.label} (${d.count})`).tooltip(`${d.kind} - ${d.label}`).on("click", (kind) => {
+          context.toggle(kind), context.render(), context.click(kind);
+        }).on("mouseover", (kind) => {
+          context.mouseover(kind);
+        }).on("mouseout", (kind) => {
+          context.mouseout(kind);
+        })
+      );
+    }).merge(items).each(function(d, i) {
+      const bbox2 = context.icon.get(this).icon_shape_colorFill(context._disabled2[d.kind] ? "gray" : null).render().getBBox();
+      select(this).attr("transform", `translate(${+bbox2.width / 2}, ${i * 30})`);
+    }), items.exit().each(function(d) {
+      context.icon.get(this).target(null).render();
+    }).remove();
+    const bbox = this.getBBox(!0, !0);
+    this._g.attr("transform", `translate(16, ${this.height() / 2 - bbox.height / 2})`);
+  }
+  //  Events  ---
+  click(kind) {
+  }
+  mouseover(kind) {
+  }
+  mouseout(kind) {
+  }
+}
+WUGraphLegend.prototype._class += " eclwatch_WUGraphLegend";
+function faCharFactory(kind) {
+  switch (kind) {
+    case "2":
+      return "";
+    //  Disk Write
+    case "3":
+      return "";
+    //  sort
+    case "5":
+      return "";
+    //  Filter
+    case "6":
+      return "";
+    //  Split
+    case "12":
+      return "";
+    //  First N
+    case "15":
+      return "";
+    //  Lightweight Join
+    case "17":
+      return "";
+    //  Lookup Join
+    case "22":
+      return "";
+    //  Pipe Output
+    case "23":
+      return "";
+    //  Funnel
+    case "25":
+      return "";
+    //  Inline Dataset
+    case "26":
+      return "";
+    //  distribute
+    case "29":
+      return "";
+    //  Store Internal Result
+    case "36":
+      return "";
+    //  If
+    case "44":
+      return "";
+    //  write csv
+    case "47":
+      return "";
+    //  write
+    case "54":
+      return "";
+    //  Workunit Read
+    case "56":
+      return "";
+    //  Spill
+    case "59":
+      return "";
+    //  Merge
+    case "61":
+      return "";
+    //  write xml
+    case "82":
+      return "";
+    //  Projected Disk Read Spill
+    case "88":
+      return "";
+    //  Projected Disk Read Spill
+    case "92":
+      return "";
+    //  Limted Index Read
+    case "93":
+      return "";
+    //  Limted Index Read
+    case "99":
+      return "";
+    //  CSV Read
+    case "105":
+      return "";
+    //  CSV Read
+    case "7":
+      return "";
+    //  Project
+    case "9":
+      return "";
+    //  Local Iterate
+    case "16":
+      return "";
+    //  Output Internal
+    case "19":
+      return "";
+    //  Hash Distribute
+    case "21":
+      return "";
+    //  Normalize
+    case "35":
+      return "";
+    //  CSV Write
+    case "37":
+      return "";
+    //  Index Write
+    case "71":
+      return "";
+    //  Disk Read Spill
+    case "133":
+      return "";
+    //  Inline Dataset
+    case "148":
+      return "";
+    //  Inline Dataset
+    case "168":
+      return "";
+  }
+  return "";
+}
+class WUScopeController {
+  constructor() {
+    __publicField(this, "graphDB");
+    __publicField(this, "subgraphsMap", {});
+    __publicField(this, "rSubgraphsMap", {});
+    __publicField(this, "verticesMap", {});
+    __publicField(this, "rVerticesMap", {});
+    __publicField(this, "edgesMap", {});
+    __publicField(this, "rEdgesMap", {});
+    __publicField(this, "kindMap", {});
+    __publicField(this, "_disabled", {});
+  }
+  clear() {
+    this.subgraphsMap = {}, this.rSubgraphsMap = {}, this.verticesMap = {}, this.rVerticesMap = {}, this.edgesMap = {}, this.rEdgesMap = {};
+  }
+  set(masterGraph) {
+    this.graphDB = masterGraph, this.graphGui(this.graphDB), this.kindMap = {}, this.graphDB.walk((item) => {
+      if (!(item instanceof Subgraph)) {
+        if (item instanceof Vertex$1) {
+          const kind = item._.attr("Kind").RawValue;
+          this.kindMap[kind] || (this.kindMap[kind] = []), this.kindMap[kind].push(item);
+        }
+      }
+    });
+  }
+  disabled(_) {
+    if (!arguments.length) {
+      const retVal = [];
+      for (const key in this._disabled)
+        this._disabled[key] && retVal.push(key);
+      return retVal;
+    }
+    return this._disabled = {}, _.forEach((kind) => this._disabled[kind] = !0), this;
+  }
+  graphGui(graphDB) {
+    const graphGui = {
+      subgraphs: [],
+      vertices: [],
+      edges: [],
+      hierarchy: []
+    };
+    return graphDB.walk((item) => {
+      if (item instanceof Subgraph) {
+        const subgraph = this.appendSubgraph(item, graphGui.hierarchy, graphGui.subgraphs);
+        subgraph.showMinMax(item.vertices.length > 3 || subgraph.minState() !== "normal");
+      } else item instanceof Vertex$1 ? this.appendVertex(item, graphGui.hierarchy, graphGui.vertices) : item instanceof Edge && this.appendEdge(item, graphGui.edges);
+    }), graphGui;
+  }
+  format(labelTpl, obj) {
+    let retVal = "", lpos = labelTpl.indexOf("%"), rpos = -1;
+    for (; lpos >= 0; ) {
+      if (retVal += labelTpl.substring(rpos + 1, lpos), rpos = labelTpl.indexOf("%", lpos + 1), rpos < 0) {
+        console.warn("Invalid Label Template");
+        break;
+      }
+      const key = labelTpl.substring(lpos + 1, rpos);
+      retVal += key ? obj[labelTpl.substring(lpos + 1, rpos)] || "" : "%", lpos = labelTpl.indexOf("%", rpos + 1);
+    }
+    return retVal += labelTpl.substring(rpos + 1, labelTpl.length), retVal.split("\\n").join(`
+`);
+  }
+  createSubgraph(subgraph) {
+    let sg = this.subgraphsMap[subgraph._.Id];
+    return sg || (sg = new Subgraph$1().title(subgraph._.Id).on("minClick", () => {
+      this.minClick(sg);
+    }), this.subgraphsMap[subgraph._.Id] = sg, this.rSubgraphsMap[sg.id()] = subgraph), sg;
+  }
+  createVertex(vertex) {
+    let v = this.verticesMap[vertex._.Id];
+    if (!v) {
+      const attrs = vertex._.rawAttrs();
+      if (vertex._.ScopeType === "dummy") {
+        const parent = this.subgraphsMap[vertex.parent._.Id];
+        v = new Icon().shape_colorFill("darkred").shape_colorStroke("darkred").image_colorFill("white").faChar("").on("click", () => {
+          parent.minState("normal"), this.minClick(parent);
+        });
+      } else {
+        v = new Vertex().icon_shape_colorFill("#1f77b4").icon_image_colorFill("white").faChar(faCharFactory(attrs.Kind)).text(attrs.Label);
+        const annotations = [];
+        vertex._.hasAttr("Definition") && annotations.push({
+          faChar: "",
+          tooltip: "Definition",
+          shape_colorFill: "lightgray",
+          shape_colorStroke: "lightgray",
+          image_colorFill: "black"
+        }), vertex._.hasAttr("IsInternal") && annotations.push({
+          faChar: "",
+          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;
+  }
+  isSpill(edge) {
+    const sourceKind = edge.source._.attr("Kind").RawValue, targetKind = edge.target._.attr("Kind").RawValue;
+    return sourceKind === "2" || targetKind === "71";
+  }
+  spansSubgraph(edge) {
+    return edge.source.parent._.Id !== edge.target.parent._.Id;
+  }
+  createEdge(edge) {
+    let e = this.edgesMap[edge._.Id];
+    if (!e) {
+      const attrs = edge._.rawAttrs(), sourceV = this.verticesMap[edge.source._.Id], targetV = this.verticesMap[edge.target._.Id];
+      if (sourceV && targetV) {
+        const isSpill = this.isSpill(edge), spansSubgraph = this.spansSubgraph(edge), label = this.format(`%Label%
+%NumRowsProcessed%`, attrs);
+        let strokeDasharray = null, weight = 100;
+        attrs.IsDependency ? (weight = 10, strokeDasharray = "1,5") : attrs._childGraph ? strokeDasharray = "5,5" : isSpill ? (weight = 25, strokeDasharray = "5,5,10,5") : 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;
+  }
+  appendSubgraph(subgraph, hierarchy, subgraphs) {
+    const sg = this.createSubgraph(subgraph);
+    subgraphs.push(sg);
+    const parent = this.subgraphsMap[subgraph.parent._.Id];
+    return parent && hierarchy.push({ parent, child: sg }), sg;
+  }
+  appendVertex(vertex, hierarchy, vertices) {
+    const v = this.createVertex(vertex);
+    vertices.push(v);
+    const parent = this.subgraphsMap[vertex.parent._.Id];
+    return parent && hierarchy.push({ parent, child: v }), v;
+  }
+  appendEdge(edge, edges) {
+    const e = this.createEdge(edge);
+    return e && edges.push(e), e;
+  }
+  filterLegend(graphDB) {
+    for (let i = graphDB.vertices.length - 1; i >= 0; --i) {
+      const vertex = graphDB.vertices[i], kind = vertex._.attr("Kind").RawValue;
+      this._disabled[kind] && vertex.remove(!1, (source, target) => new BaseScope({
+        ScopeName: vertex._.ScopeName + ":in",
+        Id: source.Id + "->" + target.Id,
+        ScopeType: "dummy-edge",
+        Properties: {
+          Property: [vertex._.attr("Label")]
+        },
+        Notes: {
+          Note: []
+        },
+        SinkActivity: ""
+      }));
+    }
+  }
+  filterPartial(graphDB) {
+    for (const subgraph of graphDB.subgraphs)
+      switch (this.subgraphsMap[subgraph._.Id].minState()) {
+        case "partial":
+          const childVertices = subgraph.vertices, vShow = [], vHide = [];
+          for (const vertex of childVertices)
+            vertex.inEdges.length === 0 || vertex.inEdges.some((edge) => edge.source.parent !== edge.target.parent) || vertex.outEdges.length === 0 || vertex.outEdges.some((edge) => edge.source.parent !== edge.target.parent) ? vShow.push(vertex) : vHide.push(vertex);
+          if (vHide.length > 1) {
+            const 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: ""
+            }, dummyScope = new BaseScope(dummyDetails), dummyVertex = subgraph.createVertex(dummyScope);
+            for (const vertex of vHide) {
+              for (const edge of vertex.inEdges)
+                if (vShow.indexOf(edge.source) >= 0) {
+                  const 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 (const edge of vertex.outEdges)
+                if (vShow.indexOf(edge.target) >= 0) {
+                  const 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((vertex) => vertex.remove(!0));
+          }
+          break;
+      }
+  }
+  filterEmptySubgraphs(graphDB) {
+    for (; ; ) {
+      const emptySubgraphs = graphDB.subgraphs.filter((subgraph) => subgraph.subgraphs.length === 0 && subgraph.vertices.length === 0);
+      if (emptySubgraphs.length === 0) break;
+      emptySubgraphs.forEach((subgraph) => subgraph.remove(!0));
+    }
+  }
+  removeObsoleteSubgraphs(graphDB) {
+    for (const subgraph of [...graphDB.subgraphs])
+      subgraph.vertices.length === 0 && subgraph.remove(!1);
+  }
+  graphData() {
+    const graphDB = this.graphDB.clone();
+    return this.filterLegend(graphDB), this.filterPartial(graphDB), this.filterEmptySubgraphs(graphDB), this.removeObsoleteSubgraphs(graphDB), this.graphGui(graphDB);
+  }
+  calcLegend() {
+    const retVal = [];
+    for (const kind in this.kindMap)
+      retVal.push({
+        kind: parseInt(kind),
+        faChar: faCharFactory(kind),
+        label: this.kindMap[kind][0]._.attr("Label").RawValue.split(`
+`)[0],
+        count: this.kindMap[kind].length
+      });
+    return retVal;
+  }
+  vertices(kind) {
+    const retVal = [];
+    for (const v of this.kindMap[kind])
+      retVal.push(this.verticesMap[v._.Id]);
+    return retVal;
+  }
+  formatRow(item, columns2, row) {
+    const attrs = item._.formattedAttrs();
+    for (const key in attrs) {
+      const idx = columns2.indexOf(key);
+      idx === -1 ? (columns2.push(key), row.push(attrs[key])) : row[idx] = attrs[key];
+    }
+    for (let i = 0; i < 100; ++i)
+      row[i] === void 0 && (row[i] = "");
+    return row;
+  }
+  activityData() {
+    const columns2 = ["Id", "Kind", "Label"], data = this.graphDB.vertices.map((v) => {
+      const row = [parseInt(v._.Id.split("a")[1])];
+      return this.formatRow(v, columns2, row);
+    });
+    return { columns: columns2, data };
+  }
+  edgeData() {
+    const columns2 = ["Id", "Label"], data = this.graphDB.edges.map((e) => {
+      const row = [e._.Id];
+      return this.formatRow(e, columns2, row);
+    });
+    return { columns: columns2, data };
+  }
+  subgraphData() {
+    const columns2 = ["Id", "Label"], data = this.graphDB.subgraphs.map((sg) => {
+      const row = [sg._.Id];
+      return this.formatRow(sg, columns2, row);
+    });
+    return { columns: columns2, data };
+  }
+  calcGraphTooltip(item) {
+    let scope, parentScope;
+    if (item instanceof Subgraph$1) {
+      const subgraph = this.rSubgraphsMap[item.id()];
+      scope = subgraph._, parentScope = subgraph.parent._;
+    } else if (item instanceof Vertex || item instanceof Icon) {
+      const vertex = this.rVerticesMap[item.id()];
+      scope = vertex._, parentScope = vertex.parent._;
+    } else if (item instanceof Edge$1) {
+      const edge = this.rEdgesMap[item.id()];
+      scope = edge._, parentScope = edge.parent._;
+    }
+    return scope ? scope.calcTooltip(parentScope) : "";
+  }
+  subgraph(id) {
+    return this.subgraphsMap[id];
+  }
+  vertex(id) {
+    return this.verticesMap[id];
+  }
+  edge(id) {
+    return this.edgesMap[id];
+  }
+  //  Events  ---
+  minClick(sg) {
+  }
+}
+class WUGraph extends ChartPanel {
+  constructor() {
+    super();
+    __publicField(this, "_partialAll", new Button().faChar("fa-window-restore").tooltip("Partial All").on("click", () => {
+      this.stateClick(this._partialAll);
+    }));
+    __publicField(this, "_maxAll", new Button().faChar("fa-window-maximize").tooltip("Max All").on("click", () => {
+      this.stateClick(this._maxAll);
+    }));
+    __publicField(this, "_toggleGraph", new ToggleButton().faChar("fa-chain").tooltip("Graph").selected(!0).on("click", () => {
+      this.viewClick(this._toggleGraph);
+    }));
+    __publicField(this, "_toggleActivities", new ToggleButton().faChar("fa-table").tooltip("Activitiies").selected(!1).on("click", () => {
+      this.viewClick(this._toggleActivities);
+    }));
+    __publicField(this, "_toggleEdges", new ToggleButton().faChar("fa-table").tooltip("Edges").selected(!1).on("click", () => {
+      this.viewClick(this._toggleEdges);
+    }));
+    __publicField(this, "_toggleSubgraphs", new ToggleButton().faChar("fa-table").tooltip("Subgraphs").selected(!1).on("click", () => {
+      this.viewClick(this._toggleSubgraphs);
+    }));
+    __publicField(this, "_graph", new Graph().layout("Hierarchy").applyScaleOnLayout(!0).showToolbar(!1).allowDragging(!1));
+    __publicField(this, "_activities", new Table().pagination(!1));
+    __publicField(this, "_edges", new Table().pagination(!1));
+    __publicField(this, "_subgraphs", new Table().pagination(!1));
+    __publicField(this, "_legend", new WUGraphLegend(this).on("click", (kind) => {
+      this.render();
+    }).on("mouseover", (kind) => {
+      const verticesMap = {};
+      for (const vertex of this._gc.vertices(kind))
+        verticesMap[vertex.id()] = !0;
+      this._graph.highlightVerticies(verticesMap);
+    }).on("mouseout", (kind) => {
+      this._graph.highlightVerticies();
+    }));
+    __publicField(this, "_view", new Carousel().widgets([this._graph, this._activities, this._edges, this._subgraphs]));
+    __publicField(this, "_gc", new WUScopeController());
+    __publicField(this, "_prevHashSum");
+    __publicField(this, "_prevScopeGraph");
+    this.topOverlay(!1), this.widget(this._view);
+    const buttons = [
+      this._toggleGraph,
+      this._toggleActivities,
+      this._toggleEdges,
+      this._toggleSubgraphs,
+      new Spacer(),
+      this._partialAll,
+      this._maxAll,
+      new Spacer(),
+      ...this._graph.iconBarButtons(),
+      new Spacer()
+    ];
+    this.buttons(buttons.concat(this.buttons())), this._gc.minClick = (sg) => {
+      this.loadGraph(), this._graph.render((w) => {
+        this._graph.selection([sg]).centerOnItem(sg);
+      });
+    }, this._graph.tooltipHTML((v) => this._gc.calcGraphTooltip(v));
+  }
+  stateClick(sourceB) {
+    switch (sourceB) {
+      case this._partialAll:
+        this._graph.data().subgraphs.forEach((sg) => {
+          sg.minState("partial");
+        });
+        break;
+      case this._maxAll:
+        this._graph.data().subgraphs.forEach((sg) => {
+          sg.minState("normal");
+        });
+        break;
+    }
+    this.render();
+  }
+  viewClick(sourceTB) {
+    switch (this._toggleGraph.selected(sourceTB === this._toggleGraph), this._toggleActivities.selected(sourceTB === this._toggleActivities), this._toggleEdges.selected(sourceTB === this._toggleEdges), this._toggleSubgraphs.selected(sourceTB === this._toggleSubgraphs), 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((w) => {
+    });
+  }
+  fetchScopeGraph() {
+    const hash = hashSum({
+      baseUrl: this.baseUrl(),
+      wuid: this.wuid(),
+      graphID: this.graphID(),
+      subgraphID: this.subgraphID()
+    });
+    return !this._prevScopeGraph || this._prevHashSum !== hash ? (this.startProgress(), this._prevHashSum = hash, this._gc.clear(), Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid()).fetchGraphs().then((graphs) => {
+      for (const graph of graphs)
+        if (graph.Name === this.graphID())
+          return this.finishProgress(), graph.fetchScopeGraph(this.subgraphID());
+    }).then((scopeGraph) => (this._prevScopeGraph = scopeGraph, this._prevScopeGraph))) : Promise.resolve(this._prevScopeGraph);
+  }
+  enter(domNode, _element) {
+    super.enter(domNode, _element);
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+  }
+  exit(domNode, element) {
+    super.exit(domNode, element);
+  }
+  loadGraph() {
+    this._gc.disabled(this._legend.disabled()), this._graph.data(this._gc.graphData(), !0);
+    {
+      const { columns: columns2, data } = this._gc.activityData();
+      this._activities.columns(columns2).data(data);
+    }
+    {
+      const { columns: columns2, data } = this._gc.edgeData();
+      this._edges.columns(columns2).data(data);
+    }
+    {
+      const { columns: columns2, data } = this._gc.subgraphData();
+      this._subgraphs.columns(columns2).data(data);
+    }
+  }
+  render(callback) {
+    return this.wuid() && this.graphID() ? this.fetchScopeGraph().then((scopedGraph) => {
+      this._gc.set(scopedGraph), this._legend.data(this._gc.calcLegend()), this.loadGraph(), super.render(callback);
+    }) : super.render(callback), this;
+  }
+  selection(_) {
+    if (!arguments.length) return this._graph.selection();
+    const item = this._gc.vertex(_) || this._gc.edge(_) || this._gc.subgraph(_);
+    return item && this._graph.selection([item]), this;
+  }
+}
+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;
+}
+class Store {
+  constructor(wuResult, schema, renderHtml, filter = {}) {
+    __publicField(this, "wuResult");
+    __publicField(this, "schema");
+    __publicField(this, "_columns");
+    __publicField(this, "_cache", {});
+    __publicField(this, "rowFormatter");
+    __publicField(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;
+  }
+  columns() {
+    return this._columns;
+  }
+  schema2Columns(parentNode, prefix = "") {
+    return parentNode ? parentNode.children().filter((node) => node.name.indexOf("__hidden", node.name.length - 8) === -1).map((node, idx) => {
+      const label = node.name, keyed = node.attrs["hpcc:keyed"], column = {
+        field: prefix + label,
+        leafID: label,
+        idx,
+        label: label + (keyed ? " (i)" : ""),
+        className: "resultGridCell",
+        sortable: !1,
+        width: keyed ? 16 : 0,
+        isSet: node.isSet
+      }, children = this.schema2Columns(node, prefix + label + "_");
+      return children.length ? (column.width += 10 + children.reduce((prev, childNode) => prev + childNode.width, 0), column.children = children) : (column.width += node.charWidth() * 9, column.formatter = (cell, row) => {
+        switch (typeof cell) {
+          case "string":
+            return {
+              html: cell.replace(/\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").trim()
+            };
+          case "undefined":
+            return "";
+        }
+        return cell;
+      }), column;
+    }) : [];
+  }
+  isChildDataset(cell) {
+    if (Object.prototype.toString.call(cell) !== "[object Object]")
+      return !1;
+    let propCount = 0, firstPropType = null;
+    for (const key in cell)
+      firstPropType || (firstPropType = Object.prototype.toString.call(cell[key])), propCount++;
+    return propCount === 1 && firstPropType === "[object Array]";
+  }
+  rowToTable(cell, __row, node) {
+    if (this.isChildDataset(cell)) {
+      for (const key in cell)
+        this.rowToTable(cell[key], __row, node);
+      return;
+    }
+    const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
+    switch (Object.prototype.toString.call(cell)) {
+      case "[object Object]":
+        let tr = domConstruct.create("tr", null, table);
+        for (const key in cell)
+          domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
+        tr = domConstruct.create("tr", null, table);
+        for (const 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 (let i = 0; i < cell.length; ++i)
+          switch (Object.prototype.toString.call(cell[i])) {
+            case "[object Boolean]":
+            case "[object Number]":
+            case "[object String]":
+              const tr1 = domConstruct.create("tr", null, table);
+              domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
+              break;
+            default:
+              if (i === 0) {
+                const tr2 = domConstruct.create("tr", null, table);
+                for (const key in cell[i])
+                  domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
+              }
+              domConstruct.create("tr", null, table);
+              for (const 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]") {
+                    const td = domConstruct.create("td", null, tr1);
+                    this.rowToTable(cell[i][key], cell[i], td);
+                  } else if (key.indexOf("__html", key.length - 6) !== -1)
+                    domConstruct.create("td", { innerHTML: cell[i][key] }, tr1);
+                  else if (key.indexOf("__javascript", key.length - 12) !== -1)
+                    domConstruct.create("td", null, tr1);
+                  else {
+                    const val = cell[i][key];
+                    domConstruct.create("td", { innerHTML: safeEncode(val) }, tr1);
+                  }
+                else
+                  domConstruct.create("td", { innerHTML: "" }, tr1);
+          }
+        break;
+    }
+  }
+  getIdentity(row) {
+    return row.__hpcc_id;
+  }
+  _request(start, end) {
+    if (!this.wuResult) return Promise.resolve({ totalLength: 0, data: [] });
+    const cacheKey = `${start}->${end}`;
+    if (this._cache[cacheKey]) return this._cache[cacheKey];
+    const retVal = this.wuResult.fetchRows(start, end - start, !1, this._filter).then((rows) => ({
+      totalLength: this.wuResult.Total,
+      data: rows.map((row, idx) => {
+        const formattedRow = this.rowFormatter.format(row);
+        return formattedRow.__hpcc_id = start + idx, formattedRow.__hpcc_orig = row, formattedRow;
+      })
+    }));
+    return this._cache[cacheKey] = retVal, retVal;
+  }
+  fetchRange(options) {
+    const retVal = new Deferred();
+    return this._request(options.start, options.end).then((response) => retVal.resolve(response)), new QueryResults(retVal.then((response) => response.data), {
+      totalLength: retVal.then((response) => response.totalLength)
+    });
+  }
+}
+class WUResult extends Common {
+  constructor() {
+    super();
+    __publicField(this, "_result");
+    __publicField(this, "_localStore");
+    __publicField(this, "_prevResultHash");
+    __publicField(this, "_prevStoreHash");
+    __publicField(this, "_prevQueryHash");
+    this.renderHtml(!1);
+  }
+  hashSum(opts = {}) {
+    return hashSum({
+      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
+    });
+  }
+  calcResult() {
+    const resultHash = this.hashSum();
+    if (this._prevResultHash !== resultHash) {
+      this._prevResultHash = resultHash;
+      const opts = {
+        baseUrl: this.baseUrl(),
+        userID: this.user(),
+        password: this.password()
+      };
+      this.wuid() && this.resultName() ? this._result = Result.attach(opts, this.wuid(), this.resultName()) : this.wuid() && this.sequence() !== void 0 ? this._result = Result.attach(opts, this.wuid(), this.sequence()) : this.logicalFile() && this.nodeGroup() ? this._result = Result.attachLogicalFile(opts, this.nodeGroup(), this.logicalFile()) : this.logicalFile() && (this._result = Result.attachLogicalFile(opts, "", this.logicalFile()));
+    }
+    return this._result;
+  }
+  fetch(row, count, abortController = new AbortController()) {
+    const result = this.calcResult();
+    return result ? result.fetchRows(row, count, !1, {}, abortController.signal) : Promise.resolve([]);
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+    const storeHash = this.hashSum({
+      renderHtml: this.renderHtml(),
+      filter: this.filter()
+    });
+    if (this._prevStoreHash !== storeHash) {
+      this._prevStoreHash = storeHash;
+      const result = this.calcResult();
+      result && result.fetchXMLSchema().then((schema) => {
+        var _a, _b;
+        this._localStore = new Store(result, schema, this.renderHtml(), this.filter()), (_a = this._dgrid) == null || _a.set("columns", this._localStore.columns()), (_b = this._dgrid) == null || _b.set("collection", this._localStore);
+      });
+    }
+  }
+  click(row, col, sel) {
+  }
+}
+WUResult.prototype._class += " eclwatch_WUResult";
+WUResult.prototype.publish("baseUrl", "", "string", "URL to WsWorkunits");
+WUResult.prototype.publish("user", "", "string", "User ID");
+WUResult.prototype.publish("password", "", "string", "Password");
+WUResult.prototype.publish("wuid", "", "string", "Workunit ID");
+WUResult.prototype.publish("resultName", "", "string", "Result Name");
+WUResult.prototype.publish("sequence", void 0, "number", "Sequence Number");
+WUResult.prototype.publish("nodeGroup", "", "string", "NodeGroup");
+WUResult.prototype.publish("logicalFile", "", "string", "Logical File Name");
+WUResult.prototype.publish("filter", {}, "object", "Filter");
+var STATUS = /* @__PURE__ */ ((STATUS2) => (STATUS2.CREATE = "Created", STATUS2.COMPILE = "Compiled", STATUS2.EXECUTE = "Executed", STATUS2.COMPLETE = "Completed", STATUS2))(STATUS || {}), STATUS_ACTIVE = /* @__PURE__ */ ((STATUS_ACTIVE2) => (STATUS_ACTIVE2.CREATE = "Creating", STATUS_ACTIVE2.COMPILE = "Compiling", STATUS_ACTIVE2.EXECUTE = "Executing", STATUS_ACTIVE2.COMPLETE = "Completed", STATUS_ACTIVE2))(STATUS_ACTIVE || {});
+class WUStatus extends Graph {
+  constructor() {
+    super();
+    __publicField(this, "_wu");
+    __publicField(this, "_wuHandle");
+    __publicField(this, "_create");
+    __publicField(this, "_compile");
+    __publicField(this, "_execute");
+    __publicField(this, "_complete");
+    __publicField(this, "_prevHash");
+    this.zoomable(!1).zoomToFitLimit(1).layout("Hierarchy").hierarchyRankDirection("LR").showToolbar(!1).allowDragging(!1);
+  }
+  attachWorkunit() {
+    const hash = hashSum({
+      baseUrl: this.baseUrl(),
+      wuid: this.wuid()
+    });
+    this._prevHash !== hash && (this._prevHash = hash, this._wu = Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid()), this._wuHandle && this._wuHandle.release(), this._wuHandle = this._wu.watch((changes) => {
+      this.lazyRender();
+    }));
+  }
+  createVertex(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);
+  }
+  updateVertex(vertex, color) {
+    vertex.icon_image_colorFill(color).textbox_text_colorFill(color);
+  }
+  updateVertexStatus(level, active = !1) {
+    const completeColor = this._wu.isFailed() ? "darkred" : "darkgreen";
+    switch (this._create.text(
+      "Created"
+      /* CREATE */
+    ), this._compile.text(
+      "Compiled"
+      /* COMPILE */
+    ), this._execute.text(
+      "Executed"
+      /* EXECUTE */
+    ), this._complete.text(
+      "Completed"
+      /* COMPLETE */
+    ), 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(
+          "Creating"
+          /* 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(
+          "Compiling"
+          /* 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(
+          "Executing"
+          /* 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;
+    }
+  }
+  createEdge(source, target) {
+    return new Edge$1().sourceVertex(source).targetVertex(target).strokeColor("black").showArc(!1);
+  }
+  enter(domNode, element) {
+    super.enter(domNode, element), this._create = this.createVertex(""), this._compile = this.createVertex(""), this._execute = this.createVertex(""), this._complete = this.createVertex("");
+    const e1 = this.createEdge(this._create, this._compile), e2 = this.createEdge(this._compile, this._execute), e3 = this.createEdge(this._execute, this._complete);
+    this.data({
+      vertices: [this._create, this._compile, this._execute, this._complete],
+      edges: [e1, e2, e3]
+    });
+  }
+  update(domNode, element) {
+    switch (this.attachWorkunit(), 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, !0);
+        break;
+      case WUStateID.Submitted:
+        this.updateVertexStatus(1, !0);
+        break;
+      case WUStateID.Compiled:
+        this.updateVertexStatus(2);
+        break;
+      case WUStateID.Aborting:
+      case WUStateID.Running:
+        this.updateVertexStatus(3, !0);
+        break;
+      case WUStateID.Aborted:
+      case WUStateID.Archived:
+      case WUStateID.Completed:
+        this.updateVertexStatus(4);
+        break;
+      case WUStateID.Failed:
+        this.updateVertexStatus(4, !1);
+        break;
+      case WUStateID.DebugPaused:
+      case WUStateID.DebugRunning:
+      case WUStateID.Paused:
+      case WUStateID.Unknown:
+      default:
+        this.updateVertexStatus(0);
+        break;
+    }
+    super.update(domNode, element), this.zoomToFit();
+  }
+  exit(domNode, element) {
+    this._wuHandle && this._wuHandle.release(), super.exit(domNode, element);
+  }
+}
+WUStatus.prototype._class += " eclwatch_WUStatus";
+WUStatus.prototype.publish("baseUrl", "", "string", "HPCC Platform Base URL");
+WUStatus.prototype.publish("wuid", "", "string", "Workunit ID");
+const columns = ["label", "start", "end", "icon", "color", "series"];
+class WUTimeline extends ReactTimelineSeries {
+  constructor() {
+    super();
+    __publicField(this, "_palette", Palette.ordinal("default"));
+    __publicField(this, "_prevHashSum");
+    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((d) => d[columns.length].calcTooltip());
+  }
+  clear() {
+    return delete this._prevHashSum, this;
+  }
+  fetchScopes() {
+    const hash = hashSum({
+      baseUrl: this.baseUrl(),
+      wuid: this.wuid(),
+      request: this.request()
+    });
+    this._prevHashSum !== hash && (this._prevHashSum = hash, Workunit.attach({ baseUrl: this.baseUrl() }, this.wuid()).fetchDetails(this.request()).then((scopes) => scopes.filter((scope) => scope.Id && scope.attr("WhenStarted").RawValue).map((scope) => {
+      const whenStarted = +scope.attr("WhenStarted").RawValue / 1e3, timeElapsed = +scope.attr("TimeElapsed").RawValue / 1e6;
+      return [
+        scope.Id,
+        new Date(whenStarted).toISOString(),
+        timeElapsed ? new Date(whenStarted + timeElapsed).toISOString() : void 0,
+        null,
+        this._palette(scope.ScopeType),
+        scope.ScopeName.split("::").join(":").split(":").slice(0, 1),
+        scope
+      ];
+    })).then((scopes) => {
+      this.data(scopes).render();
+    }));
+  }
+  enter(domNode, _element) {
+    super.enter(domNode, _element);
+  }
+  update(domNode, element) {
+    this.fetchScopes(), super.update(domNode, element);
+  }
+  exit(domNode, element) {
+    super.exit(domNode, element);
+  }
+}
+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: !1,
+    AllStatistics: !0,
+    AllHints: !1,
+    Properties: ["WhenStarted", "TimeElapsed"]
+  },
+  ScopeOptions: {
+    IncludeId: !0,
+    IncludeScope: !0,
+    IncludeScopeType: !0
+  },
+  PropertyOptions: {
+    IncludeName: !0,
+    IncludeRawValue: !0,
+    IncludeFormatted: !0,
+    IncludeMeasure: !0,
+    IncludeCreator: !1,
+    IncludeCreatorType: !1
+  }
+}, "object", "WUDetails Request");
+export {
+  BUILD_VERSION,
+  ECLArchiveViewer,
+  PKG_NAME,
+  PKG_VERSION,
+  STATUS,
+  STATUS_ACTIVE,
+  WUGraph,
+  WUResult,
+  WUScopeController,
+  WUStatus,
+  WUTimeline
+};
 //# sourceMappingURL=index.js.map