@syncfusion/ej2-lists 24.2.4 → 25.1.35

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

@@ -301,7 +301,7 @@ var ListBase;
                 if (fieldData.hasOwnProperty(fields.htmlAttributes) && fieldData[fields.htmlAttributes]) {
                     const htmlAttributes = fieldData[fields.htmlAttributes];
                     // Check if 'class' attribute is present and not an empty string
-                    if (htmlAttributes.hasOwnProperty('class') && typeof htmlAttributes['class'] === 'string' && htmlAttributes['class'].trim() === '') {
+                    if ('class' in htmlAttributes && typeof htmlAttributes['class'] === 'string' && htmlAttributes['class'].trim() === '') {
                         delete htmlAttributes['class'];
                     }
                     setAttribute(li, htmlAttributes);
@@ -1475,7 +1475,7 @@ let ListView = class ListView extends Component {
             if (typeof this.dataSource[0] !== 'string' && typeof this.dataSource[0] !== 'number') {
                 fieldData = getFieldValues(args.curData, this.listBaseOption.fields);
                 if (this.enablePersistence && !isNullOrUndefined(this.selectedId)) {
-                    const index = this.selectedId.findIndex(e => e === fieldData[this.listBaseOption.fields.id].toString());
+                    const index = this.selectedId.findIndex((e) => e === fieldData[this.listBaseOption.fields.id].toString());
                     if (index !== -1) {
                         this.checkInternally(args, checkboxElement);
                     }
@@ -1960,11 +1960,13 @@ let ListView = class ListView extends Component {
         }
     }
     unWireEvents() {
+        EventHandler.remove(this.element, 'keydown', this.keyActionHandler);
         EventHandler.remove(this.element, 'click', this.clickHandler);
         EventHandler.remove(this.element, 'mouseover', this.hoverHandler);
         EventHandler.remove(this.element, 'mouseout', this.leaveHandler);
         EventHandler.remove(this.element, 'mouseover', this.hoverHandler);
         EventHandler.remove(this.element, 'mouseout', this.leaveHandler);
+        EventHandler.remove(this.element, 'focusout', this.focusout);
         if (!isNullOrUndefined(this.scroll)) {
             EventHandler.remove(this.element, 'scroll', this.onListScroll);
         }
@@ -2058,7 +2060,12 @@ let ListView = class ListView extends Component {
         const eventArgs = {};
         merge(eventArgs, selectedItem);
         if (e) {
-            merge(eventArgs, { isInteracted: true, event: e, cancel: false, index: this.curUL && Array.prototype.indexOf.call(this.curUL.children, li) });
+            merge(eventArgs, {
+                isInteracted: true,
+                event: e,
+                cancel: false,
+                index: this.curUL && Array.prototype.indexOf.call(this.curUL.children, li)
+            });
         }
         return eventArgs;
     }
@@ -2488,6 +2495,22 @@ let ListView = class ListView extends Component {
             }
         }
     }
+    /**
+     * This method allows for deselecting a list item within the ListView. The item to be deselected can be specified by passing the element or field object.
+     *
+     * @param  {Fields | HTMLElement | Element} item - We can pass an element Object or Fields as an Object with ID and Text fields.
+     */
+    unselectItem(item) {
+        if (isNullOrUndefined(item)) {
+            this.removeSelect();
+        }
+        else {
+            const li = this.getLiFromObjOrElement(item);
+            if (!isNullOrUndefined(li)) {
+                this.removeSelect(li);
+            }
+        }
+    }
     getLiFromObjOrElement(obj) {
         let li;
         const dataSource = this.dataSource instanceof DataManager ?
@@ -2981,7 +3004,7 @@ let ListView = class ListView extends Component {
     requiredModules() {
         const modules = [];
         if (this.enableVirtualization) {
-            modules.push({ args: [this], member: 'virtualization' });
+            modules.push({ args: [this], member: 'virtualization', name: 'Virtualization' });
         }
         return modules;
     }
@@ -3052,7 +3075,7 @@ __decorate([
     Property(false)
 ], ListView.prototype, "showHeader", void 0);
 __decorate([
-    Property(false)
+    Property(true)
 ], ListView.prototype, "enableHtmlSanitizer", void 0);
 __decorate([
     Property('')
@@ -3343,9 +3366,10 @@ class Virtualization {
             }
             if (this.listViewInstance.curViewDS[index][this.listViewInstance.fields.iconCss]) {
                 const textContent = element.querySelector('.' + classNames.textContent);
+                const curViewDS = this.listViewInstance.curViewDS[index];
+                const iconCss = curViewDS[this.listViewInstance.fields.iconCss].toString();
                 const target = this.listViewInstance.createElement('div', {
-                    className: classNames.listIcon + ' ' +
-                        this.listViewInstance.curViewDS[index][this.listViewInstance.fields.iconCss]
+                    className: classNames.listIcon + ' ' + iconCss
                 });
                 textContent.insertBefore(target, element.querySelector('.' + classNames.listItemText));
             }
@@ -3856,7 +3880,9 @@ class Virtualization {
             target = this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index + 1]) ||
                 this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index + 2]);
         }
-        if (this.listViewInstance.fields.groupBy && this.listViewInstance.curViewDS[index + 1] && this.listViewInstance.curViewDS[index + 1].isHeader) {
+        if (this.listViewInstance.fields.groupBy
+            && this.listViewInstance.curViewDS[index + 1]
+            && this.listViewInstance.curViewDS[index + 1].isHeader) {
             const targetEle = this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index - 1]);
             if (targetEle) {
                 target = targetEle.nextElementSibling;
@@ -3909,7 +3935,7 @@ class Virtualization {
                         while (args.item.lastChild) {
                             args.item.removeChild(args.item.lastChild);
                         }
-                        [].slice.call(div.children).forEach(function (ele) {
+                        [].slice.call(div.children).forEach((ele) => {
                             args.item.appendChild(ele);
                         });
                     }
@@ -3953,6 +3979,7 @@ class Virtualization {
      * @param {DataSource} newData - The new data source for the list view.
      * @param {ElementContext} listElement - The HTML element context for the list view.
      * @param {Virtualization} virtualThis - The virtualization context for the list view.
+     * @returns {void}
      */
     onChange(newData, listElement, virtualThis) {
         const liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement, 
@@ -3964,7 +3991,7 @@ class Virtualization {
         while (listElement.lastChild) {
             listElement.removeChild(listElement.lastChild);
         }
-        [].slice.call(liItem[0].children).forEach(function (ele) {
+        [].slice.call(liItem[0].children).forEach((ele) => {
             listElement.appendChild(ele);
         });
     }
@@ -4048,7 +4075,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             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);
-            if ((this.isValidTarget(target, newInst) || e.target.className.indexOf('e-list-group-item') > -1) && (this.curTarget !== target ||
+            if ((this.isValidTarget(target, newInst) || (e.target && typeof e.target.className === 'string' && e.target.className.indexOf('e-list-group-item') > -1)) && (this.curTarget !== target ||
                 !isNullOrUndefined(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target : true)) {
                 if (e.target.classList.contains('e-list-group-item')) {
                     target = e.target;
@@ -4189,7 +4216,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                     target: e.target, droppedElement: this.target, helper: e.helper, cancel: false
                 };
                 this.trigger('beforeDrop', beforeDropArgs, (observedArgs) => {
-                    if ((dropInst.element === e.target || e.target.className.indexOf('e-list-nrt') > -1 || e.target.className.indexOf('e-list-nr-template') > -1
+                    if ((dropInst.element === e.target || (typeof e.target.className === 'string' && e.target.className.indexOf('e-list-nrt') > -1) || (typeof e.target.className === 'string' && e.target.className.indexOf('e-list-nr-template') > -1)
                         || e.target.closest('.e-list-nr-template')) && !observedArgs.cancel) {
                         this.updateItemClass(dropInst);
                         dropInst.element.appendChild(this.target);