@syncfusion/ej2-layouts 20.2.36 → 20.2.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.43
 *  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.7.2",
+  "_id": "@syncfusion/ej2-layouts@20.2.39",
   "_inBundle": false,
-  "_integrity": "sha512-DQo39Lbsf5i76XqDmlzTLZx0LjV4l7lwC3I7RqmMz4cP3So+ICA0jxT7V+vGEA6ekR5X4ZIOrOLLBp38ltrzMw==",
+  "_integrity": "sha512-hZo9uVH0jAI6T0EX93Pg/Kjn01cNW3d/zujsPd3hJ1Jv94QjHOevSYAmCoe5JVNZv+YfrTvETvLUwt5Uu2YQ5w==",
   "_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.7.2.tgz",
-  "_shasum": "f0631fa5b423a32987127c9bd0c04fe2ff8e2d25",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-20.2.39.tgz",
+  "_shasum": "ba9429515d4ec5b78b6e1d96489a5d8e6f5902e1",
   "_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": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.43"
   },
   "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.2.36",
+  "version": "20.2.43",
   "sideEffects": false
 }

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

@@ -1578,7 +1578,7 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
         var isSwappable = false;
         for (var count1 = 0; count1 < collisions.length; count1++) {
-            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
+            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] && this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
                 return false;
             }
         }

package/src/splitter/splitter.js

