@syncfusion/ej2-lists 19.2.49 → 19.3.44

package/src/list-view/virtualization.js

@@ -1,6 +1,5 @@
 import { classNames } from './list-view';
 import { EventHandler, append, isNullOrUndefined, detach, removeClass, addClass, compile, formatUnit } from '@syncfusion/ej2-base';
-import { isBlazor, debounce } from '@syncfusion/ej2-base';
 import { ListBase } from '../common/list-base';
 import { DataManager } from '@syncfusion/ej2-data';
 var listElementCount = 1.5;
@@ -27,66 +26,43 @@ var Virtualization = /** @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 {
@@ -165,16 +141,10 @@ var Virtualization = /** @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) {
@@ -198,54 +168,31 @@ var Virtualization = /** @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;
     };
@@ -433,14 +380,6 @@ var Virtualization = /** @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) {
@@ -535,114 +474,35 @@ var Virtualization = /** @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] &&
@@ -653,9 +513,7 @@ var Virtualization = /** @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
@@ -671,12 +529,6 @@ var Virtualization = /** @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)) {

package/src/sortable/sortable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, removeClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs } from '@syncfusion/ej2-base';
+import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Sortable

package/src/sortable/sortable.js

@@ -20,7 +20,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Base, Event, getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { closest, Draggable, remove, compareElementParent } from '@syncfusion/ej2-base';
-import { addClass, removeClass, isNullOrUndefined, getComponent, isBlazor } from '@syncfusion/ej2-base';
+import { addClass, isNullOrUndefined, getComponent, isBlazor } from '@syncfusion/ej2-base';
 /**
  * Sortable Module provides support to enable sortable functionality in Dom Elements.
  * ```html
@@ -59,10 +59,6 @@ var Sortable = /** @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;
         };
@@ -175,9 +171,8 @@ var Sortable = /** @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) {
@@ -204,8 +199,7 @@ var Sortable = /** @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