@syncfusion/ej2-layouts 20.1.47 → 20.1.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.47
+*  version : 20.1.55
 *  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.9",
+  "_id": "@syncfusion/ej2-layouts@20.1.47",
   "_inBundle": false,
-  "_integrity": "sha512-vFQ/1dU1Mufhh5X4nxZfPm6B1MDsUQx73+48FEY1Gt1AeMh6GM8RjlvdjsJo02CdpIbOewKAaVE7xpJvihWssA==",
+  "_integrity": "sha512-SJdbGojr4E+rPb/etHTUFuH9K3DzkNwIMTTMmqgmT73xsBwoQGXnT0M3TsxOvnUobwlXZP9J+Dxm1lJGII8V+Q==",
   "_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.9.tgz",
-  "_shasum": "10ac1634e328f00c2525e459f31ae4d74e7075a4",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-20.1.47.tgz",
+  "_shasum": "6203be48fbf92ecdbe10d1902709cd3eaf927b66",
   "_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.1.47"
+    "@syncfusion/ej2-base": "~20.1.55"
   },
   "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.1.47",
+  "version": "20.1.55",
   "sideEffects": false
 }

package/src/splitter/splitter.js

@@ -1063,7 +1063,7 @@ var Splitter = /** @class */ (function (_super) {
                         paneMinRange = this.convertPercentageToPixel(this.paneSettings[i].min);
                     }
                     minValue = this.convertPixelToNumber((paneMinRange).toString());
-                    if (this.allPanes[i].offsetWidth < minValue) {
+                    if (this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight < minValue) {
                         if (i === paneIndex) {
                             updatePane = this.allPanes[i];
                             flexPane = this.allPanes[i + 1];
@@ -1072,12 +1072,15 @@ var Splitter = /** @class */ (function (_super) {
                             updatePane = this.allPanes[i];
                             flexPane = this.allPanes[i - 1];
                         }
-                        var sizeDiff = minValue - this.allPanes[i].offsetWidth;
+                        var sizeDiff = minValue - (this.orientation === 'Horizontal' ?
+                            this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
                         var isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
-                        updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePane.offsetWidth + sizeDiff) + '%'
-                            : (updatePane.offsetWidth + sizeDiff) + 'px';
+                        var updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
+                        updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
+                            : (updatePaneOffset + sizeDiff) + 'px';
+                        var flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
                         flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
-                            this.convertPixelToPercentage(flexPane.offsetWidth - sizeDiff) + '%' : (flexPane.offsetWidth - sizeDiff) + 'px';
+                            this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
                     }
                 }
             }

package/styles/avatar/bootstrap-dark.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/bootstrap.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/bootstrap4.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 2.5em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.65em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.85em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.25em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.45em;
-}
+}

package/styles/avatar/bootstrap5-dark.css

@@ -22,30 +22,25 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   border-radius: 4px;
@@ -53,11 +48,10 @@
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   border-radius: 4px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/bootstrap5.css

@@ -22,30 +22,25 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   border-radius: 4px;
@@ -53,11 +48,10 @@
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   border-radius: 4px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/fabric-dark.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/fabric.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/fluent-dark.css

@@ -22,40 +22,34 @@
   width: 40px;
   line-height: 24px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 20px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 24px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/fluent.css

@@ -22,40 +22,34 @@
   width: 40px;
   line-height: 24px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 20px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 24px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/highcontrast-light.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/highcontrast.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/material-dark.css

@@ -22,28 +22,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/material.css

@@ -22,28 +22,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/tailwind-dark.css

@@ -23,40 +23,34 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/tailwind.css

@@ -23,40 +23,34 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}