@syncfusion/ej2-layouts 22.1.34 → 22.1.37

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

@@ -138,7 +138,8 @@ let Splitter = class Splitter extends Component {
                     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) {
+                        const isPaneContentChanged = paneCounts.some((count) => !isNullOrUndefined(newProp.paneSettings[count].content));
+                        if (this.isReact && isPaneContentChanged) {
                             let cPaneCount = 0;
                             for (let k = 0; k < this.paneSettings.length; k++) {
                                 if (typeof (this.paneSettings[k].content) === 'function') {
@@ -948,7 +949,7 @@ let Splitter = class Splitter extends Component {
             /* istanbul ignore next */
             hoverTimeOut = setTimeout(() => {
                 addClass([separator], [SPLIT_BAR_HOVER]);
-            }, this.iconsDelay);
+            });
         });
     }
     getEventType(e) {
@@ -1068,10 +1069,12 @@ let Splitter = class Splitter extends Component {
                             this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
                         const isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
                         const updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
-                        updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
-                            : (updatePaneOffset + sizeDiff) + 'px';
+                        if (!isNullOrUndefined(updatePane) && updatePane.style.flexBasis !== '' && updatePane.classList.contains(STATIC_PANE)) {
+                            updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
+                                : (updatePaneOffset + sizeDiff) + 'px';
+                        }
                         const flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
-                        if (flexPane.style.flexBasis !== '') {
+                        if (!isNullOrUndefined(flexPane) && flexPane.style.flexBasis !== '' && !flexPane.classList.contains(STATIC_PANE)) {
                             flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
                                 this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
                         }
@@ -1700,7 +1703,7 @@ let Splitter = class Splitter extends Component {
     }
     checkCoordinates(pageX, pageY) {
         let coordinatesChanged = true;
-        if ((pageX === this.previousCoordinates.x || pageY === this.previousCoordinates.y)) {
+        if ((pageX === this.previousCoordinates.x && pageY === this.previousCoordinates.y)) {
             coordinatesChanged = false;
         }
         return coordinatesChanged;
@@ -1780,7 +1783,7 @@ let Splitter = class Splitter extends Component {
             if (this.paneSettings[i].size === '') {
                 flexPaneCount = flexPaneCount + 1;
             }
-            else if ((!this.isReact) && this.allPanes[i].style.flexBasis !== '') {
+            else if (this.allPanes[i].style.flexBasis !== '') {
                 this.paneSettings[i].size = this.allPanes[i].style.flexBasis;
             }
         }
@@ -2762,6 +2765,7 @@ let DashboardLayout = class DashboardLayout extends Component {
         // eslint-disable-next-line
         const panelProp = new Panel(this, 'panels', model, true);
         this.panels.push(panelProp);
+        this.oldRowCol[model.id] = { row: model.row, col: model.col };
     }
     resizeEvents() {
         if (this.allowResizing) {