@syncfusion/ej2-lists 21.2.6 → 22.1.34

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

@@ -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',
@@ -1930,7 +1930,7 @@ let ListView = class ListView extends Component {
             const focusedElement = this.curUL.querySelector('.' + classNames.focused);
             if (focusedElement) {
                 focusedElement.classList.remove(classNames.focused);
-                if (!this.showCheckBox) {
+                if (!this.showCheckBox && !isNullOrUndefined(this.selectedLI)) {
                     this.selectedLI.classList.add(classNames.selected);
                 }
             }
@@ -2368,7 +2368,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 +3114,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;
@@ -4554,7 +4554,8 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                     }
                     const offset = target.getBoundingClientRect();
                     const clientY = offset.bottom - ((offset.bottom - offset.top) / 2);
-                    idx = e.clientY <= clientY ? idx : idx + 1;
+                    const cltY = e.changedTouches ? e.changedTouches[0].clientY : e.clientY;
+                    idx = cltY <= clientY ? idx : idx + 1;
                 }
                 return;
             }