@syncfusion/ej2-layouts 22.1.34 → 22.1.37

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

@@ -159,7 +159,8 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                     if (!(newProp.paneSettings instanceof Array && oldProp.paneSettings instanceof Array)) {
                         var paneCounts = Object.keys(newProp.paneSettings);
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        if (this.isReact) {
+                        var isPaneContentChanged = paneCounts.some(function (count) { return !isNullOrUndefined(newProp.paneSettings[count].content); });
+                        if (this.isReact && isPaneContentChanged) {
                             var cPaneCount = 0;
                             for (var k = 0; k < this.paneSettings.length; k++) {
                                 if (typeof (this.paneSettings[k].content) === 'function') {
@@ -971,7 +972,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             /* istanbul ignore next */
             hoverTimeOut = setTimeout(function () {
                 addClass([separator], [SPLIT_BAR_HOVER]);
-            }, _this.iconsDelay);
+            });
         });
     };
     Splitter.prototype.getEventType = function (e) {
@@ -1092,10 +1093,12 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                             this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
                         var isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
                         var 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';
+                        }
                         var 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';
                         }
@@ -1729,7 +1732,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
     };
     Splitter.prototype.checkCoordinates = function (pageX, pageY) {
         var coordinatesChanged = true;
-        if ((pageX === this.previousCoordinates.x || pageY === this.previousCoordinates.y)) {
+        if ((pageX === this.previousCoordinates.x && pageY === this.previousCoordinates.y)) {
             coordinatesChanged = false;
         }
         return coordinatesChanged;
@@ -1809,7 +1812,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             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;
             }
         }
@@ -2813,6 +2816,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line
         var panelProp = new Panel(this, 'panels', model, true);
         this.panels.push(panelProp);
+        this.oldRowCol[model.id] = { row: model.row, col: model.col };
     };
     DashboardLayout.prototype.resizeEvents = function () {
         if (this.allowResizing) {