@syncfusion/ej2-navigations 19.4.41 → 19.4.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.41
+*  version : 19.4.47
 *  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-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@19.4.40",
+  "_id": "@syncfusion/ej2-navigations@19.4.41",
   "_inBundle": false,
-  "_integrity": "sha512-hOPxCHbaKERNADouhs5YGLUEk7R4H+9yxr1CEKcxNZtbssNw1af7wMLyNm1MGzhMmk834ufMcBwFS/AKr83d4g==",
+  "_integrity": "sha512-Z/c9LceqvB6SGuaEdoxz5GYZcHaNxej27OctGjWuVSw/EJe8bTXsQ6Z9QVjyQiOSKkTAwkEnog25t7IM0EitRA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.40.tgz",
-  "_shasum": "d5242c70121ecc9868ddc98155fdacfa085a5a65",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.41.tgz",
+  "_shasum": "2ede11720d2b9ff0a5dacbc580b8abb5db1e0227",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +49,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-buttons": "~19.4.38",
-    "@syncfusion/ej2-data": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.41",
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-buttons": "~19.4.42",
+    "@syncfusion/ej2-data": "~19.4.47",
+    "@syncfusion/ej2-inputs": "~19.4.47",
     "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-popups": "~19.4.41"
+    "@syncfusion/ej2-popups": "~19.4.47"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -159,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.41",
+  "version": "19.4.47",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -964,8 +964,14 @@ var MenuBase = /** @class */ (function (_super) {
                             _this.setBlankIconStyle(_this.popupWrapper);
                             _this.wireKeyboardEvent(_this.popupWrapper);
                             rippleEffect(_this.popupWrapper, { selector: '.' + ITEM });
-                            _this.popupWrapper.style.left = _this.left + 'px';
-                            _this.popupWrapper.style.top = _this.top + 'px';
+                            if (_this.popupWrapper.style.position === 'fixed' && _this.top > 0) {
+                                _this.popupWrapper.style.left = _this.left + 'px';
+                                _this.popupWrapper.style.top = _this.top + scrollY + 'px';
+                            }
+                            else {
+                                _this.popupWrapper.style.left = _this.left + 'px';
+                                _this.popupWrapper.style.top = _this.top + 'px';
+                            }
                             var animationOptions = _this.animationSettings.effect !== 'None' ? {
                                 name: _this.animationSettings.effect, duration: _this.animationSettings.duration,
                                 timingFunction: _this.animationSettings.easing

package/styles/bootstrap-dark.css

@@ -8303,7 +8303,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8368,6 +8368,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 42px;
   line-height: 42px;
   padding: 0 15px;
@@ -9692,7 +9693,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/bootstrap.css

@@ -8322,7 +8322,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8387,6 +8387,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 40px;
   line-height: 40px;
   padding: 0 12px;
@@ -9711,7 +9712,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/bootstrap4.css

@@ -8586,7 +8586,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8651,6 +8651,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 30px;
   line-height: 30px;
   padding: 0 12px;
@@ -10020,7 +10021,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/bootstrap5-dark.css

@@ -8581,7 +8581,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8646,6 +8646,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 50px;
   line-height: 50px;
   padding: 0 12px;
@@ -9989,7 +9990,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/bootstrap5.css

@@ -8581,7 +8581,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8646,6 +8646,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 50px;
   line-height: 50px;
   padding: 0 12px;
@@ -9989,7 +9990,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/_layout.scss

@@ -309,7 +309,7 @@
       .e-breadcrumb-icon {
         display: flex;
         flex-grow: 1;
-        justify-content: end;
+        justify-content: flex-end;
      }
    }
 

package/styles/breadcrumb/bootstrap-dark.css

@@ -255,7 +255,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/bootstrap.css

@@ -255,7 +255,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/bootstrap4.css

@@ -255,7 +255,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/bootstrap5-dark.css

@@ -274,7 +274,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/bootstrap5.css

@@ -274,7 +274,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/fabric-dark.css

@@ -257,7 +257,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/fabric.css

@@ -257,7 +257,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/highcontrast-light.css

@@ -257,7 +257,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/highcontrast.css

@@ -257,7 +257,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/material-dark.css

@@ -249,7 +249,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/material.css

@@ -249,7 +249,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/tailwind-dark.css

@@ -256,7 +256,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/breadcrumb/tailwind.css

@@ -256,7 +256,7 @@
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/fabric-dark.css

@@ -8311,7 +8311,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8376,6 +8376,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 8px;
@@ -9702,7 +9703,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/fabric.css

@@ -8321,7 +8321,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8386,6 +8386,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 8px;
@@ -9712,7 +9713,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/highcontrast-light.css

@@ -8657,7 +8657,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8722,6 +8722,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 36px;
   line-height: 36px;
   padding: 0 16px;
@@ -10048,7 +10049,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/highcontrast.css

@@ -8686,7 +8686,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8751,6 +8751,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 40px;
   line-height: 40px;
   padding: 0 8px;
@@ -10077,7 +10078,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/material-dark.css

@@ -8171,7 +8171,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8236,6 +8236,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 12px;
@@ -9553,7 +9554,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/material.css

@@ -8188,7 +8188,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8253,6 +8253,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 12px;
@@ -9570,7 +9571,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,

package/styles/menu/_layout.scss

@@ -15,7 +15,7 @@
     @at-root {
       & ul {
         @include ul-layout;
-        font-size: $menu-font-size;
+        font-size: 0;
         padding: $menu-ul-padding;
         text-align: left;
         white-space: nowrap;
@@ -53,6 +53,7 @@
         & .e-menu-item  {
           @include li-layout;
           display: inline-flex;
+          font-size: $menu-font-size;
           height: $menu-li-height;
           line-height: $menu-li-height;
           padding: $menu-li-padding;

package/styles/menu/bootstrap-dark.css

@@ -106,7 +106,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -171,6 +171,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 42px;
   line-height: 42px;
   padding: 0 15px;

package/styles/menu/bootstrap.css

@@ -108,7 +108,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -173,6 +173,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 40px;
   line-height: 40px;
   padding: 0 12px;

package/styles/menu/bootstrap4.css

@@ -108,7 +108,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -173,6 +173,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 30px;
   line-height: 30px;
   padding: 0 12px;

package/styles/menu/bootstrap5-dark.css

@@ -118,7 +118,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -183,6 +183,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 50px;
   line-height: 50px;
   padding: 0 12px;

package/styles/menu/bootstrap5.css

@@ -118,7 +118,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -183,6 +183,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 50px;
   line-height: 50px;
   padding: 0 12px;

package/styles/menu/fabric-dark.css

@@ -106,7 +106,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -171,6 +171,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 8px;

package/styles/menu/fabric.css

@@ -107,7 +107,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -172,6 +172,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 8px;

package/styles/menu/highcontrast-light.css

@@ -106,7 +106,7 @@
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -171,6 +171,7 @@
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 14px;
   height: 36px;
   line-height: 36px;
   padding: 0 16px;