@syncfusion/ej2-navigations 20.3.48 → 20.3.50

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

@@ -2894,9 +2894,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 ul.querySelector('.' + FOCUSED).focus();
             }
             else {
+                var ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
                 if (this.currentTarget) {
-                    if (!(this.currentTarget.classList.contains("e-numerictextbox") || this.currentTarget.classList.contains("e-textbox"))) {
-                        var ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
+                    if (!(this.currentTarget.classList.contains("e-numerictextbox") || this.currentTarget.classList.contains("e-textbox") || this.currentTarget.tagName === 'INPUT')) {
                         if (ele) {
                             ele.querySelector('.' + SELECTED).focus();
                         }
@@ -2905,6 +2905,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                 }
+                else {
+                    if (ele) {
+                        ele.querySelector('.' + SELECTED).focus();
+                    }
+                    else {
+                        this.element.focus();
+                    }
+                }
             }
         }
         else {
@@ -3149,7 +3157,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             menuitem = new MenuItem(iitems[0], 'items', items[i], true);
             iitems.splice(isAfter ? idx + 1 : idx, 0, menuitem);
             var uls = this.isMenu ? [this.getWrapper()].concat(this.getPopups()) : [].slice.call(this.getWrapper().children);
-            if (navIdx.length < uls.length) {
+            if (!isNullOrUndefined(idx) && navIdx.length < uls.length) {
                 idx = isAfter ? idx + 1 : idx;
                 li = this.createItems(iitems).children[idx];
                 var ul = this.isMenu ? select('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];
@@ -5732,7 +5740,6 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     Accordion.prototype.destroy = function () {
-        var _this = this;
         if (this.isReact || this.isAngular || this.isVue) {
             this.clearTemplate();
         }
@@ -5753,9 +5760,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         }
         ele.classList.remove(CLS_ACRDN_ROOT);
         ele.removeAttribute('style');
-        ['aria-disabled', 'aria-multiselectable', 'role', 'data-ripple'].forEach(function (attrb) {
-            _this.element.removeAttribute(attrb);
-        });
+        this.element.removeAttribute('data-ripple');
         if (!this.isNested && isRippleEnabled) {
             this.removeRippleEffect();
         }
@@ -5804,19 +5809,12 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         var width = formatUnit(this.width);
         var height = formatUnit(this.height);
         setStyleAttribute(this.element, { 'width': width, 'height': height });
-        var ariaAttr = {
-            'aria-disabled': 'false', 'role': 'presentation', 'aria-multiselectable': 'true'
-        };
         if (isNullOrUndefined(this.initExpand)) {
             this.initExpand = [];
         }
         if (this.expandedIndices.length > 0) {
             this.initExpand = this.expandedIndices;
         }
-        attributes(this.element, ariaAttr);
-        if (this.expandMode === 'Single') {
-            this.element.setAttribute('aria-multiselectable', 'false');
-        }
     };
     Accordion.prototype.renderControl = function () {
         this.trgtEle = (this.element.children.length > 0) ? select('div', this.element) : null;
@@ -6127,18 +6125,15 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
     };
     Accordion.prototype.headerEleGenerate = function () {
         var header = this.createElement('div', { className: CLS_HEADER, id: getUniqueID('acrdn_header') });
-        var items = this.getItems();
         var ariaAttr = {
-            'tabindex': '0', 'role': 'heading', 'aria-label': 'collapsed',
-            'aria-disabled': 'false', 'aria-level': items.length.toString()
+            'tabindex': '0', 'role': 'button', 'aria-disabled': 'false', 'aria-expanded': 'false'
         };
         attributes(header, ariaAttr);
         return header;
     };
     Accordion.prototype.renderInnerItem = function (item, index) {
         var innerEle = this.createElement('div', {
-            className: CLS_ITEM$1, id: item.id || getUniqueID('acrdn_item'),
-            attrs: { 'aria-expanded': 'false', 'role': 'row' }
+            className: CLS_ITEM$1, id: item.id || getUniqueID('acrdn_item')
         });
         if (this.headerTemplate) {
             var ctnEle = this.headerEleGenerate();
@@ -6286,7 +6281,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         var content = select('.' + CLS_CONTENT, itemEle);
         header.setAttribute('aria-controls', content.id);
         content.setAttribute('aria-labelledby', header.id);
-        content.setAttribute('role', 'definition');
+        content.setAttribute('role', 'region');
     };
     Accordion.prototype.contentRendering = function (index) {
         var itemcnt = this.createElement('div', { className: CLS_CONTENT + ' ' + CLS_CTNHIDE, id: getUniqueID('acrdn_panel') });
@@ -6385,8 +6380,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         if (progress === 'end') {
             this.add(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'false');
-            attributes(trgtItemEle, { 'aria-expanded': 'true' });
-            attributes(trgt.previousElementSibling, { 'aria-label': 'expanded' });
+            attributes(trgt.previousElementSibling, { 'aria-expanded': 'true' });
             icon.classList.remove(CLS_TOGANIMATE);
             this.trigger('expanded', eventArgs);
         }
@@ -6502,8 +6496,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
             icon.classList.remove(CLS_TOGANIMATE);
             this.remove(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'true');
-            attributes(trgtItemEle, { 'aria-expanded': 'false' });
-            attributes(trgt.previousElementSibling, { 'aria-label': 'collapsed' });
+            attributes(trgt.previousElementSibling, { 'aria-expanded': 'false' });
             this.trigger('expanded', eventArgs);
         }
     };
@@ -6516,14 +6509,6 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
     Accordion.prototype.getModuleName = function () {
         return 'accordion';
     };
-    Accordion.prototype.itemAttribUpdate = function () {
-        var items = this.getItems();
-        var itemEle = this.getItemElements();
-        var itemLen = items.length;
-        itemEle.forEach(function (ele) {
-            select('.' + CLS_HEADER, ele).setAttribute('aria-level', '' + itemLen);
-        });
-    };
     Accordion.prototype.getItems = function () {
         var items;
         if (this.itemTemplate && this.headerTemplate) {
@@ -6564,7 +6549,6 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                 }
                 EventHandler.add(innerItemEle.querySelector('.' + CLS_HEADER), 'focus', _this.focusIn, _this);
                 EventHandler.add(innerItemEle.querySelector('.' + CLS_HEADER), 'blur', _this.focusOut, _this);
-                _this.itemAttribUpdate();
                 _this.expandedIndices = [];
                 _this.expandedItemRefresh(ele);
                 if (addItem && addItem.expanded) {
@@ -6605,7 +6589,6 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         this.restoreContent(index);
         detach(ele);
         items.splice(index, 1);
-        this.itemAttribUpdate();
         this.expandedIndices = [];
         this.expandedItemRefresh(this.element);
     };
@@ -6892,14 +6875,8 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                     setStyleAttribute(this.element, { 'width': formatUnit(newProp.width) });
                     break;
                 case 'expandMode':
-                    if (newProp.expandMode === 'Single') {
-                        this.element.setAttribute('aria-multiselectable', 'false');
-                        if (this.expandedIndices.length > 1) {
-                            this.expandItem(false);
-                        }
-                    }
-                    else {
-                        this.element.setAttribute('aria-multiselectable', 'true');
+                    if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
+                        this.expandItem(false);
                     }
                     break;
             }
@@ -14987,7 +14964,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(classELement || this.targetEle)) {
             addClass([classELement || this.targetEle], [MAINCONTENTANIMATION]);
         }
-        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
+        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : null;
         if (!this.enableDock && this.type !== 'Auto') {
             addClass([this.element], [VISIBILITY]);
         }
@@ -14997,7 +14974,9 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
         if (this.enableDock) {
             addClass([this.element], DOCKER);
         }
-        this.element.setAttribute('tabindex', this.tabIndex);
+        if (!isNullOrUndefined(this.tabIndex)) {
+            this.element.setAttribute('tabindex', this.tabIndex);
+        }
         if (this.type === 'Auto' && !Browser.isDevice) {
             this.show();
         }