igniteui-angular 15.1.23 → 15.1.25

package/fesm2015/igniteui-angular.mjs

@@ -25330,7 +25330,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)
@@ -29826,20 +29826,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);
+            }
         }
     }
 }
@@ -50814,12 +50819,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.
@@ -50841,7 +50841,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.
@@ -51749,7 +51749,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);
@@ -52637,7 +52637,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());
@@ -52966,7 +52967,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
@@ -54481,7 +54482,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;
@@ -54791,7 +54792,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;
@@ -67311,7 +67312,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)
@@ -67324,7 +67325,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.
@@ -71003,7 +71004,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 });
@@ -71942,7 +71943,7 @@ class IgxGridComponent extends IgxGridBaseDirective {
         const row = this.getRowByIndex(rowIndex);
         const column = this._columns.find((col) => col.visibleIndex === index);
         if (row && row instanceof IgxGridRow && !((_a = row.data) === null || _a === void 0 ? void 0 : _a.detailsData) && column) {
-            return new IgxGridCell(this, rowIndex, column.field);
+            return new IgxGridCell(this, rowIndex, column);
         }
     }
     /**
@@ -72536,7 +72537,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);
         }
     }
     /**
@@ -72555,7 +72556,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) {
@@ -75225,6 +75226,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
      * @hidden @internal
      */
     endEdit(_commit = true, _event) {
+        return;
     }
     /**
      * @hidden @internal
@@ -80786,7 +80788,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);
         }
     }
     /**
@@ -81143,7 +81145,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);
         }
     }
     /**
@@ -81162,7 +81164,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) {
@@ -83366,7 +83368,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);
         }
     }
     /**
@@ -83590,7 +83592,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);
         }
     }
     /**
@@ -83609,7 +83611,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) {