@syncfusion/ej2-navigations 20.1.55 → 20.1.58

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.55
+*  version : 20.1.58
 *  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.1.51",
+  "_id": "@syncfusion/ej2-navigations@20.1.57",
   "_inBundle": false,
-  "_integrity": "sha512-0njNxaARzN9JOwEKSpg7dD0wE8gmLMGMjwx8mWeAHOLEO0rqKih8z3uVm36brMlEFTEvD0mIRQxcOq49w/H0ag==",
+  "_integrity": "sha512-Bhf/dof5zmFSvsr6bSuHKY6mp9OFKixVx0pGXiyyeP6Oo12jIIiQ0HwSTYm4FNW4+J64GohvGelIGMKb2jvL0A==",
   "_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-20.1.51.tgz",
-  "_shasum": "3811dcf6ae7f08b655e52736ab0b055d9db885c8",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.1.57.tgz",
+  "_shasum": "0969aed7da8a53b76ef197b40a0756d8df5d6fdf",
   "_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": "~20.1.55",
+    "@syncfusion/ej2-base": "~20.1.57",
     "@syncfusion/ej2-buttons": "~20.1.55",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.58",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-popups": "~20.1.55"
+    "@syncfusion/ej2-popups": "~20.1.58"
   },
   "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": "20.1.55",
+  "version": "20.1.58",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -41,6 +41,7 @@ var LEFTARROW = 'leftarrow';
 var RIGHTARROW = 'rightarrow';
 var HOME = 'home';
 var END = 'end';
+var TAB = 'tab';
 var CARET = 'e-caret';
 var ITEM = 'e-menu-item';
 var DISABLED = 'e-disabled';
@@ -330,6 +331,7 @@ var MenuBase = /** @class */ (function (_super) {
         if (this.isMenu) {
             keyConfigs.home = HOME;
             keyConfigs.end = END;
+            keyConfigs.tab = TAB;
         }
         new KeyboardEvents(element, {
             keyAction: this.keyBoardHandler.bind(this),
@@ -390,6 +392,7 @@ var MenuBase = /** @class */ (function (_super) {
             case UPARROW:
             case END:
             case HOME:
+            case TAB:
                 this.upDownKeyHandler(e);
                 break;
             case RIGHTARROW:
@@ -416,7 +419,7 @@ var MenuBase = /** @class */ (function (_super) {
     };
     MenuBase.prototype.upDownKeyHandler = function (e) {
         var cul = this.getUlByNavIdx();
-        var defaultIdx = (e.action === DOWNARROW || e.action === HOME) ? 0 : cul.childElementCount - 1;
+        var defaultIdx = (e.action === DOWNARROW || e.action === HOME || e.action === TAB) ? 0 : cul.childElementCount - 1;
         var fliIdx = defaultIdx;
         var fli = this.getLIByClass(cul, FOCUSED);
         if (fli) {
@@ -553,6 +556,12 @@ var MenuBase = /** @class */ (function (_super) {
             }
             if (!isClose) {
                 var liElem_1 = e && e.target && this.getLI(e.target);
+                if (liElem_1) {
+                    this.cli = liElem_1;
+                }
+                else {
+                    this.cli = ul_1.children[0];
+                }
                 item_1 = this.navIdx.length ? this.getItem(this.navIdx) : null;
                 items_1 = item_1 ? item_1.items : this.items;
                 beforeCloseArgs = { element: ul_1, parentItem: item_1, items: items_1, event: e, cancel: false, isFocused: true };
@@ -2156,6 +2165,7 @@ var MenuBase = /** @class */ (function (_super) {
                 this.clearTemplate(['template']);
             }
         }
+        this.rippleFn = null;
     };
     __decorate([
         Event()

package/src/tab/tab.js

@@ -219,7 +219,7 @@ var Tab = /** @class */ (function (_super) {
             this.tbObj = null;
         }
         this.unWireEvents();
-        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation'].forEach(function (val) {
+        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation', 'aria-owns'].forEach(function (val) {
             _this.element.removeAttribute(val);
         });
         this.expTemplateContent();
@@ -300,7 +300,7 @@ var Tab = /** @class */ (function (_super) {
         var css = (name === 'msie') ? 'e-ie' : (name === 'edge') ? 'e-edge' : (name === 'safari') ? 'e-safari' : '';
         setStyle(this.element, { 'width': formatUnit(this.width), 'height': formatUnit(this.height) });
         this.setCssClass(this.element, this.cssClass, true);
-        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '' });
+        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '', 'aria-owns': this.element.id + '_' + 'tab_header_items' });
         this.setCssClass(this.element, css, true);
         this.updatePopAnimationConfig();
     };
@@ -485,6 +485,10 @@ var Tab = /** @class */ (function (_super) {
         attributes(this.hdrEle, { 'aria-label': 'tab-header' });
         this.updateOrientationAttribute();
         this.setCloseButton(this.showCloseButton);
+        var toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
+        if (!isNOU(toolbarHeader)) {
+            toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
+        }
     };
     Tab.prototype.renderContent = function () {
         this.cntEle = select('.' + CLS_CONTENT, this.element);
@@ -1245,10 +1249,12 @@ var Tab = /** @class */ (function (_super) {
         var _this = this;
         if (this.allowDragAndDrop) {
             var tabHeader = this.element.querySelector('.' + CLS_HEADER);
-            var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
-            items.forEach(function (element) {
-                _this.initializeDrag(element);
-            });
+            if (tabHeader) {
+                var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                items.forEach(function (element) {
+                    _this.initializeDrag(element);
+                });
+            }
         }
     };
     Tab.prototype.wireEvents = function () {
@@ -1821,6 +1827,7 @@ var Tab = /** @class */ (function (_super) {
         if (isNOU(this.hdrEle)) {
             this.items = items;
             this.reRenderItems();
+            this.bindDraggable();
         }
         else {
             var itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;

package/src/treeview/treeview.js

@@ -717,7 +717,8 @@ var TreeView = /** @class */ (function (_super) {
             }
             var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
             if (subChildItems && subChildItems.length) {
-                this.parentCheckData.push(treeData);
+                if (this.parentCheckData.indexOf(treeData) === -1)
+                    this.parentCheckData.push(treeData);
                 this.updateChildCheckState(subChildItems, childItems[index]);
             }
             if (count === childItems.length && this.autoCheck && this.checkedNodes.indexOf(checkedParent) === -1) {
@@ -732,7 +733,6 @@ var TreeView = /** @class */ (function (_super) {
                 }
             }
         }
-        this.parentCheckData = [];
     };
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {

package/styles/bootstrap5-dark.css

@@ -6625,7 +6625,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/bootstrap5.css

@@ -6625,7 +6625,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/treeview/_bootstrap5-definition.scss

@@ -13,7 +13,7 @@ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
 $treeview-text-wrap-padding: 0 0 0 20px !default;
 $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
 $treeview-icon-size: 20px !default;
-$treeview-icon-margin: 0 0 0 -20px !default;
+$treeview-icon-margin: 0 2px 0 -24px !default;
 $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;

package/styles/treeview/bootstrap5-dark.css

@@ -443,7 +443,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/treeview/bootstrap5.css

@@ -443,7 +443,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }