@syncfusion/ej2-layouts 19.4.38 → 19.4.52

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,7 +238,27 @@ 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);
@@ -1588,7 +1590,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
     };
     Splitter.prototype.getSeparatorPosition = function (e) {
         this.updateCursorPosition(e, 'current');
-        var rectBound = (this.orientation === 'Horizontal') ? this.element.getBoundingClientRect().left :
+        var rectBound = (this.orientation === 'Horizontal') ? this.element.getBoundingClientRect().left + window.scrollX :
             this.element.getBoundingClientRect().top + window.scrollY;
         var offSet = (this.orientation === 'Horizontal') ? this.element.offsetWidth : this.element.offsetHeight;
         return this.calcDragPosition(rectBound, offSet);
@@ -1865,7 +1867,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Splitter.prototype.validateDraggedPosition = function (draggedPos, prevPaneHeightWidth, nextPaneHeightWidth) {
-        var separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft :
+        var separatorTopLeft = (this.orientation === 'Horizontal') ? this.currentSeparator.offsetLeft + window.scrollX :
             this.currentSeparator.offsetTop;
         var prePaneRange = separatorTopLeft - prevPaneHeightWidth;
         var nextPaneRange = nextPaneHeightWidth + separatorTopLeft;
@@ -3132,8 +3134,9 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         else {
             if (this.element.classList.contains(responsive)) {
                 removeClass([this.element], [responsive]);
-                for (var i = 0; i < this.element.querySelectorAll('.e-panel').length; i++) {
-                    var ele = this.element.querySelectorAll('.e-panel')[i];
+                var internalPanels = this.element.querySelectorAll(((this.element.id) ? '#' + this.element.id + ' > ' : '') + '.e-panel');
+                for (var i = 0; i < internalPanels.length; i++) {
+                    var ele = internalPanels[i];
                     var cellInstance = this.getCellInstance(ele.id);
                     var row = parseInt(ele.getAttribute('data-row'), 10);
                     var col = parseInt(ele.getAttribute('data-col'), 10);