@syncfusion/ej2-lists 31.2.12 → 32.1.23

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

@@ -984,15 +984,22 @@ var ListBase;
             }
         }
         else if (!grpLI && options && options.template) {
-            const compiledString = compileTemplate(options.template);
             if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                const compiledString = compileTemplate(options.template);
                 const compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
                     append(compiledElement, li);
                 }
             }
             else {
-                append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+                // For spreadsheet comment templates, call the template function directly instead of relying on compiled string.
+                if (componentInstance && componentInstance.isInternalTemplate) {
+                    append(options.template(item), li);
+                }
+                else {
+                    const compiledString = compileTemplate(options.template);
+                    append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+                }
             }
         }
         else {
@@ -4024,6 +4031,7 @@ class Virtualization {
                 }
             }
         }
+        this.setItemContext(args.item, args.curData, !!args.curData.isHeader);
     }
     reRenderUiVirtualization() {
         this.wireScrollEvent(true);
@@ -4044,9 +4052,12 @@ class Virtualization {
             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);
+            const curViewDS = this.listViewInstance.curViewDS[index];
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         this.changeElementAttributes(element, index);
         if (targetElement) {
@@ -4072,6 +4083,7 @@ class Virtualization {
         [].slice.call(liItem[0].children).forEach((ele) => {
             listElement.appendChild(ele);
         });
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     }
     onNgChange(newData, listElement, virtualThis) {
         // compile given target element with template for new data
@@ -4081,6 +4093,7 @@ class Virtualization {
             listElement.removeChild(listElement.lastChild);
         }
         listElement.appendChild(resultElement[0]);
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     }
     getModuleName() {
         return 'virtualization';
@@ -4090,6 +4103,14 @@ class Virtualization {
         this.topElement = null;
         this.bottomElement = null;
     }
+    setItemContext(item, curData, isHeader) {
+        const el = item;
+        const existing = (el.context || {});
+        el.context = Object.assign({}, existing, { data: curData, nodes: existing.nodes || { flatTemplateNodes: [], groupTemplateNodes: [] }, type: isHeader ? 'groupList' : 'flatList' });
+        if (item.firstElementChild) {
+            el.context.template = item.firstElementChild;
+        }
+    }
 }
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {