@syncfusion/ej2-lists 26.2.11 → 26.2.14

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

@@ -1725,6 +1725,28 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             this.virtualizationModule.refreshItemHeight();
         }
     };
+    ListView.prototype.handleCheckboxState = function (li, checkIcon, checkboxElement, isCheckedBefore, isFocusedBefore, eventArgs, isSetCheckboxLI, textAreaFocus) {
+        this.trigger('select', eventArgs, function (observedArgs) {
+            if (observedArgs.cancel) {
+                if (isSetCheckboxLI ? isCheckedBefore : !isCheckedBefore) {
+                    checkIcon.classList.add(classNames.checked);
+                    li.classList.add(classNames.selected);
+                }
+                else {
+                    checkIcon.classList.remove(classNames.checked);
+                    li.classList.remove(classNames.selected);
+                }
+                checkboxElement.setAttribute('aria-checked', isSetCheckboxLI ? (isCheckedBefore ? 'true' : 'false') : (isCheckedBefore ? 'false' : 'true'));
+                merge(eventArgs, { isChecked: checkIcon.classList.contains(classNames.checked) });
+                if (isFocusedBefore) {
+                    li.classList.remove(classNames.focused);
+                    if (textAreaFocus) {
+                        textAreaFocus.classList.remove('e-focused');
+                    }
+                }
+            }
+        });
+    };
     ListView.prototype.clickHandler = function (e) {
         if (Array.isArray(this.dataSource) && this.dataSource.length === 0) {
             return;
@@ -1766,7 +1788,10 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                         var eventArgs = this.selectEventData(li, e);
                         var checkIcon = li.querySelector('.' + classNames.checkboxIcon);
                         merge(eventArgs, { isChecked: checkIcon.classList.contains(classNames.checked) });
-                        this.trigger('select', eventArgs);
+                        var checkboxElement = li.querySelector('.' + classNames.checkboxWrapper);
+                        var isCheckedBefore = checkIcon.classList.contains(classNames.checked);
+                        var isFocusedBefore = li.classList.contains(classNames.focused);
+                        this.handleCheckboxState(li, checkIcon, checkboxElement, isCheckedBefore, isFocusedBefore, eventArgs, false);
                     }
                 }
                 else if (li.classList.contains(classNames.hasChild)) {
@@ -1987,7 +2012,13 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             }
             var eventArgs = this.selectEventData(li, e);
             merge(eventArgs, { isChecked: checkIcon ? checkIcon.classList.contains(classNames.checked) : false });
-            this.trigger('select', eventArgs);
+            if (!isNullOrUndefined(li)) {
+                var cbElement = li.querySelector('.' + classNames.checkboxWrapper);
+                var checkboxIcon = li.querySelector('.' + classNames.checkboxIcon);
+                var isCheckedBefore = checkboxIcon.classList.contains(classNames.checked);
+                var isFocusedBefore = li.classList.contains(classNames.focused);
+                this.handleCheckboxState(li, checkboxIcon, cbElement, isCheckedBefore, isFocusedBefore, eventArgs, false);
+            }
             this.updateSelectedId();
         }
     };
@@ -2117,7 +2148,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             var checkboxElement = li.querySelector('.' + classNames.checkboxWrapper);
             var checkIcon = checkboxElement.querySelector('.' + classNames.checkboxIcon + '.' + classNames.icon);
             this.removeHover();
-            if (!checkIcon.classList.contains(classNames.checked)) {
+            var isCheckedBefore = checkIcon.classList.contains(classNames.checked);
+            var isFocusedBefore = li.classList.contains(classNames.focused);
+            if (!isCheckedBefore) {
                 checkIcon.classList.add(classNames.checked);
                 li.classList.add(classNames.selected);
             }
@@ -2132,7 +2165,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             if (this.enableVirtualization) {
                 this.virtualizationModule.setCheckboxLI(li, e);
             }
-            this.trigger('select', eventArgs);
+            this.handleCheckboxState(li, checkIcon, checkboxElement, isCheckedBefore, isFocusedBefore, eventArgs, true, textAreaFocus);
             this.setSelectedItemData(li);
             this.renderSubList(li);
         }
@@ -2201,6 +2234,10 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                     _this.selectedLI = li;
                     _this.renderSubList(li);
                 }
+                else {
+                    li.classList.remove(classNames.selected);
+                    _this.selectedLI = li;
+                }
             });
         }
     };
@@ -2419,6 +2456,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             var ele = this.element.querySelector('[pid=\'' + uID + '\']');
             this.curDSLevel.push(uID);
             this.setViewDataSource(this.getSubDS());
