@syncfusion/ej2-navigations 20.4.49 → 20.4.51

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.49
+*  version : 20.4.51
 *  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@20.4.48",
+  "_id": "@syncfusion/ej2-navigations@20.4.49",
   "_inBundle": false,
-  "_integrity": "sha512-R5EqcU5jCkiqVZkMW3dxvw8RCaORaZB6tEFqpbD8WzFJYN9F5aY3guccFBLQJ8endEyUQfRz07PiIqEHyQU3ug==",
+  "_integrity": "sha512-rX8KgboFWrQ9npRnVSG+EDY7IbrsEI2NrKmq/EogWx5hsQrTbix1pxivr+eHxaz7YdpFZx4izzAL7dmBENJXZg==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -38,8 +38,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.48.tgz",
-  "_shasum": "1526c3fee161b4e9a293794a53f36a4b0431cfeb",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.49.tgz",
+  "_shasum": "37c8a37b4c1c6c112ae6e12f2ccf4ee129538dbf",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -50,12 +50,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-buttons": "~20.4.49",
+    "@syncfusion/ej2-base": "~20.4.51",
+    "@syncfusion/ej2-buttons": "~20.4.50",
     "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-inputs": "~20.4.48",
-    "@syncfusion/ej2-lists": "~20.4.48",
-    "@syncfusion/ej2-popups": "~20.4.49"
+    "@syncfusion/ej2-inputs": "~20.4.51",
+    "@syncfusion/ej2-lists": "~20.4.50",
+    "@syncfusion/ej2-popups": "~20.4.51"
   },
   "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",
@@ -160,6 +160,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.49",
+  "version": "20.4.51",
   "sideEffects": false
 }

package/src/common/h-scroll.js

@@ -349,6 +349,9 @@ var HScroll = /** @class */ (function (_super) {
         else {
             this.scrollEle.scrollLeft -= scrollVal;
         }
+        if (this.enableRtl && this.scrollEle.scrollLeft > 0) {
+            this.scrollEle.scrollLeft = 0;
+        }
     };
     HScroll.prototype.frameScrollRequest = function (scrollVal, action, isContinuous) {
         var _this = this;

package/styles/bootstrap4.css

@@ -8279,7 +8279,7 @@
 }
 .e-treeview.e-rtl .e-icon-collapsible,
 .e-treeview.e-rtl .e-icon-expandable {
-  margin: -0.5px -24px 0 0;
+  margin: -0.5px -20px 0 0;
 }
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;

package/styles/context-menu/_fluent-definition.scss

@@ -11,7 +11,7 @@ $cmenu-caret-blank-icon: $text-base !default;
 $cmenu-caret-font-size: 16px !default;
 $cmenu-caret-icon: '\e7c2' !default;
 $cmenu-caret-icon-rtl: '\e7c1' !default;
-$cmenu-caret-li-padding: 24px !default;
+$cmenu-caret-li-padding: 36px !default;
 $cmenu-caret-right: 7px !default;
 $cmenu-icon-margin-right: 8px !default;
 $cmenu-li-height: 36px !default;

package/styles/context-menu/fluent-dark.css

@@ -117,7 +117,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -230,7 +230,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,

package/styles/context-menu/fluent.css

@@ -117,7 +117,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -230,7 +230,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,

package/styles/fluent-dark.css

@@ -3441,7 +3441,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3554,7 +3554,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,
@@ -8970,7 +8970,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
 .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-separator,
 .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -9166,7 +9166,7 @@ ejs-sidebar {
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -9277,7 +9277,7 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -9372,7 +9372,7 @@ ejs-sidebar {
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
   padding-right: 12px;
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9385,7 +9385,7 @@ ejs-sidebar {
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,

package/styles/fluent.css

@@ -3441,7 +3441,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3554,7 +3554,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,
@@ -8970,7 +8970,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
 .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-separator,
 .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -9166,7 +9166,7 @@ ejs-sidebar {
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -9277,7 +9277,7 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -9372,7 +9372,7 @@ ejs-sidebar {
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
   padding-right: 12px;
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9385,7 +9385,7 @@ ejs-sidebar {
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,

package/styles/menu/fluent-dark.css

@@ -252,7 +252,7 @@
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
 .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-separator,
 .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -448,7 +448,7 @@
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -559,7 +559,7 @@
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -654,7 +654,7 @@
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
   padding-right: 12px;
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -667,7 +667,7 @@
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,

package/styles/menu/fluent.css

@@ -252,7 +252,7 @@
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
 .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-menu-wrapper .e-ul .e-menu-item.e-separator,
 .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -448,7 +448,7 @@
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -559,7 +559,7 @@
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -654,7 +654,7 @@
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
   padding-right: 12px;
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -667,7 +667,7 @@
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,

package/styles/treeview/_bootstrap4-definition.scss

@@ -56,7 +56,7 @@ $treeview-big-icon-size: 24px !default;
 $treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-drag-icon-margin: 0 8px 8px -24px;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
-$treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;
+$treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
 $treeview-rtl-drag-margin: 10px -13px -1px 0;
 $treeview-icon-padding: 6px !default;
 $treeview-text-padding: 0 8px 0 6px !default;

package/styles/treeview/bootstrap4.css

@@ -591,7 +591,7 @@
 }
 .e-treeview.e-rtl .e-icon-collapsible,
 .e-treeview.e-rtl .e-icon-expandable {
-  margin: -0.5px -24px 0 0;
+  margin: -0.5px -20px 0 0;
 }
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;