igniteui-angular 15.1.23 → 15.1.25

package/fesm2020/igniteui-angular.mjs

@@ -25746,7 +25746,7 @@ class IgxGridCRUDService extends IgxRowAddCrudState {
         });
     }
     /**
-     * Finishes the row transactions on the current row.
+     * Finishes the row transactions on the current row and returns whether the grid editing was canceled.
      *
      * @remarks
      * If `commit === true`, passes them from the pending state to the data (or transaction service)
@@ -30223,20 +30223,25 @@ class IgxButtonGroupComponent extends DisplayDensityBase {
      */
     _clickHandler(index) {
         const button = this.buttons[index];
+        const args = { cancel: false, button, index };
         if (!this.multiSelection) {
             this.buttons.forEach((b, i) => {
                 if (i !== index && this.selectedIndexes.indexOf(i) !== -1) {
-                    this.deselected.emit({ button: b, index: i });
+                    this.deselected.emit({ cancel: false, button: b, index: i });
                 }
             });
         }
         if (this.selectedIndexes.indexOf(index) === -1) {
-            this.selectButton(index);
-            this.selected.emit({ button, index });
+            this.selected.emit(args);
+            if (!args.cancel) {
+                this.selectButton(index);
+            }
         }
         else {
-            this.deselectButton(index);
-            this.deselected.emit({ button, index });
+            this.deselected.emit(args);
+            if (!args.cancel) {
+                this.deselectButton(index);
+            }
         }
     }
 }
@@ -51102,12 +51107,7 @@ class IgxGridCell {
             this._row = row;
             this._rowIndex = row.index;
         }