+            if (this.enableVirtualization) {
+                this.virtualizationModule.updateDOMItemCount();
+            }
             if (!ele) {
                 var data = this.curViewDS;
                 ele = ListBase.createListFromJson(this.createElement, data, this.listBaseOption, this.curDSLevel.length, null, this);
@@ -2527,6 +2567,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
         this.curDSLevel.pop();
         this.setViewDataSource(this.getSubDS());
+        if (this.enableVirtualization) {
+            this.virtualizationModule.updateDOMItemCount();
+        }
         var toUL = this.element.querySelector('[data-uid=\'' + pID + '\']');
         var fromUL = this.curUL;
         if (!toUL) {
@@ -3233,7 +3276,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
         this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
         this.expectedDomItemCount = this.ValidateItemCount(10000);
-        this.domItemCount = this.ValidateItemCount(Object.keys(this.listViewInstance.curViewDS).length);
+        this.updateDOMItemCount();
         var lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) ? this.uiLastIndex : this.domItemCount - 1;
         this.uiFirstIndex = firstIndex;
         this.uiLastIndex = lastIndex;
@@ -3295,6 +3338,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         }
         return itemCount;
     };
+    Virtualization.prototype.updateDOMItemCount = function () {
+        this.domItemCount = this.ValidateItemCount(Object.keys(this.listViewInstance.curViewDS).length);
+    };
     Virtualization.prototype.uiIndicesInitialization = function () {
         this.uiIndices = { 'activeIndices': [], 'disabledItemIndices': [], 'hiddenItemIndices': [] };
         var data = this.listViewInstance.curViewDS;
@@ -3594,18 +3640,19 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         }
     };
     Virtualization.prototype.selectItem = function (obj) {
+        var _this = this;
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             var isSelected = this.activeIndex === resutJSON.index;
-            var isChecked = void 0;
+            var isChecked_1;
             this.activeIndex = resutJSON.index;
             if (this.listViewInstance.showCheckBox) {
                 if (this.uiIndices.activeIndices.indexOf(resutJSON.index) === -1) {
-                    isChecked = true;
+                    isChecked_1 = true;
                     this.uiIndices.activeIndices.push(resutJSON.index);
                 }
                 else {
-                    isChecked = false;
+                    isChecked_1 = false;
                     this.uiIndices.activeIndices.splice(this.uiIndices.activeIndices.indexOf(resutJSON.index), 1);
                 }
                 if (this.listViewInstance.curUL.querySelector('.' + classNames.focused)) {
@@ -3621,10 +3668,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
-                var eventArgs = void 0;
+                var eventArgs_1;
                 if (typeof this.listViewInstance.dataSource[0] === 'string' ||
                     typeof this.listViewInstance.dataSource[0] === 'number') {
-                    eventArgs = {
+                    eventArgs_1 = {
                         text: this.listViewInstance.curViewDS[this.activeIndex],
                         data: this.listViewInstance.curViewDS[this.activeIndex],
                         index: this.activeIndex
@@ -3632,19 +3679,33 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 }
                 else {
                     var curViewDS = this.listViewInstance.curViewDS;
-                    eventArgs = {
+                    eventArgs_1 = {
                         text: curViewDS[this.activeIndex][this.listViewInstance.fields.text],
                         data: curViewDS[this.activeIndex],
                         index: this.activeIndex
                     };
                 }
                 if (this.listViewInstance.showCheckBox) {
-                    eventArgs.isChecked = isChecked;
-                    this.listViewInstance.trigger('select', eventArgs);
+                    this.listViewInstance.trigger('select', eventArgs_1, function (observedArgs) {
+                        if (observedArgs.cancel) {
+                            if (!isChecked_1) {
+                                eventArgs_1.isChecked = isChecked_1;
+                                _this.uiIndices.activeIndices.push(resutJSON.index);
+                            }
+                            else {
+                                eventArgs_1.isChecked = !isChecked_1;
+                                _this.uiIndices.activeIndices.splice(_this.uiIndices.activeIndices.indexOf(resutJSON.index), 1);
+                            }
+                        }
+                    });
                 }
                 else if (!isSelected) {
                     this.listViewInstance.removeSelect();
-                    this.listViewInstance.trigger('select', eventArgs);
+                    this.listViewInstance.trigger('select', eventArgs_1, function (observedArgs) {
+                        if (observedArgs.cancel) {
+                            _this.activeIndex = undefined;
+                        }
+                    });
                 }
             }
         }