@syncfusion/ej2-lists 20.4.40 → 20.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.48
 *  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@20.4.38",
+  "_id": "@syncfusion/ej2-lists@20.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-g8HbXoBoYNWShdPkOpIZfE14+YC4gTWAYMNCkNBfr2uIVCnCxgATIWVonpjc+O94bDGZQ/jRwxBcEU64moYc/g==",
+  "_integrity": "sha512-2La83YlYGEdCGj7rnTKtbpy/KwSY5hTMHZsgO9RBFu+sgqQvSioVITbYbr7M4RnyaYowC4oZ4on8kD9ZvFtQyA==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.4.38.tgz",
-  "_shasum": "b2b583a6b1ac5fc36d13835fa89d4c8b0fd750a8",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.4.42.tgz",
+  "_shasum": "3d1612610d03d1797fe903ec06ebd6bebac4b5b6",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -43,9 +43,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.40",
-    "@syncfusion/ej2-buttons": "~20.4.40",
-    "@syncfusion/ej2-data": "~20.4.40"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-buttons": "~20.4.48",
+    "@syncfusion/ej2-data": "~20.4.48"
   },
   "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.",
@@ -85,7 +85,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.48",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/list-view/list-view.d.ts

@@ -487,6 +487,7 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
      */
     selectMultipleItems(item: Fields[] | HTMLElement[] | Element[]): void;
     private getParentId;
