@hpcc-js/graph 2.69.0 → 2.73.0

package/dist/index.es6.js

@@ -5,8 +5,8 @@ import { render, Subgraph as Subgraph$1, Icons, Vertex as Vertex$1, Vertex3, Cen
 import { HTMLTooltip } from '@hpcc-js/html';
 
 var PKG_NAME = "@hpcc-js/graph";
-var PKG_VERSION = "2.69.0";
-var BUILD_VERSION = "2.85.0";
+var PKG_VERSION = "2.73.0";
+var BUILD_VERSION = "2.94.0";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -14462,6 +14462,7 @@ var Sankey$1 = /** @class */ (function (_super) {
         if (this.data().length === 0)
             return retVal;
         var vertexIndex = {};
+        var valueIdx = 2;
         var mappings = this.mappings().filter(function (mapping) { return mapping.valid(); });
         mappings.forEach(function (mapping, idx) {
             var view = this._db.rollupView([mapping.column()]);
@@ -14472,7 +14473,8 @@ var Sankey$1 = /** @class */ (function (_super) {
                         __id: id,
                         __category: mapping.column(),
                         name: row.key,
-                        origRow: row.values
+                        origRow: row.value,
+                        value: row.value[idx][valueIdx]
                     });
                     vertexIndex[id] = retVal.vertices.length - 1;
                 }
@@ -14490,7 +14492,7 @@ var Sankey$1 = /** @class */ (function (_super) {
                             __id: sourceID + "_" + targetID,
                             source: vertexIndex[sourceID],
                             target: vertexIndex[targetID],
-                            value: mapping2_1.aggregate(value.value)
+                            value: value.value[0][valueIdx]
                         });
                     });
                 });
