@syncfusion/ej2-navigations 22.2.5 → 22.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.5
+*  version : 22.2.7
 *  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@22.1.39",
+  "_id": "@syncfusion/ej2-navigations@22.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-K4OYPZQuHbKY4odT9j1dRVDIs0R25jo3xR/NTCKfwamdcJqWCnHIxEg3c6ELK7mIgn6C9fzHmXsns39xueDKew==",
+  "_integrity": "sha512-ROhN91xNpqtogxlvW9w3ku1Ho2bKlrMhnEXRn4Xy+sQPN5FjVRsgnTZ0Wbp1tH1XygcVFw1QagQufhFvXT1ERw==",
   "_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-22.1.39.tgz",
-  "_shasum": "a1bae66925958586e35fc5b8a9892a6e64072f88",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.2.5.tgz",
+  "_shasum": "aa9ae780330515fbfda83b0aa3c565b5b349a8d7",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -54,9 +54,9 @@
     "@syncfusion/ej2-base": "~22.2.5",
     "@syncfusion/ej2-buttons": "~22.2.5",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-inputs": "~22.2.7",
     "@syncfusion/ej2-lists": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.5"
+    "@syncfusion/ej2-popups": "~22.2.7"
   },
   "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": "22.2.5",
+  "version": "22.2.7",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -1491,6 +1491,9 @@ var MenuBase = /** @class */ (function (_super) {
         }
     };
     MenuBase.prototype.afterCloseMenu = function (e) {
+        if (isNullOrUndefined(e)) {
+            return;
+        }
         var isHeader;
         if (this.showSubMenu) {
             if (this.showItemOnClick && this.navIdx.length === 0) {

package/src/tab/tab.js

@@ -1968,7 +1968,9 @@ var Tab = /** @class */ (function (_super) {
             }
         }
         this.setActiveBorder();
-        item.setAttribute('aria-hidden', '' + value);
+        if (!isNullOrUndefined(item.firstElementChild)) {
+            item.firstElementChild.setAttribute('aria-hidden', '' + value);
+        }
         if (this.overflowMode === 'Popup' && this.tbObj) {
             this.tbObj.refreshOverflow();
         }

package/styles/accordion/_theme.scss

@@ -189,7 +189,11 @@
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {

package/styles/accordion/bootstrap-dark.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #3e98ff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/accordion/bootstrap.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/accordion/bootstrap4.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #007bff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f8f9fa;
   border: 0;

package/styles/accordion/bootstrap5-dark.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #adb5bd;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/bootstrap5.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6c757d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/fabric-dark.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #dadada;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #dadada;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #514f4f;
   border: 1px solid #dadada;

package/styles/accordion/fabric.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #666;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #d1ebff;
   border: 1px solid #666;

package/styles/accordion/fluent-dark.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #a19f9d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #f3f2f1;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #252423;
   border: 1px solid #f3f2f1;

package/styles/accordion/fluent.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #605e5c;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #201f1e;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f2f1;
   border: 1px solid #201f1e;

package/styles/accordion/highcontrast-light.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #000;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #000;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #400074;
   border: 2px dashed #000;

package/styles/accordion/highcontrast.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #fff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #fff;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #ffd939;
   border: 2px dashed #fff;

package/styles/accordion/material-dark.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(255, 255, 255, 0.7);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: rgba(255, 255, 255, 0.05);
   border: 0;

package/styles/accordion/material.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(0, 0, 0, 0.54);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #eee;
   border: 0;

package/styles/accordion/material3-dark.css

@@ -459,6 +459,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/material3.css

@@ -515,6 +515,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/tailwind-dark.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #d1d5db;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #4b5563;
   border: 0;

package/styles/accordion/tailwind.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6b7280;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f4f6;
   border: 0;

package/styles/bootstrap-dark.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #3e98ff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/bootstrap.css

@@ -2605,6 +2605,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/bootstrap4.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #007bff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f8f9fa;
   border: 0;

package/styles/bootstrap5-dark.css

@@ -2672,6 +2672,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #adb5bd;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/bootstrap5.css

@@ -2672,6 +2672,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6c757d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/fabric-dark.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #dadada;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #dadada;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #514f4f;
   border: 1px solid #dadada;

package/styles/fabric.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #666;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #d1ebff;
   border: 1px solid #666;

package/styles/fluent-dark.css

@@ -2637,6 +2637,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #a19f9d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #f3f2f1;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #252423;
   border: 1px solid #f3f2f1;

package/styles/fluent.css

@@ -2637,6 +2637,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #605e5c;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #201f1e;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f2f1;
   border: 1px solid #201f1e;

package/styles/highcontrast-light.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #000;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #000;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #400074;
   border: 2px dashed #000;

package/styles/highcontrast.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #fff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #fff;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #ffd939;
   border: 2px dashed #fff;

package/styles/material-dark.css

@@ -2680,6 +2680,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(255, 255, 255, 0.7);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: rgba(255, 255, 255, 0.05);
   border: 0;

package/styles/material.css

@@ -2686,6 +2686,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(0, 0, 0, 0.54);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #eee;
   border: 0;

package/styles/material3-dark.css

@@ -2745,6 +2745,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/material3.css

@@ -2801,6 +2801,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/tailwind-dark.css

@@ -2774,6 +2774,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #d1d5db;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #4b5563;
   border: 0;

package/styles/tailwind.css

@@ -2774,6 +2774,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6b7280;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f4f6;
   border: 0;