@syncfusion/ej2-lists 27.2.3 → 28.1.33

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

@@ -3227,9 +3227,10 @@ class Virtualization {
      */
     uiVirtualization() {
         this.wireScrollEvent(false);
-        const isRendered = this.listViewInstance.isRendered;
-        const firstIndex = isRendered && !isNullOrUndefined(this.uiFirstIndex) ? this.uiFirstIndex : 0;
         const curViewDS = this.listViewInstance.curViewDS;
+        const isRendered = this.listViewInstance.isRendered;
+        const firstIndex = isRendered && !isNullOrUndefined(this.uiFirstIndex) && this.uiLastIndex <= Object.keys(curViewDS).length
+            ? this.uiFirstIndex : 0;
         const firstDs = curViewDS.slice(firstIndex, firstIndex + 1);
         this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
         this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
@@ -3238,7 +3239,8 @@ class Virtualization {
         this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
         this.expectedDomItemCount = this.ValidateItemCount(10000);
         this.updateDOMItemCount();
-        const lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) ? this.uiLastIndex : this.domItemCount - 1;
+        const lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) && this.listDiff !== 0
+            ? this.uiLastIndex : this.domItemCount - 1;
         this.uiFirstIndex = firstIndex;
         this.uiLastIndex = lastIndex;
         const otherDs = curViewDS.slice(firstIndex + 1, lastIndex + 1);
@@ -3254,7 +3256,7 @@ class Virtualization {
         this.bottomElement.style.height = isRendered ? (this.totalHeight - this.topElementHeight) + 'px' : this.totalHeight + 'px';
         this.topElementHeight = isRendered ? this.topElementHeight : 0;
         this.bottomElementHeight = isRendered ? (this.totalHeight - this.topElementHeight) : this.totalHeight;
-        this.listDiff = isRendered ? this.listDiff : 0;
+        this.listDiff = isRendered && Object.keys(curViewDS).length !== this.domItemCount ? this.listDiff : 0;
         if (isRendered) {
             this.listViewInstance.element.scrollTop = this.listViewInstance.previousScrollTop;
         }
@@ -4139,7 +4141,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                         return;
                     }
                     if (isPlaceHolderPresent) {
-                        remove(newInst.placeHolderElement);
+                        this.removePlaceHolder(newInst);
                     }
                     newInst.placeHolderElement = placeHolder;
                     if (e.target && typeof e.target.className === 'string' && e.target.className.indexOf('e-list-group-item') > -1) {
@@ -4151,7 +4153,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                     else {
                         newInst.element.insertBefore(newInst.placeHolderElement, newInst.element.children[newIdx]);
                     }
-                    this.refreshDisabled(oldIdx, newIdx, newInst);
                 }
                 else {
                     oldIdx = isNullOrUndefined(oldIdx) ? this.getIndex(this.target) :
@@ -4160,7 +4161,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                     const idx = newInst.element !== this.element ? newIdx : oldIdx < newIdx ? newIdx + 1 : newIdx;
                     this.updateItemClass(newInst);
                     newInst.element.insertBefore(this.target, newInst.element.children[idx]);
-                    this.refreshDisabled(oldIdx, newIdx, newInst);
                     this.curTarget = this.target;
                     this.trigger('drop', {
                         droppedElement: this.target, element: newInst.element, previousIndex: oldIdx, currentIndex: newIdx,
@@ -4169,7 +4169,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                 }
             }
             else if (this.curTarget !== this.target && this.scope && this.curTarget !== target && !isNullOrUndefined(newInst.placeHolder)) {
-                remove(this.getSortableInstance(this.curTarget).placeHolderElement);
+                this.removePlaceHolder(this.getSortableInstance(this.curTarget));
                 this.curTarget = this.target;
             }
             newInst = this.getSortableInstance(this.curTarget);
@@ -4245,7 +4245,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                             target: e.target, helper: e.helper, droppedElement: this.target, scopeName: this.scope, handled: handled
                         });
                     }
-                    remove(dropInst.placeHolderElement);
+                    this.removePlaceHolder(dropInst);
                 });
             }
             dropInst = this.getSortableInstance(e.target);
@@ -4362,26 +4362,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             return this;
         }
     }
-    refreshDisabled(oldIdx, newIdx, instance) {
-        if (instance === this) {
-            let element;
-            const increased = oldIdx < newIdx;
-            let disabledIdx;
-            let start = increased ? oldIdx : newIdx;
-            const end = increased ? newIdx : oldIdx;
-            while (start <= end) {
-                element = this.element.children[start];
-                if (element.classList.contains('e-disabled')) {
-                    disabledIdx = this.getIndex(element);
-                    this.element.insertBefore(element, this.element.children[increased ? disabledIdx + 2 : disabledIdx - 1]);
-                    start = increased ? disabledIdx + 2 : disabledIdx + 1;
-                }
-                else {
-                    start++;
-                }
-            }
-        }
-    }
     getIndex(target, instance = this, e) {
         let idx;
         let placeHolderPresent;