@syncfusion/ej2-lists 21.2.9 → 22.2.5

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

@@ -929,7 +929,7 @@ var ListBase;
                     attrs: (ariaAttributes.itemText !== '' ? { role: ariaAttributes.itemText } : {})
                 });
                 if (options && options.enableHtmlSanitizer) {
-                    element.innerText = text;
+                    element.innerText = SanitizeHtmlHelper.sanitize(text);
                 }
                 else {
                     element.innerHTML = text;
@@ -1011,7 +1011,7 @@ function getFieldValues(dataItem, fields) {
 function compileTemplate(template) {
     if (template) {
         try {
-            if (document.querySelector(template)) {
+            if (typeof template !== 'function' && document.querySelector(template)) {
                 return compile(document.querySelector(template).innerHTML.trim());
             }
             else {
@@ -1065,7 +1065,7 @@ const classNames = {
     headerTemplateText: 'e-headertemplate-text',
     text: 'e-text',
     disable: 'e-disabled',
-    content: 'e-content',
+    container: 'e-list-container',
     icon: 'e-icons',
     backIcon: 'e-icon-back',
     backButton: 'e-back-button',
@@ -1293,11 +1293,15 @@ let ListView = class ListView extends Component {
     // Support Component Functions
     header(text, showBack, prop) {
         if (this.headerEle === undefined && this.showHeader) {
+            this.headerEle = this.createElement('div', { className: classNames.header });
+            const innerHeaderEle = this.createElement('span', { className: classNames.headerText });
             if (this.enableHtmlSanitizer) {
                 this.setProperties({ headerTitle: SanitizeHtmlHelper.sanitize(this.headerTitle) }, true);
+                innerHeaderEle.innerText = this.headerTitle;
+            }
+            else {
+                innerHeaderEle.innerHTML = this.headerTitle;
             }
-            this.headerEle = this.createElement('div', { className: classNames.header });
-            const innerHeaderEle = this.createElement('span', { className: classNames.headerText, innerHTML: this.headerTitle });
             const textEle = this.createElement('div', { className: classNames.text, innerHTML: innerHeaderEle.outerHTML });
             const hedBackButton = this.createElement('div', {
                 className: classNames.icon + ' ' + classNames.backIcon + ' ' + classNames.backButton,
@@ -2368,7 +2372,7 @@ let ListView = class ListView extends Component {
         }
         else {
             this.createList();
-            this.contentContainer = this.createElement('div', { className: classNames.content });
+            this.contentContainer = this.createElement('div', { className: classNames.container });
             this.element.appendChild(this.contentContainer);
             this.renderIntoDom(this.ulElement);
             // eslint-disable-next-line
@@ -3114,7 +3118,7 @@ class Virtualization {
         this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
         // eslint-disable-next-line
         this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
-        this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.content });
+        this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
         this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
         this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
         this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;