@syncfusion/ej2-lists 19.2.49 → 19.3.44

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

@@ -1,4 +1,4 @@
-import { Animation, Base, ChildProperty, Complex, Component, Draggable, Event, EventHandler, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, append, attributes, blazorTemplates, closest, compareElementParent, compile, debounce, detach, extend, formatUnit, getComponent, getUniqueID, getValue, isBlazor, isNullOrUndefined, isVisible, merge, prepend, remove, removeClass, resetBlazorTemplate, rippleEffect, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { Animation, Base, ChildProperty, Complex, Component, Draggable, Event, EventHandler, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, append, attributes, closest, compareElementParent, compile, detach, extend, formatUnit, getComponent, getUniqueID, getValue, isBlazor, isNullOrUndefined, isVisible, merge, prepend, remove, removeClass, rippleEffect } from '@syncfusion/ej2-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 
@@ -52,7 +52,8 @@ var ListBase;
         urlAttributes: 'urlAttributes',
         imageAttributes: 'imageAttributes',
         imageUrl: 'imageUrl',
-        groupBy: null
+        groupBy: null,
+        sortBy: null
     };
     var defaultAriaAttributes = {
         level: 1,
@@ -586,7 +587,7 @@ var ListBase;
         var curOpt = extend({}, defaultListBaseOptions, options);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         // eslint-disable-next-line
-        var compiledString = compile(template);
+        var compiledString = compileTemplate(template);
         var liCollection = [];
         var value;
         var id = generateId(); // generate id for drop-down-list option.
@@ -683,7 +684,7 @@ var ListBase;
     // eslint-disable-next-line
     headerItems, options, componentInstance) {
         // eslint-disable-next-line @typescript-eslint/ban-types
-        var compiledString = compile(groupTemplate);
+        var compiledString = compileTemplate(groupTemplate);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         var curOpt = extend({}, defaultListBaseOptions, options);
         var category = curFields.groupBy;
@@ -868,16 +869,9 @@ var ListBase;
         else {
             li.setAttribute('data-uid', generateId());
         }
-        var blazId = 'BlazId';
-        if (options && !!options.removeBlazorID
-            && typeof item === 'object'
-            // eslint-disable-next-line no-prototype-builtins
-            && item.hasOwnProperty(blazId)) {
-            delete item[blazId];
-        }
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            var compiledString = compile(options.groupTemplate);
+            var compiledString = compileTemplate(options.groupTemplate);
             // eslint-disable-next-line
             var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
             if (compiledElement) {
@@ -886,7 +880,7 @@ var ListBase;
         }
         else if (!grpLI && options && options.template) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            var compiledString = compile(options.template);
+            var compiledString = compileTemplate(options.template);
             // eslint-disable-next-line
             var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
             if (compiledElement) {
@@ -988,6 +982,19 @@ function getFieldValues(dataItem, fields) {
     }
     return fieldData;
 }
+function compileTemplate(template) {
+    if (template) {
+        try {
+            if (document.querySelector(template)) {
+                return compile(document.querySelector(template).innerHTML.trim());
+            }
+        }
+        catch (e) {
+            return compile(template);
+        }
+    }
+    return undefined;
+}
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -1133,7 +1140,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
      */
     function ListView(options, element) {
         var _this = _super.call(this, options, element) || this;
-        _this.itemReRender = false;
         _this.previousSelectedItems = [];
         _this.hiddenItems = [];
         _this.enabledItems = [];
@@ -1171,14 +1177,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                     // eslint-disable-next-line
                     this.listBaseOption.fields = this.fields.properties;
                     if (this.enableVirtualization) {
-                        if (!(this.isServerRendered && isBlazor())) {
-                            this.virtualizationModule.reRenderUiVirtualization();
-                        }
+                        this.virtualizationModule.reRenderUiVirtualization();
                     }
                     else {
-                        if (isBlazor() && this.isServerRendered && !this.enableVirtualization) {
-                            this.itemReRender = true;
-                        }
                         this.reRender();
                     }
                     break;
@@ -1189,14 +1190,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'query':
                     if (this.enableVirtualization) {
-                        if (!(isBlazor() && this.isServerRendered)) {
-                            this.virtualizationModule.reRenderUiVirtualization();
-                        }
+                        this.virtualizationModule.reRenderUiVirtualization();
                     }
                     else {
-                        if (isBlazor() && this.isServerRendered && !this.enableVirtualization) {
-                            this.itemReRender = true;
-                        }
                         this.reRender();
                     }
                     break;
@@ -1211,50 +1207,35 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'showCheckBox':
                 case 'checkBoxPosition':
-                    if (!isBlazor() || !this.isServerRendered) {
-                        if (this.enableVirtualization) {
-                            this.virtualizationModule.reRenderUiVirtualization();
-                        }
-                        else {
-                            this.setCheckbox();
-                        }
+                    if (this.enableVirtualization) {
+                        this.virtualizationModule.reRenderUiVirtualization();
+                    }
+                    else {
+                        this.setCheckbox();
                     }
                     break;
                 case 'dataSource':
                     if (this.enableVirtualization) {
-                        if (!(this.isServerRendered && isBlazor())) {
-                            this.virtualizationModule.reRenderUiVirtualization();
-                        }
+                        this.virtualizationModule.reRenderUiVirtualization();
                     }
                     else {
-                        if (isBlazor() && this.isServerRendered && !this.enableVirtualization) {
-                            this.itemReRender = true;
-                        }
                         this.reRender();
                     }
                     break;
                 case 'sortOrder':
                 case 'template':
                     if (!this.enableVirtualization) {
-                        if (!(this.isServerRendered && isBlazor())) {
-                            this.refresh();
-                        }
+                        this.refresh();
                     }
                     break;
                 case 'showIcon':
-                    if (isBlazor() && this.isServerRendered) {
-                        // eslint-disable-next-line
-                        this.interopAdaptor.invokeMethodAsync('ItemSorting');
+                    if (this.enableVirtualization) {
+                        this.virtualizationModule.reRenderUiVirtualization();
                     }
                     else {
-                        if (this.enableVirtualization) {
-                            this.virtualizationModule.reRenderUiVirtualization();
-                        }
-                        else {
-                            this.listBaseOption.showIcon = this.showIcon;
-                            this.curViewDS = this.getSubDS();
-                            this.resetCurrentList();
-                        }
+                        this.listBaseOption.showIcon = this.showIcon;
+                        this.curViewDS = this.getSubDS();
+                        this.resetCurrentList();
                     }
                     break;
                 default:
@@ -1302,76 +1283,68 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     };
     // Support Component Functions
     ListView.prototype.header = function (text, showBack, prop) {
-        if (isBlazor() && this.isServerRendered) {
-            var args = { HeaderText: text, BackButton: showBack };
-            // eslint-disable-next-line
-            this.interopAdaptor.invokeMethodAsync('HeaderTitle', args);
+        if (this.headerEle === undefined && this.showHeader) {
+            if (this.enableHtmlSanitizer) {
+                this.setProperties({ headerTitle: SanitizeHtmlHelper.sanitize(this.headerTitle) }, true);
+            }
+            this.headerEle = this.createElement('div', { className: classNames.header });
+            var innerHeaderEle = this.createElement('span', { className: classNames.headerText, innerHTML: this.headerTitle });
+            var textEle = this.createElement('div', { className: classNames.text, innerHTML: innerHeaderEle.outerHTML });
+            var hedBackButton = this.createElement('div', {
+                className: classNames.icon + ' ' + classNames.backIcon + ' e-but-back',
+                attrs: { style: 'display:none;' }
+            });
+            this.headerEle.appendChild(hedBackButton);
+            this.headerEle.appendChild(textEle);
+            if (this.headerTemplate) {
+                // eslint-disable-next-line
+                var compiledString = compile(this.headerTemplate);
+                var headerTemplateEle = this.createElement('div', { className: classNames.headerTemplateText });
+                // eslint-disable-next-line
+                var compiledElement = compiledString({}, this, prop, this.LISTVIEW_HEADERTEMPLATE_ID, null, null, this.headerEle);
+                if (compiledElement) {
+                    append(compiledElement, headerTemplateEle);
+                }
+                append([headerTemplateEle], this.headerEle);
+                // eslint-disable-next-line
+                if (this.isReact) {
+                    this.renderReactTemplates();
+                }
+            }
+            if (this.headerTemplate && this.headerTitle) {
+                textEle.classList.add('header');
+            }
+            this.element.classList.add('e-has-header');
+            prepend([this.headerEle], this.element);
         }
-        else {
-            if (this.headerEle === undefined && this.showHeader) {
+        else if (this.headerEle) {
+            if (this.showHeader) {
+                this.headerEle.style.display = '';
+                var textEle = this.headerEle.querySelector('.' + classNames.headerText);
+                var hedBackButton = this.headerEle.querySelector('.' + classNames.backIcon);
                 if (this.enableHtmlSanitizer) {
-                    this.setProperties({ headerTitle: SanitizeHtmlHelper.sanitize(this.headerTitle) }, true);
-                }
-                this.headerEle = this.createElement('div', { className: classNames.header });
-                var innerHeaderEle = this.createElement('span', { className: classNames.headerText, innerHTML: this.headerTitle });
-                var textEle = this.createElement('div', { className: classNames.text, innerHTML: innerHeaderEle.outerHTML });
-                var hedBackButton = this.createElement('div', {
-                    className: classNames.icon + ' ' + classNames.backIcon + ' e-but-back',
-                    attrs: { style: 'display:none;' }
-                });
-                this.headerEle.appendChild(hedBackButton);
-                this.headerEle.appendChild(textEle);
-                if (this.headerTemplate) {
-                    // eslint-disable-next-line
-                    var compiledString = compile(this.headerTemplate);
-                    var headerTemplateEle = this.createElement('div', { className: classNames.headerTemplateText });
-                    // eslint-disable-next-line
-                    var compiledElement = compiledString({}, this, prop, this.LISTVIEW_HEADERTEMPLATE_ID, null, null, this.headerEle);
-                    if (compiledElement) {
-                        append(compiledElement, headerTemplateEle);
-                    }
-                    append([headerTemplateEle], this.headerEle);
-                    this.updateBlazorTemplates(false, true, true);
-                    // eslint-disable-next-line
-                    if (this.isReact) {
-                        this.renderReactTemplates();
-                    }
+                    text = SanitizeHtmlHelper.sanitize(text);
                 }
-                if (this.headerTemplate && this.headerTitle) {
-                    textEle.classList.add('header');
+                textEle.innerHTML = text;
+                if (this.headerTemplate && showBack) {
+                    textEle.parentElement.classList.remove('header');
+                    this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('nested-header');
                 }
-                this.element.classList.add('e-has-header');
-                prepend([this.headerEle], this.element);
-            }
-            else if (this.headerEle) {
-                if (this.showHeader) {
-                    this.headerEle.style.display = '';
-                    var textEle = this.headerEle.querySelector('.' + classNames.headerText);
-                    var hedBackButton = this.headerEle.querySelector('.' + classNames.backIcon);
-                    if (this.enableHtmlSanitizer) {
-                        text = SanitizeHtmlHelper.sanitize(text);
-                    }
-                    textEle.innerHTML = text;
-                    if (this.headerTemplate && showBack) {
-                        textEle.parentElement.classList.remove('header');
-                        this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('nested-header');
-                    }
-                    if (this.headerTemplate && !showBack) {
-                        textEle.parentElement.classList.add('header');
-                        this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.remove('nested-header');
-                        this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('header');
-                    }
-                    if (showBack === true) {
-                        hedBackButton.style.display = '';
-                    }
-                    else {
-                        hedBackButton.style.display = 'none';
-                    }
+                if (this.headerTemplate && !showBack) {
+                    textEle.parentElement.classList.add('header');
+                    this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.remove('nested-header');
+                    this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('header');
+                }
+                if (showBack === true) {
+                    hedBackButton.style.display = '';
                 }
                 else {
-                    this.headerEle.style.display = 'none';
+                    hedBackButton.style.display = 'none';
                 }
             }
+            else {
+                this.headerEle.style.display = 'none';
+            }
         }
     };
     // Animation Related Functions
@@ -1422,7 +1395,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         if (this.template) {
             try {
                 if (document.querySelectorAll(this.template).length) {
-                    this.template = document.querySelector(this.template).innerHTML.trim();
+                    this.setProperties({ template: document.querySelector(this.template).innerHTML.trim() }, true);
                 }
             }
             catch (e) {
@@ -1445,39 +1418,10 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             templateID: "" + this.element.id + LISTVIEW_TEMPLATE_PROPERTY,
             groupTemplateID: "" + this.element.id + LISTVIEW_GROUPTEMPLATE_PROPERTY,
             enableHtmlSanitizer: this.enableHtmlSanitizer,
-            removeBlazorID: true
         };
         this.initialization();
     };
-    ListView.prototype.updateLiElementHeight = function () {
-        var liContainer = this.element.querySelector('.' + classNames.virtualElementContainer);
-        if (liContainer.children[0]) {
-            this.liElementHeight = liContainer.children[0].getBoundingClientRect().height;
-            // eslint-disable-next-line
-            this.interopAdaptor.invokeMethodAsync('LiElementHeight', this.liElementHeight);
-        }
-    };
     ListView.prototype.initialization = function () {
-        if (isBlazor() && this.isServerRendered && this.enableVirtualization) {
-            var ulContainer = this.element.querySelector('.' + classNames.virtualElementContainer);
-            if (ulContainer !== null) {
-                if (this.height === '') {
-                    // eslint-disable-next-line
-                    this.interopAdaptor.invokeMethodAsync('SetComponentHeight', window.innerHeight);
-                    this.isWindow = true;
-                    ulContainer.scrollIntoView();
-                }
-                if (this.height.toString().indexOf('%') !== -1) {
-                    // eslint-disable-next-line
-                    this.interopAdaptor.invokeMethodAsync('SetContainerHeight', this.element.getBoundingClientRect().height.toString());
-                }
-                if (ulContainer.children[0]) {
-                    this.liElementHeight = ulContainer.children[0].getBoundingClientRect().height;
-                    // eslint-disable-next-line
-                    this.interopAdaptor.invokeMethodAsync('LiElementHeight', this.liElementHeight);
-                }
-            }
-        }
         this.curDSLevel = [];
         this.animateOptions = {};
         this.curViewDS = [];
@@ -1727,38 +1671,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if (isBlazor() && this.isServerRendered && this.enableVirtualization) {
-            var ulElementContainer = this.element.querySelector('.' + classNames.virtualElementContainer);
-            if (ulElementContainer.querySelector('.e-active')) {
-                // eslint-disable-next-line
-                var selectedElements = ulElementContainer.querySelectorAll('.e-active');
-                if (this.showCheckBox) {
-                    for (var i = 0; i < selectedElements.length; i++) {
-                        // eslint-disable-next-line
-                        if (!this.previousSelectedItems.includes(selectedElements[i].getAttribute('data-uid'))) {
-                            this.previousSelectedItems.push(selectedElements[i].getAttribute('data-uid'));
-                        }
-                    }
-                }
-                else {
-                    this.previousSelectedItems[0] = (ulElementContainer.querySelector('.e-active').getAttribute('data-uid'));
-                }
-            }
-            if (ulElementContainer.querySelector('.e-focused')) {
-                // eslint-disable-next-line
-                var focusElement = ulElementContainer.querySelector('.e-focused');
-                if (!focusElement.classList.contains('e-active')) {
-                    var focusElementId = focusElement.getAttribute('data-uid');
-                    // eslint-disable-next-line
-                    if (this.previousSelectedItems.includes(focusElementId)) {
-                        var selectedElement1 = this.previousSelectedItems.slice(0, this.previousSelectedItems.indexOf(focusElementId));
-                        var selectedElement2 = this.previousSelectedItems.
-                            slice(this.previousSelectedItems.indexOf(focusElementId) + 1, this.previousSelectedItems.length);
-                        this.previousSelectedItems = selectedElement1.concat(selectedElement2);
-                    }
-                }
-            }
-        }
     };
     ListView.prototype.removeElement = function (element) {
         return element && element.parentNode && element.parentNode.removeChild(element);
@@ -2251,14 +2163,14 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         if (dataSource === void 0) { dataSource = this.localData; }
         if (dataSource && this.fields.groupBy) {
             if (this.sortOrder !== 'None') {
-                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
+                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
             }
             else {
                 this.curViewDS = ListBase.groupDataSource(dataSource, this.listBaseOption.fields, this.sortOrder);
             }
         }
         else if (dataSource && this.sortOrder !== 'None') {
-            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy));
+            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy));
         }
         else {
             this.curViewDS = dataSource;
@@ -2267,28 +2179,45 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     ListView.prototype.isInAnimation = function () {
         return this.curUL.classList.contains('.e-animate');
     };
+    ListView.prototype.renderRemoteLists = function (e, listViewComponent) {
+        if (this.isDestroyed) {
+            return;
+        }
+        this.localData = e.result;
+        listViewComponent.removeElement(listViewComponent.contentContainer);
+        this.renderList();
+        this.trigger('actionComplete', e);
+    };
+    ListView.prototype.triggerActionFailure = function (e) {
+        if (this.isDestroyed) {
+            return;
+        }
+        this.trigger('actionFailure', e);
+    };
     ListView.prototype.setLocalData = function () {
         var _this = this;
         this.trigger('actionBegin');
         // eslint-disable-next-line
         var listViewComponent = this;
         if (this.dataSource instanceof DataManager) {
-            this.dataSource.executeQuery(this.getQuery()).then(function (e) {
-                if (_this.isDestroyed) {
-                    return;
-                }
-                _this.localData = e.result;
-                if (!_this.isServerRendered || (!isBlazor())) {
-                    listViewComponent.removeElement(listViewComponent.contentContainer);
-                }
-                _this.renderList();
-                _this.trigger('actionComplete', e);
-            }).catch(function (e) {
-                if (_this.isDestroyed) {
-                    return;
-                }
-                _this.trigger('actionFailure', e);
-            });
+            if (this.dataSource.ready) {
+                this.dataSource.ready.then(function (e) {
+                    /* eslint-disable */
+                    _this.isOffline = _this.dataSource.dataSource.offline;
+                    if (_this.dataSource instanceof DataManager && _this.isOffline) {
+                        _this.renderRemoteLists(e, listViewComponent);
+                    }
+                }).catch(function (e) {
+                    _this.triggerActionFailure(e);
+                });
+            }
+            else {
+                this.dataSource.executeQuery(this.getQuery()).then(function (e) {
+                    _this.renderRemoteLists(e, listViewComponent);
+                }).catch(function (e) {
+                    _this.triggerActionFailure(e);
+                });
+            }
         }
         else if (!this.dataSource || !this.dataSource.length) {
             var ul = this.element.querySelector('ul');
@@ -2307,25 +2236,21 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListView.prototype.reRender = function () {
-        if (!isBlazor() || !this.isServerRendered || this.enableVirtualization) {
-            this.resetBlazorTemplates();
-            this.removeElement(this.headerEle);
-            this.removeElement(this.ulElement);
-            this.removeElement(this.contentContainer);
-            // eslint-disable-next-line
-            if (this.isReact) {
-                this.clearTemplate();
-            }
-            if (Object.keys(window).indexOf('ejsInterop') === -1) {
-                this.element.innerHTML = '';
-            }
-            this.headerEle = this.ulElement = this.liCollection = undefined;
-            this.header();
+        this.removeElement(this.headerEle);
+        this.removeElement(this.ulElement);
+        this.removeElement(this.contentContainer);
+        // eslint-disable-next-line
+        if (this.isReact) {
+            this.clearTemplate();
+        }
+        if (Object.keys(window).indexOf('ejsInterop') === -1) {
+            this.element.innerHTML = '';
         }
+        this.headerEle = this.ulElement = this.liCollection = undefined;
+        this.header();
         this.setLocalData();
     };
     ListView.prototype.resetCurrentList = function () {
-        this.resetBlazorTemplates();
         this.setViewDataSource(this.curViewDS);
         this.contentContainer.innerHTML = '';
         this.createList();
@@ -2347,36 +2272,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.ulElement = this.curUL = ListBase.createList(this.createElement, this.curViewDS, this.listBaseOption, null, this);
         this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
         this.setAttributes(this.liCollection);
-        this.updateBlazorTemplates(true);
-    };
-    ListView.prototype.resetBlazorTemplates = function () {
-        // eslint-disable-next-line
-        var templateCollection = blazorTemplates;
-        if (this.template) {
-            templateCollection[this.LISTVIEW_TEMPLATE_ID] = [];
-            resetBlazorTemplate(this.LISTVIEW_TEMPLATE_ID, LISTVIEW_TEMPLATE_PROPERTY);
-        }
-        if (this.groupTemplate) {
-            templateCollection[this.LISTVIEW_GROUPTEMPLATE_ID] = [];
-            resetBlazorTemplate(this.LISTVIEW_GROUPTEMPLATE_ID, LISTVIEW_GROUPTEMPLATE_PROPERTY);
-        }
-        if (this.headerTemplate) {
-            resetBlazorTemplate(this.LISTVIEW_HEADERTEMPLATE_ID, LISTVIEW_HEADERTEMPLATE_PROPERTY);
-        }
-    };
-    ListView.prototype.updateBlazorTemplates = function (template, headerTemplate, resetExistingElements) {
-        if (template === void 0) { template = false; }
-        if (headerTemplate === void 0) { headerTemplate = false; }
-        if (resetExistingElements === void 0) { resetExistingElements = false; }
-        if (this.template && template && !this.enableVirtualization) {
-            updateBlazorTemplate(this.LISTVIEW_TEMPLATE_ID, LISTVIEW_TEMPLATE_PROPERTY, this, resetExistingElements);
-        }
-        if (this.groupTemplate && template && !this.enableVirtualization) {
-            updateBlazorTemplate(this.LISTVIEW_GROUPTEMPLATE_ID, LISTVIEW_GROUPTEMPLATE_PROPERTY, this, resetExistingElements);
-        }
-        if (this.headerTemplate && headerTemplate) {
-            updateBlazorTemplate(this.LISTVIEW_HEADERTEMPLATE_ID, LISTVIEW_HEADERTEMPLATE_PROPERTY, this, resetExistingElements);
-        }
     };
     ListView.prototype.exceptionEvent = function (e) {
         this.trigger('actionFailure', e);
@@ -2388,97 +2283,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
         }
     };
-    ListView.prototype.removeActiveClass = function () {
-        // eslint-disable-next-line
-        var listViewComponent = this;
-        setTimeout(function () {
-            var ulContainer = listViewComponent.element.querySelector('.' + classNames.virtualElementContainer);
-            for (var i = 0; i < ulContainer.childElementCount; i++) {
-                var selectedElement = ulContainer.children[i];
-                var elementIndex = void 0;
-                var hiddenElementIndex = void 0;
-                if (listViewComponent.showCheckBox) {
-                    if (listViewComponent.previousSelectedItems.length > 0) {
-                        for (var j = 0; j < listViewComponent.previousSelectedItems.length; j++) {
-                            if (selectedElement.getAttribute('data-uid') === listViewComponent.previousSelectedItems[j]) {
-                                selectedElement.classList.add('e-active');
-                                selectedElement.setAttribute('aria-selected', 'true');
-                                if (selectedElement.querySelector('.e-frame.e-icons')) {
-                                    selectedElement.querySelector('.e-frame.e-icons').classList.add('e-check');
-                                }
-                                elementIndex = i;
-                            }
-                            else {
-                                if (elementIndex !== i) {
-                                    selectedElement.classList.remove('e-active');
-                                    selectedElement.removeAttribute('aria-selected');
-                                    if (selectedElement.querySelector('.e-check')) {
-                                        selectedElement.querySelector('.e-check').classList.remove('e-check');
-                                    }
-                                }
-                            }
-                        }
-                    }
-                    else {
-                        selectedElement.classList.remove('e-active');
-                        selectedElement.removeAttribute('aria-selected');
-                        if (selectedElement.querySelector('.e-check')) {
-                            selectedElement.querySelector('.e-check').classList.remove('e-check');
-                        }
-                    }
-                }
-                else {
-                    if (selectedElement.getAttribute('data-uid') === listViewComponent.previousSelectedItems[0]) {
-                        selectedElement.classList.add('e-active');
-                        selectedElement.setAttribute('aria-selected', 'true');
-                    }
-                    else {
-                        selectedElement.classList.remove('e-active');
-                        selectedElement.removeAttribute('aria-selected');
-                    }
-                }
-                if (listViewComponent.hiddenItems.length > 0) {
-                    for (var k = 0; k < listViewComponent.hiddenItems.length; k++) {
-                        if (selectedElement.getAttribute('data-uid') === listViewComponent.previousSelectedItems[k]) {
-                            selectedElement.style.display = 'none';
-                            hiddenElementIndex = i;
-                        }
-                        else {
-                            if (hiddenElementIndex !== i) {
-                                selectedElement.style.display = null;
-                            }
-                        }
-                    }
-                }
-                if (listViewComponent.enabledItems.length > 0) {
-                    for (var x = 0; x < listViewComponent.enabledItems.length; x++) {
-                        if (selectedElement.getAttribute('data-uid') === listViewComponent.enabledItems[x]) {
-                            if (selectedElement.classList.contains('e-disabled')) {
-                                selectedElement.classList.remove('e-disabled');
-                            }
-                        }
-                    }
-                }
-                if (listViewComponent.disabledItems.length > 0) {
-                    for (var y = 0; y < listViewComponent.disabledItems.length; y++) {
-                        if (selectedElement.getAttribute('data-uid') === listViewComponent.disabledItems[y]) {
-                            if (!selectedElement.classList.contains('e-disabled')) {
-                                selectedElement.classList.add('e-disabled');
-                            }
-                        }
-                    }
-                }
-            }
-        }, 200);
-    };
-    ListView.prototype.renderingNestedList = function () {
-        var ul = closest(this.liElement.parentNode, '.' + classNames.parentItem);
-        var ctrlId = this.element.id;
-        var ulElement = document.getElementById(ctrlId);
-        var currentListItem = ulElement.getElementsByTagName('UL')[ulElement.getElementsByTagName('UL').length - 1];
-        this.switchView(ul, currentListItem);
-        this.liElement = null;
-    };
     ListView.prototype.renderSubList = function (li) {
         this.liElement = li;
         var uID = li.getAttribute('data-uid');
@@ -2489,27 +2293,18 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             this.setViewDataSource(this.getSubDS());
             if (!ele) {
                 var data = this.curViewDS;
-                if (isBlazor() && this.isServerRendered) {
-                    // eslint-disable-next-line
-                    this.interopAdaptor.invokeMethodAsync('ListChildDataSource', data);
-                }
-                else {
-                    ele = ListBase.createListFromJson(this.createElement, data, this.listBaseOption, this.curDSLevel.length, null, this);
-                    // eslint-disable-next-line
-                    if (this.isReact) {
-                        this.renderReactTemplates();
-                    }
-                    var lists = ele.querySelectorAll('.' + classNames.listItem);
-                    this.setAttributes(lists);
-                    ele.setAttribute('pID', uID);
-                    ele.style.display = 'none';
-                    this.renderIntoDom(ele);
-                    this.updateBlazorTemplates(true);
+                ele = ListBase.createListFromJson(this.createElement, data, this.listBaseOption, this.curDSLevel.length, null, this);
+                // eslint-disable-next-line
+                if (this.isReact) {
+                    this.renderReactTemplates();
                 }
+                var lists = ele.querySelectorAll('.' + classNames.listItem);
+                this.setAttributes(lists);
+                ele.setAttribute('pID', uID);
+                ele.style.display = 'none';
+                this.renderIntoDom(ele);
             }
-            if (!isBlazor() || !this.isServerRendered || this.enableVirtualization) {
-                this.switchView(ul, ele);
-            }
+            this.switchView(ul, ele);
             this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
             if (this.selectedItems) {
                 var fieldData = getFieldValues(this.selectedItems.data, this.listBaseOption.fields);
@@ -2524,38 +2319,34 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     };
     ListView.prototype.renderList = function (data) {
         this.setViewDataSource(data);
-        if (!isBlazor() || !this.isServerRendered || this.enableVirtualization) {
-            if (this.enableVirtualization) {
-                if (Object.keys(this.dataSource).length) {
-                    if (!(isBlazor() && this.isServerRendered)) {
-                        if ((this.template || this.groupTemplate) && !this.virtualizationModule.isNgTemplate()) {
-                            if (this.isReact) {
-                                if (typeof this.template == "string") {
-                                    this.listBaseOption.template = null;
-                                }
-                                if (typeof this.groupTemplate == "string") {
-                                    this.listBaseOption.groupTemplate = null;
-                                }
-                            }
-                            else {
-                                this.listBaseOption.template = null;
-                                this.listBaseOption.groupTemplate = null;
-                            }
-                            this.listBaseOption.itemCreated = this.virtualizationModule.createUIItem.bind(this.virtualizationModule);
+        if (this.enableVirtualization) {
+            if (Object.keys(this.dataSource).length) {
+                if ((this.template || this.groupTemplate) && !this.virtualizationModule.isNgTemplate()) {
+                    if (this.isReact) {
+                        if (typeof this.template == "string") {
+                            this.listBaseOption.template = null;
                         }
+                        if (typeof this.groupTemplate == "string") {
+                            this.listBaseOption.groupTemplate = null;
+                        }
+                    }
+                    else {
+                        this.listBaseOption.template = null;
+                        this.listBaseOption.groupTemplate = null;
                     }
+                    this.listBaseOption.itemCreated = this.virtualizationModule.createUIItem.bind(this.virtualizationModule);
                 }
-                this.virtualizationModule.uiVirtualization();
             }
-            else {
-                this.createList();
-                this.contentContainer = this.createElement('div', { className: classNames.content });
-                this.element.appendChild(this.contentContainer);
-                this.renderIntoDom(this.ulElement);
-                // eslint-disable-next-line
-                if (this.isReact) {
-                    this.renderReactTemplates();
-                }
+            this.virtualizationModule.uiVirtualization();
+        }
+        else {
+            this.createList();
+            this.contentContainer = this.createElement('div', { className: classNames.content });
+            this.element.appendChild(this.contentContainer);
+            this.renderIntoDom(this.ulElement);
+            // eslint-disable-next-line
+            if (this.isReact) {
+                this.renderReactTemplates();
             }
         }
     };
@@ -2574,42 +2365,25 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
      * Initializes the ListView component rendering.
      */
     ListView.prototype.render = function () {
-        if (!isBlazor() || !this.isServerRendered) {
-            this.element.classList.add(classNames.root);
-            attributes(this.element, { role: 'list', tabindex: '0' });
-            this.setCSSClass();
-            this.setEnableRTL();
-            this.setEnable();
-            this.setSize();
-            this.wireEvents();
-            this.header();
-            this.setLocalData();
-            this.setHTMLAttribute();
-        }
-        else {
-            this.initBlazor(true);
-        }
+        this.element.classList.add(classNames.root);
+        attributes(this.element, { role: 'list', tabindex: '0' });
+        this.setCSSClass();
+        this.setEnableRTL();
+        this.setEnable();
+        this.setSize();
+        this.wireEvents();
+        this.header();
+        this.setLocalData();
+        this.setHTMLAttribute();
         this.rippleFn = rippleEffect(this.element, {
             selector: '.' + classNames.listItem
         });
         this.renderComplete();
     };
-    ListView.prototype.initBlazor = function (firstRender) {
-        if (firstRender === null) {
-            firstRender = false;
-        }
-        this.setLocalData();
-        this.setViewDataSource(this.localData);
-        this.contentContainer = this.element.querySelector('.' + classNames.content);
-        if (firstRender) {
-            this.wireEvents();
-        }
-    };
     /**
      * It is used to destroy the ListView component.
      */
     ListView.prototype.destroy = function () {
-        this.resetBlazorTemplates();
         // eslint-disable-next-line
         if (this.isReact) {
             this.clearTemplate();
@@ -2621,13 +2395,8 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
         this.curUL = this.ulElement = this.liCollection = this.headerEle = undefined;
-        if (!(isBlazor() && this.isServerRendered)) {
-            this.element.innerHTML = '';
-            _super.prototype.destroy.call(this);
-        }
-        else {
-            this.element.style.display = 'none';
-        }
+        this.element.innerHTML = '';
+        _super.prototype.destroy.call(this);
     };
     /**
      * Switches back from the navigated sub list item.
@@ -2647,12 +2416,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             toUL = this.curUL;
         }
         else {
-            if (isBlazor() && this.isServerRendered && this.enableVirtualization) {
-                toUL = toUL.parentElement.parentElement.parentElement;
-            }
-            else {
-                toUL = toUL.parentElement;
-            }
+            toUL = toUL.parentElement;
         }
         var fieldData = getFieldValues(this.curDSJSON, this.listBaseOption.fields);
         // eslint-disable-next-line
@@ -2770,7 +2534,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     /**
      * Gets the details of the currently selected item from the list items.
      *
-     * @blazorType ListSelectedItem<TValue>
      */
     ListView.prototype.getSelectedItems = function () {
         // eslint-disable-next-line
@@ -2858,55 +2621,12 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if (isBlazor()) {
-            // eslint-disable-next-line
-            return this.blazorGetSelectedItems(finalValue);
-        }
-        else {
-            return finalValue;
-        }
-    };
-    // eslint-disable-next-line
-    ListView.prototype.blazorGetSelectedItems = function (finalGetSelectedItem) {
-        var blazorSelectedItem = {
-            data: [],
-            index: [],
-            parentId: [],
-            text: []
-        };
-        if (!isNullOrUndefined(finalGetSelectedItem)) {
-            if (!isNullOrUndefined(finalGetSelectedItem.data)) {
-                if (this.showCheckBox && this.isNestedList) {
-                    for (var i = 0; i < finalGetSelectedItem.data.length; i++) {
-                        blazorSelectedItem.data.push(finalGetSelectedItem.data[i].data);
-                    }
-                    if (!isNullOrUndefined(finalGetSelectedItem.data[0])
-                        && !isNullOrUndefined(finalGetSelectedItem.data[0].parentId)) {
-                        blazorSelectedItem.parentId = finalGetSelectedItem.data[0].parentId;
-                    }
-                }
-                else {
-                    blazorSelectedItem.data = this.convertItemsToArray(finalGetSelectedItem.data);
-                }
-            }
-            if (!isNullOrUndefined(finalGetSelectedItem.text)) {
-                blazorSelectedItem.text = this.convertItemsToArray(finalGetSelectedItem.text);
-            }
-            if (!isNullOrUndefined(finalGetSelectedItem.index)) {
-                blazorSelectedItem.index = this.convertItemsToArray(finalGetSelectedItem.index);
-            }
-        }
-        return blazorSelectedItem;
-    };
-    // eslint-disable-next-line
-    ListView.prototype.convertItemsToArray = function (items) {
-        return Array.isArray(items) ? items.slice() : [items];
+        return finalValue;
     };
     /**
      * Finds out an item details from the current list.
      *
      * @param  {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
-     * @blazorType TValue
      */
     ListView.prototype.findItem = function (item) {
         return this.getItemData(item);
@@ -3003,7 +2723,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
      *
      * @param  {Fields} fields - Target item to add the given data as its children (can be null).
      *
-     * @blazorType data|object,fields|object
      */
     ListView.prototype.addItem = function (data, fields) {
         if (fields === void 0) { fields = undefined; }
@@ -3046,9 +2765,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                             this.reRender();
                         }
                     }
-                    if (this.curUL) {
-                        this.updateBlazorTemplates(true);
-                    }
                     this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
                 }
                 else {
@@ -3074,15 +2790,12 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 : null;
         var targetDS = isAlreadyRenderedUL ? targetChildDS : [targetItemData];
         var isTargetEmptyChild = targetLi ? !targetLi.classList.contains(classNames.hasChild) : false;
-        var isRefreshTemplateNeeded = false;
-        // if li element is already rendered, that element needs to be refreshed so that
-        // it becomes child viewable due to new child items are added now
         if (isTargetEmptyChild) {
             var targetRefreshedElement = ListBase.createListItemFromJson(this.createElement, targetDS, this.listBaseOption, null, null, this);
             this.setAttributes(targetRefreshedElement);
             targetUL.insertBefore(targetRefreshedElement[0], targetLi);
             detach(targetLi);
-            isRefreshTemplateNeeded = true;
+            
         }
         // if it is already rendered element, we need to create and append new elements
         if (isAlreadyRenderedUL && itemQueue) {
@@ -3090,10 +2803,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 targetDS.push(itemQueue[i]);
                 this.addItemIntoDom(itemQueue[i], targetUL, targetDS);
             }
-            isRefreshTemplateNeeded = true;
-        }
-        if (isRefreshTemplateNeeded) {
-            this.updateBlazorTemplates(true);
+            
         }
     };
     ListView.prototype.addItemIntoDom = function (currentItem, targetUL, curViewDS) {
@@ -3135,7 +2845,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.removeItemFromList(item, listDataSource);
-            this.updateBlazorTemplates(true);
         }
     };
     ListView.prototype.removeItemFromList = function (obj, listDataSource) {
@@ -3213,7 +2922,6 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < item.length; i++) {
                 this.removeItem(item[i]);
             }
-            this.updateBlazorTemplates(true);
         }
     };
     // eslint-disable-next-line
@@ -3358,66 +3066,43 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         this.wireScrollEvent(false);
         var curViewDS = this.listViewInstance.curViewDS;
         var firstDs = curViewDS.slice(0, 1);
-        if (!(isBlazor() || this.listViewInstance.isServerRendered)) {
-            this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
-            // eslint-disable-next-line
-            this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
-            this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.content });
-            this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
-            this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
-        }
+        this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
+        // eslint-disable-next-line
+        this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
+        this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.content });
+        this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
+        this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
         this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
         this.expectedDomItemCount = this.ValidateItemCount(10000);
         this.domItemCount = this.ValidateItemCount(Object.keys(this.listViewInstance.curViewDS).length);
         this.uiFirstIndex = 0;
         this.uiLastIndex = this.domItemCount - 1;
         var otherDs = curViewDS.slice(1, this.domItemCount);
-        if (!(isBlazor() || this.listViewInstance.isServerRendered)) {
-            var listItems = ListBase.createListItemFromJson(
-            // eslint-disable-next-line
-            this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
-            append(listItems, this.listViewInstance.ulElement);
-            this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
-            this.topElement = this.listViewInstance.createElement('div');
-            this.listViewInstance.ulElement.insertBefore(this.topElement, this.listViewInstance.ulElement.firstElementChild);
-            this.bottomElement = this.listViewInstance.createElement('div');
-            this.listViewInstance.ulElement.insertBefore(this.bottomElement, null);
-            this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
-            this.topElement.style.height = 0 + 'px';
-            this.bottomElement.style.height = this.totalHeight + 'px';
-            this.topElementHeight = 0;
-            this.bottomElementHeight = this.totalHeight;
-        }
-        else {
-            this.listViewInstance.contentContainer = this.listViewInstance.element.querySelector('.e-content');
-            this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
-        }
+        var listItems = ListBase.createListItemFromJson(
+        // eslint-disable-next-line
+        this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
+        append(listItems, this.listViewInstance.ulElement);
+        this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
+        this.topElement = this.listViewInstance.createElement('div');
+        this.listViewInstance.ulElement.insertBefore(this.topElement, this.listViewInstance.ulElement.firstElementChild);
+        this.bottomElement = this.listViewInstance.createElement('div');
+        this.listViewInstance.ulElement.insertBefore(this.bottomElement, null);
+        this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
+        this.topElement.style.height = 0 + 'px';
+        this.bottomElement.style.height = this.totalHeight + 'px';
+        this.topElementHeight = 0;
+        this.bottomElementHeight = this.totalHeight;
         this.listDiff = 0;
         this.uiIndicesInitialization();
     };
     Virtualization.prototype.wireScrollEvent = function (destroy) {
         if (!destroy) {
-            if (!(isBlazor() && this.listViewInstance.isServerRendered)) {
-                if (this.listViewInstance.isWindow) {
-                    this.onVirtualScroll = this.onVirtualUiScroll.bind(this);
-                    window.addEventListener('scroll', this.onVirtualScroll);
-                }
-                else {
-                    EventHandler.add(this.listViewInstance.element, 'scroll', this.onVirtualUiScroll, this);
-                }
+            if (this.listViewInstance.isWindow) {
+                this.onVirtualScroll = this.onVirtualUiScroll.bind(this);
+                window.addEventListener('scroll', this.onVirtualScroll);
             }
             else {
-                if (this.listViewInstance.isWindow) {
-                    // eslint-disable-next-line
-                    this.onVirtualScroll = debounce(this.onVirtualUiScroll.bind(this), 350);
-                    this.updateUl = this.updateUlContainer.bind(this);
-                    window.addEventListener('scroll', this.onVirtualScroll);
-                    window.addEventListener('scroll', this.updateUl);
-                }
-                else {
-                    EventHandler.add(this.listViewInstance.element, 'scroll', debounce(this.onVirtualUiScroll, 350), this);
-                    EventHandler.add(this.listViewInstance.element, 'scroll', this.updateUlContainer, this);
-                }
+                EventHandler.add(this.listViewInstance.element, 'scroll', this.onVirtualUiScroll, this);
             }
         }
         else {
@@ -3496,16 +3181,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     Virtualization.prototype.refreshItemHeight = function () {
         if (this.listViewInstance.curViewDS.length) {
             var curViewDS = this.listViewInstance.curViewDS;
-            if (isBlazor() && this.listViewInstance.isServerRendered) {
-                this.listViewInstance.ulElement.children[0].style.height =
-                    (this.listViewInstance.liElementHeight * (Object.keys(curViewDS).length)) + 'px';
-            }
-            else {
-                this.listItemHeight = this.topElement.nextSibling.getBoundingClientRect().height;
-                this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
-                this.bottomElementHeight = this.totalHeight;
-                this.bottomElement.style.height = this.totalHeight + 'px';
-            }
+            this.listItemHeight = this.topElement.nextSibling.getBoundingClientRect().height;
+            this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
+            this.bottomElementHeight = this.totalHeight;
+            this.bottomElement.style.height = this.totalHeight + 'px';
         }
     };
     Virtualization.prototype.getscrollerHeight = function (startingHeight) {
@@ -3529,54 +3208,31 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         this.bottomElementHeight = this.totalHeight - this.topElementHeight;
         _a = scroll <= this.totalHeight ?
             [this.topElementHeight, this.bottomElementHeight] : [this.totalHeight, 0], this.topElementHeight = _a[0], this.bottomElementHeight = _a[1];
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            var listDiff = void 0;
-            if (isNullOrUndefined(this.listViewInstance.liElementHeight)) {
-                this.listViewInstance.updateLiElementHeight();
-            }
-            if (this.listViewInstance.isWindow) {
-                listDiff = Math.round(document.documentElement.scrollTop / this.listViewInstance.liElementHeight);
-            }
-            else {
-                // eslint-disable-next-line
-                listDiff = Math.round(e.target.scrollTop / this.listViewInstance.liElementHeight);
-            }
-            if ((listDiff - 2) - this.elementDifference >= 3 || (listDiff - 2) - this.elementDifference <= -1) {
-                var args = { listDiff: listDiff - 2, selectedItems: this.listViewInstance.previousSelectedItems };
-                this.listViewInstance.interopAdaptor.invokeMethodAsync('VirtalScrolling', args);
-                if (this.listViewInstance.ulElement.querySelector('.e-focused')) {
-                    this.listViewInstance.ulElement.querySelector('.e-focused').classList.remove('e-focused');
+        if (this.topElementHeight !== parseFloat(this.topElement.style.height)) {
+            this.topElement.style.height = this.topElementHeight + 'px';
+            this.bottomElement.style.height = this.bottomElementHeight + 'px';
+            if (scroll > this.scrollPosition) {
+                var listDiff = Math.round(((this.topElementHeight / this.listItemHeight) - this.listDiff));
+                if (listDiff > (this.expectedDomItemCount + 5)) {
+                    this.onLongScroll(listDiff, true);
+                }
+                else {
+                    this.onNormalScroll(listDiff, true);
                 }
-                this.elementDifference = listDiff - 2;
             }
-        }
-        else {
-            if (this.topElementHeight !== parseFloat(this.topElement.style.height)) {
-                this.topElement.style.height = this.topElementHeight + 'px';
-                this.bottomElement.style.height = this.bottomElementHeight + 'px';
-                if (scroll > this.scrollPosition) {
-                    var listDiff = Math.round(((this.topElementHeight / this.listItemHeight) - this.listDiff));
-                    if (listDiff > (this.expectedDomItemCount + 5)) {
-                        this.onLongScroll(listDiff, true);
-                    }
-                    else {
-                        this.onNormalScroll(listDiff, true);
-                    }
+            else {
+                var listDiff = Math.round((this.listDiff - (this.topElementHeight / this.listItemHeight)));
+                if (listDiff > (this.expectedDomItemCount + 5)) {
+                    this.onLongScroll(listDiff, false);
                 }
                 else {
-                    var listDiff = Math.round((this.listDiff - (this.topElementHeight / this.listItemHeight)));
-                    if (listDiff > (this.expectedDomItemCount + 5)) {
-                        this.onLongScroll(listDiff, false);
-                    }
-                    else {
-                        this.onNormalScroll(listDiff, false);
-                    }
+                    this.onNormalScroll(listDiff, false);
                 }
             }
-            this.listDiff = Math.round(this.topElementHeight / this.listItemHeight);
-            if (typeof this.listViewInstance.onUIScrolled === 'function') {
-                this.listViewInstance.onUIScrolled();
-            }
+        }
+        this.listDiff = Math.round(this.topElementHeight / this.listItemHeight);
+        if (typeof this.listViewInstance.onUIScrolled === 'function') {
+            this.listViewInstance.onUIScrolled();
         }
         this.scrollPosition = scroll;
     };
@@ -3764,14 +3420,6 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
-                if (isBlazor() && this.listViewInstance.isServerRendered) {
-                    var scrollDiff = Math.round(this.listViewInstance.element.scrollTop /
-                        this.listViewInstance.liElementHeight) - 2;
-                    if (scrollDiff < 0) {
-                        scrollDiff = 0;
-                    }
-                    this.activeIndex += scrollDiff;
-                }
                 var curViewDS_2 = this.listViewInstance.curViewDS;
                 var text = this.listViewInstance.fields.text;
                 if (this.listViewInstance.showCheckBox) {
@@ -3866,114 +3514,35 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             this.listViewInstance.removeSelect();
             this.activeIndex = undefined;
         }
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            // eslint-disable-next-line
-            var elementId = resutJSON.data[this.listViewInstance.fields.id];
-            if (this.listViewInstance.showCheckBox) {
-                if (!this.listViewInstance.previousSelectedItems.includes(elementId)) {
-                    this.listViewInstance.previousSelectedItems.push(elementId);
-                }
-                else {
-                    var indexPosition = this.listViewInstance.previousSelectedItems.indexOf(elementId);
-                    if (indexPosition > -1) {
-                        this.listViewInstance.previousSelectedItems.splice(indexPosition, 1);
-                    }
-                }
-            }
-            else {
-                this.listViewInstance.previousSelectedItems[0] = elementId;
-            }
-            this.listViewInstance.removeActiveClass();
-        }
     };
     Virtualization.prototype.enableItem = function (obj) {
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            // eslint-disable-next-line
-            var itemId = resutJSON.data[this.listViewInstance.fields.id];
-            if (!this.listViewInstance.enabledItems.includes(itemId)) {
-                this.listViewInstance.enabledItems.push(itemId);
-                this.listViewInstance.removeActiveClass();
-            }
-            if (this.listViewInstance.disabledItems.includes(itemId)) {
-                var indexPosition = this.listViewInstance.disabledItems.indexOf(itemId);
-                if (indexPosition > -1) {
-                    this.listViewInstance.disabledItems.splice(indexPosition, 1);
-                }
-            }
-        }
-        else {
-            if (Object.keys(resutJSON).length) {
-                this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
-            }
+        if (Object.keys(resutJSON).length) {
+            this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.disableItem = function (obj) {
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            // eslint-disable-next-line
-            var liElementId = resutJSON.data[this.listViewInstance.fields.id];
-            if (!this.listViewInstance.disabledItems.includes(liElementId)) {
-                this.listViewInstance.disabledItems.push(liElementId);
-                this.listViewInstance.removeActiveClass();
-            }
-            if (this.listViewInstance.enabledItems.includes(liElementId)) {
-                var indexPosition = this.listViewInstance.enabledItems.indexOf(liElementId);
-                if (indexPosition > -1) {
-                    this.listViewInstance.enabledItems.splice(indexPosition, 1);
-                }
-            }
-        }
-        else {
-            if (Object.keys(resutJSON).length && this.uiIndices.disabledItemIndices.indexOf(resutJSON.index) === -1) {
-                this.uiIndices.disabledItemIndices.push(resutJSON.index);
-            }
+        if (Object.keys(resutJSON).length && this.uiIndices.disabledItemIndices.indexOf(resutJSON.index) === -1) {
+            this.uiIndices.disabledItemIndices.push(resutJSON.index);
         }
     };
     Virtualization.prototype.showItem = function (obj) {
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            // eslint-disable-next-line
-            var hiddenElementId = resutJSON.data[this.listViewInstance.fields.id];
-            if (this.listViewInstance.hiddenItems.includes(hiddenElementId)) {
-                var indexPosition = this.listViewInstance.hiddenItems.indexOf(hiddenElementId);
-                if (indexPosition > -1) {
-                    this.listViewInstance.previousSelectedItems.splice(indexPosition, 1);
-                    this.listViewInstance.removeActiveClass();
-                }
-            }
-        }
-        else {
-            if (Object.keys(resutJSON).length) {
-                this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
-            }
+        if (Object.keys(resutJSON).length) {
+            this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.hideItem = function (obj) {
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            // eslint-disable-next-line
-            var elementId = resutJSON.data[this.listViewInstance.fields.id];
-            if (!this.listViewInstance.hiddenItems.includes(elementId)) {
-                this.listViewInstance.hiddenItems.push(elementId);
-                this.listViewInstance.removeActiveClass();
-            }
-        }
-        else {
-            if (Object.keys(resutJSON).length && this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index) === -1) {
-                this.uiIndices.hiddenItemIndices.push(resutJSON.index);
-            }
+        if (Object.keys(resutJSON).length && this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index) === -1) {
+            this.uiIndices.hiddenItemIndices.push(resutJSON.index);
         }
     };
     Virtualization.prototype.removeItem = function (obj) {
         var dataSource;
         var curViewDS = this.listViewInstance.curViewDS;
         var resutJSON = this.findDSAndIndexFromId(curViewDS, obj);
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            if (resutJSON.index !== undefined) {
-                this.listViewInstance.interopAdaptor.invokeMethodAsync('RemoveItemPosition', resutJSON.index);
-            }
-        }
         if (Object.keys(resutJSON).length) {
             dataSource = resutJSON.data;
             if (curViewDS[resutJSON.index - 1] &&
@@ -3984,9 +3553,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 this.removeUiItem(resutJSON.index - 1);
             }
             else {
-                if (!(isBlazor() && this.listViewInstance.isServerRendered)) {
-                    this.removeUiItem(resutJSON.index);
-                }
+                this.removeUiItem(resutJSON.index);
             }
         }
         var listDataSource = this.listViewInstance.dataSource instanceof DataManager
@@ -4002,12 +3569,6 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     // eslint-disable-next-line
     Virtualization.prototype.setCheckboxLI = function (li, e) {
-        if (isBlazor() && this.listViewInstance.isServerRendered) {
-            this.uiFirstIndex = Math.round(this.listViewInstance.element.scrollTop / 36) - 4;
-            if (this.uiFirstIndex < 0) {
-                this.uiFirstIndex = 0;
-            }
-        }
         var index = Array.prototype.indexOf.call(this.listViewInstance.curUL.querySelectorAll('li'), li) + this.uiFirstIndex;
         this.activeIndex = Array.prototype.indexOf.call(this.listViewInstance.curUL.querySelectorAll('li'), li) + this.uiFirstIndex;
         if (li.classList.contains(classNames.selected)) {
@@ -4663,10 +4224,6 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
                 element.style.height = target.offsetHeight + "px";
             }
             addClass([element], ['e-sortableclone']);
-            removeClass([element], ['e-listboxtool-container']);
-            if (element && element.className.indexOf("e-listbox-wrapper") < 0) {
-                addClass([element], ['e-listbox-wrapper']);
-            }
             document.body.appendChild(element);
             return element;
         };
@@ -4779,9 +4336,8 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
             var isPlaceHolderPresent = _this.isPlaceHolderPresent(dropInst);
             if (isPlaceHolderPresent) {
                 var curIdx_1 = _this.getIndex(dropInst.placeHolderElement, dropInst);
-                var prevIndx = _this === dropInst && (prevIdx - curIdx_1) > 0 ? prevIdx - 1 : prevIdx;
                 var args = {
-                    previousIndex: prevIndx, currentIndex: _this.curTarget === _this.target ? prevIndx : curIdx_1, target: e.target, droppedElement: _this.target,
+                    previousIndex: prevIdx, currentIndex: curIdx_1, target: e.target, droppedElement: _this.target,
                     helper: e.helper, cancel: false, handled: false
                 };
                 _this.trigger('beforeDrop', args, function (observedArgs) {
@@ -4808,8 +4364,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line prefer-const
             curIdx = dropInst.element.childElementCount;
             prevIdx = _this.getIndex(_this.target);
-            var target = (e.target.className.indexOf("e-list-nrt") > -1) ? e.target.parentElement : e.target;
-            if (dropInst.element === target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
+            if (dropInst.element === e.target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
                 var beforeDropArgs = {
                     previousIndex: prevIdx, currentIndex: _this.curTarget === _this.target ? prevIdx : curIdx,
                     target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false