@syncfusion/ej2-navigations 19.4.52 → 19.4.56

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.52
+*  version : 19.4.56
 *  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.50",
+  "_id": "@syncfusion/ej2-navigations@19.4.55",
   "_inBundle": false,
-  "_integrity": "sha512-ovKpaTomhhXwYH6+AG6OFfWI74izUytHxYX9nOrrEil/m0RdAG4rwdICK2kPOEWknVIXlHMkXPik2HHy/S7a6w==",
+  "_integrity": "sha512-OQu9sMOeqG7OdXte/hNLWUfeSjoNgMV7IEz3p1UZzUGtYylXYT+myET7Ukgc7bPGAhBr8Zy8sT5ItEba6iV20w==",
   "_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.50.tgz",
-  "_shasum": "1233bc2665096e8ff1b03cddc128e3149b0b9639",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.55.tgz",
+  "_shasum": "7f8aefd3568612b94f47564dc6a642c088ee14c4",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -50,11 +50,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-buttons": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.52",
+    "@syncfusion/ej2-buttons": "~19.4.55",
+    "@syncfusion/ej2-data": "~19.4.54",
     "@syncfusion/ej2-inputs": "~19.4.52",
-    "@syncfusion/ej2-lists": "~19.4.52",
-    "@syncfusion/ej2-popups": "~19.4.52"
+    "@syncfusion/ej2-lists": "~19.4.55",
+    "@syncfusion/ej2-popups": "~19.4.53"
   },
   "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.52",
+  "version": "19.4.56",
   "sideEffects": false
 }

package/src/accordion/accordion.js

@@ -551,7 +551,7 @@ var Accordion = /** @class */ (function (_super) {
         var header = this.createElement('div', { className: CLS_HEADER, id: getUniqueID('acrdn_header') });
         var items = this.getItems();
         var ariaAttr = {
-            'tabindex': '0', 'role': 'heading', 'aria-selected': 'false', 'aria-label': 'collapsed',
+            'tabindex': '0', 'role': 'heading', 'aria-label': 'collapsed',
             'aria-disabled': 'false', 'aria-level': items.length.toString()
         };
         attributes(header, ariaAttr);
@@ -805,7 +805,7 @@ var Accordion = /** @class */ (function (_super) {
             this.add(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'false');
             attributes(trgtItemEle, { 'aria-expanded': 'true' });
-            attributes(trgt.previousElementSibling, { 'aria-selected': 'true', 'aria-label': 'expanded' });
+            attributes(trgt.previousElementSibling, { 'aria-label': 'expanded' });
             icon.classList.remove(CLS_TOGANIMATE);
             this.trigger('expanded', eventArgs);
         }
@@ -922,7 +922,7 @@ var Accordion = /** @class */ (function (_super) {
             this.remove(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'true');
             attributes(trgtItemEle, { 'aria-expanded': 'false' });
-            attributes(trgt.previousElementSibling, { 'aria-selected': 'false', 'aria-label': 'collapsed' });
+            attributes(trgt.previousElementSibling, { 'aria-label': 'collapsed' });
             this.trigger('expanded', eventArgs);
         }
     };

package/src/common/menu-base.js

@@ -604,7 +604,7 @@ var MenuBase = /** @class */ (function (_super) {
                     if (isOpen && _this.hamburgerMode && ulIndex && !(submenus.length)) {
                         _this.afterCloseMenu(e);
                     }
-                    else if (isOpen && !_this.hamburgerMode && _this.navIdx.length && closedLi && !trgtLi) {
+                    else if (isOpen && !_this.hamburgerMode && _this.navIdx.length && closedLi && !trgtLi && _this.keyType !== "left") {
                         var ele = (e && e.target.classList.contains('e-vscroll'))
                             ? closest(e.target, '.e-menu-wrapper') : null;
                         if (ele) {
@@ -642,7 +642,7 @@ var MenuBase = /** @class */ (function (_super) {
                             if (sli_1) {
                                 sli_1.setAttribute('aria-expanded', 'false');
                                 sli_1.classList.remove(SELECTED);
-                                if (observedCloseArgs.isFocused && liElem_1) {
+                                if (observedCloseArgs.isFocused && liElem_1 || _this.keyType === "left") {
                                     sli_1.classList.add(FOCUSED);
                                     sli_1.focus();
                                 }

package/src/sidebar/sidebar.d.ts

@@ -31,6 +31,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
     protected tabIndex: string;
     private windowWidth;
     private targetEle;
+    private firstRender;
     /**
      * Specifies the size of the Sidebar in dock state.
      * > For more details about dockSize refer to

package/src/sidebar/sidebar.js

@@ -77,6 +77,7 @@ var Sidebar = /** @class */ (function (_super) {
         }
         if (this.isOpen) {
             this.show();
+            this.firstRender = true;
         }
         else {
             this.setMediaQuery();
@@ -187,9 +188,10 @@ var Sidebar = /** @class */ (function (_super) {
     };
     Sidebar.prototype.transitionEnd = function (e) {
         this.setDock();
-        if (!isNullOrUndefined(e)) {
+        if (!isNullOrUndefined(e) && !this.firstRender) {
             this.triggerChange();
         }
+        this.firstRender = false;
         EventHandler.remove(this.element, 'transitionend', this.transitionEnd);
     };
     Sidebar.prototype.destroyBackDrop = function () {

package/styles/menu/_layout.scss

@@ -71,7 +71,7 @@
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $theme-name == 'FluentUI' {
+            @if $skin-name == 'bootstrap5' {
               line-height: $menu-icon-li-height;
             }
             @else {

package/styles/menu/_theme.scss

@@ -108,15 +108,6 @@
               color: $submenu-color;
             }
         }
-          @else if $skin-name == 'FluentUI' or $theme-name == 'FluentUI' {
-            & .e-caret {
-              color: $menu-icon-color;
-            }
-
-            & .e-menu-icon {
-              color: $menu-icon-color;
-            }
-          }
 
           &.e-focused {
             @if $skin-name == 'bootstrap4' {