@syncfusion/ej2-lists 19.2.60 → 19.3.48

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

@@ -52,7 +52,8 @@ var ListBase;
         urlAttributes: 'urlAttributes',
         imageAttributes: 'imageAttributes',
         imageUrl: 'imageUrl',
-        groupBy: null
+        groupBy: null,
+        sortBy: null
     };
     const defaultAriaAttributes = {
         level: 1,
@@ -212,7 +213,8 @@ var ListBase;
     options, level, isSingleLevel, componentInstance) {
         const curOpt = extend({}, defaultListBaseOptions, options);
         cssClass = getModuleClass(curOpt.moduleName);
-        const fields = extend({}, ListBase.defaultMappedFields, curOpt.fields);
+        const fields = (componentInstance &&
+            (componentInstance.getModuleName() == "listview" || componentInstance.getModuleName() == "multiselect")) ? curOpt.fields : extend({}, ListBase.defaultMappedFields, curOpt.fields);
         const ariaAttributes = extend({}, defaultAriaAttributes, curOpt.ariaAttributes);
         let id;
         let checkboxElement = [];
@@ -584,7 +586,7 @@ var ListBase;
         const curOpt = extend({}, defaultListBaseOptions, options);
         const curFields = extend({}, ListBase.defaultMappedFields, fields);
         // eslint-disable-next-line
-        const compiledString = compile(template);
+        const compiledString = compileTemplate(template);
         const liCollection = [];
         let value;
         const id = generateId(); // generate id for drop-down-list option.
@@ -632,17 +634,27 @@ var ListBase;
             else {
                 const currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
                 if (isHeader) {
-                    // eslint-disable-next-line
-                    const compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        const compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
+                        if (compiledElement) {
+                            append(compiledElement, li);
+                        }
+                    }
+                    else {
+                        append(compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate), li);
                     }
                 }
                 else {
-                    // eslint-disable-next-line
-                    const compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        const compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
+                        if (compiledElement) {
+                            append(compiledElement, li);
+                        }
+                    }
+                    else {
+                        append(compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate), li);
                     }
                 }
                 li.setAttribute('data-value', isNullOrUndefined(value) ? 'null' : value);
@@ -681,7 +693,7 @@ var ListBase;
     // eslint-disable-next-line
     headerItems, options, componentInstance) {
         // eslint-disable-next-line @typescript-eslint/ban-types
-        const compiledString = compile(groupTemplate);
+        const compiledString = compileTemplate(groupTemplate);
         const curFields = extend({}, ListBase.defaultMappedFields, fields);
         const curOpt = extend({}, defaultListBaseOptions, options);
         const category = curFields.groupBy;
@@ -689,10 +701,15 @@ var ListBase;
             const headerData = {};
             headerData[category] = header.textContent;
             header.innerHTML = '';
-            // eslint-disable-next-line
-            const compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
-            if (compiledElement) {
-                append(compiledElement, header);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                const compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
+                if (compiledElement) {
+                    append(compiledElement, header);
+                }
+            }
+            else {
+                append(compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), header);
             }
         }
         return headerItems;
@@ -867,20 +884,30 @@ var ListBase;
         }
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            const compiledString = compile(options.groupTemplate);
-            // eslint-disable-next-line
-            const compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            const compiledString = compileTemplate(options.groupTemplate);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                const compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
+                if (compiledElement) {
+                    append(compiledElement, li);
+                }
+            }
+            else {
+                append(compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), li);
             }
         }
         else if (!grpLI && options && options.template) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            const compiledString = compile(options.template);
-            // eslint-disable-next-line
-            const compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            const compiledString = compileTemplate(options.template);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                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);
             }
         }
         else {
@@ -977,6 +1004,19 @@ function getFieldValues(dataItem, fields) {
     }
     return fieldData;
 }
+function compileTemplate(template) {
+    if (template) {
+        try {
+            if (document.querySelector(template)) {
+                return compile(document.querySelector(template).innerHTML.trim());
+            }
+        }
+        catch (e) {
+            return compile(template);
+        }
+    }
+    return undefined;
+}
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2116,14 +2156,14 @@ let ListView = class ListView extends Component {
     setViewDataSource(dataSource = this.localData) {
         if (dataSource && this.fields.groupBy) {
             if (this.sortOrder !== 'None') {
-                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
+                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
             }
             else {
                 this.curViewDS = ListBase.groupDataSource(dataSource, this.listBaseOption.fields, this.sortOrder);
             }
         }
         else if (dataSource && this.sortOrder !== 'None') {
-            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy));
+            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy));
         }
         else {
             this.curViewDS = dataSource;
@@ -4140,10 +4180,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                 element.style.height = `${target.offsetHeight}px`;
             }
             addClass([element], ['e-sortableclone']);
-            removeClass([element], ['e-listboxtool-container']);
-            if (element && element.className.indexOf("e-listbox-wrapper") < 0) {
-                addClass([element], ['e-listbox-wrapper']);
-            }
             document.body.appendChild(element);
             return element;
         };
@@ -4256,9 +4292,8 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             const isPlaceHolderPresent = this.isPlaceHolderPresent(dropInst);
             if (isPlaceHolderPresent) {
                 const curIdx = this.getIndex(dropInst.placeHolderElement, dropInst);
-                let prevIndx = this === dropInst && (prevIdx - curIdx) > 0 ? prevIdx - 1 : prevIdx;
                 const args = {
-                    previousIndex: prevIndx, currentIndex: this.curTarget === this.target ? prevIndx : curIdx, target: e.target, droppedElement: this.target,
+                    previousIndex: prevIdx, currentIndex: curIdx, target: e.target, droppedElement: this.target,
                     helper: e.helper, cancel: false, handled: false
                 };
                 this.trigger('beforeDrop', args, (observedArgs) => {
@@ -4285,8 +4320,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             // eslint-disable-next-line prefer-const
             curIdx = dropInst.element.childElementCount;
             prevIdx = this.getIndex(this.target);
-            const target = (e.target.className.indexOf("e-list-nrt") > -1) ? e.target.parentElement : e.target;
-            if (dropInst.element === target || (!isPlaceHolderPresent && this.curTarget === this.target)) {
+            if (dropInst.element === e.target || (!isPlaceHolderPresent && this.curTarget === this.target)) {
                 const beforeDropArgs = {
                     previousIndex: prevIdx, currentIndex: this.curTarget === this.target ? prevIdx : curIdx,
                     target: e.target, droppedElement: this.target, helper: e.helper, cancel: false