@syncfusion/ej2-layouts 20.3.58 → 20.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.58
+*  version : 20.4.38
 *  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@20.3.57",
+  "_id": "@syncfusion/ej2-layouts@19.9.10",
   "_inBundle": false,
-  "_integrity": "sha512-Two7Z8n8/p2BiIxVO4cbgi/Cd35E4i3eJRcYqjIdVI1LWpoldBAHN0SYOoD+1dOVtMdyb+c6aYYFs1oJ8NrmTA==",
+  "_integrity": "sha512-jYbKZvwoXqfKIa4IHaLThdZ7R/ueD7KmfqOl993d2OWKf3VnAv+dNfZyxCyThm08XQFdW49eIdWSFq7h1GmSvA==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -27,8 +27,8 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-20.3.57.tgz",
-  "_shasum": "9c5c343bf3efce05613807a577b02459ab499ff3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-19.9.10.tgz",
+  "_shasum": "b50cd2037d395d2024faac0076b7123031d59540",
   "_spec": "@syncfusion/ej2-layouts@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56"
+    "@syncfusion/ej2-base": "~20.4.38"
   },
   "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": "20.3.58",
+  "version": "20.4.38",
   "sideEffects": false
 }

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

@@ -1758,7 +1758,7 @@ var DashboardLayout = /** @class */ (function (_super) {
             if (this.collisionChecker[this.panels[i].id] && this.collisionChecker[this.panels[i].id] !== null) {
                 this.overlapElement = [this.collisionChecker[this.panels[i].id].ele];
                 var key = this.panels[i].id;
-                this.updateRowColumn(this.collisionChecker[key].row, this.overlapElement, this.collisionChecker[key].srcEle);
+                this.updateRowColumn(this.collisionChecker["" + key].row, this.overlapElement, this.collisionChecker["" + key].srcEle);
             }
         }
     };
@@ -2148,7 +2148,7 @@ var DashboardLayout = /** @class */ (function (_super) {
             }
             // eslint-disable-next-line guard-for-in
             for (var k in source[i]) {
-                target[i][k] = source[i][k];
+                target[i]["" + k] = source[i]["" + k];
             }
         }
         return target;

package/src/splitter/splitter.js

