@syncfusion/ej2-lists 31.2.12 → 32.1.23

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

@@ -987,15 +987,22 @@ var ListBase;
             }
         }
         else if (!grpLI && options && options.template) {
-            var compiledString = compileTemplate(options.template);
             if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                var compiledString = compileTemplate(options.template);
                 var 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 {
+                    var compiledString = compileTemplate(options.template);
+                    append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+                }
             }
         }
         else {
@@ -3259,6 +3266,17 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     return ListView;
 }(Component));
 
+var __assign = (undefined && undefined.__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);
+};
 var listElementCount = 1.5;
 var windowElementCount = 3;
 var Virtualization = /** @__PURE__ @class */ (function () {
@@ -4071,6 +4089,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
             }
         }
+        this.setItemContext(args.item, args.curData, !!args.curData.isHeader);
     };
     Virtualization.prototype.reRenderUiVirtualization = function () {
         this.wireScrollEvent(true);
@@ -4091,9 +4110,12 @@ var Virtualization = /** @__PURE__ @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) {
@@ -4119,6 +4141,7 @@ var Virtualization = /** @__PURE__ @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
@@ -4128,6 +4151,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             listElement.removeChild(listElement.lastChild);
         }
         listElement.appendChild(resultElement[0]);
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     };
     Virtualization.prototype.getModuleName = function () {
         return 'virtualization';
@@ -4137,6 +4161,14 @@ var Virtualization = /** @__PURE__ @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;
 }());