@progress/kendo-charts 2.2.0 → 2.3.0-dev.202402161236

package/dist/es/sankey/sankey.js

@@ -77,7 +77,8 @@ export var Sankey = (function (Observable) {
     Sankey.prototype._createSurface = function _createSurface () {
         return drawing.Surface.create(this.surfaceElement, {
             mouseenter: this._mouseenter.bind(this),
-            mouseleave: this._mouseleave.bind(this)
+            mouseleave: this._mouseleave.bind(this),
+            mousemove: this._mousemove.bind(this),
         });
     };
 
@@ -100,8 +101,11 @@ export var Sankey = (function (Observable) {
     };
 
     Sankey.prototype.trigger = function trigger (name, ev) {
-        ev.type = name;
-        return Observable.prototype.trigger.call(this, name, ev);
+        var event = Object.assign({}, ev,
+            {type: name,
+            dataItem: ev.element.dataItem});
+
+        return Observable.prototype.trigger.call(this, name, event);
     };
 
     Sankey.prototype._mouseenter = function _mouseenter (ev) {
@@ -139,6 +143,10 @@ export var Sankey = (function (Observable) {
             return;
         }
 
+        if (isLink || isNode) {
+            this.trigger('hideTooltip', ev);
+        }
+
         if ((isLink && this.trigger('linkLeave', ev)) ||
             (isNode && this.trigger('nodeLeave', ev))) {
             return;
@@ -149,6 +157,16 @@ export var Sankey = (function (Observable) {
         }
     };
 
+    Sankey.prototype._mousemove = function _mousemove (ev) {
+        var element = ev.element;
+
+        if (element.type === NODE) {
+            this.trigger('nodeTooltip', ev);
+        } else if (element.type === LINK) {
+            this.trigger('linkTooltip', ev);
+        }
+    };
+
     Sankey.prototype.highlightLinks = function highlightLinks (node, highlight) {
         var this$1 = this;
 
@@ -356,6 +374,12 @@ export var Sankey = (function (Observable) {
             var nodeVisual = nodeInstance.exportVisual();
             nodeVisual.links = [];
             nodeVisual.type = NODE;
+
+            nodeVisual.dataItem = Object.assign({}, data.nodes[i],
+                {color: nodeOps.color,
+                opacity: nodeOps.opacity,
+                sourceLinks: node.sourceLinks.map(function (link) { return ({ sourceId: link.sourceId, targetId: link.targetId, value: link.value }); }),
+                targetLinks: node.targetLinks.map(function (link) { return ({ sourceId: link.sourceId, targetId: link.targetId, value: link.value }); })});
             visualNodes.set(node.id, nodeVisual);
 
             visual.append(nodeVisual);
@@ -375,6 +399,11 @@ export var Sankey = (function (Observable) {
             var linkVisual = linkInstance.exportVisual();
 
             linkVisual.type = LINK;
+            linkVisual.dataItem = {
+                source: Object.assign({}, sourceNode.dataItem),
+                target: Object.assign({}, targetNode.dataItem),
+                value: link.value
+            };
             linksVisuals.push(linkVisual);
 
             sourceNode.links.push(linkVisual);

package/dist/es2015/sankey/sankey.js

@@ -69,7 +69,8 @@ export class Sankey extends Observable {
     _createSurface() {
         return drawing.Surface.create(this.surfaceElement, {
             mouseenter: this._mouseenter.bind(this),
-            mouseleave: this._mouseleave.bind(this)
+            mouseleave: this._mouseleave.bind(this),
+            mousemove: this._mousemove.bind(this),
         });
     }
 
@@ -90,8 +91,11 @@ export class Sankey extends Observable {
     }
 
     trigger(name, ev) {
-        ev.type = name;
-        return super.trigger(name, ev);
+        const event = Object.assign({}, ev,
+            {type: name,
+            dataItem: ev.element.dataItem});
+
+        return super.trigger(name, event);
     }
 
     _mouseenter(ev) {
@@ -128,6 +132,10 @@ export class Sankey extends Observable {
             return;
         }
 
+        if (isLink || isNode) {
+            this.trigger('hideTooltip', ev);
+        }
+
         if ((isLink && this.trigger('linkLeave', ev)) ||
             (isNode && this.trigger('nodeLeave', ev))) {
             return;
@@ -138,6 +146,16 @@ export class Sankey extends Observable {
         }
     }
 
+    _mousemove(ev) {
+        const element = ev.element;
+
+        if (element.type === NODE) {
+            this.trigger('nodeTooltip', ev);
+        } else if (element.type === LINK) {
+            this.trigger('linkTooltip', ev);
+        }
+    }
+
     highlightLinks(node, highlight) {
         if (node) {
             this.setLinksOpacity(highlight.inactiveOpacity);
@@ -322,6 +340,12 @@ export class Sankey extends Observable {
             const nodeVisual = nodeInstance.exportVisual();
             nodeVisual.links = [];
             nodeVisual.type = NODE;
+
+            nodeVisual.dataItem = Object.assign({}, data.nodes[i],
+                {color: nodeOps.color,
+                opacity: nodeOps.opacity,
+                sourceLinks: node.sourceLinks.map(link => ({ sourceId: link.sourceId, targetId: link.targetId, value: link.value })),
+                targetLinks: node.targetLinks.map(link => ({ sourceId: link.sourceId, targetId: link.targetId, value: link.value }))});
             visualNodes.set(node.id, nodeVisual);
 
             visual.append(nodeVisual);
@@ -340,6 +364,11 @@ export class Sankey extends Observable {
             const linkVisual = linkInstance.exportVisual();
 
             linkVisual.type = LINK;
+            linkVisual.dataItem = {
+                source: Object.assign({}, sourceNode.dataItem),
+                target: Object.assign({}, targetNode.dataItem),
+                value: link.value
+            };
             linksVisuals.push(linkVisual);
 
             sourceNode.links.push(linkVisual);