@syncfusion/ej2-lists 21.1.37 → 21.1.41

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

@@ -1951,6 +1951,7 @@ let ListView = class ListView extends Component {
         EventHandler.remove(this.element, 'mouseover', this.hoverHandler);
         EventHandler.remove(this.element, 'mouseout', this.leaveHandler);
         this.touchModule.destroy();
+        this.touchModule = null;
     }
     removeFocus() {
         const focusedLI = this.element.querySelectorAll('.' + classNames.focused);
@@ -2422,6 +2423,13 @@ let ListView = class ListView extends Component {
         this.element.removeAttribute('tabindex');
         this.curUL = this.ulElement = this.liCollection = this.headerEle = undefined;
         this.element.innerHTML = '';
+        this.contentContainer = null;
+        this.selectedItems = null;
+        this.selectedLI = null;
+        this.liElement = null;
+        this.targetElement = null;
+        this.currentLiElements = null;
+        this.virtualCheckBox = null;
         super.destroy();
     }
     /**
@@ -2558,7 +2566,7 @@ let ListView = class ListView extends Component {
         const liCollection = this.curUL.getElementsByClassName(classNames.selected);
         for (let i = 0; i < liCollection.length; i++) {
             const tempData = this.getItemData(liCollection[i]);
-            if (tempData[this.listBaseOption.fields.id]) {
+            if (!isNullOrUndefined(tempData) && tempData[this.listBaseOption.fields.id]) {
                 this.selectedId.push(tempData[this.listBaseOption.fields.id]);
             }
         }
@@ -4205,6 +4213,8 @@ class Virtualization {
     }
     destroy() {
         this.wireScrollEvent(true);
+        this.topElement = null;
+        this.bottomElement = null;
     }
 }
 
@@ -4410,7 +4420,8 @@ 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 && !observedArgs.cancel) {
+                    if ((dropInst.element === e.target || e.target.className.indexOf('e-list-nrt') > -1 || 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);
                         this.trigger('drop', {
@@ -4450,6 +4461,31 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             queryPositionInfo: this.queryPositionInfo,
             distance: 5
         });
+        this.wireEvents();
+    }
+    wireEvents() {
+        const wrapper = this.element;
+        EventHandler.add(wrapper, 'keydown', this.keyDownHandler, this);
+    }
+    unwireEvents() {
+        const wrapper = this.element;
+        EventHandler.remove(wrapper, 'keydown', this.keyDownHandler);
+    }
+    keyDownHandler(e) {
+        if (e.keyCode === 27) {
+            let dragStop = getComponent(this.element, 'draggable');
+            if (dragStop) {
+                dragStop.intDestroy(null);
+            }
+            const dragWrapper = document.getElementsByClassName('e-sortableclone')[0];
+            if (dragWrapper) {
+                dragWrapper.remove();
+            }
+            const dragPlaceholder = document.getElementsByClassName('e-sortable-placeholder')[0];
+            if (dragPlaceholder) {
+                dragPlaceholder.remove();
+            }
+        }
     }
     getPlaceHolder(target, instance) {
         if (instance.placeHolder) {
@@ -4555,6 +4591,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
      * It is used to destroy the Sortable library.
      */
     destroy() {
+        this.unwireEvents();
         if (this.itemClass === 'e-sort-item') {
             this.itemClass = null;
             this.dataBind();