@syncfusion/ej2-layouts 19.3.44 → 19.4.43

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

@@ -115,25 +115,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
      * @param element  - Specifies the element that is rendered as an Splitter.
      */
     function Splitter(options, element) {
-        var _this = _super.call(this, options, element) || this;
-        _this.allPanes = [];
-        _this.paneOrder = [];
-        _this.separatorOrder = [];
-        _this.allBars = [];
-        _this.previousCoordinates = {};
-        _this.currentCoordinates = {};
-        _this.updatePrePaneInPercentage = false;
-        _this.updateNextPaneInPercentage = false;
-        _this.panesDimensions = [];
-        _this.border = 0;
-        _this.validDataAttributes = ['data-size', 'data-min', 'data-max', 'data-collapsible',
-            'data-resizable', 'data-content', 'data-collapsed'];
-        _this.validElementAttributes = ['data-orientation', 'data-width', 'data-height'];
-        _this.iconsDelay = 300;
-        _this.templateElement = [];
-        _this.collapseFlag = false;
-        _this.expandFlag = true;
-        return _this;
+        return _super.call(this, options, element) || this;
     }
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
@@ -256,8 +238,32 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         }
         this.allPanes[index].classList.add(STATIC_PANE);
     };
+    Splitter.prototype.initializeValues = function () {
+        this.allPanes = [];
+        this.paneOrder = [];
+        this.separatorOrder = [];
+        this.allBars = [];
+        this.previousCoordinates = {};
+        this.currentCoordinates = {};
+        this.updatePrePaneInPercentage = false;
+        this.updateNextPaneInPercentage = false;
+        this.panesDimensions = [];
+        this.border = 0;
+        this.validDataAttributes = ['data-size', 'data-min', 'data-max', 'data-collapsible',
+            'data-resizable', 'data-content', 'data-collapsed'];
+        this.validElementAttributes = ['data-orientation', 'data-width', 'data-height'];
+        this.iconsDelay = 300;
+        this.templateElement = [];
+        this.collapseFlag = false;
+        this.expandFlag = true;
+    };
     Splitter.prototype.preRender = function () {
+        this.initializeValues();
         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]);
@@ -1074,21 +1080,21 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Splitter.prototype.wireResizeEvents = function () {
-        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);
         var touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
         var 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);
     };
     Splitter.prototype.unwireResizeEvents = function () {
         this.element.ownerDocument.defaultView.removeEventListener('resize', this.onReportWindowSize);
         var touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
         var 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);
     };
     Splitter.prototype.wireClickEvents = function () {
         EventHandler.add(this.currentSeparator, 'touchstart click', this.clickHandler, this);
@@ -2895,10 +2901,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                 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';
@@ -3138,7 +3140,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                     var row = parseInt(ele.getAttribute('data-row'), 10);
                     var 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();