@progress/kendo-charts 1.26.1 → 1.27.0-dev.202212220929

package/dist/es/chart/chart.js

@@ -1061,33 +1061,7 @@ var Chart = (function (Class) {
             return (element.hover || element.over) && !(element instanceof PlotAreaBase);
         });
 
-        var activePoint = this._activePoint;
-        var multipleSeries = this._plotArea.series.length > 1;
-        var hasInactiveOpacity = this._hasInactiveOpacity();
-
-        this._updateHoveredPoint(point, e);
-
-        if (point && activePoint !== point && point.hover) {
-            this._activePoint = point;
-
-            if (!this._sharedTooltip() && !point.hover(this, e)) {
-                this._displayTooltip(point);
-
-                if (hasInactiveOpacity) {
-                    this._displayInactiveOpacity(point, multipleSeries);
-                } else {
-                    this._highlight.show(point);
-                }
-            }
-        } else if (!point && hasInactiveOpacity) {
-            if (multipleSeries && this._activeChartInstance) {
-                this._updateSeriesOpacity(point, true);
-                this._applySeriesOpacity(this._activeChartInstance.children, null, true);
-                this._activeChartInstance = null;
-            }
-            this._highlight && this._highlight.hide();
-            this._activePoint = null;
-        }
+        this._showInactiveOpacity(point, e);
 
         return point;
     };
@@ -1223,6 +1197,44 @@ var Chart = (function (Class) {
         return chartInstance;
     };
 
+    Chart.prototype._showInactiveOpacity = function _showInactiveOpacity (point, e) {
+        var activePoint = this._activePoint;
+        var multipleSeries = this._plotArea.series.length > 1;
+        var hasInactiveOpacity = this._hasInactiveOpacity();
+
+        this._updateHoveredPoint(point, e);
+
+        if (point && activePoint !== point && point.hover) {
+            this._activePoint = point;
+
+            if (!this._sharedTooltip() && !point.hover(this, e)) {
+                this._displayTooltip(point);
+
+                if (hasInactiveOpacity) {
+                    this._displayInactiveOpacity(point, multipleSeries);
+                } else {
+                    this._highlight.show(point);
+                }
+            }
+        }
+
+        return point;
+    };
+
+    Chart.prototype._hideInactiveOpacity = function _hideInactiveOpacity (point) {
+        var multipleSeries = this._plotArea.series.length > 1;
+        var hasInactiveOpacity = this._hasInactiveOpacity();
+        if (hasInactiveOpacity) {
+            if (multipleSeries && this._activeChartInstance) {
+                this._updateSeriesOpacity(point, true);
+                this._applySeriesOpacity(this._activeChartInstance.children, null, true);
+                this._activeChartInstance = null;
+            }
+            this._highlight && this._highlight.hide();
+            this._activePoint = null;
+        }
+    };
+
     Chart.prototype._hasInactiveOpacity = function _hasInactiveOpacity () {
         var hasDefaultInactiveOpacity = this.options.seriesDefaults.highlight.inactiveOpacity !== undefined;
         var hasInactiveOpacity = this.options.series.filter(function (s) { return s.highlight.inactiveOpacity !== undefined; } ).length > 0;
@@ -1280,6 +1292,8 @@ var Chart = (function (Class) {
             unbindEvents(document, ( obj = {}, obj[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj ));
             this._unsetActivePoint();
             this._mouseMoveTrackHandler = null;
+
+            this._hideInactiveOpacity(point);
         }
     };
 

package/dist/es2015/chart/chart.js

@@ -1038,33 +1038,7 @@ class Chart extends Class {
             return (element.hover || element.over) && !(element instanceof PlotAreaBase);
         });
 
-        const activePoint = this._activePoint;
-        const multipleSeries = this._plotArea.series.length > 1;
-        const hasInactiveOpacity = this._hasInactiveOpacity();
-
-        this._updateHoveredPoint(point, e);
-
-        if (point && activePoint !== point && point.hover) {
-            this._activePoint = point;
-
-            if (!this._sharedTooltip() && !point.hover(this, e)) {
-                this._displayTooltip(point);
-
-                if (hasInactiveOpacity) {
-                    this._displayInactiveOpacity(point, multipleSeries);
-                } else {
-                    this._highlight.show(point);
-                }
-            }
-        } else if (!point && hasInactiveOpacity) {
-            if (multipleSeries && this._activeChartInstance) {
-                this._updateSeriesOpacity(point, true);
-                this._applySeriesOpacity(this._activeChartInstance.children, null, true);
-                this._activeChartInstance = null;
-            }
-            this._highlight && this._highlight.hide();
-            this._activePoint = null;
-        }
+        this._showInactiveOpacity(point, e);
 
         return point;
     }
@@ -1194,6 +1168,44 @@ class Chart extends Class {
         return chartInstance;
     }
 
+    _showInactiveOpacity(point, e) {
+        const activePoint = this._activePoint;
+        const multipleSeries = this._plotArea.series.length > 1;
+        const hasInactiveOpacity = this._hasInactiveOpacity();
+
+        this._updateHoveredPoint(point, e);
+
+        if (point && activePoint !== point && point.hover) {
+            this._activePoint = point;
+
+            if (!this._sharedTooltip() && !point.hover(this, e)) {
+                this._displayTooltip(point);
+
+                if (hasInactiveOpacity) {
+                    this._displayInactiveOpacity(point, multipleSeries);
+                } else {
+                    this._highlight.show(point);
+                }
+            }
+        }
+
+        return point;
+    }
+
+    _hideInactiveOpacity(point) {
+        const multipleSeries = this._plotArea.series.length > 1;
+        const hasInactiveOpacity = this._hasInactiveOpacity();
+        if (hasInactiveOpacity) {
+            if (multipleSeries && this._activeChartInstance) {
+                this._updateSeriesOpacity(point, true);
+                this._applySeriesOpacity(this._activeChartInstance.children, null, true);
+                this._activeChartInstance = null;
+            }
+            this._highlight && this._highlight.hide();
+            this._activePoint = null;
+        }
+    }
+
     _hasInactiveOpacity() {
         let hasDefaultInactiveOpacity = this.options.seriesDefaults.highlight.inactiveOpacity !== undefined;
         let hasInactiveOpacity = this.options.series.filter(s => s.highlight.inactiveOpacity !== undefined ).length > 0;
@@ -1247,6 +1259,8 @@ class Chart extends Class {
             });
             this._unsetActivePoint();
             this._mouseMoveTrackHandler = null;
+
+            this._hideInactiveOpacity(point);
         }
     }