@syncfusion/ej2-navigations 20.3.52 → 20.3.57

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

@@ -9526,7 +9526,7 @@ const CHILD = 'e-has-child';
 const ITEM_ANIMATION_ACTIVE = 'e-animation-active';
 const DISABLED$1 = 'e-disabled';
 const treeAriaAttr = {
-    treeRole: 'tree',
+    treeRole: 'group',
     itemRole: 'treeitem',
     listRole: 'group',
     itemText: '',
@@ -10161,6 +10161,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (this.showCheckBox) {
             let checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
             checkboxEle.setAttribute('role', 'checkbox');
+            checkboxEle.setAttribute('aria-label', 'checkbox');
             let icon = select('div.' + ICON, e.item);
             let id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -13068,6 +13069,12 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.updateMapper(level);
         }
         let li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
+        let id = this.getId(dropLi);
+        let refNode;
+        if (this.dataType !== 1) {
+            this.addChildData(this.treeData, this.fields, id, nodes, index);
+            this.isFirstRender = false;
+        }
         let dropUl;
         if (!dropEle) {
             dropUl = dropLi ? this.expandParent(dropLi) : select('.' + PARENTITEM, this.element);
@@ -13075,26 +13082,27 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         else {
             dropUl = dropEle;
         }
-        let refNode = dropUl.childNodes[index];
-        if (refNode || this.sortOrder === 'None') {
-            for (let i = 0; i < li.length; i++) {
-                dropUl.insertBefore(li[i], refNode);
+        refNode = dropUl.childNodes[index];
+        if (!this.isFirstRender || (this.dataType === 1)) {
+            if (refNode || this.sortOrder === 'None') {
+                for (let i = 0; i < li.length; i++) {
+                    dropUl.insertBefore(li[i], refNode);
+                }
             }
-        }
-        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
-            let cNodes = dropUl.childNodes;
-            for (let i = 0; i < li.length; i++) {
-                for (let j = 0; j < cNodes.length; j++) {
-                    let returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
-                    if (returnValue) {
-                        dropUl.insertBefore(li[i], cNodes[j]);
-                        break;
+            if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
+                let cNodes = dropUl.childNodes;
+                for (let i = 0; i < li.length; i++) {
+                    for (let j = 0; j < cNodes.length; j++) {
+                        let returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
+                        if (returnValue) {
+                            dropUl.insertBefore(li[i], cNodes[j]);
+                            break;
+                        }
+                        dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                     }
-                    dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                 }
             }
         }
-        let id = this.getId(dropLi);
         if (this.dataType === 1) {
             this.updateField(this.treeData, this.fields, id, 'hasChildren', true);
             let refId = this.getId(refNode);
@@ -13108,9 +13116,6 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 pos++;
             }
         }
-        else {
-            this.addChildData(this.treeData, this.fields, id, nodes, index);
-        }
         this.finalizeNode(dropUl);
     }
     updateMapper(level) {