@syncfusion/ej2-navigations 24.1.46 → 24.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.46
+*  version : 24.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@24.1.41",
+  "_id": "@syncfusion/ej2-navigations@24.1.46",
   "_inBundle": false,
-  "_integrity": "sha512-kXAQii6XynPPhUCd3d6S/IhpzlLkW+VgSX7dF+ZtrX7PCmA/Qw9kGIoOmFycz6pyLek7aTdRsQF9AwwK/a62fQ==",
+  "_integrity": "sha512-KW7XrbD/heEk1wlYciwDmeoQvordWRbhimIVB+lTo6zw9lTG+EOYOqxGox0jPOyreKOAroP+3tc8ZcmVLfvGQA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-24.1.41.tgz",
-  "_shasum": "b96f68d3d0f7381c0f660fb09a55add4f2068e81",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-24.1.46.tgz",
+  "_shasum": "f6af13c61f2279fa8f51784ae5270f2d939e54a5",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -51,12 +51,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.46",
-    "@syncfusion/ej2-buttons": "~24.1.46",
-    "@syncfusion/ej2-data": "~24.1.41",
-    "@syncfusion/ej2-inputs": "~24.1.45",
-    "@syncfusion/ej2-lists": "~24.1.46",
-    "@syncfusion/ej2-popups": "~24.1.46"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-buttons": "~24.2.3",
+    "@syncfusion/ej2-data": "~24.2.3",
+    "@syncfusion/ej2-inputs": "~24.2.3",
+    "@syncfusion/ej2-lists": "~24.2.3",
+    "@syncfusion/ej2-popups": "~24.2.3"
   },
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.1.46",
+  "version": "24.2.3",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -639,7 +639,7 @@ var MenuBase = /** @class */ (function (_super) {
                         closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
                         _this.trigger('onClose', closeArgs);
                         _this.navIdx.pop();
-                        if (_this.navIdx.length === 0) {
+                        if (_this.navIdx.length === 0 && e && e.type === 'keyup') {
                             _this.showSubMenu = false;
                         }
                         if (!_this.isMenu) {

package/src/tab/tab.js

@@ -1086,7 +1086,7 @@ var Tab = /** @class */ (function (_super) {
         if (isInteracted === void 0) { isInteracted = false; }
         this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
         var trg = this.tbItem[value];
-        if (value < 0 || isNaN(value) || this.tbItem.length === 0) {
+        if (value < 0 || isNaN(value) || this.tbItem.length === 0 || !isNOU(trg) && trg.classList.contains(CLS_DISABLE)) {
             return;
         }
         if (value >= 0 && !skipDataBind) {

package/styles/bootstrap-dark.css

@@ -8975,7 +8975,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/bootstrap.css

@@ -8991,7 +8991,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/bootstrap4.css

@@ -9076,7 +9076,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/bootstrap5-dark.css

@@ -2156,6 +2156,7 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
+  color: #adb5bd;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -2167,15 +2168,16 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
-  color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
-  color: #ced4da;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
@@ -9156,7 +9158,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/bootstrap5.css

@@ -2156,6 +2156,7 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
+  color: #6c757d;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -2167,15 +2168,16 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
-  color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
-  color: #495057;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
@@ -9156,7 +9158,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/fabric-dark.css

@@ -8975,7 +8975,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/fabric.css

@@ -8986,7 +8986,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/fluent-dark.css

@@ -9135,7 +9135,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/fluent.css

@@ -9135,7 +9135,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/highcontrast-light.css

@@ -8969,7 +8969,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/highcontrast.css

@@ -9003,7 +9003,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/material-dark.css

@@ -9116,7 +9116,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/material.css

@@ -9136,7 +9136,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/material3-dark.css

@@ -9245,7 +9245,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/material3.css

@@ -9301,7 +9301,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/_layout.scss

@@ -353,7 +353,6 @@
 
     &.e-ul {
       @include bigger-ul-size;
-      max-width: $cmenu-bigger-max-width;
       min-width: $cmenu-bigger-min-width;
 
       & .e-menu-item  {

package/styles/menu/bootstrap-dark.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap4.css

@@ -508,7 +508,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap5-dark.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap5.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fabric-dark.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fabric.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fluent-dark.css

@@ -517,7 +517,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fluent.css

@@ -517,7 +517,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/highcontrast-light.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/highcontrast.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material-dark.css

@@ -525,7 +525,6 @@
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material.css

@@ -527,7 +527,6 @@
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material3-dark.css

@@ -573,7 +573,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material3.css

@@ -629,7 +629,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/tailwind-dark.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/tailwind.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/tailwind-dark.css

@@ -9277,7 +9277,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/tailwind.css

@@ -9277,7 +9277,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/toolbar/_bootstrap5-definition.scss

@@ -154,8 +154,8 @@ $tbar-btn-icons-focus-color: $icon-color !default;
 $tbar-btn-text-focus-color: $primary-text-color !default;
 $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
 $tbar-btn-hover-border-size: $tbar-border-size !default;
-$tbar-btn-hover-active-icons-color: $tbar-default-icon-color !default;
-$tbar-btn-hover-active-text-color: $content-text-color-alt2 !default;
+$tbar-btn-hover-active-icons-color: $primary-text-color !default;
+$tbar-btn-hover-active-text-color: $primary-text-color !default;
 $tbar-btn-overlay-opacity: .5 !default;
 $tbar-btn-active-bg: $tbar-active-bg !default;
 $tbar-btn-active-icons-color: $tbar-default-icon-color !default;

package/styles/toolbar/_theme.scss

@@ -55,6 +55,10 @@
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
   
@@ -68,6 +72,10 @@
 
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
 
           .e-tbar-btn-text {

package/styles/toolbar/bootstrap5-dark.css

@@ -867,6 +867,7 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
+  color: #adb5bd;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -878,15 +879,16 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
-  color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
-  color: #ced4da;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;

package/styles/toolbar/bootstrap5.css

@@ -867,6 +867,7 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
+  color: #6c757d;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -878,15 +879,16 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
-  color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
-  color: #495057;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;