@syncfusion/ej2-navigations 20.1.55 → 20.1.58

package/dist/es6/ej2-navigations.es2015.js

@@ -1040,6 +1040,7 @@ const LEFTARROW = 'leftarrow';
 const RIGHTARROW = 'rightarrow';
 const HOME = 'home';
 const END = 'end';
+const TAB = 'tab';
 const CARET = 'e-caret';
 const ITEM = 'e-menu-item';
 const DISABLED = 'e-disabled';
@@ -1307,6 +1308,7 @@ let MenuBase = class MenuBase extends Component {
         if (this.isMenu) {
             keyConfigs.home = HOME;
             keyConfigs.end = END;
+            keyConfigs.tab = TAB;
         }
         new KeyboardEvents(element, {
             keyAction: this.keyBoardHandler.bind(this),
@@ -1367,6 +1369,7 @@ let MenuBase = class MenuBase extends Component {
             case UPARROW:
             case END:
             case HOME:
+            case TAB:
                 this.upDownKeyHandler(e);
                 break;
             case RIGHTARROW:
@@ -1393,7 +1396,7 @@ let MenuBase = class MenuBase extends Component {
     }
     upDownKeyHandler(e) {
         const cul = this.getUlByNavIdx();
-        const defaultIdx = (e.action === DOWNARROW || e.action === HOME) ? 0 : cul.childElementCount - 1;
+        const defaultIdx = (e.action === DOWNARROW || e.action === HOME || e.action === TAB) ? 0 : cul.childElementCount - 1;
         let fliIdx = defaultIdx;
         const fli = this.getLIByClass(cul, FOCUSED);
         if (fli) {
@@ -1526,6 +1529,12 @@ let MenuBase = class MenuBase extends Component {
             }
             if (!isClose) {
                 const liElem = e && e.target && this.getLI(e.target);
+                if (liElem) {
+                    this.cli = liElem;
+                }
+                else {
+                    this.cli = ul.children[0];
+                }
                 item = this.navIdx.length ? this.getItem(this.navIdx) : null;
                 items = item ? item.items : this.items;
                 beforeCloseArgs = { element: ul, parentItem: item, items: items, event: e, cancel: false, isFocused: true };
@@ -3095,6 +3104,7 @@ let MenuBase = class MenuBase extends Component {
                 this.clearTemplate(['template']);
             }
         }
+        this.rippleFn = null;
     }
 };
 __decorate$2([
@@ -7287,7 +7297,7 @@ let Tab = class Tab extends Component {
             this.tbObj = null;
         }
         this.unWireEvents();
-        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation'].forEach((val) => {
+        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation', 'aria-owns'].forEach((val) => {
             this.element.removeAttribute(val);
         });
         this.expTemplateContent();
@@ -7368,7 +7378,7 @@ let Tab = class Tab extends Component {
         const css = (name === 'msie') ? 'e-ie' : (name === 'edge') ? 'e-edge' : (name === 'safari') ? 'e-safari' : '';
         setStyleAttribute(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();
     }
@@ -7552,6 +7562,10 @@ let Tab = class Tab extends Component {
         attributes(this.hdrEle, { 'aria-label': 'tab-header' });
         this.updateOrientationAttribute();
         this.setCloseButton(this.showCloseButton);
+        const toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
+        if (!isNullOrUndefined(toolbarHeader)) {
+            toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
+        }
     }
     renderContent() {
         this.cntEle = select('.' + CLS_CONTENT$1, this.element);
@@ -8304,10 +8318,12 @@ let Tab = class Tab extends Component {
     bindDraggable() {
         if (this.allowDragAndDrop) {
             const tabHeader = this.element.querySelector('.' + CLS_HEADER$1);
-            const items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
-            items.forEach((element) => {
-                this.initializeDrag(element);
-            });
+            if (tabHeader) {
+                const items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                items.forEach((element) => {
+                    this.initializeDrag(element);
+                });
+            }
         }
     }
     wireEvents() {
@@ -8875,6 +8891,7 @@ let Tab = class Tab extends Component {
         if (isNullOrUndefined(this.hdrEle)) {
             this.items = items;
             this.reRenderItems();
+            this.bindDraggable();
         }
         else {
             const itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
@@ -10143,7 +10160,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             }
             let 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) {
@@ -10158,7 +10176,6 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 }
             }
         }
-        this.parentCheckData = [];
     }
     beforeNodeCreate(e) {
         if (this.showCheckBox) {