@syncfusion/ej2-lists 24.2.4 → 25.1.35

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

@@ -301,7 +301,7 @@ var ListBase;
                 if (fieldData.hasOwnProperty(fields.htmlAttributes) && fieldData[fields.htmlAttributes]) {
                     var 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);
@@ -1988,11 +1988,13 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListView.prototype.unWireEvents = function () {
+        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);
         }
@@ -2088,7 +2090,12 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         var 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;
     };
@@ -2524,6 +2531,22 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    /**
+     * 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.
+     */
+    ListView.prototype.unselectItem = function (item) {
+        if (isNullOrUndefined(item)) {
+            this.removeSelect();
+        }
+        else {
+            var li = this.getLiFromObjOrElement(item);
+            if (!isNullOrUndefined(li)) {
+                this.removeSelect(li);
+            }
+        }
+    };
     ListView.prototype.getLiFromObjOrElement = function (obj) {
         var li;
         var dataSource = this.dataSource instanceof DataManager ?
@@ -3019,7 +3042,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     ListView.prototype.requiredModules = function () {
         var modules = [];
         if (this.enableVirtualization) {
-            modules.push({ args: [this], member: 'virtualization' });
+            modules.push({ args: [this], member: 'virtualization', name: 'Virtualization' });
         }
         return modules;
     };
@@ -3089,7 +3112,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         Property(false)
     ], ListView.prototype, "showHeader", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], ListView.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property('')
@@ -3383,9 +3406,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             }
             if (this.listViewInstance.curViewDS[index][this.listViewInstance.fields.iconCss]) {
                 var textContent = element.querySelector('.' + classNames.textContent);
+                var curViewDS = this.listViewInstance.curViewDS[index];
+                var iconCss = curViewDS[this.listViewInstance.fields.iconCss].toString();
                 var 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));
             }
@@ -3902,7 +3926,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             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) {
             var targetEle = this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index - 1]);
             if (targetEle) {
                 target = targetEle.nextElementSibling;
@@ -3999,6 +4025,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
      * @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}
      */
     Virtualization.prototype.onChange = function (newData, listElement, virtualThis) {
         var liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement, 
@@ -4108,7 +4135,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
             _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);
-            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;
@@ -4249,7 +4276,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
                     target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false
                 };
                 _this.trigger('beforeDrop', beforeDropArgs, function (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);