@@ -1025,11 +1025,11 @@ var Splitter = /** @class */ (function (_super) {
         var flexPaneIndexes = [];
         var flexCount = 0;
         var children = this.element.children;
-        for (var i = 0; i < children.length; i++) {
+        for (var i = 0, len = children.length; i < len; i++) {
             totalWidth += this.orientation === 'Horizontal' ? children[i].offsetWidth :
                 children[i].offsetHeight;
         }
-        for (var j = 0; j < this.allBars.length; j++) {
+        for (var j = 0, len = this.allBars.length; j < len; j++) {
             totalWidth += this.orientation === 'Horizontal' ? parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginLeft, 10) : parseInt(getComputedStyle(this.allBars[j]).marginTop, 10) +
                 parseInt(getComputedStyle(this.allBars[j]).marginBottom, 10);
@@ -1037,14 +1037,15 @@ var Splitter = /** @class */ (function (_super) {
         var diff = this.orientation === 'Horizontal' ? this.element.offsetWidth -
             ((this.border * 2) + totalWidth) :
             this.element.offsetHeight - ((this.border * 2) + totalWidth);
-        for (var i = 0; i < this.allPanes.length; i++) {
-            if (!this.paneSettings[i].size && !(this.allPanes[i].innerText === '')) {
+        for (var i = 0, len = this.allPanes.length; i < len; i++) {
+            if (this.allPanes[i].innerText === '' ? !(this.paneSettings[i].size) || !(this.allPanes[i].innerText === '')
+                : !(this.paneSettings[i].size) && !(this.allPanes[i].innerText === '')) {
                 flexPaneIndexes[flexCount] = i;
                 flexCount++;
             }
         }
         var avgDiffWidth = diff / flexPaneIndexes.length;
-        for (var j = 0; j < flexPaneIndexes.length; j++) {
+        for (var j = 0, len = flexPaneIndexes.length; j < len; j++) {
             this.allPanes[flexPaneIndexes[j]].style.flexBasis = this.orientation === 'Horizontal' ?
                 (this.allPanes[flexPaneIndexes[j]].offsetWidth + avgDiffWidth) + 'px' :
                 (this.allPanes[flexPaneIndexes[j]].offsetHeight + avgDiffWidth) + 'px';
@@ -1121,15 +1122,7 @@ var Splitter = /** @class */ (function (_super) {
         if (icon.classList.contains(ARROW_RIGHT) || icon.classList.contains(ARROW_DOWN)) {
             this.expandAction(e);
         }
-        var totalWidth = 0;
-        var children = this.element.children;
-        for (var i = 0; i < children.length; i++) {
-            totalWidth += this.orientation === 'Horizontal' ? children[i].offsetWidth :
-                children[i].offsetHeight;
-        }
-        if (totalWidth > this.element.offsetWidth) {
-            this.updateSplitterSize();
-        }
+        this.updateSplitterSize();
     };
     Splitter.prototype.expandAction = function (e) {
         var _this = this;

package/styles/card/_fluent-definition.scss

@@ -79,6 +79,8 @@ $card-image-title-nrml-padding: 8px 16px !default;
 $card-img-title-bigger-padding: 12px 20px !default;
 $card-action-nrml-padding: 16px !default;
 $card-action-bigger-padding: 20px !default;
+$card-header-bigger-whole-padding: 20px !default;
+$card-header-whole-padding: 16px !default;
 //Layout Variables End
 
 //Theme Variables Start

package/styles/card/_layout.scss

@@ -84,6 +84,12 @@
         height: $card-header-image-bigger-height;
         width: $card-header-image-bigger-width;
       }
+
+      @if $skin-name == 'FluentUI' {
+        + .e-card-header {
+          padding: $card-header-bigger-whole-padding;
+        }
+      }
     }
 
     .e-card-image {
@@ -139,8 +145,14 @@
       + .e-card-actions.e-card-vertical {
         margin-top: 0;
         padding-top: 0;
+      }
+
+      @if $skin-name == 'FluentUI' {
+        + .e-card-header {
+          padding: $card-header-bigger-whole-padding;
         }
       }
+    }
   }
 
 
@@ -354,6 +366,11 @@
         border-radius: $card-img-brdr-radious;
       }
 
+      @if $skin-name == 'FluentUI' {
+        + .e-card-header {
+          padding: $card-header-whole-padding;
+        }
+      }
     }
 
     .e-card-image {
@@ -488,6 +505,11 @@
         margin-top: 0;
         padding-top: 0;
       }
+      @if $skin-name == 'FluentUI' {
+        + .e-card-header {
+          padding: $card-header-whole-padding;
+        }
+      }
     }
 
     @if $skin-name == 'tailwind' {

package/styles/card/fluent-dark.css

@@ -69,6 +69,10 @@
   height: 40px;
   width: 40px;
 }
+.e-bigger .e-card .e-card-header + .e-card-header,
+.e-bigger.e-card .e-card-header + .e-card-header {
+  padding: 20px;
+}
 .e-bigger .e-card .e-card-image,
 .e-bigger.e-card .e-card-image {
   min-height: 150px;
@@ -133,6 +137,10 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-bigger .e-card .e-card-content + .e-card-header,
+.e-bigger.e-card .e-card-content + .e-card-header {
+  padding: 20px;
+}
 
 .e-card {
   border-radius: 2px;
@@ -310,6 +318,9 @@
 .e-card .e-card-header .e-card-corner {
   border-radius: 50%;
 }
+.e-card .e-card-header + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-image {
   background-size: cover;
   min-height: 112.5px;
@@ -434,6 +445,9 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-card .e-card-content + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-content,
 .e-card .e-card-content p {
   line-height: 1.5;

package/styles/card/fluent.css

@@ -69,6 +69,10 @@
   height: 40px;
   width: 40px;
 }
+.e-bigger .e-card .e-card-header + .e-card-header,
+.e-bigger.e-card .e-card-header + .e-card-header {
+  padding: 20px;
+}
 .e-bigger .e-card .e-card-image,
 .e-bigger.e-card .e-card-image {
   min-height: 150px;
@@ -133,6 +137,10 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-bigger .e-card .e-card-content + .e-card-header,
+.e-bigger.e-card .e-card-content + .e-card-header {
+  padding: 20px;
+}
 
 .e-card {
   border-radius: 2px;
@@ -310,6 +318,9 @@
 .e-card .e-card-header .e-card-corner {
   border-radius: 50%;
 }
+.e-card .e-card-header + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-image {
   background-size: cover;
   min-height: 112.5px;
@@ -434,6 +445,9 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-card .e-card-content + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-content,
 .e-card .e-card-content p {
   line-height: 1.5;

package/styles/fluent-dark.css

@@ -125,6 +125,10 @@
   height: 40px;
   width: 40px;
 }
+.e-bigger .e-card .e-card-header + .e-card-header,
+.e-bigger.e-card .e-card-header + .e-card-header {
+  padding: 20px;
+}
 .e-bigger .e-card .e-card-image,
 .e-bigger.e-card .e-card-image {
   min-height: 150px;
@@ -189,6 +193,10 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-bigger .e-card .e-card-content + .e-card-header,
+.e-bigger.e-card .e-card-content + .e-card-header {
+  padding: 20px;
+}
 
 .e-card {
   border-radius: 2px;
@@ -366,6 +374,9 @@
 .e-card .e-card-header .e-card-corner {
   border-radius: 50%;
 }
+.e-card .e-card-header + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-image {
   background-size: cover;
   min-height: 112.5px;
@@ -490,6 +501,9 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-card .e-card-content + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-content,
 .e-card .e-card-content p {
   line-height: 1.5;

package/styles/fluent.css

@@ -125,6 +125,10 @@
   height: 40px;
   width: 40px;
 }
+.e-bigger .e-card .e-card-header + .e-card-header,
+.e-bigger.e-card .e-card-header + .e-card-header {
+  padding: 20px;
+}
 .e-bigger .e-card .e-card-image,
 .e-bigger.e-card .e-card-image {
   min-height: 150px;
@@ -189,6 +193,10 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-bigger .e-card .e-card-content + .e-card-header,
+.e-bigger.e-card .e-card-content + .e-card-header {
+  padding: 20px;
+}
 
 .e-card {
   border-radius: 2px;
@@ -366,6 +374,9 @@
 .e-card .e-card-header .e-card-corner {
   border-radius: 50%;
 }
+.e-card .e-card-header + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-image {
   background-size: cover;
   min-height: 112.5px;
@@ -490,6 +501,9 @@
   margin-top: 0;
   padding-top: 0;
 }
+.e-card .e-card-content + .e-card-header {
+  padding: 16px;
+}
 .e-card .e-card-content,
 .e-card .e-card-content p {
   line-height: 1.5;