@syncfusion/ej2-lists 19.2.60 → 19.3.48

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

@@ -52,7 +52,8 @@ var ListBase;
         urlAttributes: 'urlAttributes',
         imageAttributes: 'imageAttributes',
         imageUrl: 'imageUrl',
-        groupBy: null
+        groupBy: null,
+        sortBy: null
     };
     var defaultAriaAttributes = {
         level: 1,
@@ -212,7 +213,8 @@ var ListBase;
     options, level, isSingleLevel, componentInstance) {
         var curOpt = extend({}, defaultListBaseOptions, options);
         cssClass = getModuleClass(curOpt.moduleName);
-        var fields = extend({}, ListBase.defaultMappedFields, curOpt.fields);
+        var fields = (componentInstance &&
+            (componentInstance.getModuleName() == "listview" || componentInstance.getModuleName() == "multiselect")) ? curOpt.fields : extend({}, ListBase.defaultMappedFields, curOpt.fields);
         var ariaAttributes = extend({}, defaultAriaAttributes, curOpt.ariaAttributes);
         var id;
         var checkboxElement = [];
@@ -586,7 +588,7 @@ var ListBase;
         var curOpt = extend({}, defaultListBaseOptions, options);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         // eslint-disable-next-line
-        var compiledString = compile(template);
+        var compiledString = compileTemplate(template);
         var liCollection = [];
         var value;
         var id = generateId(); // generate id for drop-down-list option.
@@ -634,17 +636,27 @@ var ListBase;
             else {
                 var currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
                 if (isHeader) {
-                    // eslint-disable-next-line
-                    var compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        var 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
-                    var compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        var 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);
@@ -683,7 +695,7 @@ var ListBase;
     // eslint-disable-next-line
     headerItems, options, componentInstance) {
         // eslint-disable-next-line @typescript-eslint/ban-types
-        var compiledString = compile(groupTemplate);
+        var compiledString = compileTemplate(groupTemplate);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         var curOpt = extend({}, defaultListBaseOptions, options);
         var category = curFields.groupBy;
@@ -692,10 +704,15 @@ var ListBase;
             var headerData = {};
             headerData[category] = header.textContent;
             header.innerHTML = '';
-            // eslint-disable-next-line
-            var 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
+                var 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;
@@ -870,20 +887,30 @@ var ListBase;
         }
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            var compiledString = compile(options.groupTemplate);
-            // eslint-disable-next-line
-            var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            var compiledString = compileTemplate(options.groupTemplate);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                var 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
-            var compiledString = compile(options.template);
-            // eslint-disable-next-line
-            var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            var compiledString = compileTemplate(options.template);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                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);
             }
         }
         else {
@@ -981,6 +1008,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 __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2149,14 +2189,14 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         if (dataSource === void 0) { 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;
@@ -4210,10 +4250,6 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
                 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;
         };
@@ -4326,9 +4362,8 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
             var isPlaceHolderPresent = _this.isPlaceHolderPresent(dropInst);
             if (isPlaceHolderPresent) {
                 var curIdx_1 = _this.getIndex(dropInst.placeHolderElement, dropInst);
-                var prevIndx = _this === dropInst && (prevIdx - curIdx_1) > 0 ? prevIdx - 1 : prevIdx;
                 var args = {
-                    previousIndex: prevIndx, currentIndex: _this.curTarget === _this.target ? prevIndx : curIdx_1, target: e.target, droppedElement: _this.target,
+                    previousIndex: prevIdx, currentIndex: curIdx_1, target: e.target, droppedElement: _this.target,
                     helper: e.helper, cancel: false, handled: false
                 };
                 _this.trigger('beforeDrop', args, function (observedArgs) {
@@ -4355,8 +4390,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line prefer-const
             curIdx = dropInst.element.childElementCount;
             prevIdx = _this.getIndex(_this.target);
-            var 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)) {
                 var beforeDropArgs = {
                     previousIndex: prevIdx, currentIndex: _this.curTarget === _this.target ? prevIdx : curIdx,
                     target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false