igniteui-angular 11.1.33 → 11.1.37

package/fesm2015/igniteui-angular.js

@@ -34291,7 +34291,7 @@ IgxGridExcelStyleFilteringComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 preserveWhitespaces: false,
                 selector: 'igx-grid-excel-style-filtering',
-                template: "<ng-template #defaultExcelColumnOperations>\n    <igx-excel-style-header\n        [showHiding]=\"displayDensity !== 'comfortable' && !column?.disableHiding\"\n        [showPinning]=\"displayDensity !== 'comfortable' && !column?.disablePinning\"\n        [showSelecting]=\"displayDensity !== 'comfortable' && columnSelectable()\"\n    >\n    </igx-excel-style-header>\n\n    <igx-excel-style-sorting *ngIf=\"column?.sortable\">\n    </igx-excel-style-sorting>\n\n    <igx-excel-style-moving *ngIf=\"column?.movable\">\n    </igx-excel-style-moving>\n\n    <igx-excel-style-pinning *ngIf=\"!column?.disablePinning && displayDensity==='comfortable'\">\n    </igx-excel-style-pinning>\n\n    <igx-excel-style-hiding *ngIf=\"!column?.disableHiding && displayDensity==='comfortable'\">\n    </igx-excel-style-hiding>\n\n    <igx-excel-style-selecting *ngIf=\"columnSelectable() && displayDensity==='comfortable'\">\n    </igx-excel-style-selecting>\n</ng-template>\n\n<ng-template #defaultExcelFilterOperations>\n    <igx-excel-style-clear-filters>\n    </igx-excel-style-clear-filters>\n\n    <igx-excel-style-conditional-filter>\n    </igx-excel-style-conditional-filter>\n\n    <igx-excel-style-search>\n    </igx-excel-style-search>\n</ng-template>\n\n<article #mainDropdown\n    class=\"igx-excel-filter__menu\"\n    [ngClass]=\"{\n        'igx-excel-filter__menu--cosy': displayDensity === 'cosy',\n        'igx-excel-filter__menu--compact': displayDensity === 'compact'\n    }\"\n    [id]=\"overlayComponentId\"\n    (keydown)=\"onKeyDown($event)\"\n    [style.min-height]=\"minHeight\"\n    [style.max-height]=\"maxHeight\">\n\n    <ng-container *ngIf=\"this.excelColumnOperationsDirective; else defaultExcelColumnOperations\">\n        <ng-content select=\"igx-excel-style-column-operations,[igxExcelStyleColumnOperations]\">\n        </ng-content>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.excelFilterOperationsDirective; else defaultExcelFilterOperations\">\n        <ng-content select=\"igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]\">\n        </ng-content>\n    </ng-container>\n</article>\n"
+                template: "<ng-template #defaultExcelColumnOperations>\n    <igx-excel-style-header\n        [showHiding]=\"displayDensity !== 'comfortable' && !column?.disableHiding\"\n        [showPinning]=\"displayDensity !== 'comfortable' && !column?.disablePinning\"\n        [showSelecting]=\"displayDensity !== 'comfortable' && columnSelectable()\"\n    >\n    </igx-excel-style-header>\n\n    <igx-excel-style-sorting *ngIf=\"column?.sortable\">\n    </igx-excel-style-sorting>\n\n    <igx-excel-style-moving *ngIf=\"column?.movable\">\n    </igx-excel-style-moving>\n\n    <igx-excel-style-pinning *ngIf=\"!column?.disablePinning && displayDensity==='comfortable'\">\n    </igx-excel-style-pinning>\n\n    <igx-excel-style-hiding *ngIf=\"!column?.disableHiding && displayDensity==='comfortable'\">\n    </igx-excel-style-hiding>\n\n    <igx-excel-style-selecting *ngIf=\"columnSelectable() && displayDensity==='comfortable'\">\n    </igx-excel-style-selecting>\n</ng-template>\n\n<ng-template #defaultExcelFilterOperations>\n    <igx-excel-style-clear-filters>\n    </igx-excel-style-clear-filters>\n\n    <igx-excel-style-conditional-filter>\n    </igx-excel-style-conditional-filter>\n\n    <igx-excel-style-search>\n    </igx-excel-style-search>\n</ng-template>\n\n<article #mainDropdown\n    class=\"igx-excel-filter__menu\"\n    [ngClass]=\"{\n        'igx-excel-filter__menu--cosy': displayDensity === 'cosy',\n        'igx-excel-filter__menu--compact': displayDensity === 'compact'\n    }\"\n    [id]=\"overlayComponentId\"\n    (keydown)=\"onKeyDown($event)\"\n    [style.min-height]=\"minHeight\"\n    [style.max-height]=\"maxHeight\"\n    role=\"menu\">\n\n    <ng-container *ngIf=\"this.excelColumnOperationsDirective; else defaultExcelColumnOperations\">\n        <ng-content select=\"igx-excel-style-column-operations,[igxExcelStyleColumnOperations]\">\n        </ng-content>\n    </ng-container>\n\n    <ng-container *ngIf=\"this.excelFilterOperationsDirective; else defaultExcelFilterOperations\">\n        <ng-content select=\"igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]\">\n        </ng-content>\n    </ng-container>\n</article>\n"
             },] }
 ];
 IgxGridExcelStyleFilteringComponent.ctorParameters = () => [
@@ -59217,7 +59217,7 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
             if (!parents.size) {
                 return;
             }
-            visibleRowIDs = this.getRowIDs(this.allData);
+            visibleRowIDs = new Set(this.getRowIDs(this.allData));
             this.rowsToBeSelected = new Set(this.rowSelection);
             this.rowsToBeIndeterminate = new Set(this.indeterminateRows);
             if (crudRowID) {
@@ -59304,8 +59304,10 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
      * retrieve the rows which should be added/removed to/from the old selection
      */
     handleAddedAndRemovedArgs(args) {
-        args.removed = args.oldSelection.filter(x => args.newSelection.indexOf(x) < 0);
-        args.added = args.newSelection.filter(x => args.oldSelection.indexOf(x) < 0);
+        const newSelectionSet = new Set(args.newSelection);
+        const oldSelectionSet = new Set(args.oldSelection);
+        args.removed = args.oldSelection.filter(x => !newSelectionSet.has(x));
+        args.added = args.newSelection.filter(x => !oldSelectionSet.has(x));
     }
     /**
      * adds to rowsToBeProcessed set all visible children of the rows which was initially within the rowsToBeProcessed set
@@ -59314,14 +59316,15 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
      * @param visibleRowIDs list of all visible rowIds
      * @returns a new set with all direct parents of the rows within rowsToBeProcessed set
      */
-    collectRowsChildrenAndDirectParents(rowsToBeProcessed, visibleRowIDs) {
+    collectRowsChildrenAndDirectParents(rowsToBeProcessed, visibleRowIDs, adding) {
         const processedRowsParents = new Set();
         Array.from(rowsToBeProcessed).forEach((rowID) => {
+            this.selectDeselectRow(rowID, adding);
             const rowTreeRecord = this.grid.gridAPI.get_rec_by_id(rowID);
             const rowAndAllChildren = this.get_all_children(rowTreeRecord);
             rowAndAllChildren.forEach(row => {
-                if (visibleRowIDs.indexOf(row.rowID) >= 0) {
-                    rowsToBeProcessed.add(row.rowID);
+                if (visibleRowIDs.has(row.rowID)) {
+                    this.selectDeselectRow(row.rowID, adding);
                 }
             });
             if (rowTreeRecord && rowTreeRecord.parent) {
@@ -59337,27 +59340,19 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
     calculateRowsNewSelectionState(args) {
         this.rowsToBeSelected = new Set(args.oldSelection ? args.oldSelection : this.getSelectedRows());
         this.rowsToBeIndeterminate = new Set(this.getIndeterminateRows());
-        const visibleRowIDs = this.getRowIDs(this.allData);
+        const visibleRowIDs = new Set(this.getRowIDs(this.allData));
         const removed = new Set(args.removed);
         const added = new Set(args.added);
         if (removed && removed.size) {
             let removedRowsParents = new Set();
-            removedRowsParents = this.collectRowsChildrenAndDirectParents(removed, visibleRowIDs);
-            removed.forEach(removedRow => {
-                this.rowsToBeSelected.delete(removedRow);
-                this.rowsToBeIndeterminate.delete(removedRow);
-            });
+            removedRowsParents = this.collectRowsChildrenAndDirectParents(removed, visibleRowIDs, false);
             Array.from(removedRowsParents).forEach((parent) => {
                 this.handleParentSelectionState(parent, visibleRowIDs);
             });
         }
         if (added && added.size) {
             let addedRowsParents = new Set();
-            addedRowsParents = this.collectRowsChildrenAndDirectParents(added, visibleRowIDs);
-            added.forEach(addedRow => {
-                this.rowsToBeSelected.add(addedRow);
-                this.rowsToBeIndeterminate.delete(addedRow);
-            });
+            addedRowsParents = this.collectRowsChildrenAndDirectParents(added, visibleRowIDs, true);
             Array.from(addedRowsParents).forEach((parent) => {
                 this.handleParentSelectionState(parent, visibleRowIDs);
             });
@@ -59381,31 +59376,27 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
     handleRowSelectionState(treeRow, visibleRowIDs) {
         let visibleChildren = [];
         if (treeRow && treeRow.children) {
-            visibleChildren = treeRow.children.filter(child => visibleRowIDs.indexOf(child.rowID) >= 0);
+            visibleChildren = treeRow.children.filter(child => visibleRowIDs.has(child.rowID));
         }
         if (visibleChildren.length) {
             if (visibleChildren.every(row => this.rowsToBeSelected.has(row.rowID))) {
-                this.rowsToBeSelected.add(treeRow.rowID);
-                this.rowsToBeIndeterminate.delete(treeRow.rowID);
+                this.selectDeselectRow(treeRow.rowID, true);
             }
             else if (visibleChildren.some(row => this.rowsToBeSelected.has(row.rowID) || this.rowsToBeIndeterminate.has(row.rowID))) {
                 this.rowsToBeIndeterminate.add(treeRow.rowID);
                 this.rowsToBeSelected.delete(treeRow.rowID);
             }
             else {
-                this.rowsToBeIndeterminate.delete(treeRow.rowID);
-                this.rowsToBeSelected.delete(treeRow.rowID);
+                this.selectDeselectRow(treeRow.rowID, false);
             }
         }
         else {
             // if the children of the row has been deleted and the row was selected do not change its state
             if (this.isRowSelected(treeRow.rowID)) {
-                this.rowsToBeSelected.add(treeRow.rowID);
-                this.rowsToBeIndeterminate.delete(treeRow.rowID);
+                this.selectDeselectRow(treeRow.rowID, true);
             }
             else {
-                this.rowsToBeSelected.delete(treeRow.rowID);
-                this.rowsToBeIndeterminate.delete(treeRow.rowID);
+                this.selectDeselectRow(treeRow.rowID, false);
             }
         }
     }
@@ -59419,6 +59410,16 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
         }
         return children;
     }
+    selectDeselectRow(rowID, select) {
+        if (select) {
+            this.rowsToBeSelected.add(rowID);
+            this.rowsToBeIndeterminate.delete(rowID);
+        }
+        else {
+            this.rowsToBeSelected.delete(rowID);
+            this.rowsToBeIndeterminate.delete(rowID);
+        }
+    }
 }
 IgxTreeGridSelectionService.decorators = [
     { type: Injectable }