@@ -14506,12 +14508,20 @@ var Sankey$1 = /** @class */ (function (_super) {
     Sankey$1.prototype.update = function (domNode, element) {
         _super.prototype.update.call(this, domNode, element);
         this._palette = this._palette.switch(this.paletteID());
+        var strokeWidth = this.vertexStrokeWidth();
         var sankeyData = this.sankeyData();
+        var sw2 = strokeWidth * 2;
         this._d3Sankey
-            .extent([[0, 0], [this.width(), this.height()]])
+            .extent([
+            [strokeWidth, strokeWidth],
+            [this.width() - sw2, this.height() - sw2]
+        ])
             .nodeWidth(this.vertexWidth())
             .nodePadding(this.vertexPadding());
-        this._d3Sankey({ nodes: sankeyData.vertices, links: sankeyData.edges });
+        this._d3Sankey({
+            nodes: sankeyData.vertices,
+            links: sankeyData.edges
+        });
         var context = this;
         // Links ---
         var link = element.selectAll(".link").data(sankeyData.edges);
@@ -14523,8 +14533,10 @@ var Sankey$1 = /** @class */ (function (_super) {
         })
             .merge(link)
             .attr("d", d3SankeyLinkHorizontal())
-            .style("stroke-width", function (d) { return Math.max(1, d.dy); })
-            .sort(function (a, b) { return b.dy - a.dy; })
+            .style("stroke-width", function (d) {
+            return Math.max(1, d.width);
+        })
+            .sort(function (a, b) { return b.width - a.width; })
             .select("title")
             .text(function (d) {
             return d.source.name + " → " + d.target.name + "\n" + d.value;
@@ -14557,23 +14569,33 @@ var Sankey$1 = /** @class */ (function (_super) {
             */
             .merge(node)
             .attr("transform", function (d) {
-            return "translate(" + d.x + "," + d.y + ")";
+            var _x = 0;
+            var _y = 0;
+            if (d.x0)
+                _x = d.x0;
+            if (d.y0)
+                _y = d.y0;
+            return "translate(" + (_x + strokeWidth) + "," + (_y + strokeWidth) + ")";
         })
             .each(function () {
             var n = select(this);
             n.select("rect")
-                .attr("height", function (d) { return d.dy; })
+                .attr("height", function (d) { return d.y1 - d.y0; })
                 .attr("width", context._d3Sankey.nodeWidth())
                 .style("fill", function (d) { return context._palette(d.name); })
+                .style("stroke", function (d) { return context.vertexStrokeColor(); })
+                .style("stroke-width", function (d) { return strokeWidth; })
                 .style("cursor", (context.xAxisMovement() || context.yAxisMovement()) ? null : "default");
             n.select("text")
                 .attr("x", -6)
-                .attr("y", function (d) { return d.dy / 2; })
+                .attr("y", function (d) {
+                return (d.y1 - d.y0) / 2;
+            })
                 .attr("dy", ".35em")
                 .attr("text-anchor", "end")
                 .attr("transform", null)
                 .text(function (d) { return d.name; })
-                .filter(function (d) { return d.x < context.width() / 2; })
+                .filter(function (d) { return d.x0 < context.width() / 2; })
                 .attr("x", 6 + context._d3Sankey.nodeWidth())
                 .attr("text-anchor", "start");
         });
@@ -14623,6 +14645,8 @@ Sankey$1.prototype.mixin(Utility.SimpleSelectionMixin);
 Sankey$1.prototype._palette = Palette.ordinal("default");
 Sankey$1.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Sankey$1.prototype._palette.switch());
 Sankey$1.prototype.publish("mappings", [], "propertyArray", "Source Columns", null, { autoExpand: SankeyColumn });
+Sankey$1.prototype.publish("vertexStrokeWidth", 1, "number", "Vertex Stroke Width");
+Sankey$1.prototype.publish("vertexStrokeColor", "darkgray", "string", "Vertex Stroke Color");
 Sankey$1.prototype.publish("vertexWidth", 36, "number", "Vertex Width");
 Sankey$1.prototype.publish("vertexPadding", 40, "number", "Vertex Padding");
 Sankey$1.prototype.publish("xAxisMovement", false, "boolean", "Enable x-axis movement");
@@ -14966,6 +14990,10 @@ function graphviz(data, options) {
     };
 }
 
+var lineBasis$2 = d3Line()
+    .x(function (d) { return d[0]; })
+    .y(function (d) { return d[1]; })
+    .curve(d3CurveBasis);
 var Graphviz = /** @class */ (function (_super) {
     __extends(Graphviz, _super);
     function Graphviz(graph, engine, wasmFolder) {
@@ -15042,6 +15070,28 @@ var Graphviz = /** @class */ (function (_super) {
             return _this;
         });
     };
+    Graphviz.prototype.edgePath = function (ep, curveDepth) {
+        var _this = this;
+        var points = [];
+        var hasNaN = false;
+        if (ep.points) {
+            points = ep.points.map(function (p) {
+                var x = _this._graph.project(p[0], false);
+                var y = _this._graph.project(p[1], false);
+                if (isNaN(x) || isNaN(y)) {
+                    hasNaN = true;
+                }
+                return [x, y];
+            });
+        }
+        if (hasNaN || points.length < 2) {
+            return _super.prototype.edgePath.call(this, ep, curveDepth);
+        }
+        return {
+            path: lineBasis$2(points),
+            labelPos: this.center(points)
+        };
+    };
     return Graphviz;
 }(Layout));
 
@@ -16174,6 +16224,7 @@ var Graph2 = /** @class */ (function (_super) {
     };
     Graph2.prototype.resetLayout = function () {
         delete this._prevLayout;
+        return this;
     };
     Graph2.prototype.layoutRunning = function () {
         return this._layoutAlgo && this._layoutAlgo.running();
@@ -16487,6 +16538,7 @@ var Graph2 = /** @class */ (function (_super) {
         }, this._svgDefsAnn.node());
     };
     Graph2.prototype.updateEdges = function () {
+        var _this = this;
         var context = this;
         this._edgeG.selectAll(".graphEdge")
             .data(this._graphData.allEdges(), function (d) { return d.id; })
@@ -16522,7 +16574,10 @@ var Graph2 = /** @class */ (function (_super) {
             delete d.element;
         })
             .remove(); })
-            .style("stroke", this.edgeColor())
+            .style("stroke", function (d) {
+            var _a, _b;
+            return (_b = (_a = d.props) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : _this.edgeColor();
+        })
             .style("stroke-width", this.edgeStrokeWidth() + "px");
         return this;
     };
@@ -16724,7 +16779,7 @@ var Graph2 = /** @class */ (function (_super) {
                 };
             case "Tree":
             case "Dendrogram":
-                return { rankdir: "LR" };
+                return { rankdir: this.treeRankDirection() };
             case "DOT":
             case "Neato":
             case "FDP":
@@ -16965,6 +17020,7 @@ Graph2.prototype.publish("forceDirectedPinCentroid", false, "boolean", "Pin cent
 Graph2.prototype.publish("forceDirectedForceStrength", 0, "number", "Strength of center force", null, { disable: function (w) { return w.layout().indexOf("ForceDirected") !== 0; } });
 Graph2.prototype.publish("forceDirectedMinDistance", 1, "number", "Min distance between nodes", null, { disable: function (w) { return w.layout().indexOf("ForceDirected") !== 0; } });
 Graph2.prototype.publish("forceDirectedMaxDistance", Infinity, "number", "Max distance between nodes", null, { disable: function (w) { return w.layout().indexOf("ForceDirected") !== 0; } });
+Graph2.prototype.publish("treeRankDirection", "LR", "set", "Direction for Rank Nodes", ["TB", "LR"], { disable: function (w) { return w.layout() !== "Tree" && w.layout() !== "Dendrogram"; } });
 Graph2.prototype.publish("wasmFolder", null, "string", "WASM Folder", null, { optional: true, disable: function (w) { return ["DOT", "Neato", "FDP", "TwoPI", "Circo"].indexOf(w.layout()) < 0; } });
 var _origScale$1 = Graph2.prototype.scale;
 Graph2.prototype.scale = function (_, transitionDuration) {
@@ -17029,6 +17085,7 @@ var DataGraph = /** @class */ (function (_super) {
         _this._masterVerticesMap = {};
         _this._prevEdges = [];
         _this._masterEdges = [];
+        _this._masterEdgesMap = {};
         _this._prevHierarchy = [];
         _this._masterHierarchy = [];
         _this._masterHierarchyMap = {};
@@ -17065,19 +17122,24 @@ var DataGraph = /** @class */ (function (_super) {
         var columns = this.subgraphColumns();
         var idIdx = this.indexOf(columns, this.subgraphIDColumn(), "id");
         var labelIdx = this.indexOf(columns, this.subgraphLabelColumn(), "label");
-        var subgraphs = this.subgraphs();
-        var diff = compare2(this._prevSubgraphs, subgraphs, function (d) { return d[idIdx]; });
+        var subgraphs = this.subgraphs().map(function (sg) {
+            return {
+                id: "" + sg[idIdx],
+                text: "" + sg[labelIdx],
+                origData: toJsonObj(sg, columns)
+            };
+        });
+        var diff = compare2(this._prevSubgraphs, subgraphs, function (d) { return d.id; });
         diff.exit.forEach(function (item) {
-            _this._masterSubgraphs = _this._masterSubgraphs.filter(function (i) { return i.id !== item[idIdx]; });
+            _this._masterSubgraphs = _this._masterSubgraphs.filter(function (i) { return i.id !== item.id; });
+            delete _this._masterSubgraphsMap[item.id];
         });
         diff.enter.forEach(function (item) {
-            var sg = {
-                id: "" + item[idIdx],
-                text: "" + item[labelIdx],
-                origData: toJsonObj(item, columns)
-            };
-            _this._masterSubgraphs.push(sg);
-            _this._masterSubgraphsMap[sg.id] = sg;
+            _this._masterSubgraphs.push(item);
+            _this._masterSubgraphsMap[item.id] = item;
+        });
+        diff.update.forEach(function (item) {
+            _this._masterSubgraphsMap[item.id].origData = item.origData;
         });
         this._prevSubgraphs = subgraphs;
     };
@@ -17109,11 +17171,15 @@ var DataGraph = /** @class */ (function (_super) {
         var diff = compare2(this._prevVertices, vertices, function (d) { return d.id; });
         diff.exit.forEach(function (item) {
             _this._masterVertices = _this._masterVertices.filter(function (i) { return i.id !== item.id; });
+            delete _this._masterVerticesMap[item.id];
         });
         diff.enter.forEach(function (item) {
             _this._masterVertices.push(item);
             _this._masterVerticesMap[item.id] = item;
         });
+        diff.update.forEach(function (item) {
+            _this._masterVerticesMap[item.id].origData = item.origData;
+        });
         this._prevVertices = vertices;
     };
     DataGraph.prototype.mergeEdges = function () {
@@ -17124,6 +17190,7 @@ var DataGraph = /** @class */ (function (_super) {
         var targetIdx = this.indexOf(columns, this.edgeTargetColumn(), "target");
         var labelIdx = this.indexOf(columns, this.edgeLabelColumn(), "label");
         var weightIdx = this.indexOf(columns, this.edgeWeightColumn(), "weight");
+        var colorIdx = this.indexOf(columns, this.edgeColorColumn(), "color");
         var edges = this.edges().map(function (e) {
             var source = _this._masterVerticesMap["" + e[sourceIdx]];
             if (!source)
@@ -17137,6 +17204,7 @@ var DataGraph = /** @class */ (function (_super) {
                 source: source,
                 target: target,
                 weight: +e[weightIdx] || 1,
+                color: e[colorIdx],
                 label: labelIdx >= 0 ? ("" + e[labelIdx]) : "",
                 origData: toJsonObj(e, columns)
             };
@@ -17144,9 +17212,14 @@ var DataGraph = /** @class */ (function (_super) {
         var diff = compare2(this._masterEdges, edges, function (d) { return d.id; });
         diff.exit.forEach(function (item) {
             _this._masterEdges = _this._masterEdges.filter(function (i) { return i.id !== item.id; });
+            delete _this._masterEdgesMap[item.id];
         });
         diff.enter.forEach(function (item) {
             _this._masterEdges.push(item);
+            _this._masterEdgesMap[item.id] = item;
+        });
+        diff.update.forEach(function (item) {
+            _this._masterEdgesMap[item.id].origData = item.origData;
         });
         this._prevEdges = edges;
     };
@@ -17165,6 +17238,7 @@ var DataGraph = /** @class */ (function (_super) {
         var diff = compare2(this._prevHierarchy, hierarchy, function (d) { return d.id; });
         diff.exit.forEach(function (item) {
             _this._masterHierarchy = _this._masterHierarchy.filter(function (i) { return i.id !== item.id; });
+            delete _this._masterHierarchyMap[item.id];
         });
         diff.enter.forEach(function (item) {
             _this._masterHierarchy.push(item);
@@ -17269,9 +17343,13 @@ var DataGraph = /** @class */ (function (_super) {
         __metadata("design:type", Function)
     ], DataGraph.prototype, "edgeTargetColumn", void 0);
     __decorate([
-        publish("", "set", "Edge target ID column", function () { return this.edgeColumns(); }, { optional: true }),
+        publish("", "set", "Edge weight column", function () { return this.edgeColumns(); }, { optional: true }),
         __metadata("design:type", Function)
     ], DataGraph.prototype, "edgeWeightColumn", void 0);
+    __decorate([
+        publish("", "set", "Edge color column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], DataGraph.prototype, "edgeColorColumn", void 0);
     __decorate([
         publish([], "any", "Subgraph Columns"),
         __metadata("design:type", Function)
@@ -17292,5 +17370,325 @@ var DataGraph = /** @class */ (function (_super) {
 }(Graph2));
 DataGraph.prototype._class += " graph_DataGraph";
 
-export { AdjacencyGraph, Annotation, AnnotationColumn, BUILD_VERSION, DataGraph, Edge, Graph$9 as Graph, Graph2, PKG_NAME, PKG_VERSION, Sankey$1 as Sankey, SankeyColumn, Subgraph, Vertex, graphviz$1 as graphviz };
+var css_248z$6 = ".graph_SankeyGraph .node rect{cursor:move;fill-opacity:.9;shape-rendering:crispEdges;stroke:#a9a9a9}.graph_SankeyGraph .node.selected rect{stroke:red}.graph_SankeyGraph .node.over rect{stroke:orange}.graph_SankeyGraph .node.selected.over rect{stroke:red}.graph_SankeyGraph .node text{pointer-events:none;text-shadow:0 1px 0 #fff}.graph_SankeyGraph .node.selected text{fill:red}.graph_SankeyGraph .node.over text{fill:orange}.graph_SankeyGraph .node.selected.over text{fill:red}.graph_SankeyGraph .link{fill:none;stroke:#000;stroke-opacity:.2}.graph_SankeyGraph .link:hover{stroke-opacity:.5}";
+styleInject(css_248z$6);
+
+var SankeyGraph = /** @class */ (function (_super) {
+    __extends(SankeyGraph, _super);
+    function SankeyGraph() {
+        var _this = _super.call(this) || this;
+        _this._prevVertices = [];
+        _this._masterVertices = [];
+        _this._masterVerticesMap = {};
+        _this._prevEdges = [];
+        _this._masterEdges = [];
+        Utility.SimpleSelectionMixin.call(_this);
+        _this._drawStartPos = "origin";
+        return _this;
+    }
+    SankeyGraph.prototype.mergeVertices = function () {
+        var _this = this;
+        var columns = this.vertexColumns();
+        var annotationColumns = this.vertexAnnotationColumns();
+        var catIdx = this.indexOf(columns, this.vertexCategoryColumn(), "category");
+        var idIdx = this.indexOf(columns, this.vertexIDColumn(), "id");
+        var labelIdx = this.indexOf(columns, this.vertexLabelColumn(), "label");
+        var centroidIdx = this.indexOf(columns, this.vertexCentroidColumn(), "centroid");
+        var faCharIdx = this.indexOf(columns, this.vertexFACharColumn(), "faChar");
+        var vertexTooltipIdx = this.indexOf(columns, this.vertexTooltipColumn(), "tooltip");
+        var annotationIdxs = annotationColumns.map(function (ac) { return _this.indexOf(columns, ac.columnID(), ""); });
+        var vertices = this.vertices().map(function (v) {
+            return {
+                categoryID: "" + v[catIdx],
+                id: "" + v[idIdx],
+                text: "" + v[labelIdx],
+                tooltip: "" + v[vertexTooltipIdx],
+                origData: toJsonObj(v, columns),
+                centroid: !!v[centroidIdx],
+                icon: {
+                    imageChar: "" + (v[faCharIdx] || _this.vertexFAChar())
+                },
+                annotationIDs: annotationIdxs.map(function (ai, i) { return !!v[ai] ? annotationColumns[i].annotationID() : undefined; }).filter(function (a) { return !!a; })
+            };
+        });
+        var diff = compare2(this._prevVertices, vertices, function (d) { return d.id; });
+        diff.exit.forEach(function (item) {
+            _this._masterVertices = _this._masterVertices.filter(function (i) { return i.id !== item.id; });
+        });
+        diff.enter.forEach(function (item) {
+            _this._masterVertices.push(item);
+            _this._masterVerticesMap[item.id] = item;
+        });
+        this._prevVertices = vertices;
+    };
+    SankeyGraph.prototype.indexOf = function (columns, column, defColumn) {
+        if (defColumn === void 0) { defColumn = ""; }
+        var retVal = columns.indexOf(column);
+        return retVal >= 0 ? retVal : columns.indexOf(defColumn);
+    };
+    SankeyGraph.prototype.mergeEdges = function () {
+        var _this = this;
+        var columns = this.edgeColumns();
+        var idIdx = this.indexOf(columns, this.edgeIDColumn(), "id");
+        var sourceIdx = this.indexOf(columns, this.edgeSourceColumn(), "source");
+        var targetIdx = this.indexOf(columns, this.edgeTargetColumn(), "target");
+        var labelIdx = this.indexOf(columns, this.edgeLabelColumn(), "label");
+        var weightIdx = this.indexOf(columns, this.edgeWeightColumn(), "weight");
+        var edges = this.edges().map(function (e) {
+            var source = _this._masterVerticesMap["" + e[sourceIdx]];
+            if (!source)
+                console.error("Invalid edge source entity \"" + e[sourceIdx] + "\" does not exist.");
+            var target = _this._masterVerticesMap["" + e[targetIdx]];
+            if (!target)
+                console.error("Invalid edge target entity \"" + e[targetIdx] + "\" does not exist.");
+            return {
+                type: "edge",
+                id: idIdx >= 0 ? "" + e[idIdx] : "" + e[sourceIdx] + "->" + e[targetIdx],
+                source: source,
+                target: target,
+                value: +e[weightIdx] || 0,
+                label: labelIdx >= 0 ? ("" + e[labelIdx]) : "",
+                origData: toJsonObj(e, columns)
+            };
+        }).filter(function (e) { return e.source && e.target; });
+        var diff = compare2(this._masterEdges, edges, function (d) { return d.id; });
+        diff.exit.forEach(function (item) {
+            _this._masterEdges = _this._masterEdges.filter(function (i) { return i.id !== item.id; });
+        });
+        diff.enter.forEach(function (item) {
+            _this._masterEdges.push(item);
+        });
+        this._prevEdges = edges;
+    };
+    SankeyGraph.prototype.sankeyData = function () {
+        this.mergeVertices();
+        this.mergeEdges();
+        return {
+            vertices: this._masterVertices,
+            edges: this._masterEdges
+        };
+    };
+    SankeyGraph.prototype.enter = function (domNode, element) {
+        _super.prototype.enter.call(this, domNode, element);
+        this._d3Sankey = Sankey();
+        this._selection.widgetElement(element);
+    };
+    SankeyGraph.prototype.update = function (domNode, element) {
+        _super.prototype.update.call(this, domNode, element);
+        this._palette = this._palette.switch(this.paletteID());
+        var strokeWidth = this.vertexStrokeWidth();
+        var sankeyData = this.sankeyData();
+        this._d3Sankey
+            .nodeId(function (d) { return d.id; })
+            .extent([
+            [0, 0],
+            [this.width(), this.height()]
+        ]);
+        if (sankeyData.vertices.length > 0) {
+            this._d3Sankey({
+                nodes: sankeyData.vertices,
+                links: sankeyData.edges
+            });
+        }
+        var context = this;
+        // Links --- 
+        var link = element.selectAll(".link").data(sankeyData.edges);
+        link.enter().append("path")
+            .attr("class", "link")
+            .each(function () {
+            select(this)
+                .append("title");
+        })
+            .merge(link)
+            .attr("d", d3SankeyLinkHorizontal())
+            .style("stroke-width", function (d) { return Math.max(1, d.width); })
+            // .sort(function (a, b) { return b.width - a.width; })
+            .select("title")
+            .text(function (d) {
+            return d.source.text + " → " + d.target.text + "\n" + d.value;
+        });
+        link.exit().remove();
+        // Nodes ---
+        var node = element.selectAll(".node").data(sankeyData.vertices);
+        node.enter().append("g")
+            .attr("class", "node")
+            .call(this._selection.enter.bind(this._selection))
+            .on("click", function (d) {
+            context.click(d.origData, "", context._selection.selected(this));
+        })
+            .on("dblclick", function (d) {
+            context.dblclick(d.origData, "", context._selection.selected(this));
+        })
+            .each(function () {
+            var gElement = select(this);
+            gElement.append("rect");
+            gElement.append("text");
+        })
+            /*
+            .call(d3.behavior.drag()
+                .origin(function (d) { return d; })
+                .on("dragstart", function () {
+                    this.parentNode.appendChild(this);
+                })
+                .on("drag", dragmove)
+            )
+            */
+            .merge(node)
+            .attr("transform", function (d) {
+            var _x = 0;
+            var _y = 0;
+            if (d.x0)
+                _x = d.x0;
+            if (d.y0)
+                _y = d.y0;
+            return "translate(" + (_x + strokeWidth) + "," + (_y + strokeWidth) + ")";
+        })
+            .each(function () {
+            var n = select(this);
+            n.select("rect")
+                .attr("height", function (d) {
+                return d.y1 - d.y0;
+            })
+                .attr("width", function (d) { return d.x1 - d.x0; })
+                .style("fill", function (d) { return context._palette(d.categoryID); })
+                .style("stroke", function (d) { return context.vertexStrokeColor(); })
+                .style("stroke-width", function (d) { return strokeWidth; })
+                .style("cursor", (context.xAxisMovement() || context.yAxisMovement()) ? null : "default");
+            n.select("text")
+                .attr("x", -6)
+                .attr("y", function (d) {
+                return (d.y1 - d.y0) / 2;
+            })
+                .attr("dy", ".35em")
+                .attr("text-anchor", "end")
+                .attr("transform", null)
+                .text(function (d) {
+                return d.text;
+            })
+                .filter(function (d) {
+                return d.x0 < context.width() / 2;
+            })
+                .attr("x", 6 + context._d3Sankey.nodeWidth())
+                .attr("text-anchor", "start");
+        });
+        node.exit().remove();
+        /*
+        function dragmove(d) {
+            var gElement = d3.select(this);
+            if (context.xAxisMovement()) {
+                d.x = Math.max(0, Math.min(context.width() - d.dx, d3.event.x));
+            }
+            if (context.yAxisMovement()) {
+                d.y = Math.max(0, Math.min(context.height() - d.dy, d3.event.y));
+            }
+            gElement.attr("transform", "translate(" + d.x + "," + d.y + ")");
+            context._d3Sankey.relayout();
+            link.attr("d", context._d3SankeyPath);
+     
+            gElement.select("text")
+                .attr("x", -6)
+                .attr("y", function (d) { return d.dy / 2; })
+                .attr("dy", ".35em")
+                .attr("text-anchor", "end")
+                .attr("transform", null)
+                .text(function (d) { return d.name; })
+                .filter(function (d) { return d.x < context.width() / 2; })
+                    .attr("x", 6 + context._d3Sankey.nodeWidth())
+                    .attr("text-anchor", "start")
+            ;
+        }
+        */
+    };
+    SankeyGraph.prototype.exit = function (domNode, element) {
+        _super.prototype.exit.call(this, domNode, element);
+    };
+    //  Events  ---
+    SankeyGraph.prototype.click = function (row, column, selected) {
+        console.log("Click:  " + JSON.stringify(row) + ", " + column + "," + selected);
+    };
+    SankeyGraph.prototype.dblclick = function (row, column, selected) {
+        console.log("Double Click:  " + JSON.stringify(row) + ", " + column + "," + selected);
+    };
+    __decorate([
+        publish([], "any", "Vertex Columns", null, { internal: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexColumns", void 0);
+    __decorate([
+        publish([], "any", "Vertices (Nodes)", null, { internal: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertices", void 0);
+    __decorate([
+        publish("", "set", "Vertex Category ID column", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexCategoryColumn", void 0);
+    __decorate([
+        publish("", "set", "Vertex ID column", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexIDColumn", void 0);
+    __decorate([
+        publish("", "set", "Vertex label column", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexLabelColumn", void 0);
+    __decorate([
+        publish("", "set", "Vertex centroid column (boolean)", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexCentroidColumn", void 0);
+    __decorate([
+        publish("?", "string", "Vertex default FAChar"),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexFAChar", void 0);
+    __decorate([
+        publish("", "set", "Vertex FAChar column", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexFACharColumn", void 0);
+    __decorate([
+        publish("", "set", "Vertex tooltip column", function () { return this.vertexColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexTooltipColumn", void 0);
+    __decorate([
+        publish([], "propertyArray", "Annotations", null, { autoExpand: AnnotationColumn }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "vertexAnnotationColumns", void 0);
+    __decorate([
+        publish([], "any", "Edge columns", null, { internal: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeColumns", void 0);
+    __decorate([
+        publish([], "any", "Edges (Edges)", null, { internal: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edges", void 0);
+    __decorate([
+        publish("", "set", "Edge ID column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeIDColumn", void 0);
+    __decorate([
+        publish("", "set", "Edge label column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeLabelColumn", void 0);
+    __decorate([
+        publish("", "set", "Edge source ID column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeSourceColumn", void 0);
+    __decorate([
+        publish("", "set", "Edge target ID column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeTargetColumn", void 0);
+    __decorate([
+        publish("", "set", "Edge target ID column", function () { return this.edgeColumns(); }, { optional: true }),
+        __metadata("design:type", Function)
+    ], SankeyGraph.prototype, "edgeWeightColumn", void 0);
+    return SankeyGraph;
+}(SVGWidget));
+SankeyGraph.prototype._class += " graph_SankeyGraph";
+SankeyGraph.prototype.mixin(Utility.SimpleSelectionMixin);
+SankeyGraph.prototype._palette = Palette.ordinal("category10");
+SankeyGraph.prototype.publish("paletteID", "category10", "set", "Color palette for this widget", SankeyGraph.prototype._palette.switch());
+SankeyGraph.prototype.publish("vertexStrokeWidth", 1, "number", "Vertex Stroke Width");
+SankeyGraph.prototype.publish("vertexStrokeColor", "darkgray", "string", "Vertex Stroke Color");
+SankeyGraph.prototype.publish("vertexWidth", 36, "number", "Vertex Width");
+SankeyGraph.prototype.publish("vertexPadding", 20, "number", "Vertex Padding");
+SankeyGraph.prototype.publish("xAxisMovement", false, "boolean", "Enable x-axis movement");
+SankeyGraph.prototype.publish("yAxisMovement", false, "boolean", "Enable y-axis movement");
+
+export { AdjacencyGraph, Annotation, AnnotationColumn, BUILD_VERSION, DataGraph, Edge, Graph$9 as Graph, Graph2, PKG_NAME, PKG_VERSION, Sankey$1 as Sankey, SankeyColumn, SankeyGraph, Subgraph, Vertex, graphviz$1 as graphviz, toJsonObj };
 //# sourceMappingURL=index.es6.js.map