@syncfusion/ej2-layouts 21.2.6 → 22.1.34

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

@@ -1809,6 +1809,9 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             if (this.paneSettings[i].size === '') {
                 flexPaneCount = flexPaneCount + 1;
             }
+            else if ((!this.isReact) && this.allPanes[i].style.flexBasis !== '') {
+                this.paneSettings[i].size = this.allPanes[i].style.flexBasis;
+            }
         }
         var allFlexiblePanes = flexPaneCount === this.allPanes.length;
         // Two flexible Pane Case.
@@ -2696,7 +2699,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     DashboardLayout.prototype.templateParser = function (template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
+                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
                     return compile(document.querySelector(template).innerHTML.trim());
                 }
                 else {
@@ -2830,18 +2833,23 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         this.resizeEvents();
     };
     DashboardLayout.prototype.downResizeHandler = function (e) {
-        this.downHandler(e);
-        this.lastMouseX = e.pageX;
-        this.lastMouseY = e.pageY;
-        var moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
-        var upEventName = (Browser.info.name === 'msie') ? 'mouseup pointerup' : 'mouseup';
-        if (!this.isMouseMoveBound) {
-            EventHandler.add(document, moveEventName, this.moveResizeHandler, this);
-            this.isMouseMoveBound = true;
-        }
-        if (!this.isMouseUpBound) {
-            EventHandler.add(document, upEventName, this.upResizeHandler, this);
-            this.isMouseUpBound = true;
+        var el = closest((e.currentTarget), '.e-panel');
+        for (var i = 0; this.panels.length > i; i++) {
+            if (this.panels[i].enabled && this.panels[i].id === el.id) {
+                this.downHandler(e);
+                this.lastMouseX = e.pageX;
+                this.lastMouseY = e.pageY;
+                var moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
+                var upEventName = (Browser.info.name === 'msie') ? 'mouseup pointerup' : 'mouseup';
+                if (!this.isMouseMoveBound) {
+                    EventHandler.add(document, moveEventName, this.moveResizeHandler, this);
+                    this.isMouseMoveBound = true;
+                }
+                if (!this.isMouseUpBound) {
+                    EventHandler.add(document, upEventName, this.upResizeHandler, this);
+                    this.isMouseUpBound = true;
+                }
+            }
         }
     };
     DashboardLayout.prototype.downHandler = function (e) {
@@ -3006,7 +3014,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) {
@@ -3023,6 +3036,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();
@@ -3103,12 +3117,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) {