@syncfusion/ej2-navigations 23.1.44 → 23.2.5

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

@@ -3056,12 +3056,14 @@ let MenuBase = class MenuBase extends Component {
         let ul;
         let index;
         let navIdx;
+        let item;
         for (let i = 0; i < items.length; i++) {
             navIdx = this.getIndex(items[i], isUniqueId);
             index = navIdx.pop();
             ul = this.getUlByNavIdx(navIdx.length);
+            item = this.getItems(navIdx);
             if (ul) {
-                const validUl = isUniqueId ? ul.children[index].id : ul.children[index].textContent;
+                const validUl = isUniqueId ? ul.children[index].id : item[index].text.toString();
                 if (ishide && validUl === items[i]) {
                     ul.children[index].classList.add(HIDE);
                 }
@@ -5126,6 +5128,11 @@ let Toolbar = class Toolbar extends Component {
             eleObj.appendTo(ele);
         }
         this.add(innerEle, CLS_TEMPLATE);
+        const firstChild = innerEle.firstElementChild;
+        if (!isNullOrUndefined(firstChild)) {
+            firstChild.setAttribute('tabindex', isNullOrUndefined(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
+            firstChild.setAttribute('data-tabindex', isNullOrUndefined(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
+        }
         this.tbarEle.push(innerEle);
     }
     buttonRendering(item, innerEle) {
@@ -5250,12 +5257,7 @@ let Toolbar = class Toolbar extends Component {
     }
     activeEleRemove(curEle) {
         if (!isNullOrUndefined(this.activeEle)) {
-            if (!curEle.parentElement.classList.contains(CLS_TEMPLATE)) {
-                this.activeEle.setAttribute('tabindex', this.getDataTabindex(this.activeEle));
-            }
-            else {
-                this.activeEle.removeAttribute('tabindex');
-            }
+            this.activeEle.setAttribute('tabindex', this.getDataTabindex(this.activeEle));
         }
         this.activeEle = curEle;
         if (this.getDataTabindex(this.activeEle) === '-1') {
@@ -5264,7 +5266,8 @@ let Toolbar = class Toolbar extends Component {
                 curEle.removeAttribute('tabindex');
             }
             else {
-                this.activeEle.setAttribute('tabindex', this.getDataTabindex(this.activeEle));
+                let tabIndex = parseInt(this.getDataTabindex(this.activeEle)) + 1;
+                this.activeEle.setAttribute('tabindex', tabIndex.toString());
             }
         }
     }
@@ -14265,7 +14268,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     this.isAnimate = false;
                     this.isFieldChange = true;
                     this.initialRender = true;
-                    this.reRenderNodes();
+                    if (isNullOrUndefined(this.isReact) && !(this.fields.dataSource instanceof DataManager)) {
+                        this.reRenderNodes();
+                    }
                     this.initialRender = false;
                     this.isAnimate = true;
                     this.isFieldChange = false;
@@ -15149,7 +15154,7 @@ let Sidebar = class Sidebar extends Component {
         };
         this.trigger('open', openArguments, (observedopenArgs) => {
             if (!observedopenArgs.cancel) {
-                removeClass([this.element], VISIBILITY);
+                removeClass([this.element], [VISIBILITY, DISABLEANIMATION]);
                 if (this.element.classList.contains(OPEN)) {
                     return;
                 }