@syncfusion/ej2-lists 19.4.55 → 20.1.47

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

@@ -214,7 +214,8 @@ var ListBase;
         var curOpt = extend({}, defaultListBaseOptions, options);
         cssClass = getModuleClass(curOpt.moduleName);
         var fields = (componentInstance &&
-            (componentInstance.getModuleName() == "listview" || componentInstance.getModuleName() == "multiselect")) ? curOpt.fields : extend({}, ListBase.defaultMappedFields, curOpt.fields);
+            (componentInstance.getModuleName() === 'listview' || componentInstance.getModuleName() === 'multiselect'))
+            ? curOpt.fields : extend({}, ListBase.defaultMappedFields, curOpt.fields);
         var ariaAttributes = extend({}, defaultAriaAttributes, curOpt.ariaAttributes);
         var id;
         var checkboxElement = [];
@@ -636,7 +637,7 @@ var ListBase;
             else {
                 var currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
                 if (isHeader) {
-                    if (componentInstance && componentInstance.getModuleName() != "listview") {
+                    if (componentInstance && componentInstance.getModuleName() != 'listview') {
                         // eslint-disable-next-line
                         var compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
                         if (compiledElement) {
@@ -648,7 +649,7 @@ var ListBase;
                     }
                 }
                 else {
-                    if (componentInstance && componentInstance.getModuleName() != "listview") {
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
                         // eslint-disable-next-line
                         var compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
                         if (compiledElement) {
@@ -704,7 +705,7 @@ var ListBase;
             var headerData = {};
             headerData[category] = header.textContent;
             header.innerHTML = '';
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== "listview") {
                 // eslint-disable-next-line
                 var compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
                 if (compiledElement) {
@@ -888,7 +889,7 @@ var ListBase;
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
             var compiledString = compileTemplate(options.groupTemplate);
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== "listview") {
                 // eslint-disable-next-line
                 var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
@@ -902,7 +903,7 @@ var ListBase;
         else if (!grpLI && options && options.template) {
             // eslint-disable-next-line @typescript-eslint/ban-types
             var compiledString = compileTemplate(options.template);
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
                 // eslint-disable-next-line
                 var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
@@ -1014,6 +1015,9 @@ function compileTemplate(template) {
             if (document.querySelector(template)) {
                 return compile(document.querySelector(template).innerHTML.trim());
             }
+            else {
+                return compile(template);
+            }
         }
         catch (e) {
             return compile(template);
@@ -1078,6 +1082,7 @@ var classNames = {
     content: 'e-content',
     icon: 'e-icons',
     backIcon: 'e-icon-back',
+    backButton: 'e-back-button',
     checkboxWrapper: 'e-checkbox-wrapper',
     checkbox: 'e-checkbox',
     checked: 'e-check',
@@ -1317,7 +1322,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             var innerHeaderEle = this.createElement('span', { className: classNames.headerText, innerHTML: this.headerTitle });
             var textEle = this.createElement('div', { className: classNames.text, innerHTML: innerHeaderEle.outerHTML });
             var hedBackButton = this.createElement('div', {
-                className: classNames.icon + ' ' + classNames.backIcon + ' e-but-back',
+                className: classNames.icon + ' ' + classNames.backIcon + ' ' + classNames.backButton,
                 attrs: { style: 'display:none;' }
             });
             this.headerEle.appendChild(hedBackButton);
@@ -1434,7 +1439,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             groupTemplate: this.groupTemplate, expandCollapse: true, listClass: '',
             ariaAttributes: {
                 itemRole: 'option', listRole: 'presentation', itemText: '',
-                groupItemRole: 'group', wrapperRole: 'presentation'
+                groupItemRole: 'option', wrapperRole: 'presentation'
             },
             // eslint-disable-next-line
             fields: (this.fields.properties),
@@ -1688,6 +1693,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.setSelectLI(li, e);
+                this.element.focus();
             }
             closestElement = closest(e.target, 'li');
             if (!isNullOrUndefined(closestElement)) {
@@ -1710,6 +1716,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.removeHover();
     };
     ListView.prototype.homeKeyHandler = function (e, end) {
+        e.preventDefault();
         if (Object.keys(this.dataSource).length && this.curUL) {
             if (this.selectedItems) {
                 (this.selectedItems.item).setAttribute('aria-selected', 'false');
@@ -1868,6 +1875,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListView.prototype.spaceKeyHandler = function (e) {
+        e.preventDefault();
         if (this.enable && this.showCheckBox && Object.keys(this.dataSource).length && this.curUL) {
             var li = this.curUL.querySelector('.' + classNames.focused);
             var checkboxElement = void 0;
@@ -2032,9 +2040,11 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         else {
             selectedItem =
                 // eslint-disable-next-line
-                { item: li, text: fieldData && fieldData[this.listBaseOption.fields.text],
+                {
+                    item: li, text: fieldData && fieldData[this.listBaseOption.fields.text],
                     // eslint-disable-next-line
-                    data: data };
+                    data: data
+                };
         }
         var eventArgs = {};
         merge(eventArgs, selectedItem);
@@ -2187,16 +2197,19 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     };
     ListView.prototype.setViewDataSource = function (dataSource) {
         if (dataSource === void 0) { dataSource = this.localData; }
+        // eslint-disable-next-line
+        var fieldValue = (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy;
+        var query = ListBase.addSorting(this.sortOrder, fieldValue);
         if (dataSource && this.fields.groupBy) {
             if (this.sortOrder !== 'None') {
-                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);
+                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, query), 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, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy));
+            this.curViewDS = ListBase.getDataSource(dataSource, query);
         }
         else {
             this.curViewDS = dataSource;
@@ -3290,6 +3303,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         }
     };
     Virtualization.prototype.updateUiContent = function (element, index) {
+        // eslint-disable-next-line
         var curViewDs = this.listViewInstance.curViewDS;
         if (typeof this.listViewInstance.dataSource[0] === 'string' ||
             typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -3452,8 +3466,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                     var indexArray = this.uiIndices.activeIndices;
                     for (var i = 0; i < indexArray.length; i++) {
                         textCollection.push(curViewDS_2[indexArray[i]][text]);
+                        // eslint-disable-next-line
                         dataCollection.push(curViewDS_2[indexArray[i]]);
                     }
+                    // eslint-disable-next-line
                     var dataSource_1 = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS_2 : this.listViewInstance.dataSource;
                     return {
@@ -3466,6 +3482,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                     };
                 }
                 else {
+                    // eslint-disable-next-line
                     var dataSource = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS_2 : this.listViewInstance.dataSource;
                     return {
@@ -3482,6 +3499,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         }
     };
     Virtualization.prototype.selectItem = function (obj) {
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             var isSelected = this.activeIndex === resutJSON.index;
@@ -3509,6 +3527,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
+                // eslint-disable-next-line
                 var eventArgs = void 0;
                 if (typeof this.listViewInstance.dataSource[0] === 'string' ||
                     typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -3542,24 +3561,28 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         }
     };
     Virtualization.prototype.enableItem = function (obj) {
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.disableItem = function (obj) {
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length && this.uiIndices.disabledItemIndices.indexOf(resutJSON.index) === -1) {
             this.uiIndices.disabledItemIndices.push(resutJSON.index);
         }
     };
     Virtualization.prototype.showItem = function (obj) {
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.hideItem = function (obj) {
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length && this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index) === -1) {
             this.uiIndices.hiddenItemIndices.push(resutJSON.index);
@@ -3568,7 +3591,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     Virtualization.prototype.removeItem = function (obj) {
         var dataSource;
         var curViewDS = this.listViewInstance.curViewDS;
+        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(curViewDS, obj);
+        // eslint-disable-next-line
         if (Object.keys(resutJSON).length) {
             dataSource = resutJSON.data;
             if (curViewDS[resutJSON.index - 1] &&
@@ -3788,6 +3813,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
+                // eslint-disable-next-line
                 var index = this.listViewInstance.curViewDS.indexOf(currentItem);
                 // virtually new add list item based on the scollbar position
                 this.addUiItem(index);
@@ -4255,6 +4281,8 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
         };
         // eslint-disable-next-line
         _this.onDrag = function (e) {
+            if (!e.target)
+                return;
             _this.trigger('drag', { event: e.event, element: _this.element, target: e.target });
             var newInst = _this.getSortableInstance(e.target);
             var target = _this.getSortableElement(e.target, newInst);