@syncfusion/ej2-layouts 20.2.36 → 20.2.43

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);
@@ -3776,7 +3769,7 @@ let DashboardLayout = class DashboardLayout extends Component {
         }
         let isSwappable = false;
         for (let count1 = 0; count1 < collisions.length; count1++) {
-            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
+            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] && this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
                 return false;
             }
         }