@progress/kendo-charts 2.6.0-dev.202410171740 → 2.6.0-dev.202410180430

package/dist/es/chart/chart.js

@@ -23,7 +23,7 @@ import { X, Y, VALUE, DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_SERIES_OPACITY,
     ENTER, ESCAPE } from '../common/constants';
 import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
     elementScale, elementStyles, eventCoordinates, bindEvents, unbindEvents, mousewheelDelta, FontLoader, inArray, round,
-    valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty } from '../common';
+    valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty, hasClasses } from '../common';
 
 import { DRAG_START, DRAG, DRAG_END, ZOOM_START, ZOOM, ZOOM_END, SELECT_START, SELECT, SELECT_END, PLOT_AREA_HOVER, PLOT_AREA_LEAVE,
     RENDER, CATEGORY, PIE, DONUT, FUNNEL, PYRAMID, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER,
@@ -74,6 +74,7 @@ var Chart = (function (Class) {
                 this$1.trigger('init');
                 this$1._redraw();
                 this$1._attachEvents();
+                this$1._restoreOverlayElement();
             }
         });
     }
@@ -83,14 +84,27 @@ var Chart = (function (Class) {
     Chart.prototype.constructor = Chart;
 
     Chart.prototype._initElement = function _initElement (element) {
+        var this$1 = this;
+
         this._setElementClass(element);
         element.style.position = "relative";
         element.tabIndex = element.getAttribute("tabindex") ? element.getAttribute("tabindex") : 0;
         // To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the document role as a fallback value, in the form role="graphics-document document".
         element.setAttribute("role", "graphics-document document");
-        while (element.firstChild) {
-            element.removeChild(element.firstChild);
+
+        for (var i = element.childNodes.length - 1; i >= 0; i--) {
+            var child = element.childNodes[i];
+
+            if (!hasClasses(child, "k-chart-overlay")) {
+                element.removeChild(child);
+            } else {
+                // this is necessary if the overlay is rendered server-side, e.g. in blazor
+                // but drawing the surface clears the contents of the element
+                // and thus the no data overlay is lost
+                this$1.overlayElement = child;
+            }
         }
+
         this.element = element;
     };
 
@@ -98,6 +112,28 @@ var Chart = (function (Class) {
         addClass(element, "k-chart");
     };
 
+    Chart.prototype._restoreOverlayElement = function _restoreOverlayElement () {
+        if (!this.overlayElement) {
+            return;
+        }
+
+        if (this._hasSeriesData()) {
+            this.overlayElement.style.display = "none";
+        } else {
+            this.overlayElement.style.display = "";
+        }
+
+        if (this.overlayElement.parentElement !== this.element) {
+            this.element.appendChild(this.overlayElement);
+        }
+    };
+
+    Chart.prototype._hasSeriesData = function _hasSeriesData () {
+        var series = this.options.series || [];
+        var result = series.length > 0 && series.every(function (x) { return x.data && x.data.length > 0; });
+        return result;
+    };
+
     Chart.prototype._initTheme = function _initTheme (options, themeOptions) {
         var seriesCopies = [];
         var series = options.series || [];
@@ -2023,6 +2059,7 @@ var Chart = (function (Class) {
         this.bindCategories();
         this.redraw();
         this.updateMouseMoveHandler();
+        this._restoreOverlayElement();
     };
 
     Chart.prototype.setDirection = function setDirection (rtl) {

package/dist/es2015/chart/chart.js

@@ -23,7 +23,7 @@ import { X, Y, VALUE, DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_SERIES_OPACITY,
     ENTER, ESCAPE } from '../common/constants';
 import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
     elementScale, elementStyles, eventCoordinates, bindEvents, unbindEvents, mousewheelDelta, FontLoader, inArray, round,
-    valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty } from '../common';
+    valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty, hasClasses } from '../common';
 
 import { DRAG_START, DRAG, DRAG_END, ZOOM_START, ZOOM, ZOOM_END, SELECT_START, SELECT, SELECT_END, PLOT_AREA_HOVER, PLOT_AREA_LEAVE,
     RENDER, CATEGORY, PIE, DONUT, FUNNEL, PYRAMID, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER,
@@ -71,6 +71,7 @@ class Chart extends Class {
                 this.trigger('init');
                 this._redraw();
                 this._attachEvents();
+                this._restoreOverlayElement();
             }
         });
     }
@@ -81,9 +82,20 @@ class Chart extends Class {
         element.tabIndex = element.getAttribute("tabindex") ? element.getAttribute("tabindex") : 0;
         // To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the document role as a fallback value, in the form role="graphics-document document".
         element.setAttribute("role", "graphics-document document");
-        while (element.firstChild) {
-            element.removeChild(element.firstChild);
+
+        for (let i = element.childNodes.length - 1; i >= 0; i--) {
+            const child = element.childNodes[i];
+
+            if (!hasClasses(child, "k-chart-overlay")) {
+                element.removeChild(child);
+            } else {
+                // this is necessary if the overlay is rendered server-side, e.g. in blazor
+                // but drawing the surface clears the contents of the element
+                // and thus the no data overlay is lost
+                this.overlayElement = child;
+            }
         }
+
         this.element = element;
     }
 
@@ -91,6 +103,28 @@ class Chart extends Class {
         addClass(element, "k-chart");
     }
 
+    _restoreOverlayElement() {
+        if (!this.overlayElement) {
+            return;
+        }
+
+        if (this._hasSeriesData()) {
+            this.overlayElement.style.display = "none";
+        } else {
+            this.overlayElement.style.display = "";
+        }
+
+        if (this.overlayElement.parentElement !== this.element) {
+            this.element.appendChild(this.overlayElement);
+        }
+    }
+
+    _hasSeriesData() {
+        const series = this.options.series || [];
+        const result = series.length > 0 && series.every(x => x.data && x.data.length > 0);
+        return result;
+    }
+
     _initTheme(options, themeOptions) {
         const seriesCopies = [];
         const series = options.series || [];
@@ -1958,6 +1992,7 @@ class Chart extends Class {
         this.bindCategories();
         this.redraw();
         this.updateMouseMoveHandler();
+        this._restoreOverlayElement();
     }
 
     setDirection(rtl) {