@colijnit/corecomponents_v12 258.1.7 → 258.1.9

package/lib/components/input-number-picker/input-number-picker.component.d.ts

@@ -21,6 +21,7 @@ export declare class InputNumberPickerComponent extends BaseInputComponent<numbe
     set model(model: number);
     get model(): number;
     modelChangeOnEnter: boolean;
+    showPermanentLabel: boolean;
     leftIconData: SafeHtml | undefined;
     set min(min: number);
     set step(step: number);

package/lib/components/input-number-picker/style/_layout.scss

@@ -7,7 +7,7 @@
     flex-direction: row;
     align-items: center;
     height: $cc-co-input-number-picker-height;
-    width: fit-content;
+    //width: fit-content;
     //border: $cc-co-input-number-picker-border;
     border-radius: $cc-co-input-number-picker-border-radius;
     &:before {
@@ -51,6 +51,19 @@
       height: 100%;
       aspect-ratio: 1/1;
     }
+    .input-wrapper {
+      display: flex;
+      flex-basis: 100%;
+      flex-direction: column;
+      overflow: hidden;
+    }
+    .permanent-label {
+      color: $cc-color-label;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      text-align: center;
+    }
     input {
       font-family: $cc-co-input-number-picker-font-family;
       padding: 0;

package/lib/components/simple-grid/simple-grid.component.d.ts

@@ -35,6 +35,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     currentPage: number;
     sortColumnValue: string;
     sortDirection: 'asc' | 'desc';
+    hoveredRowIndex: number;
     readonly Icons: typeof CoreComponentsIcon;
     private _doubleClicked;
     private _newRow;
@@ -49,7 +50,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     handleClickRow(event: MouseEvent, index: number, row: any): void;
     selectTheRow(index: number, emit?: boolean): void;
     handleDblClickRow(event: MouseEvent, index: number, row: any): Promise<void>;
-    editRow(event: MouseEvent, selectCell?: boolean): void;
+    editRow(event: MouseEvent, selectCell?: boolean, rowIndex?: number): Promise<void>;
     handleCellClick(event: MouseEvent, row: any, rowIndex: number, cellIndex: number): Promise<void>;
     toggleSettingsMenu(): void;
     toggleColumnMenu(col: any): void;
@@ -76,4 +77,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     setCurrentPage(page: number): void;
     private _detectChanges;
     private _resetEdit;
+    get isNewRow(): boolean;
+    protected readonly IconCacheService: typeof IconCacheService;
+    protected readonly CoreComponentsIcon: typeof CoreComponentsIcon;
 }

package/lib/components/simple-grid/style/_layout.scss

@@ -3,6 +3,11 @@
     display: block;
     font-family: $cc-simple-grid-font-familiy;
     font-size: $cc-simple-grid-font-size;
+
+    thead {
+      position: relative;
+    }
+
     co-input-checkbox {
       justify-content: center;
       .checkbox {
@@ -221,6 +226,10 @@
     opacity: 0.3;
   }
 
+  .simple-grid-row:hover {
+    pointer-events: auto;
+  }
+
   .cdk-drag-animating {
     transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
   }
@@ -276,3 +285,25 @@
   }
 }
 
+.icons-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.icon-item {
+  &:hover {
+    cursor: pointer;
+  }
+
+  &.icon-edit {
+    width: 20px;
+    height: 20px;
+  }
+
+  &.icon-delete {
+    width: 34px;
+    height: 34px;
+  }
+}

package/lib/service/excel-export.service.d.ts

@@ -35,6 +35,7 @@ export declare class ExcelExportService {
      * @param path - Dot notation path (e.g., 'user.address.city')
      */
     private getNestedValue;
+    private getFlatValue;
     /**
      * Format date for Excel export
      * @param date - Date to format

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "258.1.7",
+  "version": "258.1.9",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {