@syncfusion/ej2-layouts 21.2.3 → 21.2.9

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

@@ -341,7 +341,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var prePaneSize = this.orientation === 'Horizontal' ? this.previousPane.offsetWidth : this.previousPane.offsetHeight;
         var nextPaneSize = this.orientation === 'Horizontal' ? this.nextPane.offsetWidth : this.nextPane.offsetHeight;
         var splitBarSize = isNullOrUndefined(this.separatorSize) ? BAR_SIZE_DEFAULT : this.separatorSize;
-        if ((this.previousPane.style.flexBasis.indexOf('%') > 0 || this.nextPane.style.flexBasis.indexOf('%') > 0)) {
+        if ((this.previousPane.style.flexBasis.indexOf('%') > 0 || this.previousPane.style.flexBasis.indexOf('p') > 0 || this.nextPane.style.flexBasis.indexOf('%') > 0)) {
             var previousFlexBasis = this.updatePaneFlexBasis(this.previousPane);
             var nextFlexBasis = this.updatePaneFlexBasis(this.nextPane);
             this.totalPercent = previousFlexBasis + nextFlexBasis;
@@ -1095,8 +1095,10 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                         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(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
+                        if (flexPane.style.flexBasis !== '') {
+                            flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
+                                this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
+                        }
                     }
                 }
             }
@@ -1807,6 +1809,9 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             if (this.paneSettings[i].size === '') {
                 flexPaneCount = flexPaneCount + 1;
             }
+            else if (this.allPanes[i].style.flexBasis !== '') {
+                this.paneSettings[i].size = this.allPanes[i].style.flexBasis;
+            }
         }
         var allFlexiblePanes = flexPaneCount === this.allPanes.length;
         // Two flexible Pane Case.
@@ -3004,7 +3009,12 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             this.panelPropertyChange(item, { sizeX: item.sizeX - 1 });
         }
         this.shadowEle.style.top = ((item.row * this.getCellSize()[1] + (item.row * this.cellSpacing[1]))) + 'px';
-        this.shadowEle.style.left = ((item.col * this.getCellSize()[0]) + ((item.col) * this.cellSpacing[0])) + 'px';
+        if (this.handleClass.indexOf('west') >= 0) {
+            this.shadowEle.style.left = ((item.col * this.getCellSize()[0]) + ((item.col - 1) * this.cellSpacing[0])) + 'px';
+        }
+        else {
+            this.shadowEle.style.left = ((item.col * this.getCellSize()[0]) + ((item.col) * this.cellSpacing[0])) + 'px';
+        }
         this.shadowEle.style.height = ((item.sizeY * (this.getCellSize()[1] + (this.cellSpacing[1])))) + 'px';
         this.shadowEle.style.width = ((item.sizeX * (this.getCellSize()[0] + (this.cellSpacing[0])))) + 'px';
         if (oldSizeX !== item.sizeX || oldSizeY !== item.sizeY) {
@@ -3021,6 +3031,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             };
             this.setAttributes(value, el);
             this.mainElement = el;
+            this.checkCollision = [];
             this.updatePanelLayout(el, this.getCellInstance(el.id));
             this.updateOldRowColumn();
             this.sortedPanel();
@@ -3101,12 +3112,11 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         return item;
     };
     DashboardLayout.prototype.pixelsToColumns = function (pixels, isCeil) {
-        var curColWidth = this.cellSize[0];
         if (isCeil) {
-            return Math.ceil(pixels / curColWidth);
+            return Math.ceil(pixels / this.cellSize[0]);
         }
         else {
-            return Math.floor(pixels / curColWidth);
+            return Math.floor(pixels / (this.cellSize[0] + this.cellSpacing[0]));
         }
     };
     DashboardLayout.prototype.pixelsToRows = function (pixels, isCeil) {