@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

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

@@ -1,6 +1,6 @@
-import { Animation, Browser, ChildProperty, Collection, Complex, Component, Draggable, Droppable, Event, EventHandler, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, animationMode, append, attributes, classList, closest, compile, createElement, detach, extend, formatUnit, getElement, getInstance, getRandomId, getUniqueID, getValue, initializeCSPTemplate, isBlazor, isNullOrUndefined, isRippleEnabled, isUndefined, isVisible, matches, merge, remove, removeClass, rippleEffect, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
+import { Browser, getUniqueID, Touch, EventHandler, isNullOrUndefined, selectAll, detach, classList, Property, NotifyPropertyChanges, Component, createElement, removeClass, select, ChildProperty, Collection, Animation, getValue, setValue, append, addClass, isBlazor, rippleEffect, KeyboardEvents, closest, getInstance, isVisible, SanitizeHtmlHelper, Event, Complex, formatUnit, setStyleAttribute, attributes, compile, isRippleEnabled, animationMode, remove, getRandomId, L10n, Draggable, isUndefined, getElement, Droppable, matches, extend, merge, initializeCSPTemplate } from '@syncfusion/ej2-base';
 import { ListBase } from '@syncfusion/ej2-lists';
-import { Popup, Tooltip, calculatePosition, createSpinner, fit, getScrollableParent, getZindexPartial, hideSpinner, isCollide, showSpinner } from '@syncfusion/ej2-popups';
+import { getScrollableParent, Popup, getZindexPartial, fit, isCollide, calculatePosition, createSpinner, showSpinner, hideSpinner, Tooltip } from '@syncfusion/ej2-popups';
 import { Button, createCheckBox, rippleMouseHandler } from '@syncfusion/ej2-buttons';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { Input } from '@syncfusion/ej2-inputs';
@@ -292,15 +292,15 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
     };
     HScroll.prototype.eleScrolling = function (scrollDis, trgt, isContinuous) {
         var rootEle = this.element;
-        var classList$$1 = trgt.classList;
-        if (classList$$1.contains(CLS_HSCROLLNAV)) {
-            classList$$1 = trgt.querySelector('.' + CLS_NAVARROW).classList;
+        var classList = trgt.classList;
+        if (classList.contains(CLS_HSCROLLNAV)) {
+            classList = trgt.querySelector('.' + CLS_NAVARROW).classList;
         }
         if (this.contains(rootEle, CLS_RTL) && this.browserCheck) {
             scrollDis = -scrollDis;
         }
         if ((!this.contains(rootEle, CLS_RTL) || this.browserCheck) || this.ieCheck) {
-            if (classList$$1.contains(CLS_NAVRIGHTARROW)) {
+            if (classList.contains(CLS_NAVRIGHTARROW)) {
                 this.frameScrollRequest(scrollDis, 'add', isContinuous);
             }
             else {
@@ -308,7 +308,7 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else {
-            if (classList$$1.contains(CLS_NAVLEFTARROW)) {
+            if (classList.contains(CLS_NAVLEFTARROW)) {
                 this.frameScrollRequest(scrollDis, 'add', isContinuous);
             }
             else {
@@ -785,14 +785,14 @@ var VScroll = /** @__PURE__ @class */ (function (_super) {
         return element.classList.contains(className);
     };
     VScroll.prototype.eleScrolling = function (scrollDis, trgt, isContinuous) {
-        var classList$$1 = trgt.classList;
-        if (classList$$1.contains(CLS_VSCROLLNAV)) {
-            classList$$1 = trgt.querySelector('.' + CLS_NAVARROW$1).classList;
+        var classList = trgt.classList;
+        if (classList.contains(CLS_VSCROLLNAV)) {
+            classList = trgt.querySelector('.' + CLS_NAVARROW$1).classList;
         }
-        if (classList$$1.contains(CLS_NAVDOWNARROW)) {
+        if (classList.contains(CLS_NAVDOWNARROW)) {
             this.frameScrollRequest(scrollDis, 'add', isContinuous);
         }
-        else if (classList$$1.contains(CLS_NAVUPARROW)) {
+        else if (classList.contains(CLS_NAVUPARROW)) {
             this.frameScrollRequest(scrollDis, '', isContinuous);
         }
     };
@@ -981,7 +981,7 @@ var VScroll = /** @__PURE__ @class */ (function (_super) {
  * @returns {HTMLElement} - Element
  * @hidden
  */
-function addScrolling(createElement$$1, container, content, scrollType, enableRtl, offset) {
+function addScrolling(createElement, container, content, scrollType, enableRtl, offset) {
     var containerOffset;
     var contentOffset;
     var parentElem = container.parentElement;
@@ -994,14 +994,14 @@ function addScrolling(createElement$$1, container, content, scrollType, enableRt
         contentOffset = content.getBoundingClientRect().width;
     }
     if (containerOffset < contentOffset) {
-        return createScrollbar(createElement$$1, container, content, scrollType, enableRtl, offset);
+        return createScrollbar(createElement, container, content, scrollType, enableRtl, offset);
     }
     else if (parentElem) {
         var width = parentElem.getBoundingClientRect().width;
         if (width < containerOffset && scrollType === 'hscroll') {
             contentOffset = width;
             container.style.maxWidth = width + 'px';
-            return createScrollbar(createElement$$1, container, content, scrollType, enableRtl, offset);
+            return createScrollbar(createElement, container, content, scrollType, enableRtl, offset);
         }
         return content;
     }
@@ -1021,8 +1021,8 @@ function addScrolling(createElement$$1, container, content, scrollType, enableRt
  * @returns {HTMLElement} - Element
  * @hidden
  */
-function createScrollbar(createElement$$1, container, content, scrollType, enableRtl, offset) {
-    var scrollEle = createElement$$1('div', { className: 'e-menu-' + scrollType });
+function createScrollbar(createElement, container, content, scrollType, enableRtl, offset) {
+    var scrollEle = createElement('div', { className: 'e-menu-' + scrollType });
     container.appendChild(scrollEle);
     scrollEle.appendChild(content);
     if (offset) {
@@ -1555,6 +1555,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             return isNullOrUndefined(popup) ? null : select('.e-menu-parent', popup);
         }
         else {
+            if (!document.body.contains(this.element) && navIdxLen === 0) {
+                return null;
+            }
             return this.getWrapper().children[navIdxLen];
         }
     };
@@ -1721,8 +1724,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         _this.isCMenu = false;
                     }
                     if (_this.isMenu && trgtpopUp && popupId.length) {
-                        // eslint-disable-next-line
-                        trgtliId = new RegExp('(.*)-ej2menu-' + _this.element.id + '-popup').exec(popupId)[1];
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        var regExp = RegExp;
+                        trgtliId = new regExp('(.*)-ej2menu-' + _this.element.id + '-popup').exec(popupId)[1];
                         closedLi = trgtpopUp.querySelector('[id="' + trgtliId + '"]');
                         trgtLi = (liElem_1 && trgtpopUp.querySelector('[id="' + liElem_1.id + '"]'));
                     }
@@ -1953,6 +1957,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     MenuBase.prototype.copyObject = function (source, destination) {
+        // eslint-disable-next-line guard-for-in
         for (var prop in source) {
             destination["" + prop] = source["" + prop];
         }
@@ -2151,11 +2156,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 }
                 li.focus();
                 cul = _this.getUlByNavIdx();
-                if (cul) {
-                    var index = _this.isValidLI(cul.children[0], 0, _this.action);
-                    cul.children[index].classList.add(FOCUSED);
-                    cul.children[index].focus();
-                }
+                var index = _this.isValidLI(cul.children[0], 0, _this.action);
+                cul.children[index].classList.add(FOCUSED);
+                cul.children[index].focus();
             }
         });
     };
@@ -2274,10 +2277,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         ul.style.top = top + px;
         ul.style.left = left + px;
     };
-    MenuBase.prototype.toggleVisiblity = function (ul, isVisible$$1) {
-        if (isVisible$$1 === void 0) { isVisible$$1 = true; }
-        ul.style.visibility = isVisible$$1 ? 'hidden' : '';
-        ul.style.display = isVisible$$1 ? 'block' : 'none';
+    MenuBase.prototype.toggleVisiblity = function (ul, isVisible) {
+        if (isVisible === void 0) { isVisible = true; }
+        ul.style.visibility = isVisible ? 'hidden' : '';
+        ul.style.display = isVisible ? 'block' : 'none';
     };
     MenuBase.prototype.createItems = function (items) {
         var _this = this;
@@ -2361,8 +2364,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     MenuBase.prototype.moverHandler = function (e) {
         var trgt = e.target;
         this.liTrgt = trgt;
-        if (!this.isMenu)
+        if (!this.isMenu) {
             this.isCmenuHover = true;
+        }
         var cli = this.getLI(trgt);
         var wrapper = cli ? closest(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
         var hdrWrapper = this.getWrapper();
@@ -2418,8 +2422,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             this.isClosed = false;
         }
-        if (!this.isMenu)
+        if (!this.isMenu) {
             this.isCmenuHover = false;
+        }
     };
     MenuBase.prototype.removeStateWrapper = function () {
         if (this.liTrgt) {
@@ -2429,10 +2434,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    MenuBase.prototype.removeLIStateByClass = function (classList$$1, element) {
+    MenuBase.prototype.removeLIStateByClass = function (classList, element) {
         var li;
         var _loop_1 = function (i) {
-            classList$$1.forEach(function (className) {
+            classList.forEach(function (className) {
                 li = select('.' + className, element[i]);
                 if (li) {
                     li.classList.remove(className);
@@ -2542,14 +2547,16 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                             this.keyType = 'click';
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
-                                if (!this.isMenu)
+                                if (!this.isMenu) {
                                     this.isCmenuHover = true;
+                                }
                             }
                             this.closeMenu(culIdx + 1, e);
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
-                                if (!this.isMenu)
+                                if (!this.isMenu) {
                                     this.isCmenuHover = false;
+                                }
                             }
                         }
                     }
@@ -2640,7 +2647,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         li.classList.add(SELECTED);
     };
     MenuBase.prototype.getLIByClass = function (ul, classname) {
-        if (ul) {
+        if (ul && ul.children) {
             for (var i = 0, len = ul.children.length; i < len; i++) {
                 if (ul.children[i].classList.contains(classname)) {
                     return ul.children[i];
@@ -3016,8 +3023,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     };
     MenuBase.prototype.end = function (ul, isMenuOpen) {
         if (isMenuOpen) {
-            if (this.isMenu || !Browser.isDevice)
+            if (this.isMenu || !Browser.isDevice) {
                 ul.style.display = 'block';
+            }
             ul.style.maxHeight = '';
             this.triggerOpen(ul);
             if (ul.querySelector('.' + FOCUSED)) {
@@ -3433,10 +3441,6 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     return MenuBase;
 }(Component));
 
-/**
- * Navigation Common modules
- */
-
 var __extends$3 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -3456,7 +3460,6 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var CLS_VERTICAL = 'e-vertical';
 var CLS_ITEMS = 'e-toolbar-items';
 var CLS_ITEM = 'e-toolbar-item';
@@ -3993,8 +3996,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         }
         return element;
     };
-    Toolbar.prototype.eleFocus = function (closest$$1, pos) {
-        var sib = Object(closest$$1)[pos + 'ElementSibling'];
+    Toolbar.prototype.eleFocus = function (closest, pos) {
+        var sib = Object(closest)[pos + 'ElementSibling'];
         if (sib) {
             var skipEle = this.eleContains(sib);
             if (skipEle) {
@@ -4004,7 +4007,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             this.elementFocus(sib);
         }
         else if (this.tbarAlign) {
-            var elem = Object(closest$$1.parentElement)[pos + 'ElementSibling'];
+            var elem = Object(closest.parentElement)[pos + 'ElementSibling'];
             if (!isNullOrUndefined(elem) && elem.children.length === 0) {
                 elem = Object(elem)[pos + 'ElementSibling'];
             }
@@ -4030,7 +4033,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        else if (!isNullOrUndefined(closest$$1)) {
+        else if (!isNullOrUndefined(closest)) {
             var tbrItems = this.element.querySelectorAll('.' + CLS_ITEMS + ' .' + CLS_ITEM + ':not(.' + CLS_SEPARATOR + ')' + ':not(.' + CLS_DISABLE$2 + ')' + ':not(.' + CLS_HIDDEN + ')');
             if (pos === 'next' && tbrItems) {
                 this.elementFocus(tbrItems[0]);
@@ -4067,7 +4070,9 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             itemObj = tempItem;
         }
         var eventArgs = { originalEvent: e, item: itemObj };
-        var isClickBinded = itemObj && !isNullOrUndefined(itemObj.click) && typeof itemObj.click == 'object' ? !isNullOrUndefined(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNullOrUndefined(itemObj) && !isNullOrUndefined(itemObj.click);
+        var isClickBinded = itemObj && !isNullOrUndefined(itemObj.click) && typeof itemObj.click == 'object' ?
+            !isNullOrUndefined(itemObj.click.observers) && itemObj.click.observers.length > 0 :
+            !isNullOrUndefined(itemObj) && !isNullOrUndefined(itemObj.click);
         if (isClickBinded) {
             this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
         }
@@ -4492,7 +4497,6 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                 addClass([ele], this.cssClass.split(' '));
             }
             setStyleAttribute(this.element, { overflow: '' });
-            var eleStyles = window.getComputedStyle(this.element);
             var popup = new Popup(null, {
                 relateTo: this.element,
                 offsetY: (this.isVertical) ? 0 : this.getElementOffsetY(),
@@ -4720,6 +4724,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         nav.setAttribute('role', 'button');
         element.appendChild(nav);
     };
+    // eslint-disable-next-line max-len
     Toolbar.prototype.tbarPriRef = function (inEle, indx, sepPri, el, des, elWid, wid, ig, eleStyles) {
         var ignoreCount = ig;
         var popEle = this.popObj.element;
@@ -4863,7 +4868,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             }
             el.style.position = '';
             if (elWidth < width || destroy) {
-                var inlineStyles = { minWidth: el.style.minWidth, height: el.style.height, minHeight: el.style.minHeight };
+                var inlineStyles = {
+                    minWidth: el.style.minWidth, height: el.style.height,
+                    minHeight: el.style.minHeight
+                };
                 setStyleAttribute(el, { minWidth: '', height: '', minHeight: '' });
                 if (!el.classList.contains(CLS_POPOVERFLOW)) {
                     el.classList.remove(CLS_POPUP);
@@ -5338,8 +5346,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         this.add(innerEle, CLS_TEMPLATE);
         var firstChild = innerEle.firstElementChild;
         if (!isNullOrUndefined(firstChild)) {
-            firstChild.setAttribute('tabindex', isNullOrUndefined(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
-            firstChild.setAttribute('data-tabindex', isNullOrUndefined(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
+            firstChild.setAttribute('tabindex', isNullOrUndefined(firstChild.getAttribute('tabIndex')) ? '-1' : this.getDataTabindex(firstChild));
+            firstChild.setAttribute('data-tabindex', isNullOrUndefined(firstChild.getAttribute('tabIndex')) ? '-1' : this.getDataTabindex(firstChild));
         }
         this.tbarEle.push(innerEle);
     };
@@ -5477,8 +5485,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             if (isNullOrUndefined(this.trgtEle) && !curEle.parentElement.classList.contains(CLS_TEMPLATE)) {
                 if (!isNullOrUndefined(this.element.querySelector('.e-hor-nav')) && this.element.querySelector('.e-hor-nav').classList.contains('e-nav-active')) {
                     this.updateTabIndex('0');
-                    this.getDataTabindex(previousEle) === '-1' ? previousEle.setAttribute('tabindex', '0') :
-                        previousEle.setAttribute('tabindex', this.getDataTabindex(previousEle));
+                    var tabindexValue = this.getDataTabindex(previousEle) === '-1' ? '0' : this.getDataTabindex(previousEle);
+                    previousEle.setAttribute('tabindex', tabindexValue);
                 }
                 else {
                     this.updateTabIndex('-1');
@@ -5486,7 +5494,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                 curEle.removeAttribute('tabindex');
             }
             else {
-                var tabIndex = parseInt(this.getDataTabindex(this.activeEle)) + 1;
+                var tabIndex = parseInt(this.getDataTabindex(this.activeEle), 10) + 1;
                 this.activeEle.setAttribute('tabindex', tabIndex.toString());
             }
         }
@@ -5629,7 +5637,6 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
      */
     Toolbar.prototype.onPropertyChanged = function (newProp, oldProp) {
         var tEle = this.element;
-        var wid = tEle.offsetWidth;
         this.extendedOpen();
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
@@ -5826,10 +5833,6 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
     return Toolbar;
 }(Component));
 
-/**
- * Toolbar modules
- */
-
 var __extends$4 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5849,7 +5852,6 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var CLS_ACRDN_ROOT = 'e-acrdn-root';
 var CLS_ROOT$2 = 'e-accordion';
 var CLS_ITEM$1 = 'e-acrdn-item';
@@ -6054,7 +6056,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         if (isNullOrUndefined(this.initExpand)) {
             this.initExpand = [];
         }
-        if (this.expandedIndices.length > 0) {
+        if (!isNullOrUndefined(this.expandedIndices) && this.expandedIndices.length > 0) {
             this.initExpand = this.expandedIndices;
         }
     };
@@ -6186,7 +6188,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.trgtEle)) {
             this.ctrlTemplate();
         }
-        if (this.dataSource.length > 0) {
+        if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
             this.dataSource.forEach(function (item, index) {
                 innerDataSourceItem = _this.renderInnerItem(item, index);
                 ele.appendChild(innerDataSourceItem);
@@ -6531,7 +6533,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         var itemcnt = this.createElement('div', { className: CLS_CONTENT + ' ' + CLS_CTNHIDE, id: getUniqueID('acrdn_panel') });
         attributes(itemcnt, { 'aria-hidden': 'true' });
         var ctn = this.createElement('div', { className: CLS_CTENT });
-        if (this.dataSource.length > 0) {
+        if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
             if (this.isReact) {
                 this.renderReactTemplates();
             }
@@ -7158,7 +7160,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                     setStyleAttribute(this.element, { 'width': formatUnit(newProp.width) });
                     break;
                 case 'expandMode':
-                    if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
+                    if (newProp.expandMode === 'Single' && !isNullOrUndefined(this.expandedIndices) && this.expandedIndices.length > 1) {
                         this.expandItem(false);
                     }
                     break;
@@ -7166,7 +7168,7 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
         }
         if (isRefresh) {
             this.initExpand = [];
-            if (this.expandedIndices.length > 0) {
+            if (!isNullOrUndefined(this.expandedIndices) && this.expandedIndices.length > 0) {
                 this.initExpand = this.expandedIndices;
             }
             this.destroyItems();
@@ -7225,10 +7227,6 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
     return Accordion;
 }(Component));
 
-/**
- * Accordion all modules
- */
-
 var __extends$5 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7248,8 +7246,6 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/triple-slash-reference */
-/// <reference path='../common/menu-base-model.d.ts'/>
 /**
  * The ContextMenu is a graphical user interface that appears on the user right click/touch hold operation.
  * ```html
@@ -7359,10 +7355,6 @@ var ContextMenu = /** @__PURE__ @class */ (function (_super) {
     return ContextMenu;
 }(MenuBase));
 
-/**
- * ContextMenu modules
- */
-
 var __extends$6 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7382,8 +7374,6 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/triple-slash-reference */
-/// <reference path='../common/menu-base-model.d.ts'/>
 var VMENU = 'e-vertical';
 var SCROLLABLE = 'e-scrollable';
 var HAMBURGER = 'e-hamburger';
@@ -7644,10 +7634,6 @@ var Menu = /** @__PURE__ @class */ (function (_super) {
     return Menu;
 }(MenuBase));
 
-/**
- * Menu modules
- */
-
 var __extends$7 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -8172,7 +8158,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             var tabIndex = isNullOrUndefined(item.tabIndex) ? '-1' : item.tabIndex.toString();
-            var wrapAttrs = (item.disabled) ? {} : { tabIndex: tabIndex, 'data-tabindex': tabIndex, role: 'tab', 'aria-selected': 'false', 'aria-disabled': 'false' };
+            var wrapAttrs = (item.disabled) ? { role: 'tab', 'aria-disabled': 'true' } : { tabIndex: tabIndex, 'data-tabindex': tabIndex, role: 'tab', 'aria-selected': 'false', 'aria-disabled': 'false' };
             tCont.appendChild(_this.btnCls.cloneNode(true));
             var wrap = _this.createElement('div', { className: CLS_WRAP, attrs: wrapAttrs });
             wrap.appendChild(tCont);
@@ -8583,7 +8569,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Tab.prototype.setCssClass = function (ele, cls, val) {
-        if (cls === '') {
+        if (cls === '' || isNullOrUndefined(cls)) {
             return;
         }
         var list = cls.split(' ');
@@ -10094,10 +10080,6 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
     return Tab;
 }(Component));
 
-/**
- * Tab modules
- */
-
 var __extends$8 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -10302,6 +10284,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         _this.isInteracted = false;
         _this.isRightClick = false;
         _this.mouseDownStatus = false;
+        _this.isDropIn = false;
         return _this;
     }
     TreeView_1 = TreeView;
@@ -10470,7 +10453,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.templateComplier = function (template) {
         if (template) {
             this.hasTemplate = true;
-            // eslint-disable-next-line
             this.element.classList.add(INTERACTION);
             try {
                 if (typeof template !== 'function' && document.querySelectorAll(template).length) {
@@ -10494,7 +10476,6 @@ var TreeView = /** @__PURE__ @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();
@@ -10554,13 +10535,13 @@ var TreeView = /** @__PURE__ @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);
             }
         }
@@ -10601,7 +10582,6 @@ var TreeView = /** @__PURE__ @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);
@@ -10610,7 +10590,7 @@ var TreeView = /** @__PURE__ @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++;
             }
         }
@@ -10627,25 +10607,30 @@ var TreeView = /** @__PURE__ @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);
                             }
@@ -10655,7 +10640,7 @@ var TreeView = /** @__PURE__ @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]);
@@ -10667,9 +10652,11 @@ var TreeView = /** @__PURE__ @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);
                         }
@@ -10682,16 +10669,17 @@ var TreeView = /** @__PURE__ @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;
@@ -10701,6 +10689,11 @@ var TreeView = /** @__PURE__ @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;
@@ -10708,13 +10701,14 @@ var TreeView = /** @__PURE__ @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++;
                 }
@@ -10735,12 +10729,15 @@ var TreeView = /** @__PURE__ @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).
@@ -10752,7 +10749,7 @@ var TreeView = /** @__PURE__ @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++;
                     }
@@ -10772,6 +10769,10 @@ var TreeView = /** @__PURE__ @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;
@@ -10788,7 +10789,6 @@ var TreeView = /** @__PURE__ @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());
             }
@@ -10796,13 +10796,19 @@ var TreeView = /** @__PURE__ @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) {
@@ -10814,11 +10820,12 @@ var TreeView = /** @__PURE__ @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);
@@ -10827,8 +10834,9 @@ var TreeView = /** @__PURE__ @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)]);
                 }
             }
         }
@@ -10845,23 +10853,14 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(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);
@@ -10876,7 +10875,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var fields = e.fields;
         this.addActionClass(e, fields.selected, SELECTED$1);
         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 (!isNullOrUndefined(this.nodeTemplateFn)) {
             var textEle = e.item.querySelector('.' + LISTTEXT);
@@ -10887,7 +10886,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var eventArgs = {
             node: e.item,
             nodeData: e.curData,
-            text: e.text,
+            text: e.text
         };
         if (!this.isRefreshed) {
             this.trigger('drawNode', eventArgs);
@@ -10912,24 +10911,25 @@ var TreeView = /** @__PURE__ @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') && isNullOrUndefined(getValue(mapper.child, ds[i])) && !isNullOrUndefined(getValue(mapper.parentID, ds[i]))) {
+                    if ((typeof mapper.child === 'string') && isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) && !isNullOrUndefined(getValue(mapper.parentID, ds[parseInt(i.toString(), 10)]))) {
                         return 1;
                     }
                 }
-                else if ((typeof mapper.child === 'string') && isNullOrUndefined(getValue(mapper.child, ds[i]))) {
+                else if ((typeof mapper.child === 'string') && isNullOrUndefined(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') && !isNullOrUndefined(getValue(mapper.child, ds[i]))) {
+            if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
                 return 2;
             }
             if (this.isChildObject()) {
                 return 2;
             }
-            if (!isNullOrUndefined(getValue(mapper.parentID, ds[i])) || !isNullOrUndefined(getValue(mapper.hasChildren, ds[i]))) {
+            if (!isNullOrUndefined(getValue(mapper.parentID, ds[parseInt(i.toString(), 10)])) ||
+                !isNullOrUndefined(getValue(mapper.hasChildren, ds[parseInt(i.toString(), 10)]))) {
                 return 1;
             }
         }
@@ -10940,7 +10940,7 @@ var TreeView = /** @__PURE__ @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;
@@ -10955,30 +10955,32 @@ var TreeView = /** @__PURE__ @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$1, 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$1);
         }
         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);
@@ -10998,13 +11000,13 @@ var TreeView = /** @__PURE__ @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)]);
                     }
                 }
             }
@@ -11012,7 +11014,7 @@ var TreeView = /** @__PURE__ @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);
             }
         }
     };
@@ -11054,12 +11056,12 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(this.currentLoadData) && !isNullOrUndefined(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 (!isNullOrUndefined(this.currentLoadData) &&
+                        !isNullOrUndefined(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';
                         }
@@ -11070,7 +11072,9 @@ var TreeView = /** @__PURE__ @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';
                         }
@@ -11080,8 +11084,9 @@ var TreeView = /** @__PURE__ @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);
                         }
@@ -11094,7 +11099,7 @@ var TreeView = /** @__PURE__ @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) {
@@ -11103,13 +11108,15 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TreeView.prototype.doCheckBoxAction = function (nodes, doCheck) {
-        var li = selectAll('.' + LISTITEM, this.element);
         if (!isNullOrUndefined(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 (isNullOrUndefined(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);
@@ -11119,7 +11126,9 @@ var TreeView = /** @__PURE__ @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 + '"]');
@@ -11147,20 +11156,20 @@ var TreeView = /** @__PURE__ @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);
                 }
@@ -11180,6 +11189,11 @@ var TreeView = /** @__PURE__ @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) {
@@ -11189,13 +11203,13 @@ var TreeView = /** @__PURE__ @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++;
                         }
@@ -11229,13 +11243,13 @@ var TreeView = /** @__PURE__ @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);
                 }
@@ -11244,6 +11258,11 @@ var TreeView = /** @__PURE__ @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);
@@ -11255,7 +11274,9 @@ var TreeView = /** @__PURE__ @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++;
                 }
@@ -11290,11 +11311,19 @@ var TreeView = /** @__PURE__ @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++;
             }
@@ -11347,7 +11376,7 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -11396,17 +11425,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
         if (!isNullOrUndefined(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);
@@ -11458,7 +11476,7 @@ var TreeView = /** @__PURE__ @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();
         }
     };
@@ -11475,7 +11493,7 @@ var TreeView = /** @__PURE__ @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) {
@@ -11488,17 +11506,18 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(eNode)) {
                         var icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
                         if (!isNullOrUndefined(icon)) {
@@ -11506,8 +11525,8 @@ var TreeView = /** @__PURE__ @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;
                     }
@@ -11520,14 +11539,14 @@ var TreeView = /** @__PURE__ @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();
             }
         });
     };
@@ -11564,12 +11583,12 @@ var TreeView = /** @__PURE__ @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;
@@ -11583,8 +11602,8 @@ var TreeView = /** @__PURE__ @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;
@@ -11592,15 +11611,17 @@ var TreeView = /** @__PURE__ @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;
         }
         else {
-            var classList$$1 = target.classList;
+            var classList = target.classList;
             var li = closest(target, '.' + LISTITEM);
-            if (!li || (li.classList.contains(PREVENTSELECT) && !(classList$$1.contains(EXPANDABLE) || classList$$1.contains(COLLAPSIBLE)))) {
+            if (!li || (li.classList.contains(PREVENTSELECT) && !(classList.contains(EXPANDABLE) || classList.contains(COLLAPSIBLE)))) {
                 return;
             }
             else if (event.originalEvent.which !== 3) {
@@ -11617,10 +11638,10 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                         return;
                     }
                 }
-                if (classList$$1.contains(EXPANDABLE)) {
+                if (classList.contains(EXPANDABLE)) {
                     this.expandAction(li, target, event);
                 }
-                else if (classList$$1.contains(COLLAPSIBLE)) {
+                else if (classList.contains(COLLAPSIBLE)) {
                     this.collapseNode(li, target, event);
                 }
                 else if (rippleElement && rippleIcons) {
@@ -11630,12 +11651,12 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                     else if (rippleIcons.classList.contains(RIPPLE) && rippleIcons.classList.contains(COLLAPSIBLE)) {
                         this.collapseNode(li, rippleIcons, event);
                     }
-                    else if (!classList$$1.contains(PARENTITEM) && !classList$$1.contains(LISTITEM)) {
+                    else if (!classList.contains(PARENTITEM) && !classList.contains(LISTITEM)) {
                         this.toggleSelect(li, event.originalEvent, false);
                     }
                 }
                 else {
-                    if (!classList$$1.contains(PARENTITEM) && !classList$$1.contains(LISTITEM)) {
+                    if (!classList.contains(PARENTITEM) && !classList.contains(LISTITEM)) {
                         this.toggleSelect(li, event.originalEvent, false);
                     }
                 }
@@ -11647,7 +11668,6 @@ var TreeView = /** @__PURE__ @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);
@@ -11655,7 +11675,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.triggerClickEvent = function (e, li) {
         var eventArgs = {
             event: e,
-            node: li,
+            node: li
         };
         this.trigger('nodeClicked', eventArgs);
     };
@@ -11674,7 +11694,6 @@ var TreeView = /** @__PURE__ @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);
@@ -11684,7 +11703,7 @@ var TreeView = /** @__PURE__ @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);
@@ -11694,7 +11713,7 @@ var TreeView = /** @__PURE__ @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';
@@ -11777,7 +11796,6 @@ var TreeView = /** @__PURE__ @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);
@@ -11786,7 +11804,7 @@ var TreeView = /** @__PURE__ @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);
@@ -11795,7 +11813,7 @@ var TreeView = /** @__PURE__ @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';
@@ -11858,7 +11876,6 @@ var TreeView = /** @__PURE__ @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);
@@ -11891,6 +11908,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.currentLoadData = this.getSortedData(childItems);
             if (isNullOrUndefined(childItems) || childItems.length === 0) {
                 detach(eicon);
+                if (eicon.classList.contains(LOAD)) {
+                    this.hideSpinner(eicon);
+                }
                 this.removeExpand(parentLi, true);
                 return;
             }
@@ -11941,7 +11961,9 @@ var TreeView = /** @__PURE__ @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]);
             }
@@ -11950,11 +11972,16 @@ var TreeView = /** @__PURE__ @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();
             }
@@ -12001,16 +12028,24 @@ var TreeView = /** @__PURE__ @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 = !isNullOrUndefined(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 = !isNullOrUndefined(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 (!isNullOrUndefined(tempArray)) {
                             childNodes = this.getChildNodes(tempArray, parentId);
@@ -12034,16 +12069,24 @@ var TreeView = /** @__PURE__ @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 = !isNullOrUndefined(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 = !isNullOrUndefined(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 (!isNullOrUndefined(tempArray)) {
                             childNodes = this.getChildNodes(tempArray, parentId, false, level);
@@ -12063,13 +12106,14 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             return childNodes;
         }
         for (var i = 0, objlen = data.length; i < objlen; i++) {
-            if (!isNullOrUndefined(data[i][0]) && !isNullOrUndefined(getValue(this.fields.parentID, data[i][0]))) {
-                if (getValue(this.fields.parentID, data[i][0]).toString() === parentId) {
-                    return data[i];
+            if (!isNullOrUndefined(data[parseInt(i.toString(), 10)][0]) &&
+                !isNullOrUndefined(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 [];
@@ -12081,8 +12125,8 @@ var TreeView = /** @__PURE__ @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) {
@@ -12141,7 +12185,7 @@ var TreeView = /** @__PURE__ @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);
                 }
@@ -12186,7 +12230,7 @@ var TreeView = /** @__PURE__ @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');
@@ -12237,7 +12281,9 @@ var TreeView = /** @__PURE__ @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)) {
@@ -12253,11 +12299,11 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         else {
-            var classList$$1 = icon.classList;
-            if (classList$$1.contains(EXPANDABLE)) {
+            var classList = icon.classList;
+            if (classList.contains(EXPANDABLE)) {
                 this.expandAction(currLi, icon, e);
             }
-            else if (classList$$1.contains(COLLAPSIBLE)) {
+            else if (classList.contains(COLLAPSIBLE)) {
                 this.collapseNode(currLi, icon, e);
             }
         }
@@ -12296,11 +12342,11 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(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);
                 }
@@ -12326,7 +12372,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var eventArgs = {
             cancel: false,
             event: e,
-            node: focusedNode,
+            node: focusedNode
         };
         this.trigger('keyPress', eventArgs, function (observedArgs) {
             if (!observedArgs.cancel) {
@@ -12383,7 +12429,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                         break;
                     case 'f2':
                         if (_this.allowEditing && !focusedNode.classList.contains('e-disable')) {
-                            _this.createTextbox(focusedNode, e);
+                            _this.createTextbox(focusedNode);
                         }
                         break;
                     case 'ctrlA':
@@ -12409,8 +12455,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 parent.scrollTop -= parentPos.top - pos.top;
             }
         }
-        var isVisible$$1 = this.isVisibleInViewport(focusNode);
-        if (!isVisible$$1) {
+        var isVisible = this.isVisibleInViewport(focusNode);
+        if (!isVisible) {
             focusNode.scrollIntoView(isUp);
         }
     };
@@ -12443,7 +12489,7 @@ var TreeView = /** @__PURE__ @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);
             }
         }
@@ -12468,7 +12514,12 @@ var TreeView = /** @__PURE__ @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);
@@ -12488,6 +12539,10 @@ var TreeView = /** @__PURE__ @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);
@@ -12496,8 +12551,12 @@ var TreeView = /** @__PURE__ @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);
@@ -12531,7 +12590,9 @@ var TreeView = /** @__PURE__ @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);
                     }
@@ -12541,7 +12602,9 @@ var TreeView = /** @__PURE__ @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);
                     }
@@ -12557,9 +12620,12 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -12577,11 +12643,19 @@ var TreeView = /** @__PURE__ @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);
@@ -12610,7 +12684,7 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -12620,25 +12694,30 @@ var TreeView = /** @__PURE__ @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 && !isNullOrUndefined(child[length_1][this.fields.isChecked]) && newCheck.indexOf(childId.toString()) === -1)
+                    if (((check === null && !isNullOrUndefined(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 && isNullOrUndefined(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());
@@ -12647,8 +12726,12 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                         childId_1 = hierChildId;
                     }
                     if (childId_1) {
-                        (isNullOrUndefined(validateCheck)) ? this.allCheckNode(childId_1, newCheck, checked, childCheck) :
+                        if (isNullOrUndefined(validateCheck)) {
+                            this.allCheckNode(childId_1, newCheck, checked, childCheck);
+                        }
+                        else {
                             this.allCheckNode(childId_1, newCheck, checked, childCheck, validateCheck);
+                        }
                         childCheck = null;
                     }
                 }
@@ -12733,7 +12816,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var nextNode;
         do {
             index++;
-            nextNode = this.liList[index];
+            nextNode = this.liList[parseInt(index.toString(), 10)];
             if (isNullOrUndefined(nextNode)) {
                 return li;
             }
@@ -12745,7 +12828,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var prevNode;
         do {
             index--;
-            prevNode = this.liList[index];
+            prevNode = this.liList[parseInt(index.toString(), 10)];
             if (isNullOrUndefined(prevNode)) {
                 return li;
             }
@@ -12756,7 +12839,7 @@ var TreeView = /** @__PURE__ @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;
@@ -12765,14 +12848,14 @@ var TreeView = /** @__PURE__ @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');
@@ -12793,11 +12876,11 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -12806,7 +12889,7 @@ var TreeView = /** @__PURE__ @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);
         }
@@ -12816,9 +12899,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var target = e.target;
-        var classList$$1 = target.classList;
+        var classList = target.classList;
         var currentLi = closest(target, '.' + LISTITEM);
-        if (!currentLi || classList$$1.contains(PARENTITEM) || classList$$1.contains(LISTITEM)) {
+        if (!currentLi || classList.contains(PARENTITEM) || classList.contains(LISTITEM)) {
             this.removeHover();
             return;
         }
@@ -12834,8 +12917,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             addClass([li], HOVER);
         }
     };
-    
-    TreeView.prototype.onMouseLeave = function (e) {
+    TreeView.prototype.onMouseLeave = function () {
         this.removeHover();
     };
     TreeView.prototype.removeHover = function () {
@@ -12844,7 +12926,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             removeClass(hoveredNode, HOVER);
         }
     };
-    
     TreeView.prototype.getNodeData = function (currLi, fromDS) {
         if (!isNullOrUndefined(currLi) && currLi.classList.contains(LISTITEM) &&
             !isNullOrUndefined(closest(currLi, '.' + CONTROL)) && closest(currLi, '.' + CONTROL).classList.contains(ROOT)) {
@@ -12926,10 +13007,10 @@ var TreeView = /** @__PURE__ @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) {
@@ -12947,6 +13028,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 if (!isNullOrUndefined(_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);
@@ -12964,7 +13046,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.inputObj = Input.createInput({
             element: inpEle,
             properties: {
-                enableRtl: this.enableRtl,
+                enableRtl: this.enableRtl
             }
         }, this.createElement);
         this.inputObj.container.setAttribute('style', style);
@@ -12989,12 +13071,14 @@ var TreeView = /** @__PURE__ @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;
@@ -13016,7 +13100,12 @@ var TreeView = /** @__PURE__ @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);
@@ -13067,9 +13156,9 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(this.treeData[i]) && !isNullOrUndefined(dataId) && dataId.toString() === id) {
-                    return this.treeData[i];
+                var dataId = getValue(this.fields.id, this.treeData[parseInt(i.toString(), 10)]);
+                if (!isNullOrUndefined(this.treeData[parseInt(i.toString(), 10)]) && !isNullOrUndefined(dataId) && dataId.toString() === id) {
+                    return this.treeData[parseInt(i.toString(), 10)];
                 }
             }
         }
@@ -13084,27 +13173,27 @@ var TreeView = /** @__PURE__ @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' && !isNullOrUndefined(getValue(mapper.child, obj[i]))) {
-                var childData = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNullOrUndefined(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 && !isNullOrUndefined(getValue('child', obj[i]))) {
+            else if (this.fields.dataSource instanceof DataManager && !isNullOrUndefined(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;
@@ -13124,7 +13213,6 @@ var TreeView = /** @__PURE__ @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,
@@ -13146,15 +13234,15 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 }
                 var cloneEle = (dragWrap.cloneNode(true));
                 if (isNullOrUndefined(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$1 : '');
-                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);
@@ -13192,14 +13280,15 @@ var TreeView = /** @__PURE__ @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));
                 if (!dropTarget || !dropRoot) {
                     detach(e.helper);
                     document.body.style.cursor = '';
-                    
                 }
                 var listItem = closest(dropTarget, '.e-list-item');
                 var level;
@@ -13216,7 +13305,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                             detach(e.helper);
                         }
                         document.body.style.cursor = '';
-                        
+                        if (dropTarget.classList.contains('e-sibling')) {
+                            _this.removeVirtualEle();
+                        }
                     }
                     _this.dragStartAction = false;
                 });
@@ -13224,15 +13315,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         });
         this.dropObj = new Droppable(this.element, {
             out: function (e) {
-                if (!isNullOrUndefined(e) && !e.target.classList.contains(SIBLING) && (_this.dropObj.dragData.default && _this.dropObj.dragData.default.helper.classList.contains(ROOT))) {
+                if (!isNullOrUndefined(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();
             }
         });
     };
@@ -13246,10 +13339,11 @@ var TreeView = /** @__PURE__ @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$$1 = e.target.classList;
-        if (this.fullRowSelect && !dropWrap && !isNullOrUndefined(classList$$1) && classList$$1.contains(FULLROW)) {
+        var classList = e.target.classList;
+        if (this.fullRowSelect && !dropWrap && !isNullOrUndefined(classList) && classList.contains(FULLROW)) {
             dropWrap = e.target.nextElementSibling;
         }
         if (dropRoot) {
@@ -13261,29 +13355,37 @@ var TreeView = /** @__PURE__ @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;
                     }
                 }
             }
@@ -13319,22 +13421,20 @@ var TreeView = /** @__PURE__ @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;
             }
         }
@@ -13358,19 +13458,21 @@ var TreeView = /** @__PURE__ @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);
                     }
                 }
             }
@@ -13384,7 +13486,7 @@ var TreeView = /** @__PURE__ @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) {
@@ -13411,11 +13513,11 @@ var TreeView = /** @__PURE__ @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();
@@ -13458,7 +13560,7 @@ var TreeView = /** @__PURE__ @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);
@@ -13466,7 +13568,7 @@ var TreeView = /** @__PURE__ @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);
         }
@@ -13480,7 +13582,7 @@ var TreeView = /** @__PURE__ @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);
         }
@@ -13516,7 +13618,7 @@ var TreeView = /** @__PURE__ @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);
@@ -13564,7 +13666,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         if (isNullOrUndefined(dropUl)) {
             var args = this.expandArgs;
-            if (isNullOrUndefined(args) || args.name != 'nodeExpanding') {
+            if (isNullOrUndefined(args) || (args && args.name !== 'nodeExpanding')) {
                 this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
             }
             if (isNullOrUndefined(dropIcon)) {
@@ -13605,7 +13707,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(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);
             }
@@ -13621,7 +13723,7 @@ var TreeView = /** @__PURE__ @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);
@@ -13655,8 +13757,8 @@ var TreeView = /** @__PURE__ @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++;
@@ -13665,18 +13767,20 @@ var TreeView = /** @__PURE__ @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) {
@@ -13719,19 +13823,19 @@ var TreeView = /** @__PURE__ @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);
             }
         }
@@ -13760,7 +13864,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (level > 0 && !isNullOrUndefined(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 (!isNullOrUndefined(icon)) {
                     this.collapseNode(liEle, icon, null);
@@ -13772,7 +13876,7 @@ var TreeView = /** @__PURE__ @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);
         }
@@ -13781,7 +13885,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (level > 0 && !isNullOrUndefined(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 (!isNullOrUndefined(icon)) {
                     this.expandAction(liEle, icon, null);
@@ -13793,7 +13897,7 @@ var TreeView = /** @__PURE__ @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);
         }
@@ -13802,7 +13906,7 @@ var TreeView = /** @__PURE__ @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--;
                 }
@@ -13837,7 +13941,7 @@ var TreeView = /** @__PURE__ @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) {
@@ -13861,7 +13965,7 @@ var TreeView = /** @__PURE__ @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;
@@ -13874,13 +13978,18 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(liEle)) {
                 continue;
             }
             var icon = select('.' + selector, select('.' + TEXTWRAP, liEle));
             if (!isNullOrUndefined(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);
+                }
             }
         }
     };
@@ -13895,7 +14004,6 @@ var TreeView = /** @__PURE__ @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);
@@ -13914,17 +14022,17 @@ var TreeView = /** @__PURE__ @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) && !isNullOrUndefined(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) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNullOrUndefined(args) || args.name !== 'nodeExpanding')) {
                         this.expandAction(dropLi, dropIcon, null);
                     }
                 }
@@ -13932,12 +14040,12 @@ var TreeView = /** @__PURE__ @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) && !isNullOrUndefined(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) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNullOrUndefined(args) || args.name !== 'nodeExpanding')) {
                             this.expandAction(dropLi, dropIcon, null);
                         }
                     }
@@ -13946,12 +14054,12 @@ var TreeView = /** @__PURE__ @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]);
                         }
                     }
                 }
@@ -13964,9 +14072,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             for (var j = 0; j < nodes.length; j++) {
                 if (!isNullOrUndefined(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++;
             }
         }
@@ -13979,24 +14087,24 @@ var TreeView = /** @__PURE__ @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' && !isNullOrUndefined(getValue(mapper.child, obj[i]))) {
-                var data = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNullOrUndefined(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 && !isNullOrUndefined(getValue('child', obj[i]))) {
-                var items = getValue('child', obj[i]);
+            else if (this.fields.dataSource instanceof DataManager && !isNullOrUndefined(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;
@@ -14010,42 +14118,42 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (isNullOrUndefined(id)) {
             index = isNullOrUndefined(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 (isNullOrUndefined(childData)) {
                         childData = [];
                     }
                     index = isNullOrUndefined(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' && !isNullOrUndefined(getValue(mapper.child, obj[i]))) {
-                var childObj = getValue(mapper.child, obj[i]);
+            else if (typeof mapper.child === 'string' && !isNullOrUndefined(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) && !isNullOrUndefined(getValue('child', obj[i]))) {
-                var childData = getValue('child', obj[i]);
+            else if ((this.fields.dataSource instanceof DataManager) && !isNullOrUndefined(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;
@@ -14059,7 +14167,7 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -14073,8 +14181,8 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -14088,13 +14196,13 @@ var TreeView = /** @__PURE__ @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);
             }
         }
@@ -14109,11 +14217,13 @@ var TreeView = /** @__PURE__ @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);
                 }
@@ -14123,11 +14233,13 @@ var TreeView = /** @__PURE__ @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);
             }
@@ -14141,17 +14253,17 @@ var TreeView = /** @__PURE__ @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);
             }
         }
     };
@@ -14161,16 +14273,16 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(obj[i][field])) {
-                    delete obj[i][field];
+                var field = this.getMapperProp(mapper, names[parseInt(j.toString(), 10)]);
+                if (!isNullOrUndefined(obj[parseInt(i.toString(), 10)]["" + field])) {
+                    delete obj[parseInt(i.toString(), 10)]["" + field];
                 }
             }
-            if (typeof mapper.child === 'string' && !isNullOrUndefined(getValue(mapper.child, obj[i]))) {
-                this.removeField(getValue(mapper.child, obj[i]), this.getChildMapper(mapper), names);
+            if (typeof mapper.child === 'string' && !isNullOrUndefined(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 && !isNullOrUndefined(getValue('child', obj[i]))) {
-                this.removeField(getValue('child', obj[i]), this.getChildMapper(mapper), names);
+            else if (this.fields.dataSource instanceof DataManager && !isNullOrUndefined(getValue('child', obj[parseInt(i.toString(), 10)]))) {
+                this.removeField(getValue('child', obj[parseInt(i.toString(), 10)]), this.getChildMapper(mapper), names);
             }
         }
     };
@@ -14201,33 +14313,33 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.updateChildField(obj, mapper, id, key, value);
         }
     };
-    TreeView.prototype.updateChildField = function (obj, mapper, id, key, value, remove$$1) {
+    TreeView.prototype.updateChildField = function (obj, mapper, id, key, value, remove) {
         var removedData;
         if (isNullOrUndefined(obj)) {
             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) {
-                if (remove$$1) {
+            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' && !isNullOrUndefined(getValue(mapper.child, obj[i]))) {
-                var childData = getValue(mapper.child, obj[i]);
-                removedData = this.updateChildField(childData, this.getChildMapper(mapper), id, key, value, remove$$1);
+            else if (typeof mapper.child === 'string' && !isNullOrUndefined(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 && !isNullOrUndefined(getValue('child', obj[i]))) {
-                var childItems = getValue('child', obj[i]);
-                removedData = this.updateChildField(childItems, this.getChildMapper(mapper), id, key, value, remove$$1);
+            else if (this.fields.dataSource instanceof DataManager && !isNullOrUndefined(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;
                 }
@@ -14240,7 +14352,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (action === 'addNodes') {
             var nodeData = [];
             for (var i = 0; i < node.length; i++) {
-                nodeData.push(this.getNode(this.getElement(isNullOrUndefined(node[i][this.fields.id]) ? getValue(this.fields.id, node[i]).toString() : null)));
+                nodeData.push(this.getNode(this.getElement(isNullOrUndefined(node[parseInt(i.toString(), 10)][this.fields.id])
+                    ? getValue(this.fields.id, node[parseInt(i.toString(), 10)]).toString()
+                    : null)));
             }
             node = nodeData;
         }
@@ -14253,12 +14367,11 @@ var TreeView = /** @__PURE__ @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);
                     }
                 }
             });
@@ -14270,11 +14383,11 @@ var TreeView = /** @__PURE__ @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);
                 }
             });
         }
@@ -14287,12 +14400,11 @@ var TreeView = /** @__PURE__ @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);
                     }
                 }
             });
@@ -14312,7 +14424,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.element, 'contextmenu', this.preventContextMenu, this);
         }
     };
-    
     TreeView.prototype.preventContextMenu = function (e) {
         e.preventDefault();
     };
@@ -14327,7 +14438,7 @@ var TreeView = /** @__PURE__ @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 () {
@@ -14397,6 +14508,10 @@ var TreeView = /** @__PURE__ @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) {
@@ -14409,7 +14524,7 @@ var TreeView = /** @__PURE__ @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++;
                         }
@@ -14422,20 +14537,26 @@ var TreeView = /** @__PURE__ @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;
@@ -14445,7 +14566,9 @@ var TreeView = /** @__PURE__ @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);
@@ -14465,7 +14588,7 @@ var TreeView = /** @__PURE__ @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);
@@ -14474,9 +14597,9 @@ var TreeView = /** @__PURE__ @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++;
@@ -14489,7 +14612,7 @@ var TreeView = /** @__PURE__ @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) {
@@ -14499,7 +14622,7 @@ var TreeView = /** @__PURE__ @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++;
                 }
             }
@@ -14512,20 +14635,20 @@ var TreeView = /** @__PURE__ @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' && !isNullOrUndefined(getValue(mapper.child, treeData[i]))) {
-                var childObj = getValue(mapper.child, treeData[i]);
+            else if (typeof mapper.child === 'string' && !isNullOrUndefined(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 && !isNullOrUndefined(getValue('child', treeData[i]))) {
-                var childData = getValue('child', treeData[i]);
+            else if (this.fields.dataSource instanceof DataManager && !isNullOrUndefined(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;
@@ -14564,52 +14687,52 @@ var TreeView = /** @__PURE__ @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;
@@ -14620,7 +14743,7 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(liEle)) {
                 continue;
@@ -14639,15 +14762,15 @@ var TreeView = /** @__PURE__ @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 {
@@ -14668,18 +14791,22 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(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;
                     }
                 }
@@ -14689,9 +14816,10 @@ var TreeView = /** @__PURE__ @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) {
@@ -14767,6 +14895,7 @@ var TreeView = /** @__PURE__ @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();
                     }
@@ -14787,8 +14916,8 @@ var TreeView = /** @__PURE__ @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++;
                         }
@@ -14821,6 +14950,8 @@ var TreeView = /** @__PURE__ @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();
@@ -14856,10 +14987,12 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(nodes)) {
@@ -14886,9 +15019,9 @@ var TreeView = /** @__PURE__ @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);
@@ -14906,19 +15039,23 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(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) {
@@ -14929,9 +15066,11 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(nodes)) {
@@ -14948,7 +15087,9 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(nodes)) {
@@ -14957,7 +15098,9 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(nodes)) {
@@ -14968,18 +15111,20 @@ var TreeView = /** @__PURE__ @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 && !isNullOrUndefined(nodeData[0][this.fields.parentID])) {
+            while (nodeData.length !== 0 && !isNullOrUndefined(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());
@@ -14989,16 +15134,18 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(nodes)) {
@@ -15015,21 +15162,27 @@ var TreeView = /** @__PURE__ @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);
@@ -15041,8 +15194,10 @@ var TreeView = /** @__PURE__ @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);
@@ -15057,10 +15212,12 @@ var TreeView = /** @__PURE__ @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);
@@ -15069,13 +15226,13 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(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;
@@ -15084,35 +15241,35 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(target) || isNullOrUndefined(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 (!isNullOrUndefined(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 (isNullOrUndefined(newData[k][this.fields.parentID])) {
-                    parentData = newData[k];
+                if (isNullOrUndefined(newData[parseInt(k.toString(), 10)][this.fields.parentID])) {
+                    parentData = newData[parseInt(k.toString(), 10)];
                     newData.splice(k, 1);
                     break;
                 }
@@ -15135,7 +15292,7 @@ var TreeView = /** @__PURE__ @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]);
@@ -15166,9 +15323,9 @@ var TreeView = /** @__PURE__ @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) {
@@ -15188,7 +15345,9 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(nodes)) {
@@ -15202,8 +15361,10 @@ var TreeView = /** @__PURE__ @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;
@@ -15231,7 +15392,9 @@ var TreeView = /** @__PURE__ @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) {
@@ -15380,10 +15543,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     return TreeView;
 }(Component));
 
-/**
- * TreeView modules
- */
-
 var __extends$9 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -15438,7 +15597,6 @@ var SIDEBARABSOLUTE = 'e-sidebar-absolute';
  */
 var Sidebar = /** @__PURE__ @class */ (function (_super) {
     __extends$9(Sidebar, _super);
-    /* eslint-enable */
     function Sidebar(options, element) {
         return _super.call(this, options, element) || this;
     }
@@ -15589,10 +15747,10 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
             this.modal = null;
         }
     };
-    /* eslint-disable */
     /**
      * Hide the Sidebar component, if it is in an open state.
      *
+     * @param {Event} e - The event triggering the hide action.
      * @returns {void}
      *
      */
@@ -15655,10 +15813,10 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    /* eslint-disable */
     /**
      * Shows the Sidebar component, if it is in closed state.
      *
+     * @param {Event} e - The optional event triggering the show action.
      * @returns {void}
      */
     Sidebar.prototype.show = function (e) {
@@ -16104,11 +16262,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
     return Sidebar;
 }(Component));
 
-/**
- * Sidebar modules
- */
-
-var __extends$10 = (undefined && undefined.__extends) || (function () {
+var __extends$a = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -16121,7 +16275,7 @@ var __extends$10 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -16172,20 +16326,23 @@ var BreadcrumbOverflowMode;
     BreadcrumbOverflowMode["None"] = "None";
 })(BreadcrumbOverflowMode || (BreadcrumbOverflowMode = {}));
 var BreadcrumbItem = /** @__PURE__ @class */ (function (_super) {
-    __extends$10(BreadcrumbItem, _super);
+    __extends$a(BreadcrumbItem, _super);
     function BreadcrumbItem() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$10([
+    __decorate$a([
         Property('')
     ], BreadcrumbItem.prototype, "text", void 0);
-    __decorate$10([
+    __decorate$a([
+        Property('')
+    ], BreadcrumbItem.prototype, "id", void 0);
+    __decorate$a([
         Property('')
     ], BreadcrumbItem.prototype, "url", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(null)
     ], BreadcrumbItem.prototype, "iconCss", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(false)
     ], BreadcrumbItem.prototype, "disabled", void 0);
     return BreadcrumbItem;
@@ -16204,7 +16361,7 @@ var BreadcrumbItem = /** @__PURE__ @class */ (function (_super) {
  * ```
  */
 var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
-    __extends$10(Breadcrumb, _super);
+    __extends$a(Breadcrumb, _super);
     /**
      * Constructor for creating the widget.
      *
@@ -16368,6 +16525,9 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
                         args.item.setAttribute(ARIADISABLED, 'true');
                         args.item.classList.add(DISABLEDCLASS);
                     }
+                    if (eventArgs.item.id) {
+                        args.item.setAttribute('id', eventArgs.item.id);
+                    }
                     if ((eventArgs.item.disabled || _this.disabled) && args.item.children.length && !_this.itemTemplate) {
                         args.item.children[0].setAttribute(TABINDEX, '-1');
                     }
@@ -16388,7 +16548,7 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             };
-            for (var i = 0; i < len; i % 2 && j_1++, i++) {
+            for (var i = 0; i < len; (i % 2 && j_1++), i++) {
                 isActiveItem = (this.activeItem && (this.activeItem === items[j_1].url ||
                     this.activeItem === items[j_1].text));
                 if (isCollasped && i > 1 && i < len - 2) {
@@ -16490,12 +16650,17 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.isReact) {
                 this.renderReactTemplates();
+                setTimeout(function () {
+                    _this.calculateMaxItems();
+                }, 5);
             }
             if (this.overflowMode === 'Wrap') {
                 this.element.appendChild(firstOl);
             }
             this.element.appendChild(ol);
-            this.calculateMaxItems();
+            if (!this.isReact) {
+                this.calculateMaxItems();
+            }
         }
     };
     Breadcrumb.prototype.calculateMaxItems = function () {
@@ -16568,11 +16733,10 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
     };
     Breadcrumb.prototype.beforeItemRenderChanges = function (prevItem, currItem, elem, isRightIcon) {
         var wrapElem = elem.querySelector('.e-anchor-wrap');
-        if (wrapElem && wrapElem.querySelector('.e-home')) {
+        if (wrapElem) {
             wrapElem.parentElement.setAttribute('aria-label', 'home');
-            wrapElem.parentElement.setAttribute('role', 'link');
         }
-        if (currItem.text !== prevItem.text) {
+        if (currItem.text !== prevItem.text && wrapElem) {
             wrapElem.childNodes.forEach(function (child) {
                 if (child.nodeType === Node.TEXT_NODE) {
                     child.textContent = currItem.text;
@@ -16663,7 +16827,9 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
                 this.endIndex = idx;
             }
             this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
-            this.activeItem = this.items[idx].url || this.items[idx].text;
+            if (this.items[idx]) {
+                this.activeItem = this.items[idx].url || this.items[idx].text;
+            }
             this.dataBind();
         }
         if (e.target.classList.contains('e-breadcrumb-collapsed')) {
@@ -16686,7 +16852,9 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
             position: { X: 'left', Y: 'bottom' },
             collision: { X: 'fit', Y: 'flip' },
             open: function () {
-                _this.popupUl.focus();
+                if (_this.popupUl) {
+                    _this.popupUl.focus();
+                }
             }
         });
         this.popupWireEvents();
@@ -16831,7 +16999,7 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
     Breadcrumb.prototype.destroy = function () {
         var _this = this;
         var classes = [];
-        var attributes$$1 = ['aria-label'];
+        var attributes = ['aria-label'];
         if (this.cssClass) {
             classes.concat(this.cssClass.split(' '));
         }
@@ -16840,7 +17008,7 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.disabled) {
             classes.push(DISABLEDCLASS);
-            attributes$$1.push(ARIADISABLED);
+            attributes.push(ARIADISABLED);
         }
         if (this.overflowMode === 'Wrap') {
             classes.push(WRAPMODECLASS);
@@ -16851,67 +17019,63 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
         this.unWireEvents();
         this.element.innerHTML = '';
         removeClass([this.element], classes);
-        attributes$$1.forEach(function (attribute) {
+        attributes.forEach(function (attribute) {
             _this.element.removeAttribute(attribute);
         });
         _super.prototype.destroy.call(this);
     };
-    __decorate$10([
+    __decorate$a([
         Property('')
     ], Breadcrumb.prototype, "url", void 0);
-    __decorate$10([
+    __decorate$a([
         Collection([], BreadcrumbItem)
     ], Breadcrumb.prototype, "items", void 0);
-    __decorate$10([
+    __decorate$a([
         Property('')
     ], Breadcrumb.prototype, "activeItem", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(-1)
     ], Breadcrumb.prototype, "maxItems", void 0);
-    __decorate$10([
+    __decorate$a([
         Property('Menu')
     ], Breadcrumb.prototype, "overflowMode", void 0);
-    __decorate$10([
+    __decorate$a([
         Property('')
     ], Breadcrumb.prototype, "cssClass", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(null)
     ], Breadcrumb.prototype, "itemTemplate", void 0);
-    __decorate$10([
+    __decorate$a([
         Property('/')
     ], Breadcrumb.prototype, "separatorTemplate", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(true)
     ], Breadcrumb.prototype, "enableNavigation", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(false)
     ], Breadcrumb.prototype, "enableActiveItemNavigation", void 0);
-    __decorate$10([
+    __decorate$a([
         Property(false)
     ], Breadcrumb.prototype, "disabled", void 0);
-    __decorate$10([
+    __decorate$a([
         Property('')
     ], Breadcrumb.prototype, "locale", void 0);
-    __decorate$10([
+    __decorate$a([
         Event()
     ], Breadcrumb.prototype, "beforeItemRender", void 0);
-    __decorate$10([
+    __decorate$a([
         Event()
     ], Breadcrumb.prototype, "itemClick", void 0);
-    __decorate$10([
+    __decorate$a([
         Event()
     ], Breadcrumb.prototype, "created", void 0);
-    Breadcrumb = __decorate$10([
+    Breadcrumb = __decorate$a([
         NotifyPropertyChanges
     ], Breadcrumb);
     return Breadcrumb;
 }(Component));
 
-/**
- * Breadcrumb modules
- */
-
-var __extends$11 = (undefined && undefined.__extends) || (function () {
+var __extends$b = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -16924,13 +17088,12 @@ var __extends$11 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 // Constant variables
 var CLS_CAROUSEL = 'e-carousel';
 var CLS_ACTIVE$2 = 'e-active';
@@ -16974,6 +17137,7 @@ var CLS_TRANSITION_END = 'e-transition-end';
  * Specifies the action (touch & mouse) which enables the slide swiping action in carousel.
  * * Touch - Enables or disables the swiping action in touch interaction.
  * * Mouse - Enables or disables the swiping action in mouse interaction.
+ *
  * @aspNumberEnum
  */
 var CarouselSwipeMode;
@@ -16985,26 +17149,26 @@ var CarouselSwipeMode;
 })(CarouselSwipeMode || (CarouselSwipeMode = {}));
 /** Specifies the carousel individual item. */
 var CarouselItem = /** @__PURE__ @class */ (function (_super) {
-    __extends$11(CarouselItem, _super);
+    __extends$b(CarouselItem, _super);
     function CarouselItem() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$11([
+    __decorate$b([
         Property()
     ], CarouselItem.prototype, "cssClass", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], CarouselItem.prototype, "interval", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], CarouselItem.prototype, "template", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], CarouselItem.prototype, "htmlAttributes", void 0);
     return CarouselItem;
 }(ChildProperty));
 var Carousel = /** @__PURE__ @class */ (function (_super) {
-    __extends$11(Carousel, _super);
+    __extends$b(Carousel, _super);
     /**
      * Constructor for creating the Carousel widget
      *
@@ -17159,15 +17323,16 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     this.renderPlayButton();
                     break;
                 case 'items':
-                case 'dataSource':
+                case 'dataSource': {
                     var selectedData = prop === 'dataSource' ? this.dataSource : this.items;
-                    if (selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
+                    if (!isNullOrUndefined(selectedData) && selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
                         this.setActiveSlide(selectedData.length - 1, 'Previous');
                         this.autoSlide();
                     }
                     this.reRenderSlides();
                     this.reRenderIndicators();
                     break;
+                }
                 case 'partialVisible':
                     if (this.partialVisible) {
                         addClass([this.element], CLS_PARTIAL);
@@ -17241,7 +17406,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
                 });
             }
-            else if (this.dataSource.length > 0) {
+            else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
                 this.dataSource.slice(-numOfItems).forEach(function (item, index) {
                     _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
                 });
@@ -17253,7 +17418,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                 _this.renderSlide(item, item.template, index, _this.itemsContainer);
             });
         }
-        else if (this.dataSource.length > 0) {
+        else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
             this.slideItems = this.dataSource;
             this.dataSource.forEach(function (item, index) {
                 _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer);
@@ -17265,7 +17430,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
                 });
             }
-            else if (this.dataSource.length > 0) {
+            else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
                 this.dataSource.slice(0, numOfItems).forEach(function (item, index) {
                     _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
                 });
@@ -17392,7 +17557,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
     };
     Carousel.prototype.renderIndicators = function () {
         var _this = this;
-        if (!this.showIndicators) {
+        if (!this.showIndicators || isNullOrUndefined(this.indicatorsType)) {
             return;
         }
         var indicatorClass = 'e-default';
@@ -17515,8 +17680,8 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var itemInterval = this.interval;
-        if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex].interval)) {
-            itemInterval = this.items[this.selectedIndex].interval;
+        if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex || 0].interval)) {
+            itemInterval = this.items[this.selectedIndex || 0].interval;
         }
         this.autoSlideInterval = setInterval(function () { return _this.autoSlideChange(); }, itemInterval);
     };
@@ -17525,7 +17690,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         this.autoSlideInterval = null;
     };
     Carousel.prototype.getSlideIndex = function (direction) {
-        var currentIndex = this.selectedIndex;
+        var currentIndex = this.selectedIndex || 0;
         if (direction === 'Previous') {
             currentIndex--;
             if (currentIndex < 0) {
@@ -17546,6 +17711,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         if (this.element.querySelectorAll("." + CLS_ITEM$3 + "." + CLS_PREV_SLIDE + ",." + CLS_ITEM$3 + "." + CLS_NEXT_SLIDE).length > 0) {
             return;
         }
+        currentIndex = isNullOrUndefined(currentIndex) ? 0 : currentIndex;
         var allSlides = [].slice.call(this.element.querySelectorAll("." + CLS_ITEM$3 + ":not(.e-cloned)"));
         var activeSlide = this.element.querySelector("." + CLS_ITEM$3 + "." + CLS_ACTIVE$2);
         if (isNullOrUndefined(activeSlide) && this.showIndicators) {
@@ -18147,93 +18313,91 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         this.itemsContainer = null;
         _super.prototype.destroy.call(this);
     };
-    __decorate$11([
+    __decorate$b([
         Collection([], CarouselItem)
     ], Carousel.prototype, "items", void 0);
-    __decorate$11([
+    __decorate$b([
         Property('Slide')
     ], Carousel.prototype, "animationEffect", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "previousButtonTemplate", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "nextButtonTemplate", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "indicatorsTemplate", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "playButtonTemplate", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "cssClass", void 0);
-    __decorate$11([
+    __decorate$b([
         Property([])
     ], Carousel.prototype, "dataSource", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "itemTemplate", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(0)
     ], Carousel.prototype, "selectedIndex", void 0);
-    __decorate$11([
+    __decorate$b([
         Property('100%')
     ], Carousel.prototype, "width", void 0);
-    __decorate$11([
+    __decorate$b([
         Property('100%')
     ], Carousel.prototype, "height", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(5000)
     ], Carousel.prototype, "interval", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(true)
     ], Carousel.prototype, "autoPlay", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(true)
     ], Carousel.prototype, "pauseOnHover", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(true)
     ], Carousel.prototype, "loop", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(false)
     ], Carousel.prototype, "showPlayButton", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(true)
     ], Carousel.prototype, "enableTouchSwipe", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(true)
     ], Carousel.prototype, "showIndicators", void 0);
-    __decorate$11([
+    __decorate$b([
         Property('Default')
     ], Carousel.prototype, "indicatorsType", void 0);
-    __decorate$11([
+    __decorate$b([
         Property('Visible')
     ], Carousel.prototype, "buttonsVisibility", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(false)
     ], Carousel.prototype, "partialVisible", void 0);
-    __decorate$11([
+    __decorate$b([
         Property(CarouselSwipeMode.Touch)
     ], Carousel.prototype, "swipeMode", void 0);
-    __decorate$11([
+    __decorate$b([
         Property()
     ], Carousel.prototype, "htmlAttributes", void 0);
-    __decorate$11([
+    __decorate$b([
         Event()
     ], Carousel.prototype, "slideChanging", void 0);
-    __decorate$11([
+    __decorate$b([
         Event()
     ], Carousel.prototype, "slideChanged", void 0);
-    Carousel = __decorate$11([
+    Carousel = __decorate$b([
         NotifyPropertyChanges
     ], Carousel);
     return Carousel;
 }(Component));
 
-/** Carousel export modules */
-
-var __extends$12 = (undefined && undefined.__extends) || (function () {
+var __extends$c = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -18246,7 +18410,7 @@ var __extends$12 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$12 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18269,7 +18433,7 @@ var CLS_INHERIT = 'e-inherit';
  * Set <c>CssClass</c> property with <code>e-inherit</code> CSS class to inherit the background and color from AppBar.
  */
 var AppBar = /** @__PURE__ @class */ (function (_super) {
-    __extends$12(AppBar, _super);
+    __extends$c(AppBar, _super);
     /**
      * Constructor for creating the AppBar widget
      *
@@ -18302,7 +18466,7 @@ var AppBar = /** @__PURE__ @class */ (function (_super) {
     AppBar.prototype.render = function () {
         this.element.classList.add(CLS_APPBAR);
         if (this.element.tagName !== 'HEADER') {
-            this.element.setAttribute('role', 'header');
+            this.element.setAttribute('role', 'banner');
         }
         if (this.cssClass) {
             addClass([this.element], this.cssClass.split(' '));
@@ -18422,39 +18586,37 @@ var AppBar = /** @__PURE__ @class */ (function (_super) {
                 break;
         }
     };
-    __decorate$12([
+    __decorate$c([
         Property('Regular')
     ], AppBar.prototype, "mode", void 0);
-    __decorate$12([
+    __decorate$c([
         Property('Top')
     ], AppBar.prototype, "position", void 0);
-    __decorate$12([
+    __decorate$c([
         Property()
     ], AppBar.prototype, "cssClass", void 0);
-    __decorate$12([
+    __decorate$c([
         Property(false)
     ], AppBar.prototype, "isSticky", void 0);
-    __decorate$12([
+    __decorate$c([
         Property()
     ], AppBar.prototype, "htmlAttributes", void 0);
-    __decorate$12([
+    __decorate$c([
         Property('Light')
     ], AppBar.prototype, "colorMode", void 0);
-    __decorate$12([
+    __decorate$c([
         Event()
     ], AppBar.prototype, "created", void 0);
-    __decorate$12([
+    __decorate$c([
         Event()
     ], AppBar.prototype, "destroyed", void 0);
-    AppBar = __decorate$12([
+    AppBar = __decorate$c([
         NotifyPropertyChanges
     ], AppBar);
     return AppBar;
 }(Component));
 
-/** AppBar export modules */
-
-var __extends$13 = (undefined && undefined.__extends) || (function () {
+var __extends$d = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -18467,7 +18629,7 @@ var __extends$13 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$13 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18496,32 +18658,32 @@ var StepStatus;
  * Specifies the steps of the Stepper.
  */
 var Step = /** @__PURE__ @class */ (function (_super) {
-    __extends$13(Step, _super);
+    __extends$d(Step, _super);
     function Step() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$13([
+    __decorate$d([
         Property('')
     ], Step.prototype, "cssClass", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(false)
     ], Step.prototype, "disabled", void 0);
-    __decorate$13([
+    __decorate$d([
         Property('')
     ], Step.prototype, "iconCss", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(null)
     ], Step.prototype, "isValid", void 0);
-    __decorate$13([
+    __decorate$d([
         Property('')
     ], Step.prototype, "label", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(false)
     ], Step.prototype, "optional", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(StepStatus.NotStarted)
     ], Step.prototype, "status", void 0);
-    __decorate$13([
+    __decorate$d([
         Property('')
     ], Step.prototype, "text", void 0);
     return Step;
@@ -18544,7 +18706,7 @@ var StepperOrientation;
  * StepperBase component act as base class to the stepper component.
  */
 var StepperBase = /** @__PURE__ @class */ (function (_super) {
-    __extends$13(StepperBase, _super);
+    __extends$d(StepperBase, _super);
     /**
      * * Constructor for Base class
      *
@@ -18561,13 +18723,14 @@ var StepperBase = /** @__PURE__ @class */ (function (_super) {
      * @private
      * @returns {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     StepperBase.prototype.preRender = function () {
     };
     /**
      * This method is abstract member of the Component<HTMLElement>.
      *
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the current module name.
      */
     StepperBase.prototype.getModuleName = function () {
         return 'stepperBase';
@@ -18576,7 +18739,7 @@ var StepperBase = /** @__PURE__ @class */ (function (_super) {
      * This method is abstract member of the Component<HTMLElement>.
      *
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the persisted data.
      */
     StepperBase.prototype.getPersistData = function () {
         return this.addOnPersist([]);
@@ -18587,13 +18750,16 @@ var StepperBase = /** @__PURE__ @class */ (function (_super) {
      * @private
      * @returns {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     StepperBase.prototype.render = function () {
     };
     StepperBase.prototype.updateOrientaion = function (wrapper) {
         if (wrapper.classList.contains('e-horizontal') || wrapper.classList.contains('e-vertical')) {
-            wrapper.classList.contains('e-horizontal') ? wrapper.classList.remove('e-horizontal') : wrapper.classList.remove('e-vertical');
+            wrapper.classList.remove('e-horizontal', 'e-vertical');
+        }
+        if (!(isNullOrUndefined(this.orientation))) {
+            wrapper.classList.add('e-' + this.orientation.toLocaleLowerCase());
         }
-        wrapper.classList.add('e-' + this.orientation.toLocaleLowerCase());
     };
     StepperBase.prototype.renderProgressBar = function (wrapper) {
         this.progressStep = this.createElement('div', { className: 'e-stepper-progressbar' });
@@ -18621,7 +18787,7 @@ var StepperBase = /** @__PURE__ @class */ (function (_super) {
     StepperBase.prototype.setProgressPosition = function (wrapper, isResize) {
         var stepItemContainer = (wrapper.querySelector('.e-step-container'));
         var stepItemEle = stepItemContainer.firstElementChild;
-        if (isResize != true) {
+        if (isResize !== true) {
             var topPos = 0;
             if (wrapper.classList.contains('e-label-before')) {
                 topPos = (stepItemContainer.offsetParent.offsetHeight - (stepItemEle.offsetHeight / 2) - 1);
@@ -18645,39 +18811,36 @@ var StepperBase = /** @__PURE__ @class */ (function (_super) {
     /**
      * This method is abstract member of the Component<HTMLElement>.
      *
-     * @param newProp
-     * @param oldProp
+     * @param  {StepperBaseModel} newProp - Specifies new properties
+     * @param  {StepperBaseModel} oldProp - Specifies old properties
      * @private
      * @returns {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
     StepperBase.prototype.onPropertyChanged = function (newProp, oldProp) {
     };
-    __decorate$13([
+    __decorate$d([
         Collection([], Step)
     ], StepperBase.prototype, "steps", void 0);
-    __decorate$13([
+    __decorate$d([
         Property('')
     ], StepperBase.prototype, "cssClass", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(false)
     ], StepperBase.prototype, "readOnly", void 0);
-    __decorate$13([
+    __decorate$d([
         Property(StepperOrientation.Horizontal)
     ], StepperBase.prototype, "orientation", void 0);
-    __decorate$13([
+    __decorate$d([
         Event()
     ], StepperBase.prototype, "created", void 0);
-    StepperBase = __decorate$13([
+    StepperBase = __decorate$d([
         NotifyPropertyChanges
     ], StepperBase);
     return StepperBase;
 }(Component));
 
-/**
- * export all modules from current location
- */
-
-var __extends$14 = (undefined && undefined.__extends) || (function () {
+var __extends$e = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -18690,14 +18853,12 @@ var __extends$14 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$14 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-// eslint-disable-next-line @typescript-eslint/triple-slash-reference
-///<reference path='../stepper-base/stepper-base-model.d.ts'/>
 var ITEMCONTAINER = 'e-step-container';
 var ITEMLIST = 'e-stepper-steps';
 var ICONCSS = 'e-indicator';
@@ -18718,7 +18879,7 @@ var LABELAFTER = 'e-label-after';
 var LABELBEFORE = 'e-label-before';
 var VERTICALSTEP = 'e-vertical';
 var HORIZSTEP = 'e-horizontal';
-var STEPICON = 'e-step-icon';
+var STEPICON = 'e-step-item';
 var STEPTEXT = 'e-step-text';
 var TEXT = 'e-text';
 var STEPSLABEL = 'e-step-label';
@@ -18732,17 +18893,17 @@ var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
  * Defines the step progress animation of the Stepper.
  */
 var StepperAnimationSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$14(StepperAnimationSettings, _super);
+    __extends$e(StepperAnimationSettings, _super);
     function StepperAnimationSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$14([
+    __decorate$e([
         Property(true)
     ], StepperAnimationSettings.prototype, "enable", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(2000)
     ], StepperAnimationSettings.prototype, "duration", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(0)
     ], StepperAnimationSettings.prototype, "delay", void 0);
     return StepperAnimationSettings;
@@ -18801,7 +18962,7 @@ var StepType;
  * ```
  */
 var Stepper = /** @__PURE__ @class */ (function (_super) {
-    __extends$14(Stepper, _super);
+    __extends$e(Stepper, _super);
     /**
      * * Constructor for creating the Stepper component.
      *
@@ -18838,7 +18999,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
     /**
      * To get component name.
      *
-     * @returns {string} - Module Name
+     * @returns {string} - It returns the current module name.
      * @private
      */
     Stepper.prototype.getModuleName = function () {
@@ -18915,8 +19076,10 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Stepper.prototype.updateStepType = function () {
-        if (this.stepType.toLowerCase() === 'indicator' || 'label' || 'default') {
-            this.stepType.toLowerCase() !== 'default' ? this.element.classList.add('e-step-type-' + this.stepType.toLowerCase()) : '';
+        if (!(isNullOrUndefined(this.stepType)) && (this.stepType.toLowerCase() === 'indicator' || this.stepType.toLowerCase() === 'label' || this.stepType.toLowerCase() === 'default')) {
+            if (this.stepType.toLowerCase() !== 'default') {
+                this.element.classList.add('e-step-type-' + this.stepType.toLowerCase());
+            }
             if (((this.stepType.toLowerCase() === 'indicator' || 'label') && (this.labelContainer))) {
                 this.clearLabelPosition();
             }
@@ -18946,7 +19109,10 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             var item = this.steps[parseInt(index.toString(), 10)];
             var status_1 = item.status.toLowerCase();
             if (isInitial && this.activeStep === 0 && index === 0) {
+                var prevOnChange = this.isProtectedOnChange;
+                this.isProtectedOnChange = true;
                 item.status = StepStatus.InProgress;
+                this.isProtectedOnChange = prevOnChange;
             }
             if (item && status_1 !== 'notstarted' && index === this.activeStep) {
                 for (var i = 0; i < this.steps.length; i++) {
@@ -18991,12 +19157,13 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                 this.stepperItemContainer.style.setProperty('--max-width', 100 / this.steps.length + '%');
             }
             var stepSpan = this.createElement('span', { className: 'e-step' });
+            var item = this.steps[parseInt(index.toString(), 10)];
             if (this.renderDefault(index) && (isNullOrUndefined(this.template) || this.template === '')) {
                 var isIndicator = (!this.element.classList.contains('e-step-type-default') && this.stepType.toLowerCase() === 'indicator') ? true : false;
                 if (isIndicator) {
                     stepSpan.classList.add('e-icons', INDICATORICON);
                 }
-                if (!isIndicator) {
+                if (!isIndicator && item.isValid == null) {
                     stepSpan.classList.add('e-step-content');
                     stepSpan.innerHTML = (index + 1).toString();
                 }
@@ -19004,15 +19171,22 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             else if (isNullOrUndefined(this.template) || this.template === '') {
                 var isRender = true;
-                var item = this.steps[parseInt(index.toString(), 10)];
-                if (item.iconCss && (((!item.text && !item.label) || !this.element.classList.contains(LABELINDICATOR)))) {
-                    var itemIcon = item.iconCss.trim().split(' ');
-                    stepSpan.classList.add(ICONCSS);
-                    for (var i = 0; i < itemIcon.length; i++) {
-                        stepSpan.classList.add(itemIcon[parseInt(i.toString(), 10)]);
+                if ((item.iconCss || (!item.iconCss && item.text && item.label)) && (((!item.text && !item.label) ||
+                    !this.element.classList.contains(LABELINDICATOR)))) {
+                    if (item.iconCss) {
+                        var itemIcon = item.iconCss.trim().split(' ');
+                        stepSpan.classList.add(ICONCSS);
+                        for (var i = 0; i < itemIcon.length; i++) {
+                            stepSpan.classList.add(itemIcon[parseInt(i.toString(), 10)]);
+                        }
+                        this.stepperItemContainer.classList.add(STEPICON);
+                    }
+                    else if (!item.iconCss && item.text && item.label) {
+                        stepSpan.classList.add(ICONCSS);
+                        stepSpan.innerHTML = item.text;
+                        this.stepperItemContainer.classList.add(STEPICON);
                     }
                     this.stepperItemContainer.appendChild(stepSpan);
-                    this.stepperItemContainer.classList.add(STEPICON);
                     if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && item.label) ||
                         (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && item.label)) {
                         this.element.classList.add('e-label-' + this.labelPosition.toLowerCase());
@@ -19023,8 +19197,13 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         isRender = false;
                     }
                 }
-                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender && !(item.iconCss && item.label)) {
-                    if (!item.iconCss && this.element.classList.contains(STEPINDICATOR)) {
+                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
+                    !(item.iconCss && item.label)) {
+                    if ((!item.iconCss && this.element.classList.contains(STEPINDICATOR)) ||
+                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !item.label)) {
+                        if (!item.iconCss && !item.label) {
+                            this.element.classList.add('e-step-type-indicator');
+                        }
                         this.checkValidState(item, stepSpan);
                         var prevOnChange = this.isProtectedOnChange;
                         this.isProtectedOnChange = true;
@@ -19032,21 +19211,13 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         this.isProtectedOnChange = prevOnChange;
                     }
                     else {
-                        this.textContainer = this.createElement('span', { className: TEXTCSS });
                         var textSpan = this.createElement('span', { className: TEXT });
                         if (!item.label) {
                             textSpan.innerText = item.text;
-                            (item.isValid !== null && (!item.iconCss || this.element.classList.contains(LABELINDICATOR))) ? this.textContainer.appendChild(textSpan) : textSpan.classList.add(TEXTCSS);
-                            this.stepperItemContainer.appendChild((item.isValid !== null && (!item.iconCss || this.element.classList.contains(LABELINDICATOR))) ? this.textContainer : textSpan);
+                            textSpan.classList.add(TEXTCSS);
+                            this.stepperItemContainer.appendChild(textSpan);
                             this.stepperItemContainer.classList.add(STEPTEXT);
                         }
-                        if (!item.iconCss || this.element.classList.contains(LABELINDICATOR)) {
-                            this.stepperItemContainer.classList.add('e-step-text-only');
-                            if (!item.label && item.isValid !== null) {
-                                var iconSpan = this.createElement('span', { className: 'e-step-validation-icon e-icons' });
-                                this.textContainer.appendChild(iconSpan);
-                            }
-                        }
                         if (item.label && this.element.classList.contains(LABELINDICATOR)) {
                             textSpan.innerText = item.label;
                         }
@@ -19056,25 +19227,20 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         this.isProtectedOnChange = prevOnChange;
                     }
                 }
-                if (item.cssClass) {
-                    addClass([this.stepperItemContainer], item.cssClass.trim().split(' '));
-                }
-                if (item.disabled) {
-                    this.stepperItemContainer.classList[item.disabled ? 'add' : 'remove'](DISABLED$2);
-                    attributes(this.stepperItemContainer, { 'tabindex': '-1', 'aria-disabled': 'true' });
-                }
                 if (item.label && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
                     if (!item.iconCss && !item.text && this.element.classList.contains(STEPINDICATOR)) {
                         this.checkValidState(item, stepSpan, true);
                     }
-                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) || (this.element.classList.contains(LABELINDICATOR) && item.label)) {
+                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) ||
+                        (this.element.classList.contains(LABELINDICATOR) && item.label)) {
                         this.labelContainer = this.createElement('span', { className: STEPLABEL });
                         var labelSpan = this.createElement('span', { className: LABEL });
                         labelSpan.innerText = item.label;
                         this.labelContainer.appendChild(labelSpan);
                         this.stepperItemContainer.classList.add(STEPSLABEL);
                         this.updateLabelPosition();
-                        if ((!item.iconCss && !item.text) || this.element.classList.contains(LABELINDICATOR)) {
+                        if ((!item.iconCss && !item.text && !this.stepperItemContainer.classList.contains(STEPICON)) ||
+                            this.element.classList.contains(LABELINDICATOR)) {
                             this.stepperItemContainer.classList.add('e-step-label-only');
                             if (item.isValid !== null) {
                                 var iconSpan = this.createElement('span', { className: 'e-step-validation-icon e-icons' });
@@ -19083,22 +19249,37 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                 }
-                if (item.optional) {
-                    var optionalSpan = this.createElement('span', { className: OPTIONAL });
-                    this.l10n.setLocale(this.locale);
-                    var optionalContent = this.l10n.getConstant('optional');
-                    optionalSpan.innerText = optionalContent;
-                    if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
-                        || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
-                        || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
-                        this.labelContainer.appendChild(optionalSpan);
-                    }
-                    else {
-                        this.stepperItemContainer.appendChild(optionalSpan);
-                    }
+            }
+            if (item.optional) {
+                var optionalSpan = this.createElement('span', { className: OPTIONAL });
+                this.l10n.setLocale(this.locale);
+                var optionalContent = this.l10n.getConstant('optional');
+                optionalSpan.innerText = optionalContent;
+                if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
+                    || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
+                    || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
+                    this.labelContainer.appendChild(optionalSpan);
+                }
+                else {
+                    this.stepperItemContainer.appendChild(optionalSpan);
                 }
                 if (item.isValid !== null) {
-                    item.isValid ? this.stepperItemContainer.classList.add('e-step-valid') : this.stepperItemContainer.classList.add('e-step-error');
+                    this.stepperItemContainer.classList.add(item.isValid ? 'e-step-valid' : 'e-step-error');
+                }
+            }
+            if (item.cssClass) {
+                addClass([this.stepperItemContainer], item.cssClass.trim().split(' '));
+            }
+            if (item.disabled) {
+                this.stepperItemContainer.classList[item.disabled ? 'add' : 'remove'](DISABLED$2);
+                attributes(this.stepperItemContainer, { 'tabindex': '-1', 'aria-disabled': 'true' });
+            }
+            if (item.isValid !== null) {
+                if (item.isValid) {
+                    this.stepperItemContainer.classList.add('e-step-valid');
+                }
+                else {
+                    this.stepperItemContainer.classList.add('e-step-error');
                 }
             }
             this.renderItemContent(index, false);
@@ -19137,7 +19318,9 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         var isBeforeLabel = (this.element.classList.contains(LABELBEFORE)) ? true : false;
         var isStepVertical = (this.element.classList.contains(VERTICALSTEP)) ? true : false;
         if (isStepVertical) {
-            var iconOnly = (this.stepperItemContainer.classList.contains(STEPICON) && !this.stepperItemContainer.classList.contains(STEPTEXT) && !this.stepperItemContainer.classList.contains(STEPSLABEL)) ? true : false;
+            var iconOnly = (this.stepperItemContainer.classList.contains(STEPICON) &&
+                !this.stepperItemContainer.classList.contains(STEPTEXT) &&
+                !this.stepperItemContainer.classList.contains(STEPSLABEL)) ? true : false;
             var textEle = (this.stepperItemContainer.querySelector('.' + TEXTCSS));
             if (textEle) {
                 this.textEleWidth = this.textEleWidth < textEle.offsetWidth ? textEle.offsetWidth : this.textEleWidth;
@@ -19194,7 +19377,12 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         this.clearLabelPosition();
         this.labelContainer.classList.add('e-label-' + this.updateCurrentLabel());
         if (this.labelPosition.toLowerCase() === 'start' && this.orientation.toLowerCase() === 'vertical') {
-            this.stepperItemContainer.firstChild ? this.stepperItemContainer.firstChild.before(this.labelContainer) : this.stepperItemContainer.appendChild(this.labelContainer);
+            if (this.stepperItemContainer.firstChild) {
+                this.stepperItemContainer.firstChild.before(this.labelContainer);
+            }
+            else {
+                this.stepperItemContainer.appendChild(this.labelContainer);
+            }
         }
         else {
             this.stepperItemContainer.appendChild(this.labelContainer);
@@ -19221,15 +19409,31 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                 else {
                     iconEle = itemElement.querySelector('.' + ICONCSS);
                 }
+                if (!indicatorEle && this.element.classList.contains(STEPINDICATOR) && this.renderDefault(index)) {
+                    indicatorEle = itemElement.querySelector('.' + INDICATORICON);
+                }
                 var textLabelIcon = itemElement.querySelector('.e-step-validation-icon');
                 var itemIcon = item.iconCss.trim().split(' ');
                 var validStep = itemElement.classList.contains('e-step-valid');
                 if (indicatorEle) {
-                    indicatorEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info');
+                    indicatorEle.classList.remove(INDICATORICON);
+                    if (indicatorEle.innerHTML !== '') {
+                        indicatorEle.innerHTML = '';
+                    }
+                    indicatorEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info', ICONCSS);
+                }
+                if (this.renderDefault(index) && !this.element.classList.contains(STEPINDICATOR)) {
+                    var stepSpan = itemElement.querySelector('.e-step');
+                    stepSpan.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info', ICONCSS);
                 }
                 if (iconEle) {
-                    for (var i = 0; i < itemIcon.length; i++) {
-                        iconEle.classList.remove(itemIcon[parseInt(i.toString(), 10)]);
+                    if (iconEle.innerHTML !== '') {
+                        iconEle.innerHTML = '';
+                    }
+                    else if (itemIcon.length > 0) {
+                        for (var i = 0; i < itemIcon.length; i++) {
+                            iconEle.classList.remove(itemIcon[parseInt(i.toString(), 10)]);
+                        }
                     }
                     iconEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info');
                 }
@@ -19286,7 +19490,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                 this.updateTooltipContent(index);
                 this.tooltipObj.open(this.stepperItemElements[parseInt((index).toString(), 10)]);
                 if (this.stepType.toLocaleLowerCase() !== 'label' && ((this.stepType.toLocaleLowerCase() === 'indicator') ||
-                    (currentStep.label !== '' && currentStep.iconCss !== ''))) {
+                    (currentStep.label !== '' && currentStep.iconCss !== '') || (currentStep.label === null && currentStep.iconCss === '' && currentStep.text !== ''))) {
                     var tooltipPopupClass = currentStep.status.toLowerCase() === 'inprogress' ?
                         STEPPERTOOLTIP + " " + STEPPERIPROGRESSTIP + " " + (this.cssClass ? this.cssClass : '') : STEPPERTOOLTIP + " " + (this.cssClass ? this.cssClass : '');
                     this.tooltipObj.setProperties({ cssClass: tooltipPopupClass.trim() });
@@ -19338,8 +19542,12 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             this.removeItemContent(listItems[parseInt((index).toString(), 10)]);
         }
         if (this.template) {
-            isrerender ? listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE) :
+            if (isrerender) {
+                listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE);
+            }
+            else {
                 this.stepperItemContainer.classList.add(TEMPLATE);
+            }
             var item = this.steps[parseInt(index.toString(), 10)];
             append(this.templateFunction({ step: item, currentStep: index }, this, 'stepperTemplate', (this.element.id + '_stepperTemplate'), this.isStringTemplate), isrerender ? listItems[parseInt((index).toString(), 10)] : this.stepperItemContainer);
         }
@@ -19396,7 +19604,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             element: itemElement, event: e, isInteracted: isInteracted,
             previousStep: this.activeStep, activeStep: index, cancel: false
         };
-        if (isUpdated != false) {
+        if (isUpdated !== false) {
             var previousStep_1 = this.activeStep;
             this.trigger('stepChanging', eventArgs, function (args) {
                 if (args.cancel) {
@@ -19433,13 +19641,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.activeStep >= 0 && this.progressbar) {
                 if (this.element.classList.contains(HORIZSTEP)) {
-                    if ((this.element.classList.contains(LABELBEFORE) || this.element.classList.contains(LABELAFTER)) && !this.element.classList.contains(STEPINDICATOR) &&
+                    if ((this.element.classList.contains(LABELBEFORE) || this.element.classList.contains(LABELAFTER)) &&
+                        !this.element.classList.contains(STEPINDICATOR) &&
                         this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].classList.contains(STEPICON)) {
                         var progressPos = this.element.querySelector('.e-stepper-progressbar');
-                        var selectedEle = this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].firstChild;
-                        var value = this.activeStep === 0 ? 0 : (selectedEle.offsetLeft - progressPos.offsetLeft + (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
+                        var selectedEle = this.stepperItemElements[parseInt(this.activeStep.toString(), 10)]
+                            .firstChild;
+                        var value = this.activeStep === 0 ? 0 : (selectedEle.offsetLeft - progressPos.offsetLeft +
+                            (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
                         if (this.element.classList.contains(RTL$3)) {
-                            value = (progressPos.getBoundingClientRect().right - selectedEle.getBoundingClientRect().right + (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
+                            value = (progressPos.getBoundingClientRect().right - selectedEle.getBoundingClientRect().right +
+                                (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
                             this.progressbar.style.setProperty(PROGRESSVALUE$1, (value) + '%');
                         }
                         else {
@@ -19453,15 +19665,19 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                             totalLiWidth = totalLiWidth + this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth;
                             if (j <= this.activeStep) {
                                 if (j < this.activeStep) {
-                                    activeLiWidth = activeLiWidth + this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth;
+                                    activeLiWidth = activeLiWidth +
+                                        this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth;
                                 }
-                                else if (j == this.activeStep && j !== 0) {
-                                    activeLiWidth = activeLiWidth + (this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth / 2);
+                                else if (j === this.activeStep && j !== 0) {
+                                    activeLiWidth = activeLiWidth +
+                                        (this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth / 2);
                                 }
                             }
                         }
-                        var spaceWidth = (this.stepperItemList.offsetWidth - totalLiWidth) / (this.stepperItemElements.length - 1);
-                        var progressValue = ((activeLiWidth + (spaceWidth * this.activeStep)) / this.stepperItemList.offsetWidth) * 100;
+                        var spaceWidth = (this.stepperItemList.offsetWidth - totalLiWidth) /
+                            (this.stepperItemElements.length - 1);
+                        var progressValue = ((activeLiWidth + (spaceWidth * this.activeStep)) /
+                            this.stepperItemList.offsetWidth) * 100;
                         this.progressbar.style.setProperty(PROGRESSVALUE$1, (progressValue) + '%');
                     }
                 }
@@ -19490,7 +19706,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             var prevOnChange_1 = this.isProtectedOnChange;
             this.isProtectedOnChange = true;
             if (isUpdated !== false) {
-                if (i < this.activeStep || (this.steps.length - 1 === this.activeStep && item.status.toLowerCase() === "completed")) {
+                if (i < this.activeStep || (this.steps.length - 1 === this.activeStep && item.status.toLowerCase() === 'completed')) {
                     item.status = StepStatus.Completed;
                 }
                 else if (i === this.activeStep) {
@@ -19502,17 +19718,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                 if (stepStatus && this.activeStep === i) {
                     item.status = stepStatus;
                 }
-                if (item.status.toLowerCase() === "completed") {
+                if (item.status.toLowerCase() === 'completed') {
                     itemElement.classList.remove(SELECTED$2, INPROGRESS, NOTSTARTED);
                     itemElement.classList.add(COMPLETED);
                 }
-                if (item.status.toLowerCase() === "notstarted") {
+                if (item.status.toLowerCase() === 'notstarted') {
                     itemElement.classList.remove(SELECTED$2, INPROGRESS, COMPLETED);
                     itemElement.classList.add(NOTSTARTED);
                 }
             }
             this.isProtectedOnChange = prevOnChange_1;
-            if (this.renderDefault(i) && this.element.classList.contains(STEPINDICATOR)) {
+            if (this.renderDefault(i) && this.element.classList.contains(STEPINDICATOR) && !itemElement.classList.contains('e-step-valid') && !itemElement.classList.contains('e-step-error')) {
                 if (itemElement.classList.contains(COMPLETED)) {
                     itemElement.firstChild.classList.remove('e-icons', 'e-step-indicator');
                     itemElement.firstChild.classList.add(ICONCSS, 'e-icons', 'e-check');
@@ -19652,10 +19868,10 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
             if ((e.action === 'home' || e.action === 'end')) {
                 if (e.action === 'home') {
-                    isRTL ? index = stepItems.length - 1 : index = 0;
+                    index = isRTL ? stepItems.length - 1 : 0;
                 }
                 else {
-                    isRTL ? index = 0 : index = stepItems.length - 1;
+                    index = isRTL ? 0 : stepItems.length - 1;
                 }
             }
             if (index >= 0 && index < stepItems.length) {
@@ -19685,10 +19901,18 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         this.updateElementClassArray();
         this.removeItemElements();
         this.element.querySelector('.e-stepper-progressbar').remove();
-        isUpdate ? this.updatePosition() : null;
-        isStepType ? this.updateStepType() : null;
-        this.readOnly ? (!this.element.classList.contains(READONLY)) ? this.element.classList.add(READONLY) : null : null;
-        this.enableRtl ? (!this.element.classList.contains(RTL$3)) ? this.element.classList.add(RTL$3) : null : null;
+        if (isUpdate) {
+            this.updatePosition();
+        }
+        if (isStepType) {
+            this.updateStepType();
+        }
+        if (this.readOnly && !this.element.classList.contains(READONLY)) {
+            this.element.classList.add(READONLY);
+        }
+        if (this.enableRtl && !this.element.classList.contains(RTL$3)) {
+            this.element.classList.add(RTL$3);
+        }
         this.updateOrientaion(this.element);
         this.renderItems();
         this.renderProgressBar(this.element);
@@ -19743,8 +19967,10 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
                     this.renderStepperItems(true);
                     break;
                 case 'activeStep':
-                    this.activeStep = (newProp.activeStep > this.steps.length - 1 || newProp.activeStep < -1) ? oldProp.activeStep : this.activeStep;
-                    if (this.activeStep >= 0 && this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].classList.contains(DISABLED$2)) {
+                    this.activeStep = (newProp.activeStep > this.steps.length - 1 || newProp.activeStep < -1) ?
+                        oldProp.activeStep : this.activeStep;
+                    if (this.activeStep >= 0 && this.stepperItemElements[parseInt(this.activeStep.toString(), 10)]
+                        .classList.contains(DISABLED$2)) {
                         this.activeStep = oldProp.activeStep;
                     }
                     if (this.linear) {
@@ -19793,53 +20019,47 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    __decorate$14([
+    __decorate$e([
         Property(0)
     ], Stepper.prototype, "activeStep", void 0);
-    __decorate$14([
+    __decorate$e([
         Complex({}, StepperAnimationSettings)
     ], Stepper.prototype, "animation", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(false)
     ], Stepper.prototype, "linear", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(false)
     ], Stepper.prototype, "showTooltip", void 0);
-    __decorate$14([
+    __decorate$e([
         Property('')
     ], Stepper.prototype, "template", void 0);
-    __decorate$14([
+    __decorate$e([
         Property('')
     ], Stepper.prototype, "tooltipTemplate", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(StepLabelPosition.Bottom)
     ], Stepper.prototype, "labelPosition", void 0);
-    __decorate$14([
+    __decorate$e([
         Property(StepType.Default)
     ], Stepper.prototype, "stepType", void 0);
-    __decorate$14([
+    __decorate$e([
         Event()
     ], Stepper.prototype, "stepChanged", void 0);
-    __decorate$14([
+    __decorate$e([
         Event()
     ], Stepper.prototype, "stepChanging", void 0);
-    __decorate$14([
+    __decorate$e([
         Event()
     ], Stepper.prototype, "stepClick", void 0);
-    __decorate$14([
+    __decorate$e([
         Event()
     ], Stepper.prototype, "beforeStepRender", void 0);
-    Stepper = __decorate$14([
+    Stepper = __decorate$e([
         NotifyPropertyChanges
     ], Stepper);
     return Stepper;
 }(StepperBase));
 
-/** Stepper export modules */
-
-/**
- * Navigation all modules
- */
-
-export { MenuAnimationSettings, MenuItem, FieldSettings, HScroll, VScroll, addScrolling, destroyScroll, Item, Toolbar, AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion, ContextMenu, Menu, TabActionSettings, TabAnimationSettings, Header, TabItem, Tab, FieldsSettings, ActionSettings, NodeAnimationSettings, TreeView, Sidebar, BreadcrumbOverflowMode, BreadcrumbItem, Breadcrumb, CarouselSwipeMode, CarouselItem, Carousel, AppBar, StepStatus, Step, StepperOrientation, StepperBase, StepperAnimationSettings, StepLabelPosition, StepType, Stepper };
+export { Accordion, AccordionActionSettings, AccordionAnimationSettings, AccordionItem, ActionSettings, AppBar, Breadcrumb, BreadcrumbItem, BreadcrumbOverflowMode, Carousel, CarouselItem, CarouselSwipeMode, ContextMenu, FieldSettings, FieldsSettings, HScroll, Header, Item, Menu, MenuAnimationSettings, MenuItem, NodeAnimationSettings, Sidebar, Step, StepLabelPosition, StepStatus, StepType, Stepper, StepperAnimationSettings, StepperBase, StepperOrientation, Tab, TabActionSettings, TabAnimationSettings, TabItem, Toolbar, TreeView, VScroll, addScrolling, destroyScroll };
 //# sourceMappingURL=ej2-navigations.es5.js.map