igniteui-angular 17.0.10 → 17.0.12

package/fesm2022/igniteui-angular.mjs

@@ -8300,12 +8300,10 @@ class IgxButtonDirective extends DisplayDensityBase {
      */
     set selected(value) {
         if (this._selected !== value) {
-            if (!this._selected) {
-                this.buttonSelected.emit({
-                    button: this
-                });
-            }
             this._selected = value;
+            this.buttonSelected.emit({
+                button: this
+            });
         }
     }
     get selected() {
@@ -10836,6 +10834,24 @@ class IgxDragDirective {
         if (!this._clicked) {
             return;
         }
+        // When the base element is moved to previous index, angular reattaches the ghost template as a sibling by default.
+        // This is the defaut place for the EmbededViewRef when recreated.
+        // That's why we need to move it to the proper place and set pointer capture again.
+        if (this._pointerDownId && this.ghostElement && this._dynamicGhostRef && !this._dynamicGhostRef.destroyed) {
+            let ghostReattached = false;
+            if (this.ghostHost && !Array.from(this.ghostHost.children).includes(this.ghostElement)) {
+                ghostReattached = true;
+                this.ghostHost.appendChild(this.ghostElement);
+            }
+            else if (!this.ghostHost && !Array.from(document.body.children).includes(this.ghostElement)) {
+                ghostReattached = true;
+                document.body.appendChild(this.ghostElement);
+            }
+            if (ghostReattached) {
+                this.ghostElement.setPointerCapture(this._pointerDownId);
+                return;
+            }
+        }
         const eventArgs = {
             originalEvent: event,
             owner: this,
@@ -25216,7 +25232,7 @@ class IgxGridSelectionService {
     /** Returns all data in the grid, with applied filtering and sorting and without deleted rows. */
     get allData() {
         let allData;
-        if (this.isFilteringApplied() || this.grid.sortingExpressions.length) {
+        if (this.isFilteringApplied() || this.grid.sortingExpressions.length || this.grid.groupingExpressions?.length) {
             allData = this.grid.pinnedRecordsCount ? this.grid._filteredSortedUnpinnedData : this.grid.filteredSortedData;
         }
         else {
@@ -27550,19 +27566,24 @@ class IgxButtonGroupComponent extends DisplayDensityBase {
         if (this.selectedIndexes.indexOf(index) === -1) {
             this.selectedIndexes.push(index);
         }
-        this._renderer.setAttribute(button.nativeElement, 'aria-pressed', 'true');
-        this._renderer.addClass(button.nativeElement, 'igx-button-group__item--selected');
-        const indexInViewButtons = this.viewButtons.toArray().indexOf(button);
-        if (indexInViewButtons !== -1) {
-            this.values[indexInViewButtons].selected = true;
+        if (button.selected) {
+            this._renderer.setAttribute(button.nativeElement, 'aria-pressed', 'true');
+            this._renderer.addClass(button.nativeElement, 'igx-button-group__item--selected');
+            const indexInViewButtons = this.viewButtons.toArray().indexOf(button);
+            if (indexInViewButtons !== -1) {
+                this.values[indexInViewButtons].selected = true;
+            }
+            // deselect other buttons if selectionMode is not multi
+            if (this.selectionMode !== 'multi' && this.selectedIndexes.length > 1) {
+                this.buttons.forEach((_, i) => {
+                    if (i !== index && this.selectedIndexes.indexOf(i) !== -1) {
+                        this.deselectButton(i);
+                    }
+                });
+            }
         }
-        // deselect other buttons if selectionMode is not multi
-        if (this.selectionMode !== 'multi' && this.selectedIndexes.length > 1) {
-            this.buttons.forEach((_, i) => {
-                if (i !== index && this.selectedIndexes.indexOf(i) !== -1) {
-                    this.deselectButton(i);
-                }
-            });
+        else {
+            this.deselectButton(index);
         }
     }
     /**
@@ -65489,7 +65510,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         if (this.isPercentWidth) {
             /* width in %*/
             const computed = this.document.defaultView.getComputedStyle(this.nativeElement).getPropertyValue('width');
-            width = computed.indexOf('%') === -1 ? parseInt(computed, 10) : null;
+            width = computed.indexOf('%') === -1 ? parseFloat(computed) : null;
         }
         else {
             width = parseInt(this.width, 10);
@@ -77223,7 +77244,7 @@ class IgxTreeGridSelectionService extends IgxGridSelectionService {
             added, removed, event, cancel: false
         };
         this.calculateRowsNewSelectionState(args, !!this.grid.primaryKey);
-        args.newSelection = Array.from(this.allData.filter(r => this.rowsToBeSelected.has(this.grid.primaryKey ? r[this.grid.primaryKey] : r)));
+        args.newSelection = Array.from(this.grid.gridAPI.get_all_data().filter(r => this.rowsToBeSelected.has(this.grid.primaryKey ? r[this.grid.primaryKey] : r)));
         // retrieve rows/parents/children which has been added/removed from the selection
         this.handleAddedAndRemovedArgs(args);
         this.grid.rowSelectionChanging.emit(args);