@colijnit/corecomponents_v12 260.1.11 → 260.1.13

package/fesm2015/colijnit-corecomponents_v12.js

@@ -9775,7 +9775,16 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._resetEdit();
         this._detectChanges();
     }
-    removeRow() {
+    removeRow(row) {
+        this.deleteRow.next(row);
+        if (this.currentPage !== 1) {
+            this.currentPage = 1;
+            this.selectedRowIndex = -1;
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        this._detectChanges();
+    }
+    removeSelectedRow() {
         let absoluteIndex = this.selectedRowIndex;
         if (this.rowsPerPage) {
             absoluteIndex = (this.currentPage - 1) * this.rowsPerPage + this.selectedRowIndex;
@@ -10180,7 +10189,7 @@ SimpleGridComponent.decorators = [
       (editClick)="editRow($event)"
       (saveClick)="validateAndSave()"
       (cancelClick)="cancelEditRow()"
-      (deleteClick)="removeRow()">
+      (deleteClick)="removeSelectedRow()">
     </co-grid-toolbar>
 
     <table
@@ -10195,10 +10204,10 @@ SimpleGridComponent.decorators = [
           [style.width.px]="column.width"
           [style.min-width.px]="MIN_COLUMN_WIDTH">
         <col
-          *ngIf="((inlineEdit && showRowButtons) || (showDelete && !showRowButtons)) && (hoveredRowIndex >= 0 || selectedRowIndex >= 0 || isNewRow)"
-          [class.icons-col]="true"
-          [class.col-width-row-buttons]="inlineEdit && showRowButtons"
-          [class.col-width-delete]="!showRowButtons && showDelete">
+          *ngIf="showRowButtons"
+          [class.simple-grid-column-auto-fit]="true"
+          [style.min-width.px]="MIN_COLUMN_WIDTH">
+        >
       </colgroup>
       <thead>
       <tr>
@@ -10310,20 +10319,19 @@ SimpleGridComponent.decorators = [
                 <div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
               </td>
             </ng-container>
-            <ng-container *ngIf="(inlineEdit && showRowButtons) || (showDelete && !showRowButtons)">
-              <td class="icons-container"
-                  *ngIf="(editRowIndex <= -1 && selectedRowIndex === -1 && hoveredRowIndex === rowIndex) || selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex)">
+            <ng-container *ngIf="showRowButtons">
+              <td class="icons-container" [class.show-content]="selectedRowIndex === rowIndex || hoveredRowIndex === rowIndex">
                 <ng-container>
                   <co-icon class="icon-item icon-edit"
-                           *ngIf="!editing && (inlineEdit && showRowButtons)"
+                           *ngIf="editRowIndex !== rowIndex && inlineEdit"
                            [iconData]="icons.getIcon(Icons.PenToSquareSolid)"
                            (click)="editRow($event, true, rowIndex); $event.stopPropagation()"></co-icon>
                   <co-icon class="icon-item icon-delete"
                            [iconData]="icons.getIcon(Icons.TrashBin)"
-                           *ngIf="(!editing && (inlineEdit || !inlineEdit) && showRowButtons) || (!showRowButtons && showDelete)"
-                           (click)="selectTheRow(rowIndex); removeRow();"></co-icon>
+                           *ngIf="(editRowIndex !== rowIndex && showDelete)"
+                           (click)="removeRow(data[rowIndex])"></co-icon>
                 </ng-container>
-                <ng-container *ngIf="editing && inlineEdit && showRowButtons && (selectedRowIndex === rowIndex || isNewRow)">
+                <ng-container *ngIf="editing && inlineEdit && (selectedRowIndex === rowIndex || isNewRow) && editRowIndex === rowIndex">
                   <co-button class="save-button"
                              [iconData]="icons.getIcon(Icons.CheckDuotone)"
                              (click)="validateAndSave(); $event.stopPropagation()"></co-button>
@@ -15246,7 +15254,8 @@ class HourSchedulingExpandableComponent {
         return split.join(':');
     }
     convertTZ(date, tzString) {
-        return new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", { timeZone: tzString }));
+        var _a;
+        return new Date((_a = (typeof date === "string" ? new Date(date) : date)) === null || _a === void 0 ? void 0 : _a.toLocaleString("en-US", { timeZone: tzString }));
     }
     convertDateToEuropean(date) {
         return this.convertTZ(date, 'Europe/Amsterdam');