@syncfusion/ej2-lists 32.1.19 → 32.1.23

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 32.1.23
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _lists from '@syncfusion/ej2-lists';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-lists",
-  "version": "32.1.19",
+  "version": "32.1.23",
   "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.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,9 +8,9 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-lists.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.19",
-    "@syncfusion/ej2-buttons": "~32.1.19",
-    "@syncfusion/ej2-data": "~32.1.19",
+    "@syncfusion/ej2-base": "~32.1.23",
+    "@syncfusion/ej2-buttons": "~32.1.23",
+    "@syncfusion/ej2-data": "~32.1.23",
     "@syncfusion/ej2-popups": "~32.1.19"
   },
   "devDependencies": {},

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

@@ -90,6 +90,7 @@ export declare class Virtualization {
     private onNgChange;
     getModuleName(): string;
     destroy(): void;
+    private setItemContext;
 }
 interface DataSource {
     [key: string]: object;

package/src/list-view/virtualization.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { classNames } from './list-view';
 import { EventHandler, append, isNullOrUndefined, detach, compile, formatUnit, select } from '@syncfusion/ej2-base';
 import { ListBase } from '../common/list-base';
@@ -814,6 +825,7 @@ var Virtualization = /** @class */ (function () {
                 }
             }
         }
+        this.setItemContext(args.item, args.curData, !!args.curData.isHeader);
     };
     Virtualization.prototype.reRenderUiVirtualization = function () {
         this.wireScrollEvent(true);
@@ -834,9 +846,12 @@ var Virtualization = /** @class */ (function () {
             element.dataset.uid = (curViewDS[this.listViewInstance.fields.id]) ?
                 (curViewDS[this.listViewInstance.fields.id]) : ListBase.generateId();
             onChange(curViewDS, element, this);
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         else {
             this.updateUiContent(element, index);
+            var curViewDS = this.listViewInstance.curViewDS[index];
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         this.changeElementAttributes(element, index);
         if (targetElement) {
@@ -862,6 +877,7 @@ var Virtualization = /** @class */ (function () {
         [].slice.call(liItem[0].children).forEach(function (ele) {
             listElement.appendChild(ele);
         });
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     };
     Virtualization.prototype.onNgChange = function (newData, listElement, virtualThis) {
         // compile given target element with template for new data
@@ -871,6 +887,7 @@ var Virtualization = /** @class */ (function () {
             listElement.removeChild(listElement.lastChild);
         }
         listElement.appendChild(resultElement[0]);
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     };
     Virtualization.prototype.getModuleName = function () {
         return 'virtualization';
@@ -880,6 +897,14 @@ var Virtualization = /** @class */ (function () {
         this.topElement = null;
         this.bottomElement = null;
     };
+    Virtualization.prototype.setItemContext = function (item, curData, isHeader) {
+        var el = item;
+        var existing = (el.context || {});
+        el.context = __assign({}, existing, { data: curData, nodes: existing.nodes || { flatTemplateNodes: [], groupTemplateNodes: [] }, type: isHeader ? 'groupList' : 'flatList' });
+        if (item.firstElementChild) {
+            el.context.template = item.firstElementChild;
+        }
+    };
     return Virtualization;
 }());
 export { Virtualization };