@syncfusion/ej2-lists 21.1.37 → 21.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.37
+*  version : 21.1.41
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-lists@*",
-  "_id": "@syncfusion/ej2-lists@21.1.35",
+  "_id": "@syncfusion/ej2-lists@21.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-af9pL4xOPCiGs3k/QXv1TCnWJNVeU77YAk18f9H0O7DC0DuTv+9gLTnbyKiZ1AbQsb1LpcrGUd9iJWTQ2NFesA==",
+  "_integrity": "sha512-avVzHUnku+iBysZgKMmtiNarnIywzoUMhwANIfcB+zbFhP+tNBLLIzfRZEy7pKjAExOIIOXObKwPsR2CzAce3w==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-21.1.35.tgz",
-  "_shasum": "fd38e3230e163bd929d5d2618ceaab71153ba4b1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-21.1.39.tgz",
+  "_shasum": "861a10159578f29420d35e8f50c97c7771c6dbf7",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -44,9 +44,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-base": "~21.1.40",
     "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-data": "~21.1.37"
+    "@syncfusion/ej2-data": "~21.1.38"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
@@ -86,7 +86,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "21.1.37",
+  "version": "21.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/list-view/list-view.js

@@ -958,6 +958,7 @@ var ListView = /** @class */ (function (_super) {
         EventHandler.remove(this.element, 'mouseover', this.hoverHandler);
         EventHandler.remove(this.element, 'mouseout', this.leaveHandler);
         this.touchModule.destroy();
+        this.touchModule = null;
     };
     ListView.prototype.removeFocus = function () {
         var focusedLI = this.element.querySelectorAll('.' + classNames.focused);
@@ -1437,6 +1438,13 @@ var ListView = /** @class */ (function (_super) {
         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.prototype.destroy.call(this);
     };
     /**
@@ -1573,7 +1581,7 @@ var ListView = /** @class */ (function (_super) {
         var liCollection = this.curUL.getElementsByClassName(classNames.selected);
         for (var i = 0; i < liCollection.length; i++) {
             var 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]);
             }
         }

package/src/list-view/virtualization.js

@@ -1155,6 +1155,8 @@ var Virtualization = /** @class */ (function () {
     };
     Virtualization.prototype.destroy = function () {
         this.wireScrollEvent(true);
+        this.topElement = null;
+        this.bottomElement = null;
     };
     return Virtualization;
 }());

package/src/sortable/sortable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs } from '@syncfusion/ej2-base';
+import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs, EventHandler } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Sortable

package/src/sortable/sortable.d.ts

@@ -78,6 +78,9 @@ export declare class Sortable extends Base<HTMLElement> implements INotifyProper
     constructor(element: HTMLElement, options?: SortableModel);
     protected bind(): void;
     private initializeDraggable;
+    private wireEvents;
+    private unwireEvents;
+    private keyDownHandler;
     private getPlaceHolder;
     private getHelper;
     private isValidTarget;

package/src/sortable/sortable.js

@@ -19,7 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Base, Event, getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { closest, Draggable, remove, compareElementParent } from '@syncfusion/ej2-base';
-import { addClass, isNullOrUndefined, getComponent, isBlazor } from '@syncfusion/ej2-base';
+import { addClass, isNullOrUndefined, getComponent, isBlazor, EventHandler } from '@syncfusion/ej2-base';
 /**
  * Sortable Module provides support to enable sortable functionality in Dom Elements.
  * ```html
@@ -208,7 +208,8 @@ var Sortable = /** @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 && !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', {
@@ -250,6 +251,31 @@ var Sortable = /** @class */ (function (_super) {
             queryPositionInfo: this.queryPositionInfo,
             distance: 5
         });
