@syncfusion/ej2-layouts 19.4.38 → 19.4.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.38
+*  version : 19.4.52
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@19.6.1",
+  "_id": "@syncfusion/ej2-layouts@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-yZstbGKh0iOM7GI35dTDE5aGS9VbAjQ6txU9DECtFqvti2S3REdvhp4xNv2+pPEC7d+yYFvB3/wkoNBvhkHwNw==",
+  "_integrity": "sha512-wzxIalP5bcx4wLMyQVZGqC8x3Xas0l2+bSTbQu8shS+M11d9Vem9D/CefoEGTUNfJEkBqvVftMptYmCNxHarvA==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -27,8 +27,8 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-19.6.1.tgz",
-  "_shasum": "55c4a2968ce826fb4c44a1761da70d1813dfd349",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-19.4.48.tgz",
+  "_shasum": "af95de585a1a293b4709c99026a27748ab32fbed",
   "_spec": "@syncfusion/ej2-layouts@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38"
+    "@syncfusion/ej2-base": "~19.4.52"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
@@ -76,6 +76,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "19.4.38",
+  "version": "19.4.52",
   "sideEffects": false
 }

package/src/dashboard-layout/dashboard-layout.js

@@ -872,8 +872,9 @@ var DashboardLayout = /** @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);

package/src/splitter/splitter.d.ts

@@ -321,6 +321,7 @@ export declare class Splitter extends Component<HTMLElement> {
      */
     onPropertyChanged(newProp: SplitterModel, oldProp: SplitterModel): void;
     private updatePaneSize;
+    protected initializeValues(): void;
     protected preRender(): void;
     protected getPersistData(): string;
     /**

package/src/splitter/splitter.js

@@ -118,25 +118,7 @@ var Splitter = /** @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.
@@ -259,7 +241,27 @@ var Splitter = /** @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);
@@ -1592,7 +1594,7 @@ var Splitter = /** @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);
@@ -1869,7 +1871,7 @@ var Splitter = /** @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;