@syncfusion/ej2-navigations 21.1.37 → 21.1.39

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

@@ -1358,10 +1358,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             this.targetElement = target;
             if (!this.isMenu) {
-                EventHandler.add(this.targetElement, 'scroll', this.scrollHandler, this);
+                EventHandler.add(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
                 for (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
                     var parent_1 = _a[_i];
-                    EventHandler.add(parent_1, 'scroll', this.scrollHandler, this);
+                    EventHandler.add(parent_1, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
                 }
             }
         }
@@ -1401,6 +1401,13 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             this.closeMenu(this.isMenu ? null : this.navIdx.length, e);
         }
     };
+    MenuBase.prototype.keyHandler = function (e) {
+        if (e.keyCode === 38 || e.keyCode === 40) {
+            if (e.target && (e.target.classList.contains('e-contextmenu') || e.target.classList.contains('e-menu-item'))) {
+                e.preventDefault();
+            }
+        }
+    };
     MenuBase.prototype.keyBoardHandler = function (e) {
         var actionName = '';
         var trgt = e.target;
@@ -1657,6 +1664,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
                         _this.trigger('onClose', closeArgs);
                         _this.navIdx.pop();
+                        if (!_this.isMenu) {
+                            EventHandler.remove(ul_1, 'keydown', _this.keyHandler);
+                            _this.keyType = '';
+                        }
                     }
                     _this.updateReactTemplate();
                     var trgtliId;
@@ -1726,7 +1737,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                                 sli_1.classList.remove(SELECTED);
                                 if (observedCloseArgs.isFocused && liElem_1 || _this.keyType === 'left') {
                                     sli_1.classList.add(FOCUSED);
-                                    sli_1.focus();
+                                    if (!e.target || !e.target.classList.contains('e-edit-template')) {
+                                        sli_1.focus();
+                                    }
                                 }
                             }
                             if (!isOpen && _this.hamburgerMode && liElem_1 && liElem_1.getAttribute('aria-expanded') === 'false' &&
@@ -2217,10 +2230,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 if (!args.curData[args.fields[fields.id]]) {
                     args.curData[args.fields[fields.id]] = getUniqueID('menuitem');
                 }
-                args.curData.htmlAttributes = {
-                    role: 'menuitem',
-                    tabindex: '-1'
-                };
+                if (isNullOrUndefined(args.curData.htmlAttributes)) {
+                    args.curData.htmlAttributes = {};
+                }
+                Object.assign(args.curData.htmlAttributes, { role: 'menuitem', tabindex: '-1' });
                 if (_this.isMenu && !args.curData[_this.getField('separator', level)]) {
                     args.curData.htmlAttributes['aria-label'] = args.curData[args.fields.text] ?
                         args.curData[args.fields.text] : args.curData[args.fields.id];
@@ -2835,10 +2848,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (!this.isMenu) {
-                EventHandler.remove(this.targetElement, 'scroll', this.scrollHandler);
+                EventHandler.remove(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler);
                 for (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
                     var parent_2 = _a[_i];
-                    EventHandler.remove(parent_2, 'scroll', this.scrollHandler);
+                    EventHandler.remove(parent_2, 'mousewheel DOMMouseScroll', this.scrollHandler);
                 }
             }
         }
@@ -2909,6 +2922,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             element: ul, parentItem: item, items: item ? item.items : this.items
         };
         this.trigger('onOpen', eventArgs);
+        if (!this.isMenu) {
+            EventHandler.add(ul, 'keydown', this.keyHandler, this);
+        }
     };
     MenuBase.prototype.end = function (ul, isMenuOpen) {
         if (isMenuOpen) {
@@ -8653,7 +8669,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.isPopup = false;
-            if (!isNullOrUndefined(trgParent) && (trgIndex !== this.selectedItem || trgIndex !== this.prevIndex)) {
+            if (!isNullOrUndefined(trgParent) && (trgIndex !== this.selectedItem)) {
                 this.selectTab(trgIndex, args.originalEvent, true);
             }
         }
@@ -9262,11 +9278,11 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                     var portal = _this.portals;
                     if (registeredTemplate && registeredTemplate.content) {
                         var templateToClear = [];
-                        for (var i_2 = 0; i_2 < registeredTemplate.content.length; i_2++) {
-                            var registeredItem = registeredTemplate.content[i_2].rootNodes[0];
-                            var closestItem_1 = closest(registeredItem, '.' + CLS_ITEM$2);
-                            if (!isNullOrUndefined(registeredItem) && closestItem_1 === cntTrg) {
-                                templateToClear.push(registeredTemplate.content[i_2]);
+                        for (var i = 0; i < registeredTemplate.content.length; i++) {
+                            var registeredItem = registeredTemplate.content[i].rootNodes[0];
+                            var closestItem = closest(registeredItem, '.' + CLS_ITEM$2);
+                            if (!isNullOrUndefined(registeredItem) && closestItem === cntTrg) {
+                                templateToClear.push(registeredTemplate.content[i]);
                                 break;
                             }
                         }
@@ -9274,16 +9290,16 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                             _this.clearTemplate(['content'], templateToClear);
                         }
                     }
-                    else if (portal) {
-                        for (var i = 0; i < portal.length; i++) {
-                            var portalItem = portal[i];
-                            var closestItem = closest(portalItem.containerInfo, '.' + CLS_ITEM$2);
-                            if (!isNullOrUndefined(portalItem) && closestItem === cntTrg) {
-                                _this.clearTemplate(['content'], i);
-                                break;
-                            }
-                        }
-                    }
+                    /*  else if (portal) {
+                         for (var i = 0; i < portal.length; i++) {
+                             var portalItem = portal[i];
+                             var closestItem = closest(portalItem.containerInfo, '.' + CLS_ITEM);
+                             if (!isNullOrUndefined(portalItem) && closestItem === cntTrg) {
+                                 this.clearTemplate(['content'], i);
+                                 break;
+                             }
+                         }
+                     } */
                     detach(cntTrg);
                 }
                 _this.trigger('removed', tabRemovingArgs);
@@ -16991,13 +17007,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     append(template, indicatorBar);
                 }
                 else {
-                    var indicator = _this.createElement('button', { className: CLS_INDICATOR$1, attrs: { 'type': 'button' } });
+                    var indicator = _this.createElement('button', { className: CLS_INDICATOR$1, attrs: { 'type': 'button', 'aria-label': _this.localeObj.getConstant('slide') + ' ' + (index + 1) + ' ' + _this.localeObj.getConstant('of') + ' ' + _this.slideItems.length } });
                     indicatorBar.appendChild(indicator);
-                    indicator.appendChild(_this.createElement('div', {
-                        attrs: {
-                            'aria-label': _this.localeObj.getConstant('slide') + ' ' + (index + 1) + ' ' + _this.localeObj.getConstant('of') + ' ' + _this.slideItems.length
-                        }
-                    }));
+                    indicator.appendChild(_this.createElement('div', {}));
                     var buttonObj = new Button({ cssClass: 'e-flat e-small' });
                     buttonObj.appendTo(indicator);
                 }