+    private updateSelectedId;
     /**
      * Gets the details of the currently selected item from the list items.
      *

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

@@ -441,7 +441,7 @@ var ListView = /** @class */ (function (_super) {
         this.currentLiElements = [];
         this.isNestedList = false;
         this.selectedData = [];
-        this.selectedId = [];
+        this.selectedId = this.enablePersistence ? this.selectedId : [];
         this.LISTVIEW_TEMPLATE_ID = "" + this.element.id + LISTVIEW_TEMPLATE_PROPERTY;
         this.LISTVIEW_GROUPTEMPLATE_ID = "" + this.element.id + LISTVIEW_GROUPTEMPLATE_PROPERTY;
         this.LISTVIEW_HEADERTEMPLATE_ID = "" + this.element.id + LISTVIEW_HEADERTEMPLATE_PROPERTY;
@@ -453,12 +453,13 @@ var ListView = /** @class */ (function (_super) {
         this.curUL = this.ulElement = this.liCollection = this.headerEle = this.contentContainer = undefined;
     };
     ListView.prototype.renderCheckbox = function (args) {
+        var _this = this;
         if (args.item.classList.contains(classNames.hasChild)) {
             this.isNestedList = true;
         }
         if (this.showCheckBox && this.isValidLI(args.item)) {
             var checkboxElement = void 0;
-            var fieldData = void 0;
+            var fieldData_1;
             // eslint-disable-next-line prefer-const
             checkboxElement = createCheckBox(this.createElement, false, {
                 checked: false, enableRtl: this.enableRtl,
@@ -469,8 +470,14 @@ var ListView = /** @class */ (function (_super) {
             args.item.classList.add(classNames.itemCheckList);
             args.item.firstElementChild.classList.add(classNames.checkbox);
             if (typeof this.dataSource[0] !== 'string' && typeof this.dataSource[0] !== 'number') {
-                fieldData = getFieldValues(args.curData, this.listBaseOption.fields);
-                if (fieldData[this.listBaseOption.fields.isChecked]) {
+                fieldData_1 = getFieldValues(args.curData, this.listBaseOption.fields);
+                if (this.enablePersistence && !isNullOrUndefined(this.selectedId)) {
+                    var index = this.selectedId.findIndex(function (e) { return e == fieldData_1[_this.listBaseOption.fields.id].toString(); });
+                    if (index != -1) {
+                        this.checkInternally(args, checkboxElement);
+                    }
+                }
+                else if (fieldData_1[this.listBaseOption.fields.isChecked]) {
                     this.checkInternally(args, checkboxElement);
                 }
             }
@@ -501,7 +508,6 @@ var ListView = /** @class */ (function (_super) {
     };
     ListView.prototype.checkInternally = function (args, checkboxElement) {
         args.item.classList.add(classNames.selected);
-        args.item.setAttribute('aria-selected', 'true');
         checkboxElement.querySelector('.' + classNames.checkboxIcon).classList.add(classNames.checked);
         checkboxElement.setAttribute('aria-checked', 'true');
     };
@@ -527,7 +533,6 @@ var ListView = /** @class */ (function (_super) {
                 else {
                     liElement.classList.remove(classNames.selected);
                 }
-                liElement.setAttribute('aria-selected', checked ? 'true' : 'false');
                 if (checked === true) {
                     checkboxIcon.classList.add(classNames.checked);
                 }
@@ -537,6 +542,7 @@ var ListView = /** @class */ (function (_super) {
                 checkboxIcon.parentElement.setAttribute('aria-checked', checked ? 'true' : 'false');
             }
             this.setSelectedItemData(liElement);
+            this.updateSelectedId();
         }
     };
     /**
@@ -579,6 +585,7 @@ var ListView = /** @class */ (function (_super) {
             if (this.enableVirtualization) {
                 this.virtualizationModule.checkedItem(checked);
             }
+            this.updateSelectedId();
         }
     };
     ListView.prototype.setCheckbox = function () {
@@ -694,6 +701,7 @@ var ListView = /** @class */ (function (_super) {
                 }
             }
         }
+        this.updateSelectedId();
     };
     ListView.prototype.removeElement = function (element) {
         return element && element.parentNode && element.parentNode.removeChild(element);
@@ -709,9 +717,6 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.homeKeyHandler = function (e, end) {
         e.preventDefault();
         if (Object.keys(this.dataSource).length && this.curUL) {
-            if (this.selectedItems) {
-                (this.selectedItems.item).setAttribute('aria-selected', 'false');
-            }
             var li = this.curUL.querySelectorAll('.' + classNames.listItem);
             var focusedElement = this.curUL.querySelector('.' + classNames.focused) ||
                 this.curUL.querySelector('.' + classNames.selected);
@@ -886,6 +891,7 @@ var ListView = /** @class */ (function (_super) {
             var eventArgs = this.selectEventData(li, e);
             merge(eventArgs, { isChecked: checkIcon ? checkIcon.classList.contains(classNames.checked) : false });
             this.trigger('select', eventArgs);
+            this.updateSelectedId();
         }
     };
     ListView.prototype.keyActionHandler = function (e) {
@@ -929,11 +935,10 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.focusout = function () {
         if (Object.keys(this.dataSource).length && this.curUL) {
             var focusedElement = this.curUL.querySelector('.' + classNames.focused);
-            var activeElement = this.curUL.querySelector('[aria-selected = true]');
             if (focusedElement) {
                 focusedElement.classList.remove(classNames.focused);
-                if (activeElement && !this.showCheckBox) {
-                    activeElement.classList.add(classNames.selected);
+                if (!this.showCheckBox) {
+                    this.selectedLI.classList.add(classNames.selected);
                 }
             }
         }
@@ -976,14 +981,12 @@ var ListView = /** @class */ (function (_super) {
                     continue;
                 }
                 else {
-                    ele.setAttribute('aria-selected', 'false');
                     ele.classList.remove(classNames.selected);
                 }
             }
         }
         else {
             li.classList.remove(classNames.selected);
-            li.setAttribute('aria-selected', 'false');
         }
     };
     ListView.prototype.isValidLI = function (li) {
@@ -1009,12 +1012,10 @@ var ListView = /** @class */ (function (_super) {
             if (!checkIcon.classList.contains(classNames.checked)) {
                 checkIcon.classList.add(classNames.checked);
                 li.classList.add(classNames.selected);
-                li.setAttribute('aria-selected', 'true');
             }
             else {
                 checkIcon.classList.remove(classNames.checked);
                 li.classList.remove(classNames.selected);
-                li.setAttribute('aria-selected', 'false');
             }
             checkboxElement.setAttribute('aria-checked', checkIcon.classList.contains(classNames.checked) ?
                 'true' : 'false');
@@ -1081,7 +1082,6 @@ var ListView = /** @class */ (function (_super) {
                 this.removeSelect();
             }
             li.classList.add(classNames.selected);
-            li.setAttribute('aria-selected', 'true');
             this.removeHover();
             this.setSelectedItemData(li);
             if (this.enableVirtualization) {
@@ -1303,7 +1303,6 @@ var ListView = /** @class */ (function (_super) {
             var element = liElements[i];
             if (element.classList.contains('e-list-item')) {
                 element.setAttribute('id', this.element.id + '_' + element.getAttribute('data-uid'));
-                element.setAttribute('aria-selected', 'false');
                 element.setAttribute('tabindex', '-1');
             }
         }
@@ -1468,12 +1467,8 @@ var ListView = /** @class */ (function (_super) {
         var li = this.element.querySelector('[data-uid=\'' + pID + '\']');
         li.classList.remove(classNames.disable);
         li.classList.add(classNames.focused);
-        if (this.showCheckBox && li.querySelector('.' + classNames.checkboxIcon).classList.contains(classNames.checked)) {
-            li.setAttribute('aria-selected', 'true');
-        }
-        else {
+        if (!(this.showCheckBox && li.querySelector('.' + classNames.checkboxIcon).classList.contains(classNames.checked))) {
             li.classList.remove(classNames.selected);
-            li.setAttribute('aria-selected', 'false');
         }
         this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
         if (this.enableHtmlSanitizer) {
@@ -1573,6 +1568,16 @@ var ListView = /** @class */ (function (_super) {
         }
         return parentId;
     };
+    ListView.prototype.updateSelectedId = function () {
+        this.selectedId = [];
+        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]) {
+                this.selectedId.push(tempData[this.listBaseOption.fields.id]);
+            }
+        }
+    };
     /**
      * Gets the details of the currently selected item from the list items.
      *
@@ -2007,7 +2012,7 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.getPersistData = function () {
         return this.addOnPersist(['cssClass', 'enableRtl', 'htmlAttributes',
             'enable', 'fields', 'animation', 'headerTitle',
-            'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition']);
+            'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition', 'selectedId']);
     };
     __decorate([
         Property('')