@syncfusion/ej2-layouts 19.4.38 → 19.4.52

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

@@ -97,23 +97,6 @@ let Splitter = class Splitter extends Component {
      */
     constructor(options, element) {
         super(options, element);
-        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;
     }
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
@@ -235,7 +218,27 @@ let Splitter = class Splitter extends Component {
         }
         this.allPanes[index].classList.add(STATIC_PANE);
     }
+    initializeValues() {
+        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;
+    }
     preRender() {
+        this.initializeValues();
         this.onReportWindowSize = this.reportWindowSize.bind(this);
         this.onMouseMoveHandler = this.onMouseMove.bind(this);
         this.onMouseUpHandler = this.onMouseUp.bind(this);
@@ -1561,7 +1564,7 @@ let Splitter = class Splitter extends Component {
     }
     getSeparatorPosition(e) {
         this.updateCursorPosition(e, 'current');
-        const rectBound = (this.orientation === 'Horizontal') ? this.element.getBoundingClientRect().left :
+        const rectBound = (this.orientation === 'Horizontal') ? this.element.getBoundingClientRect().left + window.scrollX :
             this.element.getBoundingClientRect().top + window.scrollY;
         const offSet = (this.orientation === 'Horizontal') ? this.element.offsetWidth : this.element.offsetHeight;
         return this.calcDragPosition(rectBound, offSet);
@@ -1838,7 +1841,7 @@ let Splitter = class Splitter extends Component {
         }
     }
     validateDraggedPosition(draggedPos, prevPaneHeightWidth, nextPaneHeightWidth) {
-        const separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft :
+        const separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft + window.scrollX :
             this.currentSeparator.offsetTop;
         const prePaneRange = separatorTopLeft - prevPaneHeightWidth;
         const nextPaneRange = nextPaneHeightWidth + separatorTopLeft;
@@ -3083,8 +3086,9 @@ let DashboardLayout = class DashboardLayout extends Component {
         else {
             if (this.element.classList.contains(responsive)) {
                 removeClass([this.element], [responsive]);
-                for (let i = 0; i < this.element.querySelectorAll('.e-panel').length; i++) {
-                    const ele = this.element.querySelectorAll('.e-panel')[i];
+                const internalPanels = this.element.querySelectorAll(((this.element.id) ? '#' + this.element.id + ' > ' : '') + '.e-panel');
+                for (let i = 0; i < internalPanels.length; i++) {
+                    const ele = internalPanels[i];
                     const cellInstance = this.getCellInstance(ele.id);
                     const row = parseInt(ele.getAttribute('data-row'), 10);
                     const col = parseInt(ele.getAttribute('data-col'), 10);