@progress/kendo-charts 2.3.0-dev.202403071434 → 2.3.0-dev.202403191229

package/dist/es/common/render-icon.js

@@ -8,6 +8,7 @@ import removeClass from './remove-class';
 
 var KICON = 'k-icon';
 var KI_PREFFIX = 'k-i-';
+var KFONTICON = 'k-font-icon';
 var KSVGICON = 'k-svg-icon';
 var KSVG_PREFFIX = 'k-svg-i-';
 
@@ -55,6 +56,7 @@ var HTMLFontIcon = (function (HTMLBaseIcon) {
         this._className = className;
 
         addClass(this.element, KICON);
+        addClass(this.element, KFONTICON);
         removeClass(this.element, currentIconClass); // Remove any existing icons.
         addClass(this.element, className);
         addClass(this.element, this.options.iconClass || '');

package/dist/es/sankey/sankey.js

@@ -146,7 +146,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,13 +165,57 @@ export var Sankey = (function (Observable) {
     };
 
     Sankey.prototype._mousemove = function _mousemove (ev) {
+        var this$1 = this;
+
         var element = ev.element;
 
-        if (element.type === NODE) {
-            this.trigger('nodeTooltip', ev);
-        } else if (element.type === LINK) {
-            this.trigger('linkTooltip', ev);
+        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.highlightLinks = function highlightLinks (node, highlight) {
@@ -539,5 +588,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/common/render-icon.js

@@ -8,6 +8,7 @@ import removeClass from './remove-class';
 
 const KICON = 'k-icon';
 const KI_PREFFIX = 'k-i-';
+const KFONTICON = 'k-font-icon';
 const KSVGICON = 'k-svg-icon';
 const KSVG_PREFFIX = 'k-svg-i-';
 
@@ -53,6 +54,7 @@ class HTMLFontIcon extends HTMLBaseIcon {
         this._className = className;
 
         addClass(this.element, KICON);
+        addClass(this.element, KFONTICON);
         removeClass(this.element, currentIconClass); // Remove any existing icons.
         addClass(this.element, className);
         addClass(this.element, this.options.iconClass || '');

package/dist/es2015/sankey/sankey.js

@@ -135,7 +135,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,11 +156,48 @@ 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);
     }
 
     highlightLinks(node, highlight) {
@@ -503,5 +545,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() {