@progress/kendo-charts 2.3.0-dev.202403082114 → 2.3.0-dev.202403201419

package/dist/es/sankey/sankey.js

@@ -81,6 +81,7 @@ export var Sankey = (function (Observable) {
             mouseenter: this._mouseenter.bind(this),
             mouseleave: this._mouseleave.bind(this),
             mousemove: this._mousemove.bind(this),
+            click: this._click.bind(this)
         });
     };
 
@@ -105,6 +106,7 @@ export var Sankey = (function (Observable) {
     Sankey.prototype.trigger = function trigger (name, ev) {
         var event = Object.assign({}, ev,
             {type: name,
+            targetType: ev.element.type,
             dataItem: ev.element.dataItem});
 
         return Observable.prototype.trigger.call(this, name, event);
@@ -146,7 +148,12 @@ export var Sankey = (function (Observable) {
         }
 
         if (isLink || isNode) {
-            this.trigger('hideTooltip', ev);
+            if (this.tooltipTimeOut) {
+                clearTimeout(this.tooltipTimeOut);
+                this.tooltipTimeOut = null;
+            }
+            this.tooltipShown = false;
+            this.trigger('tooltipHide', ev);
         }
 
         if ((isLink && this.trigger('linkLeave', ev)) ||
@@ -160,12 +167,68 @@ export var Sankey = (function (Observable) {
     };
 
     Sankey.prototype._mousemove = function _mousemove (ev) {
+        var this$1 = this;
+
+        var element = ev.element;
+
+        var tooltipElType = element.type;
+        if (tooltipElType !== LINK && tooltipElType !== NODE) {
+            return;
+        }
+
+        ev.tooltipTargetType = tooltipElType;
+        var mouseEvent = ev.originalEvent;
+        var rect = this.element.getBoundingClientRect();
+        var isLeft = mouseEvent.clientX - rect.left < rect.width / 2;
+        var ref = this.options.tooltips;
+        var offset = ref.offset;
+        var followPointer = ref.followPointer;
+        var delay = ref.delay;
+
+        if (this.tooltipShown && !followPointer) {
+            return;
+        }
+
+        ev.tooltipData = {
+            popupOffset: {
+                left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
+                top: mouseEvent.pageY
+            },
+            popupAlign: {
+                horizontal: isLeft ? 'left' : 'right',
+                vertical: 'center'
+            }
+        };
+
+        if (tooltipElType === NODE) {
+            var ref$1 = element.dataItem;
+            var sourceLinks = ref$1.sourceLinks;
+            var targetLinks = ref$1.targetLinks;
+            var links = targetLinks.length ? targetLinks : sourceLinks;
+            ev.nodeValue = links.reduce(function (acc, link) { return acc + link.value; }, 0);
+        }
+
+        if (this.tooltipTimeOut) {
+            clearTimeout(this.tooltipTimeOut);
+            this.tooltipTimeOut = null;
+        }
+
+        this.tooltipTimeOut = setTimeout(function () {
+            this$1.trigger('tooltipShow', ev);
+            this$1.tooltipShown = true;
+            this$1.tooltipTimeOut = null;
+        }, delay);
+    };
+
+    Sankey.prototype._click = function _click (ev) {
         var element = ev.element;
+        var isLink = element.type === LINK;
+        var isNode = element.type === NODE;
 
-        if (element.type === NODE) {
-            this.trigger('nodeTooltip', ev);
-        } else if (element.type === LINK) {
-            this.trigger('linkTooltip', ev);
+        if (isNode) {
+            this.trigger('nodeClick', ev);
+        } else if (isLink) {
+            this.trigger('linkClick', ev);
         }
     };
 
@@ -539,5 +602,10 @@ setDefaultOptions(Sankey, {
             opacity: 0.8,
             inactiveOpacity: 0.2
         }
+    },
+    tooltips: {
+        offset: 10,
+        followPointer: false,
+        delay: 1000
     }
 });

package/dist/es/sankey/title.js

@@ -1,7 +1,7 @@
 import { Title as ChartTitle } from "../core";
 import { SankeyElement } from "./element";
 import { setDefaultOptions, getSpacing } from '../common';
-import { CENTER, TOP } from "../common/constants";
+import { CENTER } from "../common/constants";
 
 export var Title = (function (SankeyElement) {
     function Title () {

package/dist/es2015/sankey/sankey.js

@@ -73,6 +73,7 @@ export class Sankey extends Observable {
             mouseenter: this._mouseenter.bind(this),
             mouseleave: this._mouseleave.bind(this),
             mousemove: this._mousemove.bind(this),
+            click: this._click.bind(this)
         });
     }
 
@@ -95,6 +96,7 @@ export class Sankey extends Observable {
     trigger(name, ev) {
         const event = Object.assign({}, ev,
             {type: name,
+            targetType: ev.element.type,
             dataItem: ev.element.dataItem});
 
         return super.trigger(name, event);
@@ -135,7 +137,12 @@ export class Sankey extends Observable {
         }
 
         if (isLink || isNode) {
-            this.trigger('hideTooltip', ev);
+            if (this.tooltipTimeOut) {
+                clearTimeout(this.tooltipTimeOut);
+                this.tooltipTimeOut = null;
+            }
+            this.tooltipShown = false;
+            this.trigger('tooltipHide', ev);
         }
 
         if ((isLink && this.trigger('linkLeave', ev)) ||
@@ -151,10 +158,59 @@ 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);
+        const tooltipElType = element.type;
+        if (tooltipElType !== LINK && tooltipElType !== NODE) {
+            return;
+        }
+
+        ev.tooltipTargetType = tooltipElType;
+        const mouseEvent = ev.originalEvent;
+        const rect = this.element.getBoundingClientRect();
+        const isLeft = mouseEvent.clientX - rect.left < rect.width / 2;
+        const { offset, followPointer, delay } = this.options.tooltips;
+
+        if (this.tooltipShown && !followPointer) {
+            return;
+        }
+
+        ev.tooltipData = {
+            popupOffset: {
+                left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
+                top: mouseEvent.pageY
+            },
+            popupAlign: {
+                horizontal: isLeft ? 'left' : 'right',
+                vertical: 'center'
+            }
+        };
+
+        if (tooltipElType === NODE) {
+            const { sourceLinks, targetLinks } = element.dataItem;
+            const links = targetLinks.length ? targetLinks : sourceLinks;
+            ev.nodeValue = links.reduce((acc, link) => acc + link.value, 0);
+        }
+
+        if (this.tooltipTimeOut) {
+            clearTimeout(this.tooltipTimeOut);
+            this.tooltipTimeOut = null;
+        }
+
+        this.tooltipTimeOut = setTimeout(() => {
+            this.trigger('tooltipShow', ev);
+            this.tooltipShown = true;
+            this.tooltipTimeOut = null;
+        }, delay);
+    }
+
+    _click(ev) {
+        const element = ev.element;
+        const isLink = element.type === LINK;
+        const isNode = element.type === NODE;
+
+        if (isNode) {
+            this.trigger('nodeClick', ev);
+        } else if (isLink) {
+            this.trigger('linkClick', ev);
         }
     }
 
@@ -503,5 +559,10 @@ setDefaultOptions(Sankey, {
             opacity: 0.8,
             inactiveOpacity: 0.2
         }
+    },
+    tooltips: {
+        offset: 10,
+        followPointer: false,
+        delay: 1000
     }
 });

package/dist/es2015/sankey/title.js

@@ -1,7 +1,7 @@
 import { Title as ChartTitle } from "../core";
 import { SankeyElement } from "./element";
 import { setDefaultOptions, getSpacing } from '../common';
-import { CENTER, TOP } from "../common/constants";
+import { CENTER } from "../common/constants";
 
 export class Title extends SankeyElement {
     getElement() {