@syncfusion/ej2-lists 26.2.5 → 26.2.11

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.5
+*  version : 26.2.11
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-lists@*",
-  "_id": "@syncfusion/ej2-lists@26.1.35",
+  "_id": "@syncfusion/ej2-lists@26.2.10",
   "_inBundle": false,
-  "_integrity": "sha512-vOwoqKOGf7k+iZWQIWoJZhJYZU2wZpqGnyBRYLn7n1g/MVcQPxJbCxyTsw/Vn3JtVbBxpLti0BnW04X97IJEDQ==",
+  "_integrity": "sha512-e9VZtxBNBMjvKnkR/ZCDEZoFEHNz3quZBYeTFE1anFmxMvE0/dcchRahFcctCM2l+/9XW50iTGHHdz7E9ZtM4g==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-26.1.35.tgz",
-  "_shasum": "f1e44cd7e717bce96aa80f2f72f40ed059a8d30c",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-26.2.10.tgz",
+  "_shasum": "344ce6844fb6b54c1ed15b98b5d294e2cdb4c4db",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -44,10 +44,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.5",
-    "@syncfusion/ej2-data": "~26.2.5",
-    "@syncfusion/ej2-popups": "~26.2.5"
+    "@syncfusion/ej2-base": "~26.2.10",
+    "@syncfusion/ej2-buttons": "~26.2.10",
+    "@syncfusion/ej2-data": "~26.2.10",
+    "@syncfusion/ej2-popups": "~26.2.11"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
@@ -87,7 +87,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "26.2.5",
+  "version": "26.2.11",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/list-view/list-view.d.ts

@@ -665,7 +665,6 @@ export interface ListSelectedItem {
  * ```props
  * Top:- The scrollbar is moved upwards.
  * Bottom:- The scrollbar is moved downwards.
-
  * ```
  */
 export declare type direction = 'Top' | 'Bottom';

package/src/list-view/list-view.js

@@ -228,6 +228,7 @@ var ListView = /** @class */ (function (_super) {
                     }
                     break;
                 case 'dataSource':
+                    this.previousScrollTop = this.element.scrollTop;
                     if (this.enableVirtualization) {
                         this.virtualizationModule.reRenderUiVirtualization();
                     }
@@ -963,8 +964,9 @@ var ListView = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.scroll)) {
             EventHandler.remove(this.element, 'scroll', this.onListScroll);
         }
-        if (this.touchModule)
+        if (this.touchModule) {
             this.touchModule.destroy();
+        }
         this.touchModule = null;
     };
     ListView.prototype.removeFocus = function () {

package/src/list-view/virtualization.js

@@ -32,8 +32,10 @@ var Virtualization = /** @class */ (function () {
      */
     Virtualization.prototype.uiVirtualization = function () {
         this.wireScrollEvent(false);
+        var isRendered = this.listViewInstance.isRendered;
+        var firstIndex = isRendered && !isNullOrUndefined(this.uiFirstIndex) ? this.uiFirstIndex : 0;
         var curViewDS = this.listViewInstance.curViewDS;
-        var firstDs = curViewDS.slice(0, 1);
+        var 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 });
         this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
@@ -41,9 +43,10 @@ var Virtualization = /** @class */ (function () {
         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);
+        var lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) ? this.uiLastIndex : this.domItemCount - 1;
+        this.uiFirstIndex = firstIndex;
+        this.uiLastIndex = lastIndex;
+        var otherDs = curViewDS.slice(firstIndex + 1, lastIndex + 1);
         var listItems = ListBase.createListItemFromJson(this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
         append(listItems, this.listViewInstance.ulElement);
         this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
@@ -52,11 +55,14 @@ var Virtualization = /** @class */ (function () {
         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.topElement.style.height = isRendered ? this.topElementHeight + 'px' : '0px';
+        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;
+        if (isRendered) {
+            this.listViewInstance.element.scrollTop = this.listViewInstance.previousScrollTop;
+        }
         this.uiIndicesInitialization();
     };
     Virtualization.prototype.wireScrollEvent = function (destroy) {