@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/src/treeview/treeview.js

@@ -218,6 +218,7 @@ var TreeView = /** @class */ (function (_super) {
         _this.isInteracted = false;
         _this.isRightClick = false;
         _this.mouseDownStatus = false;
+        _this.isDropIn = false;
         return _this;
     }
     TreeView_1 = TreeView;
@@ -386,8 +387,6 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.templateComplier = function (template) {
         if (template) {
             this.hasTemplate = true;
-            // eslint-disable-next-line
-            var e = void 0;
             this.element.classList.add(INTERACTION);
             try {
                 if (typeof template !== 'function' && document.querySelectorAll(template).length) {
@@ -411,7 +410,6 @@ var TreeView = /** @class */ (function (_super) {
             this.isOffline = this.fields.dataSource.dataSource.offline;
             if (this.fields.dataSource.ready) {
                 this.fields.dataSource.ready.then(function (e) {
-                    /* eslint-disable */
                     _this.isOffline = _this.fields.dataSource.dataSource.offline;
                     if (_this.fields.dataSource instanceof DataManager && _this.isOffline) {
                         _this.treeList.pop();
@@ -471,13 +469,13 @@ var TreeView = /** @class */ (function (_super) {
             var prop = this.getActualProperties(mapper);
             for (var _i = 0, _a = Object.keys(prop); _i < _a.length; _i++) {
                 var col = _a[_i];
-                if (col !== 'dataSource' && col !== 'tableName' && col !== 'child' && !!mapper[col]
-                    && col !== 'url' && columns.indexOf(mapper[col]) === -1) {
-                    columns.push(mapper[col]);
+                if (col !== 'dataSource' && col !== 'tableName' && col !== 'child' && !!mapper["" + col]
+                    && col !== 'url' && columns.indexOf(mapper["" + col]) === -1) {
+                    columns.push(mapper["" + col]);
                 }
             }
             query.select(columns);
-            if (prop.hasOwnProperty('tableName')) {
+            if (Object.prototype.hasOwnProperty.call(prop, 'tableName')) {
                 query.from(mapper.tableName);
             }
         }
@@ -518,7 +516,6 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.renderItems = function (isSorted) {
-        /* eslint-disable */
         this.listBaseOption.ariaAttributes.level = 1;
         var sortedData = this.getSortedData(this.rootData);
         this.ulElement = ListBase.createList(this.createElement, isSorted ? this.rootData : sortedData, this.listBaseOption);
@@ -527,7 +524,7 @@ var TreeView = /** @class */ (function (_super) {
         if (this.loadOnDemand === false) {
             var i = 0;
             while (i < rootNodes.length) {
-                this.renderChildNodes(rootNodes[i], true, null, true);
+                this.renderChildNodes(rootNodes[parseInt(i.toString(), 10)], true, null, true);
                 i++;
             }
         }
@@ -544,25 +541,30 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Update the checkedNodes from datasource at initial rendering
+     *
+     * @returns {void}
      */
-    TreeView.prototype.updateCheckedStateFromDS = function (id) {
+    TreeView.prototype.updateCheckedStateFromDS = function () {
         this.validNodes = [];
         if (this.treeData && this.showCheckBox) {
             if (this.dataType === 1) {
                 var mapper = this.fields;
                 var resultData = new DataManager(this.treeData).executeLocal(new Query().where(mapper.isChecked, 'equal', true, false));
                 for (var i = 0; i < resultData.length; i++) {
-                    var resultId = resultData[i][this.fields.id] ? resultData[i][this.fields.id].toString() : null;
-                    var resultPId = resultData[i][this.fields.parentID] ? resultData[i][this.fields.parentID].toString() : null;
+                    var resultId = resultData[parseInt(i.toString(), 10)][this.fields.id]
+                        ? resultData[parseInt(i.toString(), 10)][this.fields.id].toString()
+                        : null;
                     if (this.checkedNodes.indexOf(resultId) === -1 && !(this.isLoaded)) {
                         this.checkedNodes.push(resultId);
                     }
-                    if (resultData[i][this.fields.hasChildren]) {
-                        var id_1 = resultData[i][this.fields.id];
+                    if (resultData[parseInt(i.toString(), 10)][this.fields.hasChildren]) {
+                        var id = resultData[parseInt(i.toString(), 10)][this.fields.id];
                         var childData = new DataManager(this.treeData).
-                            executeLocal(new Query().where(mapper.parentID, 'equal', id_1, false));
+                            executeLocal(new Query().where(mapper.parentID, 'equal', id, false));
                         for (var child = 0; child < childData.length; child++) {
-                            var childId = childData[child][this.fields.id] ? childData[child][this.fields.id].toString() : null;
+                            var childId = childData[parseInt(child.toString(), 10)][this.fields.id]
+                                ? childData[parseInt(child.toString(), 10)][this.fields.id].toString()
+                                : null;
                             if (this.checkedNodes.indexOf(childId) === -1 && this.autoCheck) {
                                 this.checkedNodes.push(childId);
                             }
@@ -572,7 +574,7 @@ var TreeView = /** @class */ (function (_super) {
                 for (var i = 0; i < this.checkedNodes.length; i++) {
                     var mapper_1 = this.fields;
                     var checkState = new DataManager(this.treeData).
-                        executeLocal(new Query().where(mapper_1.id, 'equal', this.checkedNodes[i], true));
+                        executeLocal(new Query().where(mapper_1.id, 'equal', this.checkedNodes[parseInt(i.toString(), 10)], true));
                     if (checkState[0] && this.autoCheck) {
                         this.getCheckedNodeDetails(mapper_1, checkState);
                         this.checkIndeterminateState(checkState[0]);
@@ -584,9 +586,11 @@ var TreeView = /** @class */ (function (_super) {
                         }
                     }
                     var checkedData = new DataManager(this.treeData).
-                        executeLocal(new Query().where(mapper_1.parentID, 'equal', this.checkedNodes[i], true));
+                        executeLocal(new Query().where(mapper_1.parentID, 'equal', this.checkedNodes[parseInt(i.toString(), 10)], true));
                     for (var index = 0; index < checkedData.length; index++) {
-                        var checkedId = checkedData[index][this.fields.id] ? checkedData[index][this.fields.id].toString() : null;
+                        var checkedId = checkedData[parseInt(index.toString(), 10)][this.fields.id]
+                            ? checkedData[parseInt(index.toString(), 10)][this.fields.id].toString()
+                            : null;
                         if (this.checkedNodes.indexOf(checkedId) === -1 && this.autoCheck) {
                             this.checkedNodes.push(checkedId);
                         }
@@ -599,16 +603,17 @@ var TreeView = /** @class */ (function (_super) {
             else if (this.dataType === 2 || (this.fields.dataSource instanceof DataManager &&
                 this.isOffline)) {
                 for (var index = 0; index < this.treeData.length; index++) {
-                    var fieldId = this.treeData[index][this.fields.id] ? this.treeData[index][this.fields.id].toString() : '';
-                    if (this.treeData[index][this.fields.isChecked] && !(this.isLoaded) && this.checkedNodes.indexOf(fieldId) === -1) {
+                    var fieldId = this.treeData[parseInt(index.toString(), 10)][this.fields.id] ? this.treeData[parseInt(index.toString(), 10)][this.fields.id].toString() : '';
+                    if (this.treeData[parseInt(index.toString(), 10)][this.fields.isChecked] &&
+                        !(this.isLoaded) && this.checkedNodes.indexOf(fieldId) === -1) {
                         this.checkedNodes.push(fieldId);
                     }
                     if (this.checkedNodes.indexOf(fieldId) > -1 && this.validNodes.indexOf(fieldId) === -1) {
                         this.validNodes.push(fieldId);
                     }
-                    var childItems = getValue(this.fields.child.toString(), this.treeData[index]);
+                    var childItems = getValue(this.fields.child.toString(), this.treeData[parseInt(index.toString(), 10)]);
                     if (childItems) {
-                        this.updateChildCheckState(childItems, this.treeData[index]);
+                        this.updateChildCheckState(childItems, this.treeData[parseInt(index.toString(), 10)]);
                     }
                 }
                 this.validNodes = (this.enablePersistence) ? this.checkedNodes : this.validNodes;
@@ -618,6 +623,11 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * To check whether the list data has sub child and to change the parent check state accordingly
+     *
+     * @param {FieldsSettingsModel} mapper - The mapper object containing field settings.
+     * @param {Object[]} checkNodes - The array of checked nodes.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.getCheckedNodeDetails = function (mapper, checkNodes) {
         var id = checkNodes[0][this.fields.parentID] ? checkNodes[0][this.fields.parentID].toString() : null;
@@ -625,13 +635,14 @@ var TreeView = /** @class */ (function (_super) {
         var element = this.element.querySelector('[data-uid="' + checkNodes[0][this.fields.id] + '"]');
         var parentEle = this.element.querySelector('[data-uid="' + checkNodes[0][this.fields.parentID] + '"]');
         if (!element && !parentEle) {
-            var len = this.parentNodeCheck.length;
             if (this.parentNodeCheck.indexOf(id) === -1) {
                 this.parentNodeCheck.push(id);
             }
             var childNodes = this.getChildNodes(this.treeData, id);
             for (var i = 0; i < childNodes.length; i++) {
-                var childId = childNodes[i][this.fields.id] ? childNodes[i][this.fields.id].toString() : null;
+                var childId = childNodes[parseInt(i.toString(), 10)][this.fields.id]
+                    ? childNodes[parseInt(i.toString(), 10)][this.fields.id].toString()
+                    : null;
                 if (this.checkedNodes.indexOf(childId) !== -1) {
                     count++;
                 }
@@ -652,12 +663,15 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Update the checkedNodes and parent state when all the child Nodes are in checkedstate at initial rendering
+     *
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.updateParentCheckState = function () {
         var indeterminate = selectAll('.' + INDETERMINATE, this.element);
         var childCheckedElement;
         for (var i = 0; i < indeterminate.length; i++) {
-            var node = closest(indeterminate[i], '.' + LISTITEM);
+            var node = closest(indeterminate[parseInt(i.toString(), 10)], '.' + LISTITEM);
             var nodeId = node.getAttribute('data-uid').toString();
             if (this.dataType === 1) {
                 childCheckedElement = new DataManager(this.treeData).
@@ -669,7 +683,7 @@ var TreeView = /** @class */ (function (_super) {
             var count = 0;
             if (childCheckedElement) {
                 for (var j = 0; j < childCheckedElement.length; j++) {
-                    var childId = childCheckedElement[j][this.fields.id].toString();
+                    var childId = childCheckedElement[parseInt(j.toString(), 10)][this.fields.id].toString();
                     if (this.checkedNodes.indexOf(childId) !== -1) {
                         count++;
                     }
@@ -689,6 +703,10 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Change the parent to indeterminate state whenever the child is in checked state which is not rendered in DOM
+     *
+     * @param {Object} data - The data object to check for indeterminate state.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.checkIndeterminateState = function (data) {
         var element;
@@ -705,7 +723,6 @@ var TreeView = /** @class */ (function (_super) {
             }
         }
         else if (this.dataType === 2) {
-            var len = this.parentNodeCheck.length;
             if (this.parentNodeCheck.indexOf(data[this.fields.id].toString()) === -1) {
                 this.parentNodeCheck.push(data[this.fields.id].toString());
             }
@@ -713,13 +730,19 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Update the checkedNodes for child and subchild from datasource (hierarchical datasource) at initial rendering
+     *
+     * @param {Object[]} childItems - The array of child items to update the checked state.
+     * @param {Object} treeData - The tree data object containing field values.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.updateChildCheckState = function (childItems, treeData) {
         var count = 0;
         var checkedParent = treeData[this.fields.id] ? treeData[this.fields.id].toString() : '';
         for (var index = 0; index < childItems.length; index++) {
-            var checkedChild = childItems[index][this.fields.id] ? childItems[index][this.fields.id].toString() : '';
-            if (childItems[index][this.fields.isChecked] && !(this.isLoaded) && this.checkedNodes.indexOf(checkedChild) === -1) {
+            var checkedChild = childItems[parseInt(index.toString(), 10)][this.fields.id] ? childItems[parseInt(index.toString(), 10)][this.fields.id].toString() : '';
+            if (childItems[parseInt(index.toString(), 10)][this.fields.isChecked] &&
+                !(this.isLoaded) && this.checkedNodes.indexOf(checkedChild) === -1) {
                 this.checkedNodes.push(checkedChild);
             }
             if (this.checkedNodes.indexOf(checkedParent) !== -1 && this.checkedNodes.indexOf(checkedChild) === -1 && this.autoCheck) {
@@ -731,11 +754,12 @@ var TreeView = /** @class */ (function (_super) {
             if (this.checkedNodes.indexOf(checkedChild) > -1 && this.validNodes.indexOf(checkedChild) === -1) {
                 this.validNodes.push(checkedChild);
             }
-            var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
+            var subChildItems = getValue(this.fields.child.toString(), childItems[parseInt(index.toString(), 10)]);
             if (subChildItems && subChildItems.length) {
-                if (this.parentCheckData.indexOf(treeData) === -1)
+                if (this.parentCheckData.indexOf(treeData) === -1) {
                     this.parentCheckData.push(treeData);
-                this.updateChildCheckState(subChildItems, childItems[index]);
+                }
+                this.updateChildCheckState(subChildItems, childItems[parseInt(index.toString(), 10)]);
             }
             if (count === childItems.length && this.autoCheck && this.checkedNodes.indexOf(checkedParent) === -1) {
                 this.checkedNodes.push(checkedParent);
@@ -744,8 +768,9 @@ var TreeView = /** @class */ (function (_super) {
         if (count !== 0 && this.autoCheck) {
             this.checkIndeterminateState(treeData);
             for (var len = 0; len < this.parentCheckData.length; len++) {
-                if ((treeData !== this.parentCheckData[len]) && (this.parentCheckData[len])) {
-                    this.checkIndeterminateState(this.parentCheckData[len]);
+                if ((treeData !== this.parentCheckData[parseInt(len.toString(), 10)]) &&
+                    (this.parentCheckData[parseInt(len.toString(), 10)])) {
+                    this.checkIndeterminateState(this.parentCheckData[parseInt(len.toString(), 10)]);
                 }
             }
         }
@@ -762,23 +787,14 @@ var TreeView = /** @class */ (function (_super) {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
                 e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
-                if (Browser.userAgent.indexOf("Edg") > -1) {
-                    checkboxEle.setAttribute('aria-label', "checked");
-                }
             }
             else if (!isNOU(checkValue) && checkValue.toString() === 'true') {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
                 e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
-                if (Browser.userAgent.indexOf("Edg") > -1) {
-                    checkboxEle.setAttribute('aria-label', "checked");
-                }
             }
             else {
                 e.item.setAttribute('aria-checked', 'false');
-                if (Browser.userAgent.indexOf("Edg") > -1) {
-                    checkboxEle.setAttribute('aria-label', "unchecked");
-                }
             }
             var frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -793,7 +809,7 @@ var TreeView = /** @class */ (function (_super) {
         var fields = e.fields;
         this.addActionClass(e, fields.selected, SELECTED);
         this.addActionClass(e, fields.expanded, EXPANDED);
-        e.item.setAttribute("tabindex", "-1");
+        e.item.setAttribute('tabindex', '-1');
         EventHandler.add(e.item, 'focus', this.focusIn, this);
         if (!isNOU(this.nodeTemplateFn)) {
             var textEle = e.item.querySelector('.' + LISTTEXT);
@@ -804,7 +820,7 @@ var TreeView = /** @class */ (function (_super) {
         var eventArgs = {
             node: e.item,
             nodeData: e.curData,
-            text: e.text,
+            text: e.text
         };
         if (!this.isRefreshed) {
             this.trigger('drawNode', eventArgs);
@@ -829,24 +845,25 @@ var TreeView = /** @class */ (function (_super) {
         if (this.fields.dataSource instanceof DataManager) {
             for (var i = 0; i < ds.length; i++) {
                 if (this.isOffline) {
-                    if ((typeof mapper.child === 'string') && isNOU(getValue(mapper.child, ds[i])) && !isNOU(getValue(mapper.parentID, ds[i]))) {
+                    if ((typeof mapper.child === 'string') && isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) && !isNOU(getValue(mapper.parentID, ds[parseInt(i.toString(), 10)]))) {
                         return 1;
                     }
                 }
-                else if ((typeof mapper.child === 'string') && isNOU(getValue(mapper.child, ds[i]))) {
+                else if ((typeof mapper.child === 'string') && isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
                     return 1;
                 }
             }
             return 2;
         }
         for (var i = 0, len = ds.length; i < len; i++) {
-            if ((typeof mapper.child === 'string') && !isNOU(getValue(mapper.child, ds[i]))) {
+            if ((typeof mapper.child === 'string') && !isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
                 return 2;
             }
             if (this.isChildObject()) {
                 return 2;
             }
-            if (!isNOU(getValue(mapper.parentID, ds[i])) || !isNOU(getValue(mapper.hasChildren, ds[i]))) {
+            if (!isNOU(getValue(mapper.parentID, ds[parseInt(i.toString(), 10)])) ||
+                !isNOU(getValue(mapper.hasChildren, ds[parseInt(i.toString(), 10)]))) {
                 return 1;
             }
         }
@@ -857,7 +874,7 @@ var TreeView = /** @class */ (function (_super) {
         var ds = ListBase.getDataSource(dataSource, cusQuery);
         var grpItem = [];
         for (var j = 0; j < ds.length; j++) {
-            var itemObj = ds[j].items;
+            var itemObj = ds[parseInt(j.toString(), 10)].items;
             grpItem.push(itemObj);
         }
         return grpItem;
@@ -872,30 +889,32 @@ var TreeView = /** @class */ (function (_super) {
         var _this = this;
         var iNodes = selectAll('.' + IMAGE, element);
         for (var k = 0; k < iNodes.length; k++) {
-            iNodes[k].setAttribute('alt', IMAGE);
+            iNodes[parseInt(k.toString(), 10)].setAttribute('alt', IMAGE);
         }
         if (this.isLoaded) {
             var sNodes = selectAll('.' + SELECTED, element);
             for (var i = 0; i < sNodes.length; i++) {
-                this.selectNode(sNodes[i], null);
+                this.selectNode(sNodes[parseInt(i.toString(), 10)], null);
                 break;
             }
             removeClass(sNodes, SELECTED);
         }
         var cNodes = selectAll('.' + LISTITEM + ':not(.' + EXPANDED + ')', element);
         for (var j = 0; j < cNodes.length; j++) {
-            var icon = select('div.' + ICON, cNodes[j]);
+            var icon = select('div.' + ICON, cNodes[parseInt(j.toString(), 10)]);
             if (icon && icon.classList.contains(EXPANDABLE)) {
-                this.disableExpandAttr(cNodes[j]);
+                this.disableExpandAttr(cNodes[parseInt(j.toString(), 10)]);
             }
         }
         var eNodes = selectAll('.' + EXPANDED, element);
         if (!this.loadOnDemand && this.fields.dataSource instanceof DataManager) {
-            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] == true; }).length > 0 ? true : this.isInitalExpand;
+            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] === true; }).length > 0
+                ? true
+                : this.isInitalExpand;
         }
         if (!this.isInitalExpand) {
             for (var i = 0; i < eNodes.length; i++) {
-                this.renderChildNodes(eNodes[i]);
+                this.renderChildNodes(eNodes[parseInt(i.toString(), 10)]);
             }
         }
         removeClass(eNodes, EXPANDED);
@@ -915,13 +934,13 @@ var TreeView = /** @class */ (function (_super) {
             var liElement = selectAll('li', this.element);
             var ulElement = void 0;
             for (var i = 0; i < liElement.length; i++) {
-                if (liElement[i].classList.contains(LISTITEM)) {
-                    ulElement = select('.' + PARENTITEM, liElement[i]);
+                if (liElement[parseInt(i.toString(), 10)].classList.contains(LISTITEM)) {
+                    ulElement = select('.' + PARENTITEM, liElement[parseInt(i.toString(), 10)]);
                     if (ulElement) {
-                        this.ensureParentCheckState(liElement[i]);
+                        this.ensureParentCheckState(liElement[parseInt(i.toString(), 10)]);
                     }
                     else {
-                        this.ensureChildCheckState(liElement[i]);
+                        this.ensureChildCheckState(liElement[parseInt(i.toString(), 10)]);
                     }
                 }
             }
@@ -929,7 +948,7 @@ var TreeView = /** @class */ (function (_super) {
         else {
             var indeterminate = selectAll('.' + INDETERMINATE, this.element);
             for (var i = 0; i < indeterminate.length; i++) {
-                indeterminate[i].classList.remove(INDETERMINATE);
+                indeterminate[parseInt(i.toString(), 10)].classList.remove(INDETERMINATE);
             }
         }
     };
@@ -971,12 +990,12 @@ var TreeView = /** @class */ (function (_super) {
                 var isChecked = element.getElementsByClassName(CHECKBOXFRAME)[0].classList.contains(CHECK);
                 var parentCheck = element.getElementsByClassName(CHECKBOXFRAME)[0].classList.contains(INDETERMINATE);
                 var childCheck = childElement.querySelectorAll('li');
-                var expandState = childElement.parentElement.getAttribute('aria-expanded');
                 var checkedState = void 0;
                 for (var index = 0; index < checkBoxes.length; index++) {
-                    var childId = childCheck[index].getAttribute('data-uid');
-                    if (!isNOU(this.currentLoadData) && !isNOU(getValue(this.fields.isChecked, this.currentLoadData[index]))) {
-                        checkedState = getValue(this.fields.isChecked, this.currentLoadData[index]) ? 'check' : 'uncheck';
+                    var childId = childCheck[parseInt(index.toString(), 10)].getAttribute('data-uid');
+                    if (!isNOU(this.currentLoadData) &&
+                        !isNOU(getValue(this.fields.isChecked, this.currentLoadData[parseInt(index.toString(), 10)]))) {
+                        checkedState = getValue(this.fields.isChecked, this.currentLoadData[parseInt(index.toString(), 10)]) ? 'check' : 'uncheck';
                         if (this.ele !== -1) {
                             checkedState = isChecked ? 'check' : 'uncheck';
                         }
@@ -987,7 +1006,9 @@ var TreeView = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        var isNodeChecked = checkBoxes[index].getElementsByClassName(CHECKBOXFRAME)[0].classList.contains(CHECK);
+                        var isNodeChecked = checkBoxes[parseInt(index.toString(), 10)]
+                            .getElementsByClassName(CHECKBOXFRAME)[0]
+                            .classList.contains(CHECK);
                         if (isChecked) {
                             checkedState = 'check';
                         }
@@ -997,8 +1018,9 @@ var TreeView = /** @class */ (function (_super) {
                         else if (this.checkedNodes.indexOf(childId) !== -1 && this.isLoaded && (parentCheck || isChecked)) {
                             checkedState = 'check';
                         }
-                        else if (childCheck[index].classList.contains(CHILD) && (!isUndefined(this.parentNodeCheck) && this.autoCheck
-                            && (isChecked || parentCheck) && this.parentNodeCheck.indexOf(childId) !== -1)) {
+                        else if (childCheck[parseInt(index.toString(), 10)].classList.contains(CHILD) &&
+                            (!isUndefined(this.parentNodeCheck) && this.autoCheck
+                                && (isChecked || parentCheck) && this.parentNodeCheck.indexOf(childId) !== -1)) {
                             checkedState = 'indeterminate';
                             this.parentNodeCheck.splice(this.parentNodeCheck.indexOf(childId), 1);
                         }
@@ -1011,7 +1033,7 @@ var TreeView = /** @class */ (function (_super) {
                             checkedState = 'uncheck';
                         }
                     }
-                    this.changeState(checkBoxes[index], checkedState, e, true, true);
+                    this.changeState(checkBoxes[parseInt(index.toString(), 10)], checkedState, e, true, true);
                 }
             }
             if (this.autoCheck && this.isLoaded) {
@@ -1020,13 +1042,15 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.doCheckBoxAction = function (nodes, doCheck) {
-        var li = selectAll('.' + LISTITEM, this.element);
         if (!isNOU(nodes)) {
             for (var len = nodes.length - 1; len >= 0; len--) {
-                var liEle = this.getElement(nodes[len]);
+                var liEle = this.getElement(nodes[parseInt(len.toString(), 10)]);
                 if (isNOU(liEle)) {
-                    var node = void 0;
-                    node = nodes[len - (nodes.length - 1)] ? nodes[len - (nodes.length - 1)].toString() : nodes[len] ? nodes[len].toString() : null;
+                    var node = nodes[len - (nodes.length - 1)]
+                        ? nodes[len - (nodes.length - 1)].toString()
+                        : nodes[parseInt(len.toString(), 10)]
+                            ? nodes[parseInt(len.toString(), 10)].toString()
+                            : null;
                     if (node !== '' && doCheck && node) {
                         this.setValidCheckedNode(node);
                         this.dynamicCheckState(node, doCheck);
@@ -1036,7 +1060,9 @@ var TreeView = /** @class */ (function (_super) {
                         var childItems = this.getChildNodes(this.treeData, node);
                         if (childItems) {
                             for (var i = 0; i < childItems.length; i++) {
-                                var id = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : null;
+                                var id = childItems[parseInt(i.toString(), 10)][this.fields.id]
+                                    ? childItems[parseInt(i.toString(), 10)][this.fields.id].toString()
+                                    : null;
                                 if (this.checkedNodes.indexOf(id) !== -1) {
                                     this.checkedNodes.splice(this.checkedNodes.indexOf(id), 1);
                                     var ele = this.element.querySelector('[data-uid="' + id + '"]');
@@ -1064,20 +1090,20 @@ var TreeView = /** @class */ (function (_super) {
             var checkBoxes = selectAll('.' + CHECKBOXWRAP, this.element);
             if (this.loadOnDemand) {
                 for (var index = 0; index < checkBoxes.length; index++) {
-                    this.updateFieldChecked(checkBoxes[index], doCheck);
-                    this.changeState(checkBoxes[index], doCheck ? 'check' : 'uncheck', null, null, null, doCheck);
+                    this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
+                    this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck', null, null, null, doCheck);
                 }
             }
             else {
                 for (var index = 0; index < checkBoxes.length; index++) {
-                    this.updateFieldChecked(checkBoxes[index], doCheck);
-                    this.changeState(checkBoxes[index], doCheck ? 'check' : 'uncheck');
+                    this.updateFieldChecked(checkBoxes[parseInt(index.toString(), 10)], doCheck);
+                    this.changeState(checkBoxes[parseInt(index.toString(), 10)], doCheck ? 'check' : 'uncheck');
                 }
             }
         }
         if (nodes) {
             for (var j = 0; j < nodes.length - 1; j++) {
-                var node = nodes[j] ? nodes[j].toString() : '';
+                var node = nodes[parseInt(j.toString(), 10)] ? nodes[parseInt(j.toString(), 10)].toString() : '';
                 if (!doCheck) {
                     this.updateField(this.treeData, this.fields, node, 'isChecked', null);
                 }
@@ -1097,6 +1123,11 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Changes the parent and child  check state while changing the checkedNodes via setmodel
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.dynamicCheckState = function (node, doCheck) {
         if (this.dataType === 1) {
@@ -1106,13 +1137,13 @@ var TreeView = /** @class */ (function (_super) {
                 var id = resultId[0][this.fields.id] ? resultId[0][this.fields.id].toString() : null;
                 var parent_1 = resultId[0][this.fields.parentID] ? resultId[0][this.fields.parentID].toString() : null;
                 var parentElement = this.element.querySelector('[data-uid="' + parent_1 + '"]');
-                var indeterminate = parentElement ? select('.' + INDETERMINATE, parentElement) : null;
-                var check = parentElement ? select('.' + CHECK, parentElement) : null;
                 var element = this.element.querySelector('[data-uid="' + id + '"]');
                 var childNodes = this.getChildNodes(this.treeData, parent_1);
                 if (childNodes) {
                     for (var i = 0; i < childNodes.length; i++) {
-                        var childId = childNodes[i][this.fields.id] ? childNodes[i][this.fields.id].toString() : null;
+                        var childId = childNodes[parseInt(i.toString(), 10)][this.fields.id]
+                            ? childNodes[parseInt(i.toString(), 10)][this.fields.id].toString()
+                            : null;
                         if (this.checkedNodes.indexOf(childId) !== -1) {
                             count++;
                         }
@@ -1146,13 +1177,13 @@ var TreeView = /** @class */ (function (_super) {
             var parentElement = void 0;
             var check = void 0;
             for (var i = 0; i < this.treeData.length; i++) {
-                id = this.treeData[i][this.fields.id] ? this.treeData[i][this.fields.id].toString() : '';
+                id = this.treeData[parseInt(i.toString(), 10)][this.fields.id] ? this.treeData[parseInt(i.toString(), 10)][this.fields.id].toString() : '';
                 parentElement = this.element.querySelector('[data-uid="' + id + '"]');
                 check = parentElement ? select('.' + CHECK, parentElement) : null;
                 if (this.checkedNodes.indexOf(id) === -1 && parentElement && check && !doCheck) {
                     this.changeState(parentElement, 'uncheck', null);
                 }
-                var subChild = getValue(this.fields.child.toString(), this.treeData[i]);
+                var subChild = getValue(this.fields.child.toString(), this.treeData[parseInt(i.toString(), 10)]);
                 if (subChild) {
                     this.updateChildIndeterminate(subChild, id, node, doCheck, id);
                 }
@@ -1161,6 +1192,11 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * updates the parent and child  check state while changing the checkedNodes via setmodel for listData
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.updateIndeterminate = function (node, doCheck) {
         var indeterminateData = this.getTreeData(node);
@@ -1172,7 +1208,9 @@ var TreeView = /** @class */ (function (_super) {
         var childNodes = this.getChildNodes(this.treeData, parent);
         if (childNodes) {
             for (var i = 0; i < childNodes.length; i++) {
-                var childId = childNodes[i][this.fields.id] ? childNodes[i][this.fields.id].toString() : null;
+                var childId = childNodes[parseInt(i.toString(), 10)][this.fields.id]
+                    ? childNodes[parseInt(i.toString(), 10)][this.fields.id].toString()
+                    : null;
                 if (this.checkedNodes.indexOf(childId) !== -1) {
                     count++;
                 }
@@ -1207,11 +1245,19 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * updates the parent and child  check state while changing the checkedNodes via setmodel for hierarchical data
+     *
+     * @param {Object[]} subChild - Array of child nodes
+     * @param {string} parent - Parent identifier
+     * @param {string} node - Current node identifier
+     * @param {boolean} doCheck - Boolean indicating whether to perform a check
+     * @param {string} [child] - Optional child identifier
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.updateChildIndeterminate = function (subChild, parent, node, doCheck, child) {
         var count = 0;
         for (var j = 0; j < subChild.length; j++) {
-            var subId = subChild[j][this.fields.id] ? subChild[j][this.fields.id].toString() : '';
+            var subId = subChild[parseInt(j.toString(), 10)][this.fields.id] ? subChild[parseInt(j.toString(), 10)][this.fields.id].toString() : '';
             if (this.checkedNodes.indexOf(subId) !== -1) {
                 count++;
             }
@@ -1264,7 +1310,7 @@ var TreeView = /** @class */ (function (_super) {
                     this.parentNodeCheck.push(parent);
                 }
             }
-            var innerChild = getValue(this.fields.child.toString(), subChild[j]);
+            var innerChild = getValue(this.fields.child.toString(), subChild[parseInt(j.toString(), 10)]);
             if (innerChild) {
                 this.updateChildIndeterminate(innerChild, subId, node, doCheck, child);
             }
@@ -1313,17 +1359,6 @@ var TreeView = /** @class */ (function (_super) {
         ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
         if (!isNOU(ariaState)) {
             currLi.setAttribute('aria-checked', ariaState);
-            if (Browser.userAgent.indexOf("Edg") > -1) {
-                if (ariaState === 'true') {
-                    wrapper.setAttribute('aria-label', "checked");
-                }
-                else if (ariaState === 'false') {
-                    wrapper.setAttribute('aria-label', "unchecked");
-                }
-                else if (ariaState === 'mixed') {
-                    wrapper.setAttribute('aria-label', "indeterminate");
-                }
-            }
         }
         if (isAdd) {
             var data = [].concat([], this.checkActionNodes);
@@ -1375,7 +1410,7 @@ var TreeView = /** @class */ (function (_super) {
                 this.updateWrap();
             }
             this.renderReactTemplates();
-            this.hasPid = this.rootData[0] ? this.rootData[0].hasOwnProperty(this.fields.parentID) : false;
+            this.hasPid = this.rootData[0] ? Object.prototype.hasOwnProperty.call(this.rootData[0], this.fields.parentID) : false;
             this.doExpandAction();
         }
     };
@@ -1392,7 +1427,7 @@ var TreeView = /** @class */ (function (_super) {
         var liEle = ulEle ? selectAll('.' + LISTITEM, ulEle) : this.liList;
         var length = liEle.length;
         for (var i = 0; i < length; i++) {
-            this.calculateWrap(liEle[i]);
+            this.calculateWrap(liEle[parseInt(i.toString(), 10)]);
         }
     };
     TreeView.prototype.calculateWrap = function (liEle) {
@@ -1405,17 +1440,18 @@ var TreeView = /** @class */ (function (_super) {
         var _this = this;
         var eUids = this.expandedNodes;
         if (!this.loadOnDemand && this.fields.dataSource instanceof DataManager) {
-            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] == true; }).length > 0 ? true : this.isInitalExpand;
+            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] === true; }).length > 0
+                ? true
+                : this.isInitalExpand;
         }
         if (this.isInitalExpand && eUids.length > 0) {
             this.setProperties({ expandedNodes: [] }, true);
-            /* eslint-disable */
             if (this.fields.dataSource instanceof DataManager) {
                 this.expandGivenNodes(eUids);
             }
             else {
                 for (var i = 0; i < eUids.length; i++) {
-                    var eNode = select('[data-uid="' + eUids[i] + '"]', this.element);
+                    var eNode = select('[data-uid="' + eUids[parseInt(i.toString(), 10)] + '"]', this.element);
                     if (!isNOU(eNode)) {
                         var icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
                         if (!isNOU(icon)) {
@@ -1423,8 +1459,8 @@ var TreeView = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        if (eUids[i] && this.expandChildren.indexOf(eUids[i]) === -1) {
-                            this.expandChildren.push(eUids[i].toString());
+                        if (eUids[parseInt(i.toString(), 10)] && this.expandChildren.indexOf(eUids[parseInt(i.toString(), 10)]) === -1) {
+                            this.expandChildren.push(eUids[parseInt(i.toString(), 10)].toString());
                         }
                         continue;
                     }
@@ -1437,14 +1473,14 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.expandGivenNodes = function (arr) {
-        var proxy = this;
+        var _this = this;
         this.expandCallback(arr[this.index], function () {
-            proxy.index++;
-            if (proxy.index < arr.length) {
-                proxy.expandGivenNodes(arr);
+            _this.index++;
+            if (_this.index < arr.length) {
+                _this.expandGivenNodes(arr);
             }
             else {
-                proxy.afterFinalized();
+                _this.afterFinalized();
             }
         });
     };
@@ -1481,12 +1517,12 @@ var TreeView = /** @class */ (function (_super) {
         if (sUids.length > 0) {
             this.setProperties({ selectedNodes: [] }, true);
             for (var i = 0; i < sUids.length; i++) {
-                var sNode = select('[data-uid="' + sUids[i] + '"]', this.element);
+                var sNode = select('[data-uid="' + sUids[parseInt(i.toString(), 10)] + '"]', this.element);
                 if (sNode && !(sNode.classList.contains('e-active'))) {
                     this.selectNode(sNode, null, true);
                 }
                 else {
-                    this.selectedNodes.push(sUids[i]);
+                    this.selectedNodes.push(sUids[parseInt(i.toString(), 10)]);
                 }
                 if (!this.allowMultiSelection) {
                     break;
@@ -1500,8 +1536,8 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.selectGivenNodes = function (sNodes) {
         for (var i = 0; i < sNodes.length; i++) {
-            if (!sNodes[i].classList.contains('e-disable')) {
-                this.selectNode(sNodes[i], null, true);
+            if (!sNodes[parseInt(i.toString(), 10)].classList.contains('e-disable')) {
+                this.selectNode(sNodes[parseInt(i.toString(), 10)], null, true);
             }
             if (!this.allowMultiSelection) {
                 break;
@@ -1509,7 +1545,9 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.clickHandler = function (event) {
-        var target = Browser.isDevice && event.originalEvent.changedTouches && !Browser.isIos ? document.elementFromPoint(event.originalEvent.changedTouches[0].clientX, event.originalEvent.changedTouches[0].clientY) : event.originalEvent.target;
+        var target = Browser.isDevice && event.originalEvent.changedTouches && !Browser.isIos
+            ? document.elementFromPoint(event.originalEvent.changedTouches[0].clientX, event.originalEvent.changedTouches[0].clientY)
+            : event.originalEvent.target;
         EventHandler.remove(this.element, 'contextmenu', this.preventContextMenu);
         if (!target || this.dragStartAction) {
             return;
@@ -1564,7 +1602,6 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.nodeCheckedEvent = function (wrapper, isCheck, e) {
-        var currLi = closest(wrapper, '.' + LISTITEM);
         var eventArgs = this.getCheckEvent(wrapper, isCheck ? 'uncheck' : 'check', e);
         eventArgs.data = eventArgs.data.splice(0, eventArgs.data.length - 1);
         this.trigger('nodeChecked', eventArgs);
@@ -1572,7 +1609,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.triggerClickEvent = function (e, li) {
         var eventArgs = {
             event: e,
-            node: li,
+            node: li
         };
         this.trigger('nodeClicked', eventArgs);
     };
@@ -1591,7 +1628,6 @@ var TreeView = /** @class */ (function (_super) {
                 addClass([icon], COLLAPSIBLE);
                 var start_1 = 0;
                 var end_1 = 0;
-                var proxy_1 = this;
                 var ul_1 = select('.' + PARENTITEM, currLi);
                 var liEle_1 = currLi;
                 this.setHeight(liEle_1, ul_1);
@@ -1601,7 +1637,7 @@ var TreeView = /** @class */ (function (_super) {
                         name: this.animation.expand.effect,
                         duration: (this.animation.expand.duration === 0 && animationMode === 'Enable') ? 400 : this.animation.expand.duration,
                         timingFunction: this.animation.expand.easing,
-                        begin: function (args) {
+                        begin: function () {
                             liEle_1.style.overflow = 'hidden';
                             if (!isNullOrUndefined(activeElement_1) && activeElement_1 instanceof HTMLElement) {
                                 activeElement_1.classList.add(ITEM_ANIMATION_ACTIVE);
@@ -1611,7 +1647,7 @@ var TreeView = /** @class */ (function (_super) {
                         },
                         progress: function (args) {
                             args.element.style.display = 'block';
-                            proxy_1.animateHeight(args, start_1, end_1);
+                            _this.animateHeight(args, start_1, end_1);
                         },
                         end: function (args) {
                             args.element.style.display = 'block';
@@ -1694,7 +1730,6 @@ var TreeView = /** @class */ (function (_super) {
         addClass([icon], EXPANDABLE);
         var start = 0;
         var end = 0;
-        var proxy = this;
         var ul = select('.' + PARENTITEM, currLi);
         var liEle = currLi;
         var activeElement = select('.' + LISTITEM + '.' + ACTIVE, currLi);
@@ -1703,7 +1738,7 @@ var TreeView = /** @class */ (function (_super) {
                 name: this.animation.collapse.effect,
                 duration: (this.animation.collapse.duration === 0 && animationMode === 'Enable') ? 400 : this.animation.collapse.duration,
                 timingFunction: this.animation.collapse.easing,
-                begin: function (args) {
+                begin: function () {
                     liEle.style.overflow = 'hidden';
                     if (!isNullOrUndefined(activeElement) && activeElement instanceof HTMLElement) {
                         activeElement.classList.add(ITEM_ANIMATION_ACTIVE);
@@ -1712,7 +1747,7 @@ var TreeView = /** @class */ (function (_super) {
                     end = liEle.offsetHeight;
                 },
                 progress: function (args) {
-                    proxy.animateHeight(args, start, end);
+                    _this.animateHeight(args, start, end);
                 },
                 end: function (args) {
                     args.element.style.display = 'none';
@@ -1775,7 +1810,6 @@ var TreeView = /** @class */ (function (_super) {
         }
         this.showSpinner(eicon);
         var childItems;
-        /* eslint-disable */
         if (this.fields.dataSource instanceof DataManager) {
             var level = this.parents(parentLi, '.' + PARENTITEM).length;
             var mapper_2 = this.getChildFields(this.fields, level, 1);
@@ -1808,6 +1842,9 @@ var TreeView = /** @class */ (function (_super) {
             this.currentLoadData = this.getSortedData(childItems);
             if (isNOU(childItems) || childItems.length === 0) {
                 detach(eicon);
+                if (eicon.classList.contains(LOAD)) {
+                    this.hideSpinner(eicon);
+                }
                 this.removeExpand(parentLi, true);
                 return;
             }
@@ -1858,7 +1895,9 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.disableTreeNodes = function (childItems) {
         var i = 0;
         while (i < childItems.length) {
-            var id = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : null;
+            var id = childItems[parseInt(i.toString(), 10)][this.fields.id]
+                ? childItems[parseInt(i.toString(), 10)][this.fields.id].toString()
+                : null;
             if (this.disableNode !== undefined && this.disableNode.indexOf(id) !== -1) {
                 this.doDisableAction([id]);
             }
@@ -1867,11 +1906,16 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Sets the child Item in selectedState while rendering the child node
+     *
+     * @param {Object[]} nodes - Array of nodes
+     * @returns {void}
      */
     TreeView.prototype.setSelectionForChildNodes = function (nodes) {
         var i;
         for (i = 0; i < nodes.length; i++) {
-            var id = nodes[i][this.fields.id] ? nodes[i][this.fields.id].toString() : null;
+            var id = nodes[parseInt(i.toString(), 10)][this.fields.id]
+                ? nodes[parseInt(i.toString(), 10)][this.fields.id].toString()
+                : null;
             if (this.selectedNodes !== undefined && this.selectedNodes.indexOf(id) !== -1) {
                 this.doSelectionAction();
             }
@@ -1896,7 +1940,6 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.getChildFields = function (mapper, nodeLevel, dataLevel) {
-        var childData;
         if (nodeLevel === dataLevel) {
             return this.getChildMapper(mapper);
         }
@@ -1919,16 +1962,24 @@ var TreeView = /** @class */ (function (_super) {
         }
         else {
             if (typeof this.fields.child === 'string') {
-                var index = obj.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; });
+                var index = obj.findIndex(function (data) {
+                    return getValue(_this.fields.id, data) &&
+                        getValue(_this.fields.id, data).toString() === parentId;
+                });
                 if (index !== -1) {
-                    return getValue(this.fields.child, obj[index]);
+                    return getValue(this.fields.child, obj[parseInt(index.toString(), 10)]);
                 }
                 if (index === -1) {
                     for (var i = 0, objlen = obj.length; i < objlen; i++) {
-                        var tempArray = getValue(this.fields.child, obj[i]);
-                        var childIndex = !isNOU(tempArray) ? tempArray.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; }) : -1;
+                        var tempArray = getValue(this.fields.child, obj[parseInt(i.toString(), 10)]);
+                        var childIndex = !isNOU(tempArray)
+                            ? tempArray.findIndex(function (data) {
+                                return getValue(_this.fields.id, data) &&
+                                    getValue(_this.fields.id, data).toString() === parentId;
+                            })
+                            : -1;
                         if (childIndex !== -1) {
-                            return getValue(this.fields.child, tempArray[childIndex]);
+                            return getValue(this.fields.child, tempArray[parseInt(childIndex.toString(), 10)]);
                         }
                         else if (!isNOU(tempArray)) {
                             childNodes = this.getChildNodes(tempArray, parentId);
@@ -1952,16 +2003,24 @@ var TreeView = /** @class */ (function (_super) {
                     i++;
                 }
                 this.updateListProp(tempField);
-                var index = obj.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; });
+                var index = obj.findIndex(function (data) {
+                    return getValue(_this.fields.id, data) &&
+                        getValue(_this.fields.id, data).toString() === parentId;
+                });
                 if (index !== -1) {
-                    return getValue('child', obj[index]);
+                    return getValue('child', obj[parseInt(index.toString(), 10)]);
                 }
                 if (index === -1) {
                     for (var i_1 = 0, objlen = obj.length; i_1 < objlen; i_1++) {
-                        var tempArray = getValue('child', obj[i_1]);
-                        var childIndex = !isNOU(tempArray) ? tempArray.findIndex(function (data) { return getValue(_this.fields.child.id, data) && getValue(_this.fields.child.id, data).toString() === parentId; }) : -1;
+                        var tempArray = getValue('child', obj[parseInt(i_1.toString(), 10)]);
+                        var childIndex = !isNOU(tempArray)
+                            ? tempArray.findIndex(function (data) {
+                                return getValue(_this.fields.child.id, data) &&
+                                    getValue(_this.fields.child.id, data).toString() === parentId;
+                            })
+                            : -1;
                         if (childIndex !== -1) {
-                            return getValue('child', tempArray[childIndex]);
+                            return getValue('child', tempArray[parseInt(childIndex.toString(), 10)]);
                         }
                         else if (!isNOU(tempArray)) {
                             childNodes = this.getChildNodes(tempArray, parentId, false, level);
@@ -1981,13 +2040,14 @@ var TreeView = /** @class */ (function (_super) {
             return childNodes;
         }
         for (var i = 0, objlen = data.length; i < objlen; i++) {
-            if (!isNOU(data[i][0]) && !isNOU(getValue(this.fields.parentID, data[i][0]))) {
-                if (getValue(this.fields.parentID, data[i][0]).toString() === parentId) {
-                    return data[i];
+            if (!isNOU(data[parseInt(i.toString(), 10)][0]) &&
+                !isNOU(getValue(this.fields.parentID, data[parseInt(i.toString(), 10)][0]))) {
+                if (getValue(this.fields.parentID, data[parseInt(i.toString(), 10)][0]).toString() === parentId) {
+                    return data[parseInt(i.toString(), 10)];
                 }
             }
             else if (isRoot) {
-                return data[i];
+                return data[parseInt(i.toString(), 10)];
             }
             else {
                 return [];
@@ -1999,8 +2059,8 @@ var TreeView = /** @class */ (function (_super) {
         if (expandChild) {
             var cIcons = selectAll('.' + EXPANDABLE, element);
             for (var i = 0, len = cIcons.length; i < len; i++) {
-                var icon = cIcons[i];
-                if (element.querySelector('.e-icons') !== cIcons[i]) {
+                var icon = cIcons[parseInt(i.toString(), 10)];
+                if (element.querySelector('.e-icons') !== cIcons[parseInt(i.toString(), 10)]) {
                     var curLi = closest(icon, '.' + LISTITEM);
                     this.expandArgs = this.getExpandEvent(curLi, null);
                     if (loaded !== true) {
@@ -2059,7 +2119,7 @@ var TreeView = /** @class */ (function (_super) {
                 endIndex = temp;
             }
             for (var i = startIndex; i <= endIndex; i++) {
-                var currNode = this.liList[i];
+                var currNode = this.liList[parseInt(i.toString(), 10)];
                 if (isVisible(currNode) && !currNode.classList.contains('e-disable')) {
                     this.addSelect(currNode);
                 }
@@ -2104,7 +2164,7 @@ var TreeView = /** @class */ (function (_super) {
             var focusedNode = this.getFocusedNode();
             if (focusedNode) {
                 removeClass([focusedNode], FOCUS);
-                focusedNode.setAttribute("tabindex", "-1");
+                focusedNode.setAttribute('tabindex', '-1');
             }
             addClass([li], FOCUS);
             li.setAttribute('tabindex', '0');
@@ -2155,7 +2215,9 @@ var TreeView = /** @class */ (function (_super) {
         this.expandOnType = (this.expandOn === 'Auto') ? (Browser.isDevice ? 'Click' : 'DblClick') : this.expandOn;
     };
     TreeView.prototype.expandHandler = function (e) {
-        var target = Browser.isDevice && e.originalEvent.changedTouches && !Browser.isIos ? document.elementFromPoint(e.originalEvent.changedTouches[0].clientX, e.originalEvent.changedTouches[0].clientY) : e.originalEvent.target;
+        var target = Browser.isDevice && e.originalEvent.changedTouches && !Browser.isIos
+            ? document.elementFromPoint(e.originalEvent.changedTouches[0].clientX, e.originalEvent.changedTouches[0].clientY)
+            : e.originalEvent.target;
         if (!target || target.classList.contains(INPUT) || target.classList.contains(ROOT) ||
             target.classList.contains(PARENTITEM) || target.classList.contains(LISTITEM) ||
             target.classList.contains(ICON) || this.showCheckBox && closest(target, '.' + CHECKBOXWRAP)) {
@@ -2214,11 +2276,11 @@ var TreeView = /** @class */ (function (_super) {
             this.renderChildNodes(currLi, expandChild, callback);
             var liEles = selectAll('.' + LISTITEM, currLi);
             for (var i = 0; i < liEles.length; i++) {
-                var id = this.getId(liEles[i]);
+                var id = this.getId(liEles[parseInt(i.toString(), 10)]);
                 if (this.expandChildren.indexOf(id) !== -1 && this.expandChildren !== undefined) {
-                    var icon_1 = select('.' + EXPANDABLE, select('.' + TEXTWRAP, liEles[i]));
+                    var icon_1 = select('.' + EXPANDABLE, select('.' + TEXTWRAP, liEles[parseInt(i.toString(), 10)]));
                     if (!isNOU(icon_1)) {
-                        this.expandAction(liEles[i], icon_1, null);
+                        this.expandAction(liEles[parseInt(i.toString(), 10)], icon_1, null);
                     }
                     this.expandChildren.splice(this.expandChildren.indexOf(id), 1);
                 }
@@ -2244,7 +2306,7 @@ var TreeView = /** @class */ (function (_super) {
         var eventArgs = {
             cancel: false,
             event: e,
-            node: focusedNode,
+            node: focusedNode
         };
         this.trigger('keyPress', eventArgs, function (observedArgs) {
             if (!observedArgs.cancel) {
@@ -2301,7 +2363,7 @@ var TreeView = /** @class */ (function (_super) {
                         break;
                     case 'f2':
                         if (_this.allowEditing && !focusedNode.classList.contains('e-disable')) {
-                            _this.createTextbox(focusedNode, e);
+                            _this.createTextbox(focusedNode);
                         }
                         break;
                     case 'ctrlA':
@@ -2361,7 +2423,7 @@ var TreeView = /** @class */ (function (_super) {
         var checkWrap = select('.' + CHECKBOXWRAP, focusedNode);
         var isChecked = select(' .' + CHECKBOXFRAME, checkWrap).classList.contains(CHECK);
         if (!focusedNode.classList.contains('e-disable')) {
-            if (focusedNode.getElementsByClassName("e-checkbox-disabled").length == 0) {
+            if (focusedNode.getElementsByClassName('e-checkbox-disabled').length === 0) {
                 this.validateCheckNode(checkWrap, isChecked, focusedNode, e);
             }
         }
@@ -2386,7 +2448,12 @@ var TreeView = /** @class */ (function (_super) {
             this.checkedElement.push(li.getAttribute('data-uid'));
             if (this.autoCheck) {
                 var child = this.getChildNodes(this.treeData, li.getAttribute('data-uid'));
-                (child !== null) ? this.allCheckNode(child, this.checkedElement, null, null, false) : child = null;
+                if (child !== null) {
+                    this.allCheckNode(child, this.checkedElement, null, null, false);
+                }
+                else {
+                    child = null;
+                }
             }
         }
         this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
@@ -2406,6 +2473,10 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Update checkedNodes when UI interaction happens before the child node renders in DOM
+     *
+     * @param {Element} li - The list item element
+     * @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
+     * @returns {void}
      */
     TreeView.prototype.ensureStateChange = function (li, doCheck) {
         var childElement = select('.' + PARENTITEM, li);
@@ -2414,8 +2485,12 @@ var TreeView = /** @class */ (function (_super) {
         if (this.dataType === 1 && this.autoCheck) {
             var resultData = new DataManager(this.treeData).executeLocal(new Query().where(mapper.parentID, 'equal', parentIndex, true));
             for (var i = 0; i < resultData.length; i++) {
-                var resultId = resultData[i][this.fields.id] ? resultData[i][this.fields.id].toString() : null;
-                var isCheck = resultData[i][this.fields.isChecked] ? resultData[i][this.fields.isChecked].toString() : null;
+                var resultId = resultData[parseInt(i.toString(), 10)][this.fields.id]
+                    ? resultData[parseInt(i.toString(), 10)][this.fields.id].toString()
+                    : null;
+                var isCheck = resultData[parseInt(i.toString(), 10)][this.fields.isChecked]
+                    ? resultData[parseInt(i.toString(), 10)][this.fields.isChecked].toString()
+                    : null;
                 if (this.checkedNodes.indexOf(parentIndex) !== -1 && this.checkedNodes.indexOf(resultId) === -1) {
                     this.checkedNodes.push(resultId);
                     var childItems = this.getChildNodes(this.treeData, resultId);
@@ -2449,7 +2524,9 @@ var TreeView = /** @class */ (function (_super) {
             if (!doCheck) {
                 var checkedData = new DataManager(this.treeData).executeLocal(new Query().where(mapper.isChecked, 'equal', true, false));
                 for (var i = 0; i < checkedData.length; i++) {
-                    var id = checkedData[i][this.fields.id] ? checkedData[i][this.fields.id].toString() : null;
+                    var id = checkedData[parseInt(i.toString(), 10)][this.fields.id]
+                        ? checkedData[parseInt(i.toString(), 10)][this.fields.id].toString()
+                        : null;
                     if (this.checkedNodes.indexOf(id) !== -1) {
                         this.checkedNodes.splice(this.checkedNodes.indexOf(id), 1);
                     }
@@ -2459,7 +2536,9 @@ var TreeView = /** @class */ (function (_super) {
             }
             else {
                 for (var i = 0; i < this.treeData.length; i++) {
-                    var checkedId = this.treeData[i][this.fields.id] ? this.treeData[i][this.fields.id].toString() : null;
+                    var checkedId = this.treeData[parseInt(i.toString(), 10)][this.fields.id]
+                        ? this.treeData[parseInt(i.toString(), 10)][this.fields.id].toString()
+                        : null;
                     if (this.checkedNodes.indexOf(checkedId) === -1) {
                         this.checkedNodes.push(checkedId);
                     }
@@ -2475,9 +2554,12 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.getChildItems = function (childItems, doCheck) {
         for (var i = 0; i < childItems.length; i++) {
-            var childId = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : null;
-            var childIsCheck = childItems[i][this.fields.isChecked] ? childItems[i][this.fields.isChecked].toString() :
-                null;
+            var childId = childItems[parseInt(i.toString(), 10)][this.fields.id]
+                ? childItems[parseInt(i.toString(), 10)][this.fields.id].toString()
+                : null;
+            var childIsCheck = childItems[parseInt(i.toString(), 10)][this.fields.isChecked]
+                ? childItems[parseInt(i.toString(), 10)][this.fields.isChecked].toString()
+                : null;
             if (this.checkedNodes.indexOf(childId) !== -1 && !doCheck) {
                 this.checkedNodes.splice(this.checkedNodes.indexOf(childId), 1);
             }
@@ -2495,11 +2577,19 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Update checkedNodes when UI interaction happens before the child node renders in DOM for hierarchical DS
+     *
+     * @param {Object[]} childItems - Array of child items
+     * @param {string} parent - Parent identifier
+     * @param {Element} childElement - Child DOM element
+     * @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
+     * @returns {void}
      */
     TreeView.prototype.childStateChange = function (childItems, parent, childElement, doCheck) {
         for (var i = 0; i < childItems.length; i++) {
-            var checkedChild = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : '';
-            var isCheck = childItems[i][this.fields.isChecked] ? childItems[i][this.fields.isChecked].toString() : null;
+            var checkedChild = childItems[parseInt(i.toString(), 10)][this.fields.id] ? childItems[parseInt(i.toString(), 10)][this.fields.id].toString() : '';
+            var isCheck = childItems[parseInt(i.toString(), 10)][this.fields.isChecked]
+                ? childItems[parseInt(i.toString(), 10)][this.fields.isChecked].toString()
+                : null;
             if (this.autoCheck) {
                 if (this.checkedNodes.indexOf(parent) !== -1 && this.checkedNodes.indexOf(checkedChild) === -1) {
                     this.checkedNodes.push(checkedChild);
@@ -2528,7 +2618,7 @@ var TreeView = /** @class */ (function (_super) {
                     }
                 }
             }
-            var subChild = this.getChildNodes([childItems[i]], checkedChild);
+            var subChild = this.getChildNodes([childItems[parseInt(i.toString(), 10)]], checkedChild);
             if (subChild) {
                 this.childStateChange(subChild, parent, childElement, doCheck);
             }
@@ -2538,25 +2628,30 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.allCheckNode = function (child, newCheck, checked, childCheck, validateCheck) {
         if (child) {
             for (var length_1 = 0; length_1 < child.length; length_1++) {
-                var childId = getValue(this.fields.id, child[length_1]);
+                var childId = getValue(this.fields.id, child[parseInt(length_1.toString(), 10)]);
                 var check = this.element.querySelector('[data-uid="' + childId + '"]');
                 //Validates isChecked case while no UI interaction has been performed on the node or it's parent
                 if (validateCheck !== false && this.checkedElement.indexOf(childId.toString()) === -1) {
-                    if (((check === null && !isNOU(child[length_1][this.fields.isChecked]) && newCheck.indexOf(childId.toString()) === -1)
+                    if (((check === null && !isNOU(child[parseInt(length_1.toString(), 10)][this.fields.isChecked]) &&
+                        newCheck.indexOf(childId.toString()) === -1)
                         || childCheck === 0 || checked === 2)) {
-                        (child[length_1][this.fields.isChecked] !== false || checked === 2) ? newCheck.push(childId.toString())
-                            : childCheck = null;
-                        childCheck = (child[length_1][this.fields.isChecked] !== false || checked === 2) ? 0 : null;
+                        if (child[parseInt(length_1.toString(), 10)][this.fields.isChecked] !== false || checked === 2) {
+                            newCheck.push(childId.toString());
+                        }
+                        else {
+                            childCheck = null;
+                        }
+                        childCheck = (child[parseInt(length_1.toString(), 10)][this.fields.isChecked] !== false || checked === 2) ? 0 : null;
                     }
                 }
                 //Pushes child checked node done thro' UI interaction
                 if (newCheck.indexOf(childId.toString()) === -1 && isNOU(checked)) {
                     newCheck.push(childId.toString());
                 }
-                var hierChildId = getValue(this.fields.child.toString(), child[length_1]);
+                var hierChildId = getValue(this.fields.child.toString(), child[parseInt(length_1.toString(), 10)]);
                 //Gets if any next level children are available for child nodes
-                if (getValue(this.fields.hasChildren, child[length_1]) === true || hierChildId) {
-                    var id = getValue(this.fields.id, child[length_1]);
+                if (getValue(this.fields.hasChildren, child[parseInt(length_1.toString(), 10)]) === true || hierChildId) {
+                    var id = getValue(this.fields.id, child[parseInt(length_1.toString(), 10)]);
                     var childId_1 = void 0;
                     if (this.dataType === 1) {
                         childId_1 = this.getChildNodes(this.treeData, id.toString());
@@ -2565,8 +2660,12 @@ var TreeView = /** @class */ (function (_super) {
                         childId_1 = hierChildId;
                     }
                     if (childId_1) {
-                        (isNOU(validateCheck)) ? this.allCheckNode(childId_1, newCheck, checked, childCheck) :
+                        if (isNOU(validateCheck)) {
+                            this.allCheckNode(childId_1, newCheck, checked, childCheck);
+                        }
+                        else {
                             this.allCheckNode(childId_1, newCheck, checked, childCheck, validateCheck);
+                        }
                         childCheck = null;
                     }
                 }
@@ -2651,7 +2750,7 @@ var TreeView = /** @class */ (function (_super) {
         var nextNode;
         do {
             index++;
-            nextNode = this.liList[index];
+            nextNode = this.liList[parseInt(index.toString(), 10)];
             if (isNOU(nextNode)) {
                 return li;
             }
@@ -2663,7 +2762,7 @@ var TreeView = /** @class */ (function (_super) {
         var prevNode;
         do {
             index--;
-            prevNode = this.liList[index];
+            prevNode = this.liList[parseInt(index.toString(), 10)];
             if (isNOU(prevNode)) {
                 return li;
             }
@@ -2674,7 +2773,7 @@ var TreeView = /** @class */ (function (_super) {
         var index = 0;
         var rootNode;
         do {
-            rootNode = this.liList[index];
+            rootNode = this.liList[parseInt(index.toString(), 10)];
             index++;
         } while (!isVisible(rootNode));
         return rootNode;
@@ -2683,14 +2782,14 @@ var TreeView = /** @class */ (function (_super) {
         var index = this.liList.length - 1;
         var endNode;
         do {
-            endNode = this.liList[index];
+            endNode = this.liList[parseInt(index.toString(), 10)];
             index--;
         } while (!isVisible(endNode));
         return endNode;
     };
     TreeView.prototype.setFocus = function (preNode, nextNode) {
         removeClass([preNode], FOCUS);
-        preNode.setAttribute("tabindex", "-1");
+        preNode.setAttribute('tabindex', '-1');
         if (!nextNode.classList.contains('e-disable') && !nextNode.classList.contains(PREVENTSELECT)) {
             addClass([nextNode], FOCUS);
             nextNode.setAttribute('tabindex', '0');
@@ -2711,11 +2810,11 @@ var TreeView = /** @class */ (function (_super) {
         if (!this.mouseDownStatus) {
             var focusedElement = this.getFocusedNode();
             if (focusedElement.classList.contains('e-disable') || focusedElement.classList.contains('e-prevent')) {
-                focusedElement.setAttribute("tabindex", "-1");
+                focusedElement.setAttribute('tabindex', '-1');
                 this.navigateNode(true);
             }
             else {
-                focusedElement.setAttribute("tabindex", "0");
+                focusedElement.setAttribute('tabindex', '0');
                 addClass([focusedElement], FOCUS);
                 EventHandler.add(focusedElement, 'blur', this.focusOut, this);
             }
@@ -2724,7 +2823,7 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.focusOut = function (event) {
         var focusedElement = this.getFocusedNode();
-        if (event.target == focusedElement) {
+        if (event.target === focusedElement) {
             removeClass([focusedElement], FOCUS);
             EventHandler.remove(focusedElement, 'blur', this.focusOut);
         }
@@ -2752,8 +2851,7 @@ var TreeView = /** @class */ (function (_super) {
             addClass([li], HOVER);
         }
     };
-    ;
-    TreeView.prototype.onMouseLeave = function (e) {
+    TreeView.prototype.onMouseLeave = function () {
         this.removeHover();
     };
     TreeView.prototype.removeHover = function () {
@@ -2762,7 +2860,6 @@ var TreeView = /** @class */ (function (_super) {
             removeClass(hoveredNode, HOVER);
         }
     };
-    ;
     TreeView.prototype.getNodeData = function (currLi, fromDS) {
         if (!isNOU(currLi) && currLi.classList.contains(LISTITEM) &&
             !isNOU(closest(currLi, '.' + CONTROL)) && closest(currLi, '.' + CONTROL).classList.contains(ROOT)) {
@@ -2844,10 +2941,10 @@ var TreeView = /** @class */ (function (_super) {
         }
         else {
             var liEle = closest(target, '.' + LISTITEM);
-            this.createTextbox(liEle, e);
+            this.createTextbox(liEle);
         }
     };
-    TreeView.prototype.createTextbox = function (liEle, e) {
+    TreeView.prototype.createTextbox = function (liEle) {
         var _this = this;
         var oldInpEle = select('.' + TREEINPUT, this.element);
         if (oldInpEle) {
@@ -2865,6 +2962,7 @@ var TreeView = /** @class */ (function (_super) {
                 if (!isNOU(_this.nodeTemplateFn)) {
                     _this.destroyTemplate(liEle);
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (_this.isReact) {
                     setTimeout(function () {
                         _this.renderTextBox(eventArgs, textEle, style_1);
@@ -2882,7 +2980,7 @@ var TreeView = /** @class */ (function (_super) {
         this.inputObj = Input.createInput({
             element: inpEle,
             properties: {
-                enableRtl: this.enableRtl,
+                enableRtl: this.enableRtl
             }
         }, this.createElement);
         this.inputObj.container.setAttribute('style', style);
@@ -2907,12 +3005,14 @@ var TreeView = /** @class */ (function (_super) {
         var txtEle = closest(target, '.' + LISTTEXT);
         var liEle = closest(target, '.' + LISTITEM);
         detach(this.inputObj.container);
+        Input.destroy({ element: target, properties: this.properties });
         if (this.fields.dataSource instanceof DataManager && !this.isOffline) {
             this.crudOperation('update', null, liEle, newText, null, null, true);
         }
         else {
             this.appendNewText(liEle, txtEle, newText, true);
         }
+        EventHandler.remove(target, 'blur', this.inputFocusOut);
     };
     TreeView.prototype.appendNewText = function (liEle, txtEle, newText, isInput) {
         var _this = this;
@@ -2934,7 +3034,12 @@ var TreeView = /** @class */ (function (_super) {
             this.renderReactTemplates();
         }
         else {
-            this.enableHtmlSanitizer ? txtEle.innerText = SanitizeHtmlHelper.sanitize(newText) : txtEle.innerHTML = newText;
+            if (this.enableHtmlSanitizer) {
+                txtEle.innerText = SanitizeHtmlHelper.sanitize(newText);
+            }
+            else {
+                txtEle.innerHTML = newText;
+            }
         }
         if (isInput) {
             removeClass([liEle], EDITING);
@@ -2985,9 +3090,9 @@ var TreeView = /** @class */ (function (_super) {
         }
         else if (this.dataType === 1) {
             for (var i = 0, objlen = this.treeData.length; i < objlen; i++) {
-                var dataId = getValue(this.fields.id, this.treeData[i]);
-                if (!isNOU(this.treeData[i]) && !isNOU(dataId) && dataId.toString() === id) {
-                    return this.treeData[i];
+                var dataId = getValue(this.fields.id, this.treeData[parseInt(i.toString(), 10)]);
+                if (!isNOU(this.treeData[parseInt(i.toString(), 10)]) && !isNOU(dataId) && dataId.toString() === id) {
+                    return this.treeData[parseInt(i.toString(), 10)];
                 }
             }
         }
@@ -3002,27 +3107,27 @@ var TreeView = /** @class */ (function (_super) {
             return newList;
         }
         for (var i = 0, objlen = obj.length; i < objlen; i++) {
-            var dataId = getValue(mapper.id, obj[i]);
-            if (obj[i] && dataId && dataId.toString() === id) {
-                return obj[i];
+            var dataId = getValue(mapper.id, obj[parseInt(i.toString(), 10)]);
+            if (obj[parseInt(i.toString(), 10)] && dataId && dataId.toString() === id) {
+                return obj[parseInt(i.toString(), 10)];
             }
-            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[i]))) {
-                var childData = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[parseInt(i.toString(), 10)]))) {
+                var childData = getValue(mapper.child, obj[parseInt(i.toString(), 10)]);
                 newList = this.getChildNodeObject(childData, this.getChildMapper(mapper), id);
                 if (newList !== undefined) {
                     break;
                 }
             }
-            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[i]))) {
+            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[parseInt(i.toString(), 10)]))) {
                 var child = 'child';
-                newList = this.getChildNodeObject(getValue(child, obj[i]), this.getChildMapper(mapper), id);
+                newList = this.getChildNodeObject(getValue(child, obj[parseInt(i.toString(), 10)]), this.getChildMapper(mapper), id);
                 if (newList !== undefined) {
                     break;
                 }
             }
             else if (this.isChildObject()) {
                 var children = 'child';
-                var childData = getValue(children, obj[i]);
+                var childData = getValue(children, obj[parseInt(i.toString(), 10)]);
                 newList = this.getChildNodeObject(childData, this.getChildMapper(mapper), id);
                 if (newList !== undefined) {
                     break;
@@ -3042,7 +3147,6 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.initializeDrag = function () {
         var _this = this;
         var virtualEle;
-        var proxy = this;
         this.dragObj = new Draggable(this.element, {
             enableTailMode: true, enableAutoScroll: true,
             dragArea: this.dragArea,
@@ -3064,15 +3168,15 @@ var TreeView = /** @class */ (function (_super) {
                 }
                 var cloneEle = (dragWrap.cloneNode(true));
                 if (isNOU(select('div.' + ICON, cloneEle))) {
-                    var icon = proxy.createElement('div', { className: ICON + ' ' + EXPANDABLE });
+                    var icon = _this.createElement('div', { className: ICON + ' ' + EXPANDABLE });
                     cloneEle.insertBefore(icon, cloneEle.children[0]);
                 }
                 var cssClass = DRAGITEM + ' ' + ROOT + ' ' + _this.cssClass + ' ' + (_this.enableRtl ? RTL : '');
-                virtualEle = proxy.createElement('div', { className: cssClass });
+                virtualEle = _this.createElement('div', { className: cssClass });
                 virtualEle.appendChild(cloneEle);
                 var nLen = _this.selectedNodes.length;
                 if (nLen > 1 && _this.allowMultiSelection && _this.dragLi.classList.contains(ACTIVE)) {
-                    var cNode = proxy.createElement('span', { className: DROPCOUNT, innerHTML: '' + nLen });
+                    var cNode = _this.createElement('span', { className: DROPCOUNT, innerHTML: '' + nLen });
                     virtualEle.appendChild(cNode);
                 }
                 document.body.appendChild(virtualEle);
@@ -3110,15 +3214,17 @@ var TreeView = /** @class */ (function (_super) {
             },
             dragStop: function (e) {
                 removeClass([_this.element], DRAGGING);
-                _this.removeVirtualEle();
+                if (!e.target.classList.contains('e-sibling')) {
+                    _this.removeVirtualEle();
+                }
                 var dropTarget = e.target;
                 var preventTargetExpand = false;
                 var dropRoot = (closest(dropTarget, '.' + DROPPABLE));
+                // eslint-disable-next-line
                 var isHelperElement = true;
                 if (!dropTarget || !dropRoot) {
                     detach(e.helper);
                     document.body.style.cursor = '';
-                    isHelperElement = false;
                 }
                 var listItem = closest(dropTarget, '.e-list-item');
                 var level;
@@ -3136,6 +3242,9 @@ var TreeView = /** @class */ (function (_super) {
                         }
                         document.body.style.cursor = '';
                         isHelperElement = false;
+                        if (dropTarget.classList.contains('e-sibling')) {
+                            _this.removeVirtualEle();
+                        }
                     }
                     _this.dragStartAction = false;
                 });
@@ -3143,15 +3252,17 @@ var TreeView = /** @class */ (function (_super) {
         });
         this.dropObj = new Droppable(this.element, {
             out: function (e) {
-                if (!isNOU(e) && !e.target.classList.contains(SIBLING) && (_this.dropObj.dragData.default && _this.dropObj.dragData.default.helper.classList.contains(ROOT))) {
+                if (!isNOU(e) && !e.target.classList.contains(SIBLING) &&
+                    (_this.dropObj.dragData.default && _this.dropObj.dragData.default.helper.classList.contains(ROOT))) {
                     document.body.style.cursor = 'not-allowed';
                 }
             },
-            over: function (e) {
+            over: function () {
                 document.body.style.cursor = '';
             },
             drop: function (e) {
                 _this.dropAction(e);
+                _this.removeVirtualEle();
             }
         });
     };
@@ -3165,6 +3276,7 @@ var TreeView = /** @class */ (function (_super) {
         var dropWrap = closest(e.target, '.' + TEXTWRAP);
         var icon = select('div.' + ICON, virtualEle);
         removeClass([icon], [DROPIN, DROPNEXT, DROPOUT, NODROP]);
+        this.isDropIn = false;
         this.removeVirtualEle();
         document.body.style.cursor = '';
         var classList = e.target.classList;
@@ -3180,29 +3292,37 @@ var TreeView = /** @class */ (function (_super) {
                 (!dropLi.isSameNode(this.dragLi) && !this.isDescendant(this.dragLi, dropLi)))) {
                 if (this.hasTemplate && dropLi) {
                     var templateTarget = select(this.fullRowSelect ? '.' + FULLROW : '.' + TEXTWRAP, dropLi);
-                    if ((e && (!expand && !collapse) && e.event.offsetY < 7 && !checkWrapper) || (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
+                    if ((e && (!expand && !collapse) && e.event.offsetY < 7 && !checkWrapper) ||
+                        (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
                         var index = this.fullRowSelect ? (1) : (0);
                         this.appendIndicator(dropLi, icon, index);
                     }
-                    else if ((e && (!expand && !collapse) && !checkWrapper && templateTarget && e.event.offsetY > templateTarget.offsetHeight - 10) || ((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19))) {
+                    else if ((e && (!expand && !collapse) &&
+                        !checkWrapper && templateTarget && e.event.offsetY > templateTarget.offsetHeight - 10) ||
+                        ((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19))) {
                         var index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
                     else {
                         addClass([icon], DROPIN);
+                        this.isDropIn = true;
                     }
                 }
                 else {
-                    if ((dropLi && e && (!expand && !collapse) && (e.event.offsetY < 7) && !checkWrapper) || (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
+                    if ((dropLi && e && (!expand && !collapse) && (e.event.offsetY < 7) && !checkWrapper) ||
+                        (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
                         var index = this.fullRowSelect ? (1) : (0);
                         this.appendIndicator(dropLi, icon, index);
                     }
-                    else if ((dropLi && e && (!expand && !collapse) && (e.target.offsetHeight > 0 && e.event.offsetY > (e.target.offsetHeight - 10)) && !checkWrapper) || (((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19)))) {
+                    else if ((dropLi && e && (!expand && !collapse) &&
+                        (e.target.offsetHeight > 0 && e.event.offsetY > (e.target.offsetHeight - 10)) && !checkWrapper) ||
+                        (((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19)))) {
                         var index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
                     else {
                         addClass([icon], DROPIN);
+                        this.isDropIn = true;
                     }
                 }
             }
@@ -3238,22 +3358,20 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.appendIndicator = function (dropLi, icon, index) {
         addClass([icon], DROPNEXT);
         var virEle = this.createElement('div', { className: SIBLING });
-        dropLi.insertBefore(virEle, dropLi.children[index]);
+        dropLi.insertBefore(virEle, dropLi.children[parseInt(index.toString(), 10)]);
     };
-    /* eslint-disable */
     TreeView.prototype.dropAction = function (e) {
         var offsetY = e.event.offsetY;
         var dropTarget = e.target;
         var dragObj;
         var level;
         var drop = false;
-        var dragInstance;
         var nodeData = [];
         var liArray = [];
-        dragInstance = e.dragData.draggable;
-        for (var i_2 = 0; i_2 < dragInstance.ej2_instances.length; i_2++) {
-            if (dragInstance.ej2_instances[i_2] instanceof TreeView_1) {
-                dragObj = dragInstance.ej2_instances[i_2];
+        var dragInstance = e.dragData.draggable;
+        for (var i = 0; i < dragInstance.ej2_instances.length; i++) {
+            if (dragInstance.ej2_instances[parseInt(i.toString(), 10)] instanceof TreeView_1) {
+                dragObj = dragInstance.ej2_instances[parseInt(i.toString(), 10)];
                 break;
             }
         }
@@ -3277,19 +3395,21 @@ var TreeView = /** @class */ (function (_super) {
                 var sNodes = selectAll('.' + ACTIVE, dragObj.element);
                 liArray = sNodes;
                 if (e.target.offsetHeight <= 33 && offsetY > e.target.offsetHeight - 10 && offsetY > 6) {
-                    for (var i_3 = sNodes.length - 1; i_3 >= 0; i_3--) {
-                        if (dropLi.isSameNode(sNodes[i_3]) || this.isDescendant(sNodes[i_3], dropLi)) {
+                    for (var i = sNodes.length - 1; i >= 0; i--) {
+                        if (dropLi.isSameNode(sNodes[parseInt(i.toString(), 10)]) ||
+                            this.isDescendant(sNodes[parseInt(i.toString(), 10)], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_3], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[parseInt(i.toString(), 10)], dropLi, e, dragObj, offsetY);
                     }
                 }
                 else {
-                    for (var i_4 = 0; i_4 < sNodes.length; i_4++) {
-                        if (dropLi.isSameNode(sNodes[i_4]) || this.isDescendant(sNodes[i_4], dropLi)) {
+                    for (var i = 0; i < sNodes.length; i++) {
+                        if (dropLi.isSameNode(sNodes[parseInt(i.toString(), 10)]) ||
+                            this.isDescendant(sNodes[parseInt(i.toString(), 10)], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_4], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[parseInt(i.toString(), 10)], dropLi, e, dragObj, offsetY);
                     }
                 }
             }
@@ -3303,7 +3423,7 @@ var TreeView = /** @class */ (function (_super) {
             this.preventExpand = false;
         }
         for (var i = 0; i < liArray.length; i++) {
-            nodeData.push(this.getNode(liArray[i]));
+            nodeData.push(this.getNode(liArray[parseInt(i.toString(), 10)]));
         }
         this.trigger('nodeDropped', this.getDragEvent(e.event, dragObj, dropTarget, e.target, e.dragData.draggedElement, null, level, drop));
         if (dragObj.element.id !== this.element.id) {
@@ -3330,11 +3450,11 @@ var TreeView = /** @class */ (function (_super) {
                 this.dropAsSiblingNode(dragLi, dropLi, e, dragObj);
             }
             else {
-                this.dropAsChildNode(dragLi, dropLi, dragObj, null, e, offsetY);
+                this.dropAsChildNode(dragLi, dropLi, dragObj, null, e, offsetY, null, dropTarget);
             }
         }
         else {
-            this.dropAsChildNode(dragLi, dropLi, dragObj, null, e, offsetY, true);
+            this.dropAsChildNode(dragLi, dropLi, dragObj, null, e, offsetY, true, dropTarget);
         }
         if (this.showCheckBox) {
             this.ensureIndeterminate();
@@ -3377,7 +3497,7 @@ var TreeView = /** @class */ (function (_super) {
             this.updateInstance();
         }
     };
-    TreeView.prototype.dropAsChildNode = function (dragLi, dropLi, dragObj, index, e, pos, isCheck) {
+    TreeView.prototype.dropAsChildNode = function (dragLi, dropLi, dragObj, index, e, pos, isCheck, dropTarget) {
         var dragParentUl = closest(dragLi, '.' + PARENTITEM);
         var dragParentLi = closest(dragParentUl, '.' + LISTITEM);
         var dropParentUl = closest(dropLi, '.' + PARENTITEM);
@@ -3385,7 +3505,7 @@ var TreeView = /** @class */ (function (_super) {
         if (e && e.target) {
             templateTarget = select(this.fullRowSelect ? '.' + FULLROW : '.' + TEXTWRAP, dropLi);
         }
-        if (e && (pos < 7) && !isCheck) {
+        if (e && ((pos < 7 && !dropTarget.classList.contains('e-sibling')) || (dropTarget.classList.contains('e-sibling') && !dropLi.lastChild.classList.contains('e-sibling'))) && !isCheck) {
             dropParentUl.insertBefore(dragLi, dropLi);
             this.moveData(dragLi, dropLi, dropParentUl, true, dragObj);
         }
@@ -3399,7 +3519,7 @@ var TreeView = /** @class */ (function (_super) {
         }
         else {
             var dropUl = this.expandParent(dropLi);
-            var childLi = dropUl.childNodes[index];
+            var childLi = !isNullOrUndefined(index) ? dropUl.childNodes[parseInt(index.toString(), 10)] : null;
             dropUl.insertBefore(dragLi, childLi);
             this.moveData(dragLi, childLi, dropUl, true, dragObj);
         }
@@ -3435,7 +3555,7 @@ var TreeView = /** @class */ (function (_super) {
                 var childData = dragObj.removeChildNodes(id);
                 pos++;
                 for (var i = 0, len = childData.length; i < len; i++) {
-                    this.treeData.splice(pos, 0, childData[i]);
+                    this.treeData.splice(pos, 0, childData[parseInt(i.toString(), 10)]);
                     pos++;
                 }
                 dragObj.groupedData = dragObj.getGroupedData(dragObj.treeData, dragObj.fields.parentID);
@@ -3483,7 +3603,7 @@ var TreeView = /** @class */ (function (_super) {
         }
         if (isNOU(dropUl)) {
             var args = this.expandArgs;
-            if (isNOU(args) || args.name != 'nodeExpanding') {
+            if (isNOU(args) || (args && args.name !== 'nodeExpanding')) {
                 this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
             }
             if (isNOU(dropIcon)) {
@@ -3524,7 +3644,7 @@ var TreeView = /** @class */ (function (_super) {
         if (!isNOU(element)) {
             var cNodes = element.childNodes;
             for (var i = 0, len = cNodes.length; i < len; i++) {
-                var liEle = cNodes[i];
+                var liEle = cNodes[parseInt(i.toString(), 10)];
                 liEle.setAttribute('aria-level', '' + level);
                 this.updateChildAriaLevel(select('.' + PARENTITEM, liEle), level + 1);
             }
@@ -3540,7 +3660,7 @@ var TreeView = /** @class */ (function (_super) {
         }
         var virEle = this.createElement('div', { className: SIBLING });
         var index = this.fullRowSelect ? (pre ? 1 : 2) : (pre ? 0 : 1);
-        e.target.insertBefore(virEle, e.target.children[index]);
+        e.target.insertBefore(virEle, e.target.children[parseInt(index.toString(), 10)]);
     };
     TreeView.prototype.removeVirtualEle = function () {
         var sibEle = select('.' + SIBLING);
@@ -3574,8 +3694,8 @@ var TreeView = /** @class */ (function (_super) {
         dragParent = (drop === true) ? this.dragParent : dragParent;
         if (cloneEle) {
             while (i < 4) {
-                if (select('.' + ICON, cloneEle).classList.contains(iconCss[i])) {
-                    iconClass = iconCss[i];
+                if (select('.' + ICON, cloneEle).classList.contains(iconCss[parseInt(i.toString(), 10)])) {
+                    iconClass = iconCss[parseInt(i.toString(), 10)];
                     break;
                 }
                 i++;
@@ -3584,18 +3704,20 @@ var TreeView = /** @class */ (function (_super) {
         if (index) {
             var dropTar = 0;
             for (i = 0; i < index.childElementCount; i++) {
-                dropTar = (drop !== true && index.children[i] === draggedNode && dropLi !== draggedNode) ? ++dropTar : dropTar;
-                if ((drop !== true && index.children[i].classList.contains('e-hover'))) {
+                dropTar = (drop !== true && index.children[parseInt(i.toString(), 10)] === draggedNode && dropLi !== draggedNode)
+                    ? ++dropTar
+                    : dropTar;
+                if ((drop !== true && index.children[parseInt(i.toString(), 10)].classList.contains('e-hover'))) {
                     indexValue = (event.offsetY >= 23) ? i + 1 : i;
                     break;
                 }
-                else if (index.children[i] === node) {
+                else if (index.children[parseInt(i.toString(), 10)] === node) {
                     indexValue = (event.offsetY >= 23) ? i : i;
                     break;
                 }
             }
             indexValue = (dropTar !== 0) ? --indexValue : indexValue;
-            position = (iconClass == "e-drop-in") ? "Inside" : ((event.offsetY < 7) ? "Before" : "After");
+            position = this.isDropIn ? 'Inside' : ((event.offsetY < 7) ? 'Before' : 'After');
         }
         if (dropTarget) {
             if (newParent.length === 0) {
@@ -3638,19 +3760,19 @@ var TreeView = /** @class */ (function (_super) {
             dropTarget: targetParent,
             dropIndicator: iconClass,
             target: target,
-            position: position,
+            position: position
         };
     };
     TreeView.prototype.addFullRow = function (toAdd) {
         var len = this.liList.length;
         if (toAdd) {
             for (var i = 0; i < len; i++) {
-                this.createFullRow(this.liList[i]);
+                this.createFullRow(this.liList[parseInt(i.toString(), 10)]);
             }
         }
         else {
             for (var i = 0; i < len; i++) {
-                var rowDiv = select('.' + FULLROW, this.liList[i]);
+                var rowDiv = select('.' + FULLROW, this.liList[parseInt(i.toString(), 10)]);
                 detach(rowDiv);
             }
         }
@@ -3679,7 +3801,7 @@ var TreeView = /** @class */ (function (_super) {
         if (level > 0 && !isNOU(element)) {
             var cNodes = this.getVisibleNodes(excludeHiddenNodes, element.childNodes);
             for (var i = 0, len = cNodes.length; i < len; i++) {
-                var liEle = cNodes[i];
+                var liEle = cNodes[parseInt(i.toString(), 10)];
                 var icon = select('.' + COLLAPSIBLE, select('.' + TEXTWRAP, liEle));
                 if (!isNOU(icon)) {
                     this.collapseNode(liEle, icon, null);
@@ -3691,7 +3813,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.collapseAllNodes = function (excludeHiddenNodes) {
         var cIcons = this.getVisibleNodes(excludeHiddenNodes, selectAll('.' + COLLAPSIBLE, this.element));
         for (var i = 0, len = cIcons.length; i < len; i++) {
-            var icon = cIcons[i];
+            var icon = cIcons[parseInt(i.toString(), 10)];
             var liEle = closest(icon, '.' + LISTITEM);
             this.collapseNode(liEle, icon, null);
         }
@@ -3700,7 +3822,7 @@ var TreeView = /** @class */ (function (_super) {
         if (level > 0 && !isNOU(element)) {
             var eNodes = this.getVisibleNodes(excludeHiddenNodes, element.childNodes);
             for (var i = 0, len = eNodes.length; i < len; i++) {
-                var liEle = eNodes[i];
+                var liEle = eNodes[parseInt(i.toString(), 10)];
                 var icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, liEle));
                 if (!isNOU(icon)) {
                     this.expandAction(liEle, icon, null);
@@ -3712,7 +3834,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.expandAllNodes = function (excludeHiddenNodes) {
         var eIcons = this.getVisibleNodes(excludeHiddenNodes, selectAll('.' + EXPANDABLE, this.element));
         for (var i = 0, len = eIcons.length; i < len; i++) {
-            var icon = eIcons[i];
+            var icon = eIcons[parseInt(i.toString(), 10)];
             var liEle = closest(icon, '.' + LISTITEM);
             this.expandAction(liEle, icon, null, true);
         }
@@ -3721,7 +3843,7 @@ var TreeView = /** @class */ (function (_super) {
         var vNodes = Array.prototype.slice.call(nodes);
         if (excludeHiddenNodes) {
             for (var i = 0; i < vNodes.length; i++) {
-                if (!isVisible(vNodes[i])) {
+                if (!isVisible(vNodes[parseInt(i.toString(), 10)])) {
                     vNodes.splice(i, 1);
                     i--;
                 }
@@ -3756,7 +3878,7 @@ var TreeView = /** @class */ (function (_super) {
         this.setProperties({ expandedNodes: [] }, true);
         var eNodes = selectAll('[aria-expanded="true"]', this.element);
         for (var i = 0, len = eNodes.length; i < len; i++) {
-            this.addExpand(eNodes[i]);
+            this.addExpand(eNodes[parseInt(i.toString(), 10)]);
         }
     };
     TreeView.prototype.removeData = function (node) {
@@ -3780,7 +3902,7 @@ var TreeView = /** @class */ (function (_super) {
         if (cNodes) {
             for (var i = 0, len = cNodes.length; i < len; i++) {
                 var dm = new DataManager(this.treeData);
-                var id = getValue(this.fields.id, cNodes[i]).toString();
+                var id = getValue(this.fields.id, cNodes[parseInt(i.toString(), 10)]).toString();
                 var data = {};
                 var currId = this.isNumberTypeId ? parseFloat(id) : id;
                 data[this.fields.id] = currId;
@@ -3793,13 +3915,18 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.doGivenAction = function (nodes, selector, toExpand) {
         for (var i = 0, len = nodes.length; i < len; i++) {
-            var liEle = this.getElement(nodes[i]);
+            var liEle = this.getElement(nodes[parseInt(i.toString(), 10)]);
             if (isNOU(liEle)) {
                 continue;
             }
             var icon = select('.' + selector, select('.' + TEXTWRAP, liEle));
             if (!isNOU(icon)) {
-                toExpand ? this.expandAction(liEle, icon, null) : this.collapseNode(liEle, icon, null);
+                if (toExpand) {
+                    this.expandAction(liEle, icon, null);
+                }
+                else {
+                    this.collapseNode(liEle, icon, null);
+                }
             }
         }
     };
@@ -3814,7 +3941,6 @@ var TreeView = /** @class */ (function (_super) {
         }
         var li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
         var id = this.getId(dropLi);
-        var refNode;
         var dropIcon1;
         if (!isNullOrUndefined(dropLi)) {
             dropIcon1 = select('div.' + ICON, dropLi);
@@ -3833,17 +3959,17 @@ var TreeView = /** @class */ (function (_super) {
         else {
             dropUl = dropEle;
         }
-        refNode = dropUl.childNodes[index];
+        var refNode = !isNullOrUndefined(index) ? dropUl.childNodes[parseInt(index.toString(), 10)] : null;
         if (!this.isFirstRender || this.dataType === 1) {
             var args = this.expandArgs;
             if (refNode || this.sortOrder === 'None') {
                 for (var i = 0; i < li.length; i++) {
-                    dropUl.insertBefore(li[i], refNode);
+                    dropUl.insertBefore(li[parseInt(i.toString(), 10)], refNode);
                 }
                 if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNOU(this.element.offsetParent) && !this.element.offsetParent.parentElement.classList.contains('e-filemanager')) {
                     this.preventExpand = false;
                     var dropIcon = select('div.' + ICON, dropLi);
-                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name != 'nodeExpanding')) {
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name !== 'nodeExpanding')) {
                         this.expandAction(dropLi, dropIcon, null);
                     }
                 }
@@ -3851,12 +3977,12 @@ var TreeView = /** @class */ (function (_super) {
             if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
                 if (dropUl.childNodes.length === 0) {
                     for (var i = 0; i < li.length; i++) {
-                        dropUl.insertBefore(li[i], refNode);
+                        dropUl.insertBefore(li[parseInt(i.toString(), 10)], refNode);
                     }
                     if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNOU(this.element.offsetParent) && !this.element.offsetParent.parentElement.classList.contains('e-filemanager')) {
                         this.preventExpand = false;
                         var dropIcon = select('div.' + ICON, dropLi);
-                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name != 'nodeExpanding')) {
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name !== 'nodeExpanding')) {
                             this.expandAction(dropLi, dropIcon, null);
                         }
                     }
@@ -3865,12 +3991,12 @@ var TreeView = /** @class */ (function (_super) {
                     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();
+                            var returnValue = (this.sortOrder === 'Ascending') ? cNodes[parseInt(j.toString(), 10)].textContent.toUpperCase() > li[parseInt(i.toString(), 10)].innerText.toUpperCase() : cNodes[parseInt(j.toString(), 10)].textContent.toUpperCase() < li[parseInt(i.toString(), 10)].innerText.toUpperCase();
                             if (returnValue) {
-                                dropUl.insertBefore(li[i], cNodes[j]);
+                                dropUl.insertBefore(li[parseInt(i.toString(), 10)], cNodes[parseInt(j.toString(), 10)]);
                                 break;
                             }
-                            dropUl.insertBefore(li[i], cNodes[cNodes.length]);
+                            dropUl.insertBefore(li[parseInt(i.toString(), 10)], cNodes[cNodes.length]);
                         }
                     }
                 }
@@ -3883,9 +4009,9 @@ var TreeView = /** @class */ (function (_super) {
             for (var j = 0; j < nodes.length; j++) {
                 if (!isNOU(id)) {
                     var currId = this.isNumberTypeId ? parseFloat(id) : id;
-                    setValue(this.fields.parentID, currId, nodes[j]);
+                    setValue(this.fields.parentID, currId, nodes[parseInt(j.toString(), 10)]);
                 }
-                this.treeData.splice(pos, 0, nodes[j]);
+                this.treeData.splice(pos, 0, nodes[parseInt(j.toString(), 10)]);
                 pos++;
             }
         }
@@ -3898,24 +4024,24 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.updateListProp = function (mapper) {
         var prop = this.getActualProperties(mapper);
         this.listBaseOption.fields = prop;
-        this.listBaseOption.fields.url = prop.hasOwnProperty('navigateUrl') ? prop.navigateUrl : 'navigateUrl';
+        this.listBaseOption.fields.url = Object.prototype.hasOwnProperty.call(prop, 'navigateUrl') ? prop.navigateUrl : 'navigateUrl';
     };
     TreeView.prototype.getDataPos = function (obj, mapper, id) {
         var pos = null;
         for (var i = 0, objlen = obj.length; i < objlen; i++) {
-            var nodeId = getValue(mapper.id, obj[i]);
-            if (obj[i] && nodeId && nodeId.toString() === id) {
+            var nodeId = getValue(mapper.id, obj[parseInt(i.toString(), 10)]);
+            if (obj[parseInt(i.toString(), 10)] && nodeId && nodeId.toString() === id) {
                 return i;
             }
-            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[i]))) {
-                var data = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[parseInt(i.toString(), 10)]))) {
+                var data = getValue(mapper.child, obj[parseInt(i.toString(), 10)]);
                 pos = this.getDataPos(data, this.getChildMapper(mapper), id);
                 if (pos !== null) {
                     break;
                 }
             }
-            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[i]))) {
-                var items = getValue('child', obj[i]);
+            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[parseInt(i.toString(), 10)]))) {
+                var items = getValue('child', obj[parseInt(i.toString(), 10)]);
                 pos = this.getDataPos(items, this.getChildMapper(mapper), id);
                 if (pos !== null) {
                     break;
@@ -3929,42 +4055,42 @@ var TreeView = /** @class */ (function (_super) {
         if (isNOU(id)) {
             index = isNOU(index) ? obj.length : index;
             for (var k = 0, len = data.length; k < len; k++) {
-                obj.splice(index, 0, data[k]);
+                obj.splice(index, 0, data[parseInt(k.toString(), 10)]);
                 index++;
             }
             return updated;
         }
         for (var i = 0, objlen = obj.length; i < objlen; i++) {
-            var nodeId = getValue(mapper.id, obj[i]);
-            if (obj[i] && nodeId && nodeId.toString() === id) {
-                if ((typeof mapper.child === 'string' && (obj[i].hasOwnProperty(mapper.child) && obj[i][mapper.child] !== null)) ||
-                    ((this.fields.dataSource instanceof DataManager) && obj[i].hasOwnProperty('child'))) {
+            var nodeId = getValue(mapper.id, obj[parseInt(i.toString(), 10)]);
+            if (obj[parseInt(i.toString(), 10)] && nodeId && nodeId.toString() === id) {
+                if ((typeof mapper.child === 'string' && (Object.prototype.hasOwnProperty.call(obj[parseInt(i.toString(), 10)], mapper.child) && obj[parseInt(i.toString(), 10)][mapper.child] !== null)) ||
+                    ((this.fields.dataSource instanceof DataManager) && Object.prototype.hasOwnProperty.call(obj[parseInt(i.toString(), 10)], 'child'))) {
                     var key = (typeof mapper.child === 'string') ? mapper.child : 'child';
-                    var childData = getValue(key, obj[i]);
+                    var childData = getValue(key, obj[parseInt(i.toString(), 10)]);
                     if (isNOU(childData)) {
                         childData = [];
                     }
                     index = isNOU(index) ? childData.length : index;
                     for (var k = 0, len = data.length; k < len; k++) {
-                        childData.splice(index, 0, data[k]);
+                        childData.splice(index, 0, data[parseInt(k.toString(), 10)]);
                         index++;
                     }
                 }
                 else {
                     var key = (typeof mapper.child === 'string') ? mapper.child : 'child';
-                    obj[i][key] = data;
+                    obj[parseInt(i.toString(), 10)]["" + key] = data;
                 }
                 return true;
             }
-            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[i]))) {
-                var childObj = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[parseInt(i.toString(), 10)]))) {
+                var childObj = getValue(mapper.child, obj[parseInt(i.toString(), 10)]);
                 updated = this.addChildData(childObj, this.getChildMapper(mapper), id, data, index);
                 if (updated !== undefined) {
                     break;
                 }
             }
-            else if ((this.fields.dataSource instanceof DataManager) && !isNOU(getValue('child', obj[i]))) {
-                var childData = getValue('child', obj[i]);
+            else if ((this.fields.dataSource instanceof DataManager) && !isNOU(getValue('child', obj[parseInt(i.toString(), 10)]))) {
+                var childData = getValue('child', obj[parseInt(i.toString(), 10)]);
                 updated = this.addChildData(childData, this.getChildMapper(mapper), id, data, index);
                 if (updated !== undefined) {
                     break;
@@ -3978,7 +4104,7 @@ var TreeView = /** @class */ (function (_super) {
         var validID = this.checkValidId(validNodes);
         this.validArr = [];
         for (var i = 0, len = validID.length; i < len; i++) {
-            var id = validID[i][this.fields.id].toString();
+            var id = validID[parseInt(i.toString(), 10)][this.fields.id].toString();
             if (id && this.disableNode.indexOf(id) === -1) {
                 this.disableNode.push(id);
             }
@@ -3992,8 +4118,8 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.doEnableAction = function (nodes) {
         var strNodes = this.nodeType(nodes);
         for (var i = 0, len = strNodes.length; i < len; i++) {
-            var liEle = this.getElement(strNodes[i]);
-            var id = strNodes[i];
+            var liEle = this.getElement(strNodes[parseInt(i.toString(), 10)]);
+            var id = strNodes[parseInt(i.toString(), 10)];
             if (id && this.disableNode.indexOf(id) !== -1) {
                 this.disableNode.splice(this.disableNode.indexOf(id), 1);
             }
@@ -4007,13 +4133,13 @@ var TreeView = /** @class */ (function (_super) {
         var validID = [];
         for (var i = 0, len = nodes.length; i < len; i++) {
             var id = void 0;
-            if (typeof nodes[i] == "string") {
-                id = (nodes[i]) ? nodes[i].toString() : null;
+            if (typeof nodes[parseInt(i.toString(), 10)] == 'string') {
+                id = (nodes[parseInt(i.toString(), 10)]) ? nodes[parseInt(i.toString(), 10)].toString() : null;
             }
-            else if (typeof nodes[i] === "object") {
-                id = nodes[i] ? nodes[i].getAttribute("data-uid").toString() : null;
+            else if (typeof nodes[parseInt(i.toString(), 10)] === 'object') {
+                id = nodes[parseInt(i.toString(), 10)] ? nodes[parseInt(i.toString(), 10)].getAttribute('data-uid').toString() : null;
             }
-            if (validID.indexOf(id) == -1) {
+            if (validID.indexOf(id) === -1) {
                 validID.push(id);
             }
         }
@@ -4028,11 +4154,13 @@ var TreeView = /** @class */ (function (_super) {
         }
         else if (this.dataType === 2) {
             for (var k = 0; k < this.treeData.length; k++) {
-                var id = this.treeData[k][this.fields.id] ? this.treeData[k][this.fields.id].toString() : null;
+                var id = this.treeData[parseInt(k.toString(), 10)][this.fields.id]
+                    ? this.treeData[parseInt(k.toString(), 10)][this.fields.id].toString()
+                    : null;
                 if (node.indexOf(id) !== -1) {
-                    this.validArr.push(this.treeData[k]);
+                    this.validArr.push(this.treeData[parseInt(k.toString(), 10)]);
                 }
-                var childItems = getValue(this.fields.child.toString(), this.treeData[k]);
+                var childItems = getValue(this.fields.child.toString(), this.treeData[parseInt(k.toString(), 10)]);
                 if (childItems) {
                     this.filterNestedChild(childItems, node);
                 }
@@ -4042,11 +4170,13 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.filterNestedChild = function (treeData, nodes) {
         for (var k = 0; k < treeData.length; k++) {
-            var id = treeData[k][this.fields.id] ? treeData[k][this.fields.id].toString() : null;
+            var id = treeData[parseInt(k.toString(), 10)][this.fields.id]
+                ? treeData[parseInt(k.toString(), 10)][this.fields.id].toString()
+                : null;
             if (nodes.indexOf(id) !== -1) {
-                this.validArr.push(treeData[k]);
+                this.validArr.push(treeData[parseInt(k.toString(), 10)]);
             }
-            var childItems = getValue(this.fields.child.toString(), treeData[k]);
+            var childItems = getValue(this.fields.child.toString(), treeData[parseInt(k.toString(), 10)]);
             if (childItems) {
                 this.filterNestedChild(childItems, nodes);
             }
@@ -4060,17 +4190,17 @@ var TreeView = /** @class */ (function (_super) {
         this.removeField(this.treeData, this.fields, ['selected', 'expanded']);
         var sleNodes = this.selectedNodes;
         for (var l = 0, slelen = sleNodes.length; l < slelen; l++) {
-            this.updateField(this.treeData, this.fields, sleNodes[l], 'selected', true);
+            this.updateField(this.treeData, this.fields, sleNodes[parseInt(l.toString(), 10)], 'selected', true);
         }
         var enodes = this.expandedNodes;
         for (var k = 0, nodelen = enodes.length; k < nodelen; k++) {
-            this.updateField(this.treeData, this.fields, enodes[k], 'expanded', true);
+            this.updateField(this.treeData, this.fields, enodes[parseInt(k.toString(), 10)], 'expanded', true);
         }
         if (this.showCheckBox) {
             this.removeField(this.treeData, this.fields, ['isChecked']);
             var cnodes = this.checkedNodes;
             for (var m = 0, nodelen = cnodes.length; m < nodelen; m++) {
-                this.updateField(this.treeData, this.fields, cnodes[m], 'isChecked', true);
+                this.updateField(this.treeData, this.fields, cnodes[parseInt(m.toString(), 10)], 'isChecked', true);
             }
         }
     };
@@ -4080,16 +4210,16 @@ var TreeView = /** @class */ (function (_super) {
         }
         for (var i = 0, objlen = obj.length; i < objlen; i++) {
             for (var j = 0; j < names.length; j++) {
-                var field = this.getMapperProp(mapper, names[j]);
-                if (!isNOU(obj[i][field])) {
-                    delete obj[i][field];
+                var field = this.getMapperProp(mapper, names[parseInt(j.toString(), 10)]);
+                if (!isNOU(obj[parseInt(i.toString(), 10)]["" + field])) {
+                    delete obj[parseInt(i.toString(), 10)]["" + field];
                 }
             }
-            if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[i]))) {
-                this.removeField(getValue(mapper.child, obj[i]), this.getChildMapper(mapper), names);
+            if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[parseInt(i.toString(), 10)]))) {
+                this.removeField(getValue(mapper.child, obj[parseInt(i.toString(), 10)]), this.getChildMapper(mapper), names);
             }
-            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[i]))) {
-                this.removeField(getValue('child', obj[i]), this.getChildMapper(mapper), names);
+            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[parseInt(i.toString(), 10)]))) {
+                this.removeField(getValue('child', obj[parseInt(i.toString(), 10)]), this.getChildMapper(mapper), names);
             }
         }
     };
@@ -4108,7 +4238,6 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.updateField = function (obj, mapper, id, key, value) {
-        var childNodes;
         if (isNOU(id)) {
             return;
         }
@@ -4127,26 +4256,26 @@ var TreeView = /** @class */ (function (_super) {
             return removedData;
         }
         for (var i = 0, objlen = obj.length; i < objlen; i++) {
-            var nodeId = getValue(mapper.id, obj[i]);
-            if (obj[i] && nodeId && nodeId.toString() === id) {
+            var nodeId = getValue(mapper.id, obj[parseInt(i.toString(), 10)]);
+            if (obj[parseInt(i.toString(), 10)] && nodeId && nodeId.toString() === id) {
                 if (remove) {
                     removedData = obj.splice(i, 1);
                 }
                 else {
-                    setValue(this.getMapperProp(mapper, key), value, obj[i]);
+                    setValue(this.getMapperProp(mapper, key), value, obj[parseInt(i.toString(), 10)]);
                     removedData = [];
                 }
                 return removedData;
             }
-            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[i]))) {
-                var childData = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, obj[parseInt(i.toString(), 10)]))) {
+                var childData = getValue(mapper.child, obj[parseInt(i.toString(), 10)]);
                 removedData = this.updateChildField(childData, this.getChildMapper(mapper), id, key, value, remove);
                 if (removedData !== undefined) {
                     break;
                 }
             }
-            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[i]))) {
-                var childItems = getValue('child', obj[i]);
+            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', obj[parseInt(i.toString(), 10)]))) {
+                var childItems = getValue('child', obj[parseInt(i.toString(), 10)]);
                 removedData = this.updateChildField(childItems, this.getChildMapper(mapper), id, key, value, remove);
                 if (removedData !== undefined) {
                     break;
@@ -4160,7 +4289,9 @@ var TreeView = /** @class */ (function (_super) {
         if (action === 'addNodes') {
             var nodeData = [];
             for (var i = 0; i < node.length; i++) {
-                nodeData.push(this.getNode(this.getElement(isNOU(node[i][this.fields.id]) ? getValue(this.fields.id, node[i]).toString() : null)));
+                nodeData.push(this.getNode(this.getElement(isNOU(node[parseInt(i.toString(), 10)][this.fields.id])
+                    ? getValue(this.fields.id, node[parseInt(i.toString(), 10)]).toString()
+                    : null)));
             }
             node = nodeData;
         }
@@ -4173,12 +4304,11 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.wireEditingEvents = function (toBind) {
         var _this = this;
         if (toBind && !this.disabled) {
-            var proxy_2 = this;
             this.touchEditObj = new Touch(this.element, {
                 tap: function (e) {
                     if (_this.isDoubleTapped(e) && e.tapCount === 2) {
                         e.originalEvent.preventDefault();
-                        proxy_2.editingHandler(e.originalEvent);
+                        _this.editingHandler(e.originalEvent);
                     }
                 }
             });
@@ -4190,11 +4320,11 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.wireClickEvent = function (toBind) {
+        var _this = this;
         if (toBind) {
-            var proxy_3 = this;
             this.touchClickObj = new Touch(this.element, {
                 tap: function (e) {
-                    proxy_3.clickHandler(e);
+                    _this.clickHandler(e);
                 }
             });
         }
@@ -4207,12 +4337,11 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.wireExpandOnEvent = function (toBind) {
         var _this = this;
         if (toBind) {
-            var proxy_4 = this;
             this.touchExpandObj = new Touch(this.element, {
                 tap: function (e) {
                     if ((_this.expandOnType === 'Click' || (_this.expandOnType === 'DblClick' && _this.isDoubleTapped(e) && e.tapCount === 2))
                         && e.originalEvent.which !== 3) {
-                        proxy_4.expandHandler(e);
+                        _this.expandHandler(e);
                     }
                 }
             });
@@ -4232,7 +4361,6 @@ var TreeView = /** @class */ (function (_super) {
             EventHandler.add(this.element, 'contextmenu', this.preventContextMenu, this);
         }
     };
-    ;
     TreeView.prototype.preventContextMenu = function (e) {
         e.preventDefault();
     };
@@ -4247,7 +4375,7 @@ var TreeView = /** @class */ (function (_super) {
         this.keyboardModule = new KeyboardEvents(this.element, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
-            eventName: 'keydown',
+            eventName: 'keydown'
         });
     };
     TreeView.prototype.unWireEvents = function () {
@@ -4317,6 +4445,10 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.setValidCheckedNode = function (node) {
         if (this.dataType === 1) {
@@ -4329,7 +4461,7 @@ var TreeView = /** @class */ (function (_super) {
                     var childNodes = this.getChildNodes(this.treeData, parent_4);
                     var count = 0;
                     for (var len = 0; len < childNodes.length; len++) {
-                        var childId = childNodes[len][this.fields.id].toString();
+                        var childId = childNodes[parseInt(len.toString(), 10)][this.fields.id].toString();
                         if (this.checkedNodes.indexOf(childId) !== -1) {
                             count++;
                         }
@@ -4342,20 +4474,26 @@ var TreeView = /** @class */ (function (_super) {
         }
         else if (this.dataType === 2) {
             for (var a = 0; a < this.treeData.length; a++) {
-                var index = this.treeData[a][this.fields.id] ? this.treeData[a][this.fields.id].toString() : '';
+                var index = this.treeData[parseInt(a.toString(), 10)][this.fields.id] ? this.treeData[parseInt(a.toString(), 10)][this.fields.id].toString() : '';
                 if (index === node && this.checkedNodes.indexOf(node) === -1) {
                     this.checkedNodes.push(node);
                     break;
                 }
-                var childItems = getValue(this.fields.child.toString(), this.treeData[a]);
+                var childItems = getValue(this.fields.child.toString(), this.treeData[parseInt(a.toString(), 10)]);
                 if (childItems) {
-                    this.setChildCheckState(childItems, node, this.treeData[a]);
+                    this.setChildCheckState(childItems, node, this.treeData[parseInt(a.toString(), 10)]);
                 }
             }
         }
     };
     /**
      * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel(for hierarchical DS)
+     *
+     * @param {Object[]} childItems - The child items to check.
+     * @param {string} node - The node to set the check state for.
+     * @param {Object} [treeData] - The optional tree data.
+     * @returns {void}
+     * @private
      */
     TreeView.prototype.setChildCheckState = function (childItems, node, treeData) {
         var checkedParent;
@@ -4365,7 +4503,9 @@ var TreeView = /** @class */ (function (_super) {
                 checkedParent = treeData[this.fields.id] ? treeData[this.fields.id].toString() : null;
             }
             for (var index = 0; index < childItems.length; index++) {
-                var checkNode = childItems[index][this.fields.id] ? childItems[index][this.fields.id].toString() : null;
+                var checkNode = childItems[parseInt(index.toString(), 10)][this.fields.id]
+                    ? childItems[parseInt(index.toString(), 10)][this.fields.id].toString()
+                    : null;
                 if (treeData && checkedParent && this.autoCheck) {
                     if (this.checkedNodes.indexOf(checkedParent) !== -1 && this.checkedNodes.indexOf(checkNode) === -1) {
                         this.checkedNodes.push(checkNode);
@@ -4385,7 +4525,7 @@ var TreeView = /** @class */ (function (_super) {
                 checkedParent = treeData[this.fields.id] ? treeData[this.fields.id].toString() : '';
             }
             for (var index = 0; index < childItems.length; index++) {
-                var checkedChild = childItems[index][this.fields.id] ? childItems[index][this.fields.id].toString() : '';
+                var checkedChild = childItems[parseInt(index.toString(), 10)][this.fields.id] ? childItems[parseInt(index.toString(), 10)][this.fields.id].toString() : '';
                 if (treeData && checkedParent && this.autoCheck) {
                     if (this.checkedNodes.indexOf(checkedParent) !== -1 && this.checkedNodes.indexOf(checkedChild) === -1) {
                         this.checkedNodes.push(checkedChild);
@@ -4394,9 +4534,9 @@ var TreeView = /** @class */ (function (_super) {
                 if (checkedChild === node && this.checkedNodes.indexOf(node) === -1) {
                     this.checkedNodes.push(node);
                 }
-                var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
+                var subChildItems = getValue(this.fields.child.toString(), childItems[parseInt(index.toString(), 10)]);
                 if (subChildItems) {
-                    this.setChildCheckState(subChildItems, node, childItems[index]);
+                    this.setChildCheckState(subChildItems, node, childItems[parseInt(index.toString(), 10)]);
                 }
                 if (this.checkedNodes.indexOf(checkedChild) !== -1 && this.autoCheck) {
                     count++;
@@ -4409,7 +4549,7 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.setIndeterminate = function (nodes) {
         for (var i = 0; i < nodes.length; i++) {
-            this.setValidCheckedNode(nodes[i]);
+            this.setValidCheckedNode(nodes[parseInt(i.toString(), 10)]);
         }
     };
     TreeView.prototype.updatePosition = function (id, newData, isRefreshChild, childValue) {
@@ -4419,7 +4559,7 @@ var TreeView = /** @class */ (function (_super) {
             if (isRefreshChild) {
                 this.removeChildNodes(id);
                 for (var j = 0; j < childValue.length; j++) {
-                    this.treeData.splice(pos, 0, childValue[j]);
+                    this.treeData.splice(pos, 0, childValue[parseInt(j.toString(), 10)]);
                     pos++;
                 }
             }
@@ -4432,20 +4572,20 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.updateChildPosition = function (treeData, mapper, currID, newData, index) {
         var found;
         for (var i = 0, objlen = treeData.length; i < objlen; i++) {
-            var nodeId = getValue(mapper.id, treeData[i]);
-            if (treeData[i] && nodeId && nodeId.toString() === currID) {
-                treeData[i] = newData[0];
+            var nodeId = getValue(mapper.id, treeData[parseInt(i.toString(), 10)]);
+            if (treeData[parseInt(i.toString(), 10)] && nodeId && nodeId.toString() === currID) {
+                treeData[parseInt(i.toString(), 10)] = newData[0];
                 return true;
             }
-            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, treeData[i]))) {
-                var childObj = getValue(mapper.child, treeData[i]);
+            else if (typeof mapper.child === 'string' && !isNOU(getValue(mapper.child, treeData[parseInt(i.toString(), 10)]))) {
+                var childObj = getValue(mapper.child, treeData[parseInt(i.toString(), 10)]);
                 found = this.updateChildPosition(childObj, this.getChildMapper(mapper), currID, newData, index);
                 if (found !== undefined) {
                     break;
                 }
             }
-            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', treeData[i]))) {
-                var childData = getValue('child', treeData[i]);
+            else if (this.fields.dataSource instanceof DataManager && !isNOU(getValue('child', treeData[parseInt(i.toString(), 10)]))) {
+                var childData = getValue('child', treeData[parseInt(i.toString(), 10)]);
                 found = this.updateChildPosition(childData, this.getChildMapper(mapper), currID, newData, index);
                 if (found !== undefined) {
                     break;
@@ -4484,52 +4624,52 @@ var TreeView = /** @class */ (function (_super) {
             nodesID = this.nodeType(nodes);
         }
         else if (target) {
-            if (typeof target == "string") {
+            if (typeof target == 'string') {
                 nodesID[0] = target.toString();
             }
-            else if (typeof target === "object") {
-                nodesID[0] = target.getAttribute("data-uid").toString();
+            else if (typeof target === 'object') {
+                nodesID[0] = target.getAttribute('data-uid').toString();
             }
         }
         for (var i = 0, len = nodesID.length; i < len; i++) {
-            var liEle = this.getElement(nodesID[i]);
+            var liEle = this.getElement(nodesID[parseInt(i.toString(), 10)]);
             if (isNullOrUndefined(liEle)) {
                 continue;
             }
-            var removedData = this.getNodeObject(nodesID[i]);
+            var removedData = this.getNodeObject(nodesID[parseInt(i.toString(), 10)]);
             matchedArr.push(removedData);
         }
         switch (operation) {
             case 'delete':
-                if (nodes.length == 1) {
+                if (nodes.length === 1) {
                     crud = data.remove(key, matchedArr[0], query.fromTable, query);
                 }
                 else {
                     changes.deletedRecords = matchedArr;
                     crud = data.saveChanges(changes, key, query.fromTable, query);
                 }
-                crud.then(function (e) { return _this.deleteSuccess(nodesID); })
+                crud.then(function () { return _this.deleteSuccess(nodesID); })
                     .catch(function (e) { return _this.dmFailure(e); });
                 break;
             case 'update':
                 matchedArr[0][this.fields.text] = newText;
                 crud = data.update(key, matchedArr[0], query.fromTable, query);
-                crud.then(function (e) { return _this.editSucess(target, newText, prevent); })
+                crud.then(function () { return _this.editSucess(target, newText, prevent); })
                     .catch(function (e) { return _this.dmFailure(e, target, prevent); });
                 break;
             case 'insert':
-                if (newNode.length == 1) {
+                if (newNode.length === 1) {
                     crud = data.insert(newNode[0], query.fromTable, query);
                 }
                 else {
                     var arr = [];
                     for (var i = 0, len = newNode.length; i < len; i++) {
-                        arr.push(newNode[i]);
+                        arr.push(newNode[parseInt(i.toString(), 10)]);
                     }
                     changes.addedRecords = arr;
                     crud = data.saveChanges(changes, key, query.fromTable, query);
                 }
-                crud.then(function (e) {
+                crud.then(function () {
                     var dropLi = _this.getElement(target);
                     _this.addSuccess(newNode, dropLi, index);
                     _this.preventExpand = false;
@@ -4540,7 +4680,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.deleteSuccess = function (nodes) {
         var nodeData = [];
         for (var i = 0, len = nodes.length; i < len; i++) {
-            var liEle = this.getElement(nodes[i]);
+            var liEle = this.getElement(nodes[parseInt(i.toString(), 10)]);
             nodeData.push(this.getNode(liEle));
             if (isNOU(liEle)) {
                 continue;
@@ -4559,15 +4699,15 @@ var TreeView = /** @class */ (function (_super) {
         this.appendNewText(liEle, txtEle, newText, prevent);
     };
     TreeView.prototype.addSuccess = function (nodes, dropLi, index) {
+        var _this = this;
         var dropUl;
         var icon = dropLi ? dropLi.querySelector('.' + ICON) : null;
-        var proxy = this;
         if (dropLi && icon && icon.classList.contains(EXPANDABLE) &&
             dropLi.querySelector('.' + PARENTITEM) === null) {
-            proxy.renderChildNodes(dropLi, null, function () {
+            this.renderChildNodes(dropLi, null, function () {
                 dropUl = dropLi.querySelector('.' + PARENTITEM);
-                proxy.addGivenNodes(nodes, dropLi, index, true, dropUl);
-                proxy.triggerEvent('addNodes', nodes);
+                _this.addGivenNodes(nodes, dropLi, index, true, dropUl);
+                _this.triggerEvent('addNodes', nodes);
             });
         }
         else {
@@ -4588,18 +4728,22 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.getHierarchicalParentId = function (node, data, parentsID) {
         var _this = this;
-        var index = data.findIndex(function (data) { return data[_this.fields.id] && data[_this.fields.id].toString() === node; });
-        if (index == -1) {
+        var index = data.findIndex(function (data) {
+            return data[_this.fields.id] && data[_this.fields.id].toString() === node;
+        });
+        if (index === -1) {
             for (var i = 0; i < data.length; i++) {
-                var childItems = getValue(this.fields.child.toString(), data[i]);
+                var childItems = getValue(this.fields.child.toString(), data[parseInt(i.toString(), 10)]);
                 if (!isNOU(childItems)) {
-                    index = childItems.findIndex(function (data) { return data[_this.fields.id] && data[_this.fields.id].toString() === node; });
-                    if (index == -1) {
+                    index = childItems.findIndex(function (data) {
+                        return data[_this.fields.id] && data[_this.fields.id].toString() === node;
+                    });
+                    if (index === -1) {
                         this.getHierarchicalParentId(node, childItems, parentsID);
                     }
                     else {
-                        parentsID.push(data[i][this.fields.id].toString());
-                        this.getHierarchicalParentId(data[i][this.fields.id].toString(), this.treeData, parentsID);
+                        parentsID.push(data[parseInt(i.toString(), 10)][this.fields.id].toString());
+                        this.getHierarchicalParentId(data[parseInt(i.toString(), 10)][this.fields.id].toString(), this.treeData, parentsID);
                         break;
                     }
                 }
@@ -4609,9 +4753,10 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Called internally if any of the property value changed.
-     * @param  {TreeView} newProp
-     * @param  {TreeView} oldProp
-     * @returns void
+     *
+     * @param {TreeViewModel} newProp - The new property value.
+     * @param {TreeViewModel} oldProp - The old property value.
+     * @returns {void}
      * @private
      */
     TreeView.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -4687,6 +4832,7 @@ var TreeView = /** @class */ (function (_super) {
                     this.isAnimate = false;
                     this.isFieldChange = true;
                     this.initialRender = true;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     if (!this.isReact || this.isReact && !(this.fields.dataSource instanceof DataManager)) {
                         this.reRenderNodes();
                     }
@@ -4707,8 +4853,8 @@ var TreeView = /** @class */ (function (_super) {
                         var nodes = this.element.querySelectorAll('li');
                         var i = 0;
                         while (i < nodes.length) {
-                            if (nodes[i].getAttribute('aria-expanded') !== 'true') {
-                                this.renderChildNodes(nodes[i], true, null, true);
+                            if (nodes[parseInt(i.toString(), 10)].getAttribute('aria-expanded') !== 'true') {
+                                this.renderChildNodes(nodes[parseInt(i.toString(), 10)], true, null, true);
                             }
                             i++;
                         }
@@ -4741,6 +4887,8 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Removes the component from the DOM and detaches all its related event handlers. It also removes the attributes and classes.
+     *
+     * @returns {void}
      */
     TreeView.prototype.destroy = function () {
         this.clearTemplate();
@@ -4776,10 +4924,12 @@ var TreeView = /** @class */ (function (_super) {
     /**
      * Adds the collection of TreeView nodes based on target and index position. If target node is not specified,
      * then the nodes are added as children of the given parentID or in the root level of TreeView.
-     * @param  { { [key: string]: Object }[] } nodes - Specifies the array of JSON data that has to be added.
+     *
+     * @param  { object } nodes - Specifies the array of JSON data that has to be added.
      * @param  { string | Element } target - Specifies ID of TreeView node/TreeView node as target element.
      * @param  { number } index - Specifies the index to place the newly added nodes in the target element.
      * @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
+     * @returns {void}
      */
     TreeView.prototype.addNodes = function (nodes, target, index, preventTargetExpand) {
         if (isNOU(nodes)) {
@@ -4806,9 +4956,9 @@ var TreeView = /** @class */ (function (_super) {
             else {
                 nodes = this.getSortedData(nodes);
                 for (var i = 0; i < nodes.length; i++) {
-                    var pid = getValue(this.fields.parentID, nodes[i]);
+                    var pid = getValue(this.fields.parentID, nodes[parseInt(i.toString(), 10)]);
                     dropLi = pid ? this.getElement(pid.toString()) : pid;
-                    this.addGivenNodes([nodes[i]], dropLi, index);
+                    this.addGivenNodes([nodes[parseInt(i.toString(), 10)]], dropLi, index);
                 }
             }
             this.groupedData = this.getGroupedData(this.treeData, this.fields.parentID);
@@ -4826,19 +4976,23 @@ var TreeView = /** @class */ (function (_super) {
      * Editing can also be enabled by using the `beginEdit` property, instead of clicking on the
      * TreeView node. On passing the node ID or element through this property, the edit textBox
      * will be created for the particular node thus allowing us to edit it.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.beginEdit = function (node) {
         var ele = this.getElement(node);
         if (isNOU(ele) || this.disabled) {
             return;
         }
-        this.createTextbox(ele, null);
+        this.createTextbox(ele);
     };
     /**
      * Checks all the unchecked nodes. You can also check specific nodes by passing array of unchecked nodes
      * as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.checkAll = function (nodes) {
         if (this.showCheckBox) {
@@ -4849,9 +5003,11 @@ var TreeView = /** @class */ (function (_super) {
      * Collapses all the expanded TreeView nodes. You can collapse specific nodes by passing array of nodes as argument to this method.
      * You can also collapse all the nodes excluding the hidden nodes by setting **excludeHiddenNodes** to true. If you want to collapse
      * a specific level of nodes, set **level** as argument to collapseAll method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/ array of TreeView node.
      * @param  {number} level - TreeView nodes will collapse up to the given level.
      * @param  {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes of TreeView when collapsing all nodes.
+     * @returns {void}
      */
     TreeView.prototype.collapseAll = function (nodes, level, excludeHiddenNodes) {
         if (!isNOU(nodes)) {
@@ -4868,7 +5024,9 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Disables the collection of nodes by passing the ID of nodes or node elements in the array.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
+     * @returns {void}
      */
     TreeView.prototype.disableNodes = function (nodes) {
         if (!isNOU(nodes)) {
@@ -4877,7 +5035,9 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Enables the collection of disabled nodes by passing the ID of nodes or node elements in the array.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
+     * @returns {void}
      */
     TreeView.prototype.enableNodes = function (nodes) {
         if (!isNOU(nodes)) {
@@ -4888,18 +5048,20 @@ var TreeView = /** @class */ (function (_super) {
      * Ensures visibility of the TreeView node by using node ID or node element.
      * When many TreeView nodes are present and we need to find a particular node, `ensureVisible` property
      * helps bring the node to visibility by expanding the TreeView and scrolling to the specific node.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView nodes.
+     * @returns {void}
      */
     TreeView.prototype.ensureVisible = function (node) {
         var parentsId = [];
-        if (this.dataType == 1) {
+        if (this.dataType === 1) {
             var nodeData = this.getTreeData(node);
-            while (nodeData.length != 0 && !isNOU(nodeData[0][this.fields.parentID])) {
+            while (nodeData.length !== 0 && !isNOU(nodeData[0][this.fields.parentID])) {
                 parentsId.push(nodeData[0][this.fields.parentID].toString());
                 nodeData = this.getTreeData(nodeData[0][this.fields.parentID].toString());
             }
         }
-        else if (this.dataType == 2) {
+        else if (this.dataType === 2) {
             parentsId = this.getHierarchicalParentId(node, this.treeData, parentsId);
         }
         this.expandAll(parentsId.reverse());
@@ -4909,16 +5071,18 @@ var TreeView = /** @class */ (function (_super) {
                 var parents = this.parents(liEle, '.' + LISTITEM);
                 this.expandAll(parents);
             }
-            setTimeout(function () { liEle.scrollIntoView({ behavior: "smooth" }); }, 450);
+            setTimeout(function () { liEle.scrollIntoView({ behavior: 'smooth' }); }, 450);
         }
     };
     /**
      * Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes
      * as argument to this method. You can also expand all the collapsed nodes by excluding the hidden nodes by setting
      * **excludeHiddenNodes** to true to this method. To expand a specific level of nodes, set **level** as argument to expandAll method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
      * @param  {number} level - TreeView nodes will expand up to the given level.
      * @param  {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes when expanding all nodes.
+     * @returns {void}
      */
     TreeView.prototype.expandAll = function (nodes, level, excludeHiddenNodes) {
         if (!isNOU(nodes)) {
@@ -4935,21 +5099,27 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Gets all the checked nodes including child, whether it is loaded or not.
+     *
+     * @returns {string[]} - An array of strings representing the unique identifiers of checked nodes.
      */
     TreeView.prototype.getAllCheckedNodes = function () {
         var checkNodes = this.checkedNodes;
         return checkNodes;
     };
     /**
-    * Gets all the disabled nodes including child, whether it is loaded or not.
-    */
+     * Gets all the disabled nodes including child, whether it is loaded or not.
+     *
+     * @returns {string[]} An array of strings representing the unique identifiers of disabled nodes.
+     */
     TreeView.prototype.getDisabledNodes = function () {
         var disabledNodes = this.disableNode;
         return disabledNodes;
     };
     /**
      * Gets the node's data such as id, text, parentID, selected, isChecked, and expanded by passing the node element or it's ID.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
+     * @returns {Object} - The data associated with the specified node.
      */
     TreeView.prototype.getNode = function (node) {
         var ele = this.getElement(node);
@@ -4961,8 +5131,10 @@ var TreeView = /** @class */ (function (_super) {
      * * If you pass the ID of TreeView node as arguments for this method then it will return the updated data source
      * of the corresponding node otherwise it will return the entire updated data source of TreeView.
      * * The updated data source also contains custom attributes if you specified in data source.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
      * @isGenericType true
+     * @returns {Object} - The tree data associated with the specified node or element.
      */
     TreeView.prototype.getTreeData = function (node) {
         var id = this.getId(node);
@@ -4977,10 +5149,12 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Moves the collection of nodes within the same TreeView based on target or its index position.
+     *
      * @param  {string[] | Element[]} sourceNodes - Specifies the array of TreeView nodes ID/array of TreeView node.
      * @param  {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
      * @param  {number} index - Specifies the index to place the moved nodes in the target element.
      * @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
+     * @returns {void}
      */
     TreeView.prototype.moveNodes = function (sourceNodes, target, index, preventTargetExpand) {
         var dropLi = this.getElement(target);
@@ -4989,13 +5163,13 @@ var TreeView = /** @class */ (function (_super) {
             return;
         }
         for (var i = 0; i < sourceNodes.length; i++) {
-            var dragLi = this.getElement(sourceNodes[i]);
+            var dragLi = this.getElement(sourceNodes[parseInt(i.toString(), 10)]);
             nodeData.push(this.getNode(dragLi));
             if (isNOU(dragLi) || dropLi.isSameNode(dragLi) || this.isDescendant(dragLi, dropLi)) {
                 continue;
             }
             this.preventExpand = preventTargetExpand;
-            this.dropAsChildNode(dragLi, dropLi, this, index);
+            this.dropAsChildNode(dragLi, dropLi, this, index, null, null, null, dropLi);
         }
         if (this.fields.dataSource instanceof DataManager === false) {
             this.preventExpand = false;
@@ -5004,35 +5178,35 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Refreshes a particular node of the TreeView.
+     *
      * @param  {string | Element} target - Specifies the ID of TreeView node or TreeView node as target element.
-     * @param  {{ [key: string]: Object }[]} newData - Specifies the new data of TreeView node.
+     * @param  {Object[]} newData - Specifies the new data of TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.refreshNode = function (target, newData) {
         if (isNOU(target) || isNOU(newData)) {
             return;
         }
-        var id;
         var isRefreshChild = false;
-        if (this.dataType == 1 && newData.length > 1) {
+        if (this.dataType === 1 && newData.length > 1) {
             isRefreshChild = true;
         }
-        else if (this.dataType == 2 && newData.length === 1) {
+        else if (this.dataType === 2 && newData.length === 1) {
             var updatedChildValue = getValue(this.fields.child.toString(), newData[0]);
             if (!isNOU(updatedChildValue)) {
                 isRefreshChild = true;
             }
         }
         var liEle = this.getElement(target);
-        id = liEle ? liEle.getAttribute('data-uid') : ((target) ? target.toString() : null);
+        var id = liEle ? liEle.getAttribute('data-uid') : ((target) ? target.toString() : null);
         this.refreshData = this.getNodeObject(id);
         newData = JSON.parse(JSON.stringify(newData));
-        /* eslint-disable */
         var newNodeData;
         var parentData;
-        if (this.dataType == 1 && isRefreshChild) {
+        if (this.dataType === 1 && isRefreshChild) {
             for (var k = 0; k < newData.length; k++) {
-                if (isNOU(newData[k][this.fields.parentID])) {
-                    parentData = newData[k];
+                if (isNOU(newData[parseInt(k.toString(), 10)][this.fields.parentID])) {
+                    parentData = newData[parseInt(k.toString(), 10)];
                     newData.splice(k, 1);
                     break;
                 }
@@ -5055,7 +5229,7 @@ var TreeView = /** @class */ (function (_super) {
             var parentEle = liEle.parentElement;
             var index = Array.prototype.indexOf.call(parentEle.childNodes, liEle);
             remove(liEle);
-            parentEle.insertBefore(newliEle[0], parentEle.childNodes[index]);
+            parentEle.insertBefore(newliEle[0], parentEle.childNodes[parseInt(index.toString(), 10)]);
             this.updatePosition(id, newNodeData, isRefreshChild, newData);
             if (isRefreshChild && ul) {
                 this.expandAll([id]);
@@ -5086,9 +5260,9 @@ var TreeView = /** @class */ (function (_super) {
         }
         liEle = this.getElement(target);
         if (newNodeData[this.fields.tooltip]) {
-            liEle.setAttribute("title", newNodeData[this.fields.tooltip]);
+            liEle.setAttribute('title', newNodeData[this.fields.tooltip]);
         }
-        if (newNodeData.hasOwnProperty(this.fields.htmlAttributes) && newNodeData[this.fields.htmlAttributes]) {
+        if (Object.prototype.hasOwnProperty.call(newNodeData, this.fields.htmlAttributes) && newNodeData[this.fields.htmlAttributes]) {
             var attr = {};
             merge(attr, newNodeData[this.fields.htmlAttributes]);
             if (attr.class) {
@@ -5108,7 +5282,9 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Removes the collection of TreeView nodes by passing the array of node details as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.removeNodes = function (nodes) {
         if (!isNOU(nodes)) {
@@ -5122,8 +5298,10 @@ var TreeView = /** @class */ (function (_super) {
     };
     /**
      * Replaces the text of the TreeView node with the given text.
+     *
      * @param  {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
      * @param  {string} newText - Specifies the new text of TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.updateNode = function (target, newText) {
         var _this = this;
@@ -5151,7 +5329,9 @@ var TreeView = /** @class */ (function (_super) {
     /**
      * Unchecks all the checked nodes. You can also uncheck the specific nodes by passing array of checked nodes
      * as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
     TreeView.prototype.uncheckAll = function (nodes) {
         if (this.showCheckBox) {