@syncfusion/ej2-layouts 28.2.5 → 29.1.34

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

@@ -3385,7 +3385,8 @@ let DashboardLayout = class DashboardLayout extends Component {
     }
     setHeightWidth() {
         let heightValue;
-        if (isNullOrUndefined(this.cellSpacing)) {
+        if (isNullOrUndefined(this.cellSpacing) || (this.panels.length === 0 && this.panelCollection &&
+            this.panelCollection.length === 0)) {
             return;
         }
         if (this.checkMediaQuery()) {
@@ -3407,6 +3408,10 @@ let DashboardLayout = class DashboardLayout extends Component {
         const widthValue = window.getComputedStyle(this.element).width;
         setStyleAttribute(this.element, { 'width': widthValue });
     }
+    setEmptyLayoutHeight() {
+        this.element.style.removeProperty('height');
+        this.element.style.removeProperty('width');
+    }
     setHeightAndWidth(panelElement, panelModel) {
         setStyleAttribute(panelElement, { 'height': formatUnit(this.setXYDimensions(panelModel)[0]) });
         setStyleAttribute(panelElement, { 'width': formatUnit(this.setXYDimensions(panelModel)[1]) });
@@ -4897,6 +4902,7 @@ let DashboardLayout = class DashboardLayout extends Component {
         this.updateCloneArrayObject();
         this.checkForChanges(false, null, clonedPanels);
         this.removeAllCalled = false;
+        this.setEmptyLayoutHeight();
     }
     /**
      * Removes the panel from the DashboardLayout.
@@ -4935,6 +4941,9 @@ let DashboardLayout = class DashboardLayout extends Component {
         });
         this.updateCloneArrayObject();
         this.checkForChanges(false, null, [removedPanel]);
+        if (this.panels.length === 0 && this.panelCollection.length === 0) {
+            this.setEmptyLayoutHeight();
+        }
     }
     /**
      *Moves the panel in the DashboardLayout.
@@ -5184,8 +5193,10 @@ let DashboardLayout = class DashboardLayout extends Component {
                     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);