@@ -161,8 +161,18 @@ var Splitter = /** @class */ (function (_super) {
                 case 'paneSettings': {
                     if (!(newProp.paneSettings instanceof Array && oldProp.paneSettings instanceof Array)) {
                         var paneCounts = Object.keys(newProp.paneSettings);
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         if (this.isReact) {
-                            this.clearTemplate();
+                            var cPaneCount = 0;
+                            for (var k = 0; k < this.paneSettings.length; k++) {
+                                if (typeof (this.paneSettings[k].content) === 'function') {
+                                    cPaneCount = cPaneCount + 1;
+                                }
+                            }
+                            var hasAllContent = cPaneCount === this.paneSettings.length;
+                            if (hasAllContent) {
+                                this.clearTemplate();
+                            }
                         }
                         for (var i = 0; i < paneCounts.length; i++) {
                             var index = parseInt(Object.keys(newProp.paneSettings)[i], 10);
@@ -171,7 +181,7 @@ var Splitter = /** @class */ (function (_super) {
                                 var property = Object.keys(newProp.paneSettings[index])[j];
                                 switch (property) {
                                     case 'content': {
-                                        var newValue = Object(newProp.paneSettings[index])[property];
+                                        var newValue = Object(newProp.paneSettings[index])["" + property];
                                         if (!isNullOrUndefined(newValue)) {
                                             this.allPanes[index].innerHTML = '';
                                             this.setTemplate(newValue, this.allPanes[index]);
@@ -179,7 +189,7 @@ var Splitter = /** @class */ (function (_super) {
                                         break;
                                     }
                                     case 'resizable': {
-                                        var newVal = Object(newProp.paneSettings[index])[property];
+                                        var newVal = Object(newProp.paneSettings[index])["" + property];
                                         this.resizableModel(index, newVal);
                                         break;
                                     }
@@ -191,10 +201,11 @@ var Splitter = /** @class */ (function (_super) {
                                         newProp.paneSettings[index].collapsed ? this.isCollapsed(index) : this.collapsedOnchange(index);
                                         break;
                                     case 'cssClass':
+                                        // eslint-disable-next-line max-len
                                         this.setCssClass(this.allPanes[index], newProp.paneSettings[index].cssClass);
                                         break;
                                     case 'size': {
-                                        var newValSize = Object(newProp.paneSettings[index])[property];
+                                        var newValSize = Object(newProp.paneSettings[index])["" + property];
                                         if (newValSize !== '' && !isNullOrUndefined(newValSize)) {
                                             this.updatePaneSize(newValSize, index);
                                         }
@@ -404,7 +415,6 @@ var Splitter = /** @class */ (function (_super) {
         }
     };
     Splitter.prototype.getMinInPixel = function (minValue) {
-        var min;
         if (isNullOrUndefined(minValue)) {
             return 0;
         }
@@ -412,7 +422,7 @@ var Splitter = /** @class */ (function (_super) {
         if (minValue.indexOf('%') > 0) {
             paneMinRange = this.convertPercentageToPixel(minValue);
         }
-        min = this.convertPixelToNumber((paneMinRange).toString());
+        var min = this.convertPixelToNumber((paneMinRange).toString());
         return min;
     };
     /**
@@ -646,6 +656,7 @@ var Splitter = /** @class */ (function (_super) {
                     _this.updateIsCollapsed(index, _this.targetArrows().collapseArrow, _this.targetArrows().lastBarArrow);
                     for (var i = 0; i < collapsedindex.length; i++) {
                         if (!_this.allPanes[collapsedindex[i]].classList.contains(COLLAPSE_PANE)) {
+                            // eslint-disable-next-line max-len
                             _this.updateIsCollapsed(collapsedindex[i], _this.targetArrows().collapseArrow, _this.targetArrows().lastBarArrow);
                         }
                     }
@@ -890,7 +901,6 @@ var Splitter = /** @class */ (function (_super) {
         var childCount = this.allPanes.length;
         var clonedEle = target.children;
         var separator;
-        var proxy;
         for (var i = 0; i < childCount; i++) {
             if (i < childCount - 1) {
                 separator = this.createSeparator(i);
@@ -1036,6 +1046,7 @@ var Splitter = /** @class */ (function (_super) {
         }
         for (var j = 0, len = this.allBars.length; j < len; j++) {
             totalWidth += this.orientation === 'Horizontal' ? parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) +
+                // eslint-disable-next-line max-len
                 parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) : parseInt(getComputedStyle(this.allBars[j]).marginTop, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginBottom, 10);
         }
@@ -1770,13 +1781,13 @@ var Splitter = /** @class */ (function (_super) {
         }
         var allFlexiblePanes = flexPaneCount === this.allPanes.length;
         // Two flexible Pane Case.
-        if (this.previousPane.style.flexBasis == '' && this.nextPane.style.flexBasis == '' && !allFlexiblePanes) {
+        if (this.previousPane.style.flexBasis === '' && this.nextPane.style.flexBasis == '' && !allFlexiblePanes) {
             var middlePaneIndex = this.allPanes.length % this.allBars.length;
             if (this.prevPaneIndex === middlePaneIndex) {
                 this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
                 addClass([this.nextPane], STATIC_PANE);
             }
-            else if (this.nextPaneIndex == middlePaneIndex) {
+            else if (this.nextPaneIndex === middlePaneIndex) {
                 this.previousPane.style.flexBasis = this.prevPaneCurrentWidth;
                 addClass([this.previousPane], STATIC_PANE);
             }
@@ -1790,16 +1801,16 @@ var Splitter = /** @class */ (function (_super) {
             addClass([this.previousPane], STATIC_PANE);
             this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
             addClass([this.nextPane], STATIC_PANE);
-        } // Two Panesa are Static Pane 
+        } // Two Panesa are Static Pane
         else {
-            if (this.previousPane.style.flexBasis !== "" && this.previousPane.classList.contains(STATIC_PANE)) {
+            if (this.previousPane.style.flexBasis !== '' && this.previousPane.classList.contains(STATIC_PANE)) {
                 this.previousPane.style.flexBasis = this.prevPaneCurrentWidth;
             }
-            if (this.nextPane.style.flexBasis !== "" && this.nextPane.classList.contains(STATIC_PANE)) {
+            if (this.nextPane.style.flexBasis !== '' && this.nextPane.classList.contains(STATIC_PANE)) {
                 this.nextPane.style.flexBasis = this.nextPaneCurrentWidth;
             }
         }
-        var isStaticPanes = this.previousPane.style.flexBasis !== "" && this.nextPane.style.flexBasis !== "";
+        var isStaticPanes = this.previousPane.style.flexBasis !== '' && this.nextPane.style.flexBasis !== '';
         if (!(this.allPanes.length > 2) && isStaticPanes) {
             this.updateSplitterSize();
         }