@progress/kendo-charts 2.3.0-dev.202403271344 → 2.3.0-dev.202404030834

package/dist/es/sankey/legend.js

@@ -26,6 +26,7 @@ export var Legend = (function (SankeyElement) {
         var drawingRect = options.drawingRect;
         var nodes = options.nodes; if ( nodes === void 0 ) nodes = [];
         var colors = options.colors; if ( colors === void 0 ) colors = [];
+        var item = options.item;
 
         if (options.visible === false || !nodes.length) {
             return null;
@@ -33,7 +34,10 @@ export var Legend = (function (SankeyElement) {
 
         var data = nodes.map(function (node, index) { return ({
             text: (node.label && node.label.text) || '',
-            area: { background: nodeColor(node, colors, index), opacity: node.opacity },
+            area: {
+                background: item.areaBackground !== undefined ? item.areaBackground : nodeColor(node, colors, index),
+                opacity: item.areaOpacity !== undefined ? item.areaOpacity : node.opacity
+            },
             node: node,
         }); });
 

package/dist/es/sankey/sankey.js

@@ -53,6 +53,10 @@ export var Sankey = (function (Observable) {
         if (title.text) {
             element.setAttribute('aria-label', title.text);
         }
+
+        if (title.description) {
+            element.setAttribute("aria-roledescription", title.description);
+        }
     };
 
     Sankey.prototype._initSurface = function _initSurface () {
@@ -178,34 +182,29 @@ export var Sankey = (function (Observable) {
     Sankey.prototype._mousemove = function _mousemove (ev) {
         var this$1 = this;
 
+        var ref = this.options.tooltips;
+        var followPointer = ref.followPointer;
+        var delay = ref.delay;
         var element = ev.element;
-
         var tooltipElType = element.type;
-        if (tooltipElType !== LINK && tooltipElType !== NODE) {
+
+        if ((tooltipElType !== LINK && tooltipElType !== NODE) || (this.tooltipShown && !followPointer)) {
             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;
-        }
+        var isTop = mouseEvent.clientY - rect.top < rect.height / 2;
 
         ev.tooltipData = {
             popupOffset: {
-                left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
+                left: mouseEvent.pageX,
                 top: mouseEvent.pageY
             },
             popupAlign: {
                 horizontal: isLeft ? 'left' : 'right',
-                vertical: 'center'
+                vertical: isTop ? 'top' : 'bottom'
             }
         };
 
@@ -617,7 +616,6 @@ setDefaultOptions(Sankey, {
         }
     },
     tooltips: {
-        offset: 10,
         followPointer: false,
         delay: 1000
     }

package/dist/es2015/sankey/legend.js

@@ -15,7 +15,7 @@ const sortData = (a, b) => {
 export class Legend extends SankeyElement {
     getElement() {
         const options = this.options;
-        const { drawingRect, nodes = [], colors = [] } = options;
+        const { drawingRect, nodes = [], colors = [], item } = options;
 
         if (options.visible === false || !nodes.length) {
             return null;
@@ -23,7 +23,10 @@ export class Legend extends SankeyElement {
 
         const data = nodes.map((node, index) => ({
             text: (node.label && node.label.text) || '',
-            area: { background: nodeColor(node, colors, index), opacity: node.opacity },
+            area: {
+                background: item.areaBackground !== undefined ? item.areaBackground : nodeColor(node, colors, index),
+                opacity: item.areaOpacity !== undefined ? item.areaOpacity : node.opacity
+            },
             node: node,
         }));
 

package/dist/es2015/sankey/sankey.js

@@ -48,6 +48,10 @@ export class Sankey extends Observable {
         if (title.text) {
             element.setAttribute('aria-label', title.text);
         }
+
+        if (title.description) {
+            element.setAttribute("aria-roledescription", title.description);
+        }
     }
 
     _initSurface() {
@@ -164,31 +168,27 @@ export class Sankey extends Observable {
     }
 
     _mousemove(ev) {
+        const { followPointer, delay } = this.options.tooltips;
         const element = ev.element;
-
         const tooltipElType = element.type;
-        if (tooltipElType !== LINK && tooltipElType !== NODE) {
+
+        if ((tooltipElType !== LINK && tooltipElType !== NODE) || (this.tooltipShown && !followPointer)) {
             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;
-        }
+        const isTop = mouseEvent.clientY - rect.top < rect.height / 2;
 
         ev.tooltipData = {
             popupOffset: {
-                left: mouseEvent.pageX + (isLeft ? offset : (-1 * offset)),
+                left: mouseEvent.pageX,
                 top: mouseEvent.pageY
             },
             popupAlign: {
                 horizontal: isLeft ? 'left' : 'right',
-                vertical: 'center'
+                vertical: isTop ? 'top' : 'bottom'
             }
         };
 
@@ -573,7 +573,6 @@ setDefaultOptions(Sankey, {
         }
     },
     tooltips: {
-        offset: 10,
         followPointer: false,
         delay: 1000
     }