@syncfusion/ej2-navigations 20.3.52 → 20.3.57

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

@@ -9825,7 +9825,7 @@ var CHILD = 'e-has-child';
 var ITEM_ANIMATION_ACTIVE = 'e-animation-active';
 var DISABLED$1 = 'e-disabled';
 var treeAriaAttr = {
-    treeRole: 'tree',
+    treeRole: 'group',
     itemRole: 'treeitem',
     listRole: 'group',
     itemText: '',
@@ -10482,6 +10482,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
             checkboxEle.setAttribute('role', 'checkbox');
+            checkboxEle.setAttribute('aria-label', 'checkbox');
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -13406,6 +13407,12 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.updateMapper(level);
         }
         var li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
+        var id = this.getId(dropLi);
+        var refNode;
+        if (this.dataType !== 1) {
+            this.addChildData(this.treeData, this.fields, id, nodes, index);
+            this.isFirstRender = false;
+        }
         var dropUl;
         if (!dropEle) {
             dropUl = dropLi ? this.expandParent(dropLi) : select('.' + PARENTITEM, this.element);
@@ -13413,26 +13420,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         else {
             dropUl = dropEle;
         }
-        var refNode = dropUl.childNodes[index];
-        if (refNode || this.sortOrder === 'None') {
-            for (var 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 (var i = 0; i < li.length; i++) {
+                    dropUl.insertBefore(li[i], refNode);
+                }
             }
-        }
-        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
-            var cNodes = dropUl.childNodes;
-            for (var i = 0; i < li.length; i++) {
-                for (var j = 0; j < cNodes.length; j++) {
-                    var 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'))) {
+                var cNodes = dropUl.childNodes;
+                for (var i = 0; i < li.length; i++) {
+                    for (var j = 0; j < cNodes.length; j++) {
+                        var 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]);
                 }
             }
         }
-        var id = this.getId(dropLi);
         if (this.dataType === 1) {
             this.updateField(this.treeData, this.fields, id, 'hasChildren', true);
             var refId = this.getId(refNode);
@@ -13446,9 +13454,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 pos++;
             }
         }
-        else {
-            this.addChildData(this.treeData, this.fields, id, nodes, index);
-        }
         this.finalizeNode(dropUl);
     };
     TreeView.prototype.updateMapper = function (level) {