@syncfusion/ej2-layouts 28.2.5 → 29.1.34

package/dist/es6/ej2-layouts.es5.js

@@ -3445,7 +3445,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     };
     DashboardLayout.prototype.setHeightWidth = function () {
         var heightValue;
-        if (isNullOrUndefined(this.cellSpacing)) {
+        if (isNullOrUndefined(this.cellSpacing) || (this.panels.length === 0 && this.panelCollection &&
+            this.panelCollection.length === 0)) {
             return;
         }
         if (this.checkMediaQuery()) {
@@ -3467,6 +3468,10 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         var widthValue = window.getComputedStyle(this.element).width;
         setStyleAttribute(this.element, { 'width': widthValue });
     };
+    DashboardLayout.prototype.setEmptyLayoutHeight = function () {
+        this.element.style.removeProperty('height');
+        this.element.style.removeProperty('width');
+    };
     DashboardLayout.prototype.setHeightAndWidth = function (panelElement, panelModel) {
         setStyleAttribute(panelElement, { 'height': formatUnit(this.setXYDimensions(panelModel)[0]) });
         setStyleAttribute(panelElement, { 'width': formatUnit(this.setXYDimensions(panelModel)[1]) });
@@ -4977,6 +4982,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         this.updateCloneArrayObject();
         this.checkForChanges(false, null, clonedPanels);
         this.removeAllCalled = false;
+        this.setEmptyLayoutHeight();
     };
     /**
      * Removes the panel from the DashboardLayout.
@@ -5016,6 +5022,9 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         });
         this.updateCloneArrayObject();
         this.checkForChanges(false, null, [removedPanel]);
+        if (this.panels.length === 0 && this.panelCollection.length === 0) {
+            this.setEmptyLayoutHeight();
+        }
     };
     /**
      *Moves the panel in the DashboardLayout.
@@ -5268,8 +5277,10 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'cellSpacing':
                     this.setProperties({ cellSpacing: newProp.cellSpacing }, true);
-                    this.updateCellSizeAndSpacing();
-                    this.updateGridLines();
+                    if (!this.checkMediaQuery()) {
+                        this.updateCellSizeAndSpacing();
+                        this.updateGridLines();
+                    }
                     break;
                 case 'draggableHandle':
                     this.setProperties({ draggableHandle: newProp.draggableHandle }, true);