+        this.wireEvents();
+    };
+    Sortable.prototype.wireEvents = function () {
+        var wrapper = this.element;
+        EventHandler.add(wrapper, 'keydown', this.keyDownHandler, this);
+    };
+    Sortable.prototype.unwireEvents = function () {
+        var wrapper = this.element;
+        EventHandler.remove(wrapper, 'keydown', this.keyDownHandler);
+    };
+    Sortable.prototype.keyDownHandler = function (e) {
+        if (e.keyCode === 27) {
+            var dragStop = getComponent(this.element, 'draggable');
+            if (dragStop) {
+                dragStop.intDestroy(null);
+            }
+            var dragWrapper = document.getElementsByClassName('e-sortableclone')[0];
+            if (dragWrapper) {
+                dragWrapper.remove();
+            }
+            var dragPlaceholder = document.getElementsByClassName('e-sortable-placeholder')[0];
+            if (dragPlaceholder) {
+                dragPlaceholder.remove();
+            }
+        }
     };
     Sortable.prototype.getPlaceHolder = function (target, instance) {
         if (instance.placeHolder) {
@@ -357,6 +383,7 @@ var Sortable = /** @class */ (function (_super) {
      * It is used to destroy the Sortable library.
      */
     Sortable.prototype.destroy = function () {
+        this.unwireEvents();
         if (this.itemClass === 'e-sort-item') {
             this.itemClass = null;
             this.dataBind();

package/styles/bootstrap-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #f0f0f0;
 }
 

package/styles/bootstrap.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: rgba(0, 0, 0, 0.75);
 }
 

package/styles/bootstrap4.css

@@ -301,7 +301,7 @@
   font-size: 16px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #212529;
 }
 

package/styles/bootstrap5-dark.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #adb5bd;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover {
   color: #dee2e6;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:active {
   color: #f8f9fa;
 }
 

package/styles/bootstrap5.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #6c757d;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover {
   color: #343a40;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:active {
   color: #212529;
 }
 

package/styles/fabric-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #dadada;
 }
 

package/styles/fabric.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #333;
 }
 

package/styles/fluent-dark.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #a19f9d;
 }
 

package/styles/fluent.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #605e5c;
 }
 

package/styles/highcontrast-light.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #000;
 }
 

package/styles/highcontrast.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #fff;
 }
 

package/styles/list-view/_theme.scss

@@ -11,7 +11,7 @@
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {

package/styles/list-view/bootstrap-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #f0f0f0;
 }
 

package/styles/list-view/bootstrap.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: rgba(0, 0, 0, 0.75);
 }
 

package/styles/list-view/bootstrap4.css

@@ -301,7 +301,7 @@
   font-size: 16px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #212529;
 }
 

package/styles/list-view/bootstrap5-dark.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #adb5bd;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover {
   color: #dee2e6;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:active {
   color: #f8f9fa;
 }
 

package/styles/list-view/bootstrap5.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #6c757d;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover {
   color: #343a40;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:active {
   color: #212529;
 }
 

package/styles/list-view/fabric-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #dadada;
 }
 

package/styles/list-view/fabric.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #333;
 }
 

package/styles/list-view/fluent-dark.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #a19f9d;
 }
 

package/styles/list-view/fluent.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #605e5c;
 }
 

package/styles/list-view/highcontrast-light.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #000;
 }
 

package/styles/list-view/highcontrast.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #fff;
 }
 

package/styles/list-view/material-dark.css

@@ -261,7 +261,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #fff;
 }
 

package/styles/list-view/material.css

@@ -262,7 +262,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: rgba(0, 0, 0, 0.54);
 }
 

package/styles/list-view/tailwind-dark.css

@@ -391,10 +391,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #d1d5db;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-btn-icon).e-icon-collapsible:hover {
   color: #f3f4f6;
 }
 

package/styles/list-view/tailwind.css

@@ -391,10 +391,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #6b7280;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-btn-icon).e-icon-collapsible:hover {
   color: #374151;
 }
 

package/styles/material-dark.css

@@ -261,7 +261,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #fff;
 }
 

package/styles/material.css

@@ -262,7 +262,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: rgba(0, 0, 0, 0.54);
 }
 

package/styles/tailwind-dark.css

@@ -392,10 +392,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #d1d5db;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-btn-icon).e-icon-collapsible:hover {
   color: #f3f4f6;
 }
 

package/styles/tailwind.css

@@ -392,10 +392,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-btn-icon) {
   color: #6b7280;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-btn-icon).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-btn-icon).e-icon-collapsible:hover {
   color: #374151;
 }