@syncfusion/ej2-lists 19.4.55 → 20.1.47

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

@@ -214,7 +214,8 @@ var ListBase;
         const curOpt = extend({}, defaultListBaseOptions, options);
         cssClass = getModuleClass(curOpt.moduleName);
         const 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);
         const ariaAttributes = extend({}, defaultAriaAttributes, curOpt.ariaAttributes);
         let id;
         let checkboxElement = [];
@@ -634,7 +635,7 @@ var ListBase;
             else {
                 const currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
                 if (isHeader) {
-                    if (componentInstance && componentInstance.getModuleName() != "listview") {
+                    if (componentInstance && componentInstance.getModuleName() != 'listview') {
                         // eslint-disable-next-line
                         const compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
                         if (compiledElement) {
@@ -646,7 +647,7 @@ var ListBase;
                     }
                 }
                 else {
-                    if (componentInstance && componentInstance.getModuleName() != "listview") {
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
                         // eslint-disable-next-line
                         const compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
                         if (compiledElement) {
@@ -701,7 +702,7 @@ var ListBase;
             const headerData = {};
             headerData[category] = header.textContent;
             header.innerHTML = '';
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== "listview") {
                 // eslint-disable-next-line
                 const compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
                 if (compiledElement) {
@@ -885,7 +886,7 @@ var ListBase;
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
             const compiledString = compileTemplate(options.groupTemplate);
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== "listview") {
                 // eslint-disable-next-line
                 const compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
@@ -899,7 +900,7 @@ var ListBase;
         else if (!grpLI && options && options.template) {
             // eslint-disable-next-line @typescript-eslint/ban-types
             const compiledString = compileTemplate(options.template);
-            if (componentInstance && componentInstance.getModuleName() != "listview") {
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
                 // eslint-disable-next-line
                 const compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
@@ -1010,6 +1011,9 @@ function compileTemplate(template) {
             if (document.querySelector(template)) {
                 return compile(document.querySelector(template).innerHTML.trim());
             }
+            else {
+                return compile(template);
+            }
         }
         catch (e) {
             return compile(template);
@@ -1061,6 +1065,7 @@ const 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',
@@ -1292,7 +1297,7 @@ let ListView = class ListView extends Component {
             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 + ' e-but-back',
+                className: classNames.icon + ' ' + classNames.backIcon + ' ' + classNames.backButton,
                 attrs: { style: 'display:none;' }
             });
             this.headerEle.appendChild(hedBackButton);
@@ -1408,7 +1413,7 @@ let ListView = class ListView extends Component {
             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),
@@ -1662,6 +1667,7 @@ let ListView = class ListView extends Component {
             }
             else {
                 this.setSelectLI(li, e);
+                this.element.focus();
             }
             closestElement = closest(e.target, 'li');
             if (!isNullOrUndefined(closestElement)) {
@@ -1684,6 +1690,7 @@ let ListView = class ListView extends Component {
         this.removeHover();
     }
     homeKeyHandler(e, end) {
+        e.preventDefault();
         if (Object.keys(this.dataSource).length && this.curUL) {
             if (this.selectedItems) {
                 (this.selectedItems.item).setAttribute('aria-selected', 'false');
@@ -1841,6 +1848,7 @@ let ListView = class ListView extends Component {
         }
     }
     spaceKeyHandler(e) {
+        e.preventDefault();
         if (this.enable && this.showCheckBox && Object.keys(this.dataSource).length && this.curUL) {
             const li = this.curUL.querySelector('.' + classNames.focused);
             let checkboxElement;
@@ -2003,9 +2011,11 @@ let ListView = class ListView extends Component {
         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
+                };
         }
         const eventArgs = {};
         merge(eventArgs, selectedItem);
@@ -2154,16 +2164,19 @@ let ListView = class ListView extends Component {
         return query;
     }
     setViewDataSource(dataSource = this.localData) {
+        // eslint-disable-next-line
+        let fieldValue = (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy;
+        let 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;
@@ -3252,6 +3265,7 @@ class Virtualization {
         }
     }
     updateUiContent(element, index) {
+        // eslint-disable-next-line
         const curViewDs = this.listViewInstance.curViewDS;
         if (typeof this.listViewInstance.dataSource[0] === 'string' ||
             typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -3410,8 +3424,10 @@ class Virtualization {
                     const indexArray = this.uiIndices.activeIndices;
                     for (let i = 0; i < indexArray.length; i++) {
                         textCollection.push(curViewDS[indexArray[i]][text]);
+                        // eslint-disable-next-line
                         dataCollection.push(curViewDS[indexArray[i]]);
                     }
+                    // eslint-disable-next-line
                     const dataSource = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS : this.listViewInstance.dataSource;
                     return {
@@ -3422,6 +3438,7 @@ class Virtualization {
                     };
                 }
                 else {
+                    // eslint-disable-next-line
                     const dataSource = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS : this.listViewInstance.dataSource;
                     return {
@@ -3438,6 +3455,7 @@ class Virtualization {
         }
     }
     selectItem(obj) {
+        // eslint-disable-next-line
         const resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             const isSelected = this.activeIndex === resutJSON.index;
@@ -3465,6 +3483,7 @@ class Virtualization {
                 }
             }
             else {
+                // eslint-disable-next-line
                 let eventArgs;
                 if (typeof this.listViewInstance.dataSource[0] === 'string' ||
                     typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -3498,24 +3517,28 @@ class Virtualization {
         }
     }
     enableItem(obj) {
+        // eslint-disable-next-line
         const resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
         }
     }
     disableItem(obj) {
+        // eslint-disable-next-line
         const 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);
         }
     }
     showItem(obj) {
+        // eslint-disable-next-line
         const resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
         }
     }
     hideItem(obj) {
+        // eslint-disable-next-line
         const 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);
@@ -3524,7 +3547,9 @@ class Virtualization {
     removeItem(obj) {
         let dataSource;
         const curViewDS = this.listViewInstance.curViewDS;
+        // eslint-disable-next-line
         const resutJSON = this.findDSAndIndexFromId(curViewDS, obj);
+        // eslint-disable-next-line
         if (Object.keys(resutJSON).length) {
             dataSource = resutJSON.data;
             if (curViewDS[resutJSON.index - 1] &&
@@ -3744,6 +3769,7 @@ class Virtualization {
                 }
             }
             else {
+                // eslint-disable-next-line
                 const index = this.listViewInstance.curViewDS.indexOf(currentItem);
                 // virtually new add list item based on the scollbar position
                 this.addUiItem(index);
@@ -4185,6 +4211,8 @@ let Sortable = Sortable_1 = class Sortable extends Base {
         };
         // eslint-disable-next-line
         this.onDrag = (e) => {
+            if (!e.target)
+                return;
             this.trigger('drag', { event: e.event, element: this.element, target: e.target });
             let newInst = this.getSortableInstance(e.target);
             let target = this.getSortableElement(e.target, newInst);