@syncfusion/ej2-layouts 20.3.58 → 20.4.40

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

@@ -137,8 +137,18 @@ let Splitter = class Splitter extends Component {
                 case 'paneSettings': {
                     if (!(newProp.paneSettings instanceof Array && oldProp.paneSettings instanceof Array)) {
                         const paneCounts = Object.keys(newProp.paneSettings);
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         if (this.isReact) {
-                            this.clearTemplate();
+                            let cPaneCount = 0;
+                            for (let k = 0; k < this.paneSettings.length; k++) {
+                                if (typeof (this.paneSettings[k].content) === 'function') {
+                                    cPaneCount = cPaneCount + 1;
+                                }
+                            }
+                            const hasAllContent = cPaneCount === this.paneSettings.length;
+                            if (hasAllContent) {
+                                this.clearTemplate();
+                            }
                         }
                         for (let i = 0; i < paneCounts.length; i++) {
                             const index = parseInt(Object.keys(newProp.paneSettings)[i], 10);
@@ -147,7 +157,7 @@ let Splitter = class Splitter extends Component {
                                 const property = Object.keys(newProp.paneSettings[index])[j];
                                 switch (property) {
                                     case 'content': {
-                                        const newValue = Object(newProp.paneSettings[index])[property];
+                                        const newValue = Object(newProp.paneSettings[index])[`${property}`];
                                         if (!isNullOrUndefined(newValue)) {
                                             this.allPanes[index].innerHTML = '';
                                             this.setTemplate(newValue, this.allPanes[index]);
@@ -155,7 +165,7 @@ let Splitter = class Splitter extends Component {
                                         break;
                                     }
                                     case 'resizable': {
-                                        const newVal = Object(newProp.paneSettings[index])[property];
+                                        const newVal = Object(newProp.paneSettings[index])[`${property}`];
                                         this.resizableModel(index, newVal);
                                         break;
                                     }
@@ -167,10 +177,11 @@ let Splitter = class Splitter extends Component {
                                         newProp.paneSettings[index].collapsed ? this.isCollapsed(index) : this.collapsedOnchange(index);
                                         break;
                                     case 'cssClass':
+                                        // eslint-disable-next-line max-len
                                         this.setCssClass(this.allPanes[index], newProp.paneSettings[index].cssClass);
                                         break;
                                     case 'size': {
-                                        const newValSize = Object(newProp.paneSettings[index])[property];
+                                        const newValSize = Object(newProp.paneSettings[index])[`${property}`];
                                         if (newValSize !== '' && !isNullOrUndefined(newValSize)) {
                                             this.updatePaneSize(newValSize, index);
                                         }
@@ -380,7 +391,6 @@ let Splitter = class Splitter extends Component {
         }
     }
     getMinInPixel(minValue) {
-        let min;
         if (isNullOrUndefined(minValue)) {
             return 0;
         }
@@ -388,7 +398,7 @@ let Splitter = class Splitter extends Component {
         if (minValue.indexOf('%') > 0) {
             paneMinRange = this.convertPercentageToPixel(minValue);
         }
-        min = this.convertPixelToNumber((paneMinRange).toString());
+        const min = this.convertPixelToNumber((paneMinRange).toString());
         return min;
     }
     /**
@@ -621,6 +631,7 @@ let Splitter = class Splitter extends Component {
                     this.updateIsCollapsed(index, this.targetArrows().collapseArrow, this.targetArrows().lastBarArrow);
                     for (let i = 0; i < collapsedindex.length; i++) {
                         if (!this.allPanes[collapsedindex[i]].classList.contains(COLLAPSE_PANE)) {
+                            // eslint-disable-next-line max-len
                             this.updateIsCollapsed(collapsedindex[i], this.targetArrows().collapseArrow, this.targetArrows().lastBarArrow);
                         }
                     }
@@ -1008,6 +1019,7 @@ let Splitter = class Splitter extends Component {
         }
         for (let j = 0, len = this.allBars.length; j < len; j++) {
             totalWidth += this.orientation === 'Horizontal' ? parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) +
+                // eslint-disable-next-line max-len
                 parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) : parseInt(getComputedStyle(this.allBars[j]).marginTop, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginBottom, 10);
         }
@@ -1055,10 +1067,10 @@ let Splitter = class Splitter extends Component {
                         const sizeDiff = minValue - (this.orientation === 'Horizontal' ?
                             this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
                         const isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
-                        let updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
+                        const updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
                         updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
                             : (updatePaneOffset + sizeDiff) + 'px';
-                        let flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
+                        const flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
                         flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
                             this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
                     }
@@ -1739,13 +1751,13 @@ let Splitter = class Splitter extends Component {
         }
         const allFlexiblePanes = flexPaneCount === this.allPanes.length;
         // Two flexible Pane Case.
-        if (this.previousPane.style.flexBasis == '' && this.nextPane.style.flexBasis == '' && !allFlexiblePanes) {
+        if (this.previousPane.style.flexBasis === '' && this.nextPane.style.flexBasis == '' && !allFlexiblePanes) {
             const middlePaneIndex = this.allPanes.length % this.allBars.length;
             if (this.prevPaneIndex === middlePaneIndex) {
                 this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
                 addClass([this.nextPane], STATIC_PANE);
             }
-            else if (this.nextPaneIndex == middlePaneIndex) {
+            else if (this.nextPaneIndex === middlePaneIndex) {
                 this.previousPane.style.flexBasis = this.prevPaneCurrentWidth;
                 addClass([this.previousPane], STATIC_PANE);
             }
@@ -1759,16 +1771,16 @@ let Splitter = class Splitter extends Component {
             addClass([this.previousPane], STATIC_PANE);
             this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
             addClass([this.nextPane], STATIC_PANE);
-        } // Two Panesa are Static Pane 
+        } // Two Panesa are Static Pane
         else {
-            if (this.previousPane.style.flexBasis !== "" && this.previousPane.classList.contains(STATIC_PANE)) {
+            if (this.previousPane.style.flexBasis !== '' && this.previousPane.classList.contains(STATIC_PANE)) {
                 this.previousPane.style.flexBasis = this.prevPaneCurrentWidth;
             }
-            if (this.nextPane.style.flexBasis !== "" && this.nextPane.classList.contains(STATIC_PANE)) {
+            if (this.nextPane.style.flexBasis !== '' && this.nextPane.classList.contains(STATIC_PANE)) {
                 this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
             }
         }
-        const isStaticPanes = this.previousPane.style.flexBasis !== "" && this.nextPane.style.flexBasis !== "";
+        const isStaticPanes = this.previousPane.style.flexBasis !== '' && this.nextPane.style.flexBasis !== '';
         if (!(this.allPanes.length > 2) && isStaticPanes) {
             this.updateSplitterSize();
         }
@@ -3994,7 +4006,7 @@ let DashboardLayout = class DashboardLayout extends Component {
             if (this.collisionChecker[this.panels[i].id] && this.collisionChecker[this.panels[i].id] !== null) {
                 this.overlapElement = [this.collisionChecker[this.panels[i].id].ele];
                 const key = this.panels[i].id;
-                this.updateRowColumn(this.collisionChecker[key].row, this.overlapElement, this.collisionChecker[key].srcEle);
+                this.updateRowColumn(this.collisionChecker[`${key}`].row, this.overlapElement, this.collisionChecker[`${key}`].srcEle);
             }
         }
     }
@@ -4379,7 +4391,7 @@ let DashboardLayout = class DashboardLayout extends Component {
             }
             // eslint-disable-next-line guard-for-in
             for (const k in source[i]) {
-                target[i][k] = source[i][k];
+                target[i][`${k}`] = source[i][`${k}`];
             }
         }
         return target;