@syncfusion/ej2-layouts 20.1.58 → 20.2.38

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

@@ -998,11 +998,11 @@ let Splitter = class Splitter extends Component {
         const flexPaneIndexes = [];
         let flexCount = 0;
         const children = this.element.children;
-        for (let i = 0; i < children.length; i++) {
+        for (let i = 0, len = children.length; i < len; i++) {
             totalWidth += this.orientation === 'Horizontal' ? children[i].offsetWidth :
                 children[i].offsetHeight;
         }
-        for (let j = 0; j < this.allBars.length; j++) {
+        for (let j = 0, len = this.allBars.length; j < len; j++) {
             totalWidth += this.orientation === 'Horizontal' ? parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) : parseInt(getComputedStyle(this.allBars[j]).marginTop, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginBottom, 10);
@@ -1010,14 +1010,15 @@ let Splitter = class Splitter extends Component {
         const diff = this.orientation === 'Horizontal' ? this.element.offsetWidth -
             ((this.border * 2) + totalWidth) :
             this.element.offsetHeight - ((this.border * 2) + totalWidth);
-        for (let i = 0; i < this.allPanes.length; i++) {
-            if (!this.paneSettings[i].size && !(this.allPanes[i].innerText === '')) {
+        for (let i = 0, len = this.allPanes.length; i < len; i++) {
+            if (this.allPanes[i].innerText === '' ? !(this.paneSettings[i].size) || !(this.allPanes[i].innerText === '')
+                : !(this.paneSettings[i].size) && !(this.allPanes[i].innerText === '')) {
                 flexPaneIndexes[flexCount] = i;
                 flexCount++;
             }
         }
         const avgDiffWidth = diff / flexPaneIndexes.length;
-        for (let j = 0; j < flexPaneIndexes.length; j++) {
+        for (let j = 0, len = flexPaneIndexes.length; j < len; j++) {
             this.allPanes[flexPaneIndexes[j]].style.flexBasis = this.orientation === 'Horizontal' ?
                 (this.allPanes[flexPaneIndexes[j]].offsetWidth + avgDiffWidth) + 'px' :
                 (this.allPanes[flexPaneIndexes[j]].offsetHeight + avgDiffWidth) + 'px';
@@ -1094,15 +1095,7 @@ let Splitter = class Splitter extends Component {
         if (icon.classList.contains(ARROW_RIGHT) || icon.classList.contains(ARROW_DOWN)) {
             this.expandAction(e);
         }
-        let totalWidth = 0;
-        const children = this.element.children;
-        for (let i = 0; i < children.length; i++) {
-            totalWidth += this.orientation === 'Horizontal' ? children[i].offsetWidth :
-                children[i].offsetHeight;
-        }
-        if (totalWidth > this.element.offsetWidth) {
-            this.updateSplitterSize();
-        }
+        this.updateSplitterSize();
     }
     expandAction(e) {
         this.splitterDetails(e);
@@ -3198,9 +3191,15 @@ let DashboardLayout = class DashboardLayout extends Component {
         let heightValue;
         let widthValue;
         if (this.checkMediaQuery()) {
-            heightValue = ((this.maxRow()) *
+            let entirePanelsY = 0;
+            for (let i = 0; i < this.panels.length; i++) {
+                if (this.panels[i].sizeY) {
+                    entirePanelsY += this.panels[i].sizeY;
+                }
+            }
+            heightValue = ((entirePanelsY) *
                 (this.element.parentElement && ((this.element.parentElement.offsetWidth)) / this.cellAspectRatio) +
-                (this.maxRow() - 1) * this.cellSpacing[1]) + 'px';
+                (entirePanelsY - 1) * this.cellSpacing[1]) + 'px';
         }
         else {
             heightValue = ((this.maxRow()) *