@syncfusion/ej2-layouts 19.4.52 → 20.1.58

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

@@ -1059,7 +1059,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                         paneMinRange = this.convertPercentageToPixel(this.paneSettings[i].min);
                     }
                     minValue = this.convertPixelToNumber((paneMinRange).toString());
-                    if (this.allPanes[i].offsetWidth < minValue) {
+                    if ((this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight) < minValue) {
                         if (i === paneIndex) {
                             updatePane = this.allPanes[i];
                             flexPane = this.allPanes[i + 1];
@@ -1068,12 +1068,15 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                             updatePane = this.allPanes[i];
                             flexPane = this.allPanes[i - 1];
                         }
-                        var sizeDiff = minValue - this.allPanes[i].offsetWidth;
+                        var sizeDiff = minValue - (this.orientation === 'Horizontal' ?
+                            this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
                         var isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
-                        updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePane.offsetWidth + sizeDiff) + '%'
-                            : (updatePane.offsetWidth + sizeDiff) + 'px';
+                        var updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
+                        updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
+                            : (updatePaneOffset + sizeDiff) + 'px';
+                        var flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
                         flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
-                            this.convertPixelToPercentage(flexPane.offsetWidth - sizeDiff) + '%' : (flexPane.offsetWidth - sizeDiff) + 'px';
+                            this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
                     }
                 }
             }
@@ -1198,22 +1201,20 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var visiblePane = collapseCount === this.allPanes.length - 2;
         var panes = this.allPanes;
         for (var i = 0; i < panes.length; i++) {
-            if (panes[i].classList.contains(EXPAND_PANE)) {
-                panes[i].style.flexGrow = '1';
-            }
-            else if (panes[i].classList.contains(COLLAPSE_PANE)) {
-                panes[i].style.flexGrow = '0';
-            }
-            else {
-                panes[i].style.flexGrow = '';
-            }
+            panes[i].style.flexGrow = '';
             if (status && !this.nextPane.classList.contains(COLLAPSE_PANE)) {
                 this.nextPane.style.flexGrow = '1';
             }
-            if (visiblePane && !this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
+            if (visiblePane && this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
                 i !== this.allPanes.length - 1) {
                 panes[i].style.flexGrow = '';
             }
+            if (panes[i].classList.contains(EXPAND_PANE)) {
+                panes[i].style.flexGrow = '1';
+            }
+            else if (panes[i].classList.contains(COLLAPSE_PANE)) {
+                panes[i].style.flexGrow = '0';
+            }
         }
     };
     Splitter.prototype.hideTargetBarIcon = function (targetBar, targetArrow) {
@@ -1867,7 +1868,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Splitter.prototype.validateDraggedPosition = function (draggedPos, prevPaneHeightWidth, nextPaneHeightWidth) {
-        var separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft + window.scrollX :
+        var separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft :
             this.currentSeparator.offsetTop;
         var prePaneRange = separatorTopLeft - prevPaneHeightWidth;
         var nextPaneRange = nextPaneHeightWidth + separatorTopLeft;