-        if (typeof column === 'string') {
-            this._columnField = column;
-        }
-        else {
-            this._column = column;
-        }
+        this._column = column;
     }
     /**
      * Returns the row containing the cell.
@@ -51129,7 +51129,7 @@ class IgxGridCell {
      * @memberof IgxGridCell
      */
     get column() {
-        return this._column || this.grid.getColumnByName(this._columnField);
+        return this._column;
     }
     /**
      * Gets the current edit value while a cell is in edit mode.
@@ -52030,7 +52030,7 @@ class IgxColumnComponent {
             .map((rec, index) => {
             if (!this.grid.isGroupByRecord(rec) && !this.grid.isSummaryRow(rec)) {
                 this.grid.pagingMode === 1 && this.grid.page !== 0 ? index = index + this.grid.perPage * this.grid.page : index = this.grid.dataRowList.first.index + index;
-                const cell = new IgxGridCell(this.grid, index, this.field);
+                const cell = new IgxGridCell(this.grid, index, this);
                 return cell;
             }
         }).filter(cell => cell);
@@ -52918,7 +52918,8 @@ class IgxColumnComponent {
             }
         }
         if (hasIndex) {
-            grid._moveColumns(this, targetColumn);
+            index === grid._pinnedColumns.length - 1 ?
+                grid._moveColumns(this, targetColumn, DropPosition.AfterDropTarget) : grid._moveColumns(this, targetColumn, DropPosition.BeforeDropTarget);
         }
         if (this.columnGroup) {
             this.allChildren.forEach(child => child.pin());
@@ -53247,7 +53248,7 @@ class IgxColumnComponent {
         const isPercentageWidth = colWidth && typeof colWidth === 'string' && colWidth.indexOf('%') !== -1;
         const isAutoWidth = colWidth && typeof colWidth === 'string' && colWidth === 'fit-content';
         if (isPercentageWidth) {
-            this._calcWidth = parseFloat(colWidth) / 100 * this.grid.calcWidth;
+            this._calcWidth = Math.floor(parseFloat(colWidth) / 100 * this.grid.calcWidth);
         }
         else if (!colWidth || isAutoWidth && !this.autoSize) {
             // no width
@@ -54751,7 +54752,7 @@ class BaseRow {
     get cells() {
         const res = [];
         this.grid.columns.forEach(col => {
-            const cell = new IgxGridCell(this.grid, this.index, col.field);
+            const cell = new IgxGridCell(this.grid, this.index, col);
             res.push(cell);
         });
         return res;
@@ -55058,7 +55059,7 @@ class IgxHierarchicalGridRow extends BaseRow {
     get cells() {
         const res = [];
         this.grid.columns.forEach(col => {
-            const cell = new IgxGridCell(this.grid, this.index, col.field);
+            const cell = new IgxGridCell(this.grid, this.index, col);
             res.push(cell);
         });
         return res;
@@ -67506,7 +67507,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         return this.unpinnedRecords.findIndex(x => x[this.primaryKey] === id);
     }
     /**
-     * Finishes the row transactions on the current row.
+     * Finishes the row transactions on the current row and returns whether the grid editing was canceled.
      *
      * @remarks
      * If `commit === true`, passes them from the pending state to the data (or transaction service)
@@ -67519,7 +67520,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
     // TODO: Facade for crud service refactoring. To be removed
     // TODO: do not remove this, as it is used in rowEditTemplate, but mark is as internal and hidden
     endEdit(commit = true, event) {
-        this.crudService.endEdit(commit, event);
+        return this.crudService.endEdit(commit, event);
     }
     /**
      * Enters add mode by spawning the UI under the specified row by rowID.
@@ -71185,7 +71186,7 @@ class IgxGridCellComponent {
     }
     getCellType(useRow) {
         const rowID = useRow ? this.grid.createRow(this.intRow.index, this.intRow.data) : this.intRow.index;
-        return new IgxGridCell(this.grid, rowID, this.column.field);
+        return new IgxGridCell(this.grid, rowID, this.column);
     }
 }
 IgxGridCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IgxGridCellComponent, deps: [{ token: IgxGridSelectionService }, { token: IGX_GRID_BASE }, { token: IgxOverlayService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: HammerGesturesManager }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Component });
@@ -72104,7 +72105,7 @@ class IgxGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this._columns.find((col) => col.visibleIndex === index);
         if (row && row instanceof IgxGridRow && !row.data?.detailsData && column) {
-            return new IgxGridCell(this, rowIndex, column.field);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -72694,7 +72695,7 @@ class IgxGridComponent extends IgxGridBaseDirective {
             if (this.pagingMode === 1 && this.page !== 0) {
                 row.index = rowIndex + this.perPage * this.page;
             }
-            return new IgxGridCell(this, row.index, columnField);
+            return new IgxGridCell(this, row.index, column);
         }
     }
     /**
@@ -72713,7 +72714,7 @@ class IgxGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByKey(rowSelector);
         const column = this._columns.find((col) => col.field === columnField);
         if (row && column) {
-            return new IgxGridCell(this, row.index, columnField);
+            return new IgxGridCell(this, row.index, column);
         }
     }
     pinRow(rowID, index) {
@@ -75356,6 +75357,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
      * @hidden @internal
      */
     endEdit(_commit = true, _event) {
+        return;
     }
     /**
      * @hidden @internal
@@ -80867,7 +80869,7 @@ class IgxTreeGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this.columns.find((col) => col.visibleIndex === index);
         if (row && row instanceof IgxTreeGridRow && column) {
-            return new IgxGridCell(this, rowIndex, column.field);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -81223,7 +81225,7 @@ class IgxTreeGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this.columns.find((col) => col.field === columnField);
         if (row && row instanceof IgxTreeGridRow && column) {
-            return new IgxGridCell(this, rowIndex, columnField);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -81242,7 +81244,7 @@ class IgxTreeGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByKey(rowSelector);
         const column = this.columns.find((col) => col.field === columnField);
         if (row && column) {
-            return new IgxGridCell(this, row.index, columnField);
+            return new IgxGridCell(this, row.index, column);
         }
     }
     pinRow(rowID, index) {
@@ -83429,7 +83431,7 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this.columns.find((col) => col.visibleIndex === index);
         if (row && row instanceof IgxHierarchicalGridRow && column) {
-            return new IgxGridCell(this, rowIndex, column.field);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -83652,7 +83654,7 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this.columns.find((col) => col.field === columnField);
         if (row && row instanceof IgxHierarchicalGridRow && column) {
-            return new IgxGridCell(this, rowIndex, columnField);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -83671,7 +83673,7 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         const row = this.getRowByKey(rowSelector);
         const column = this.columns.find((col) => col.field === columnField);
         if (row && column) {
-            return new IgxGridCell(this, row.index, columnField);
+            return new IgxGridCell(this, row.index, column);
         }
     }
     pinRow(rowID, index) {