@syncfusion/ej2-layouts 19.3.44 → 19.3.48

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

@@ -237,6 +237,10 @@ let Splitter = class Splitter extends Component {
     }
     preRender() {
         this.onReportWindowSize = this.reportWindowSize.bind(this);
+        this.onMouseMoveHandler = this.onMouseMove.bind(this);
+        this.onMouseUpHandler = this.onMouseUp.bind(this);
+        this.onTouchMoveHandler = this.onMouseMove.bind(this);
+        this.onTouchEndHandler = this.onMouseUp.bind(this);
         this.wrapper = this.element.cloneNode(true);
         this.wrapperParent = this.element.parentElement;
         removeClass([this.wrapper], ['e-control', 'e-lib', ROOT]);
@@ -1050,21 +1054,21 @@ let Splitter = class Splitter extends Component {
         }
     }
     wireResizeEvents() {
-        EventHandler.add(document, 'mousemove', this.onMouseMove, this);
-        EventHandler.add(document, 'mouseup', this.onMouseUp, this);
+        document.addEventListener('mousemove', this.onMouseMoveHandler, true);
+        document.addEventListener('mouseup', this.onMouseUpHandler, true);
         const touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
         const touchEndEvent = (Browser.info.name === 'msie') ? 'pointerup' : 'touchend';
-        EventHandler.add(document, touchMoveEvent, this.onMouseMove, this);
-        EventHandler.add(document, touchEndEvent, this.onMouseUp, this);
+        document.addEventListener(touchMoveEvent, this.onTouchMoveHandler, true);
+        document.addEventListener(touchEndEvent, this.onTouchEndHandler, true);
     }
     unwireResizeEvents() {
         this.element.ownerDocument.defaultView.removeEventListener('resize', this.onReportWindowSize);
         const touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
         const touchEndEvent = (Browser.info.name === 'msie') ? 'pointerup' : 'touchend';
-        EventHandler.remove(document, 'mousemove', this.onMouseMove);
-        EventHandler.remove(document, 'mouseup', this.onMouseUp);
-        EventHandler.remove(document, touchMoveEvent, this.onMouseMove);
-        EventHandler.remove(document, touchEndEvent, this.onMouseUp);
+        document.removeEventListener('mousemove', this.onMouseMoveHandler, true);
+        document.removeEventListener('mouseup', this.onMouseUpHandler, true);
+        document.removeEventListener(touchMoveEvent, this.onTouchMoveHandler, true);
+        document.removeEventListener(touchEndEvent, this.onTouchEndHandler, true);
     }
     wireClickEvents() {
         EventHandler.add(this.currentSeparator, 'touchstart click', this.clickHandler, this);
@@ -2846,10 +2850,6 @@ let DashboardLayout = class DashboardLayout extends Component {
                 currentX = this.getMaxWidth(panelModel) - this.elementWidth;
                 this.mOffX = dX - currentX;
             }
-            else if (this.elementX + this.elementWidth + dX > this.maxLeft) {
-                currentX = this.maxLeft - this.elementX - this.elementWidth;
-                this.mOffX = dX - currentX;
-            }
             this.elementWidth += currentX;
         }
         el.style.top = this.elementY + 'px';
@@ -3089,7 +3089,6 @@ let DashboardLayout = class DashboardLayout extends Component {
                     const row = parseInt(ele.getAttribute('data-row'), 10);
                     const col = parseInt(ele.getAttribute('data-col'), 10);
                     this.panelPropertyChange(cellInstance, { row: row, col: col });
-                    this.updatePanelLayout(ele, cellInstance);
                     this.setHeightAndWidth(ele, this.getCellInstance(ele.id));
                     this.setPanelPosition(ele, row, col);
                     this.updateRowHeight();