@colijnit/corecomponents_v12 262.1.4 → 262.1.5

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -11623,6 +11623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class BaseSimpleGridComponent {
     changeDetection;
+    differs;
     MIN_COLUMN_WIDTH = 50;
     dataChanged = new Subject();
     set content(columnComponents) {
@@ -11632,6 +11633,7 @@ class BaseSimpleGridComponent {
     set data(value) {
         this._data = value;
         this._prepareData();
+        this._currentDataJSON = JSON.stringify(this._data);
         this.dataChanged.next();
     }
     get data() {
@@ -11683,11 +11685,21 @@ class BaseSimpleGridComponent {
     _data = [];
     _exportData = [];
     disabledRows = [];
+    rowsWithAddedClasses = new Map();
     _columnForResize;
-    _prepared = false;
+    _headersPrepared = false;
     _startMousePositionX;
-    constructor(changeDetection) {
+    _currentDataJSON;
+    constructor(changeDetection, differs) {
         this.changeDetection = changeDetection;
+        this.differs = differs;
+    }
+    ngDoCheck() {
+        const dataJSON = JSON.stringify(this.data);
+        if (dataJSON !== this._currentDataJSON) {
+            this.dataHasChanged();
+            this._currentDataJSON = dataJSON;
+        }
     }
     handleSizerMouseDown(event, column) {
         this._setWidthOfAllColumns();
@@ -11717,10 +11729,13 @@ class BaseSimpleGridComponent {
         }
     }
     isSingleColumnRow(row) {
-        return row.hasOwnProperty('singleColumnIndex');
+        return row && row.hasOwnProperty('singleColumnIndex');
     }
     singleColumnIndex(row) {
-        return row.singleColumnIndex;
+        return row ? row.singleColumnIndex : 0;
+    }
+    dataHasChanged() {
+        this._prepareDataRows();
     }
     async prepareDataRow(row, index) {
     }
@@ -11729,41 +11744,42 @@ class BaseSimpleGridComponent {
         this.columns.sort((a, b) => a.order < b.order ? -1 : 1);
     }
     async _prepareData() {
-        if (this._prepared) {
-            return;
-        }
         this.disabledRows.length = 0;
-        if (this.columns && this.columns.length > 0) {
+        if (this.columns && this.columns.length > 0 && !this._headersPrepared) {
             this.headerColumns = this.columns.filter(c => !c.singleColumn);
             this.headerColumnsCopy = this.headerColumns;
-            let singleColumnIndex = -1;
-            for (let i = 0; i < this.columns.length; i++) {
-                if (this.columns[i].singleColumn) {
-                    singleColumnIndex = i;
-                    break;
-                }
+            this._headersPrepared = true;
+        }
+        await this._prepareDataRows();
+        this._resizeColumnsToFit();
+        this.changeDetection.detectChanges();
+    }
+    async _prepareDataRows() {
+        let singleColumnIndex = -1;
+        for (let i = 0; i < this.columns.length; i++) {
+            if (this.columns[i].singleColumn) {
+                singleColumnIndex = i;
+                break;
             }
-            // first check if there's single column data
-            if (this.data && this.data.length > 0) {
-                if (singleColumnIndex > -1) {
-                    const field = this.columns[singleColumnIndex].field;
-                    for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
-                        if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
-                            // bit nasty to add prop, but cool for now
-                            this.data[i].singleColumnIndex = singleColumnIndex;
-                        }
-                        await this.prepareDataRow(this.data[i], i);
+        }
+        // first check if there's single column data
+        if (this.data && this.data.length > 0) {
+            if (singleColumnIndex > -1) {
+                const field = this.columns[singleColumnIndex].field;
+                for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
+                    if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
+                        // bit nasty to add prop, but cool for now
+                        this.data[i].singleColumnIndex = singleColumnIndex;
                     }
+                    await this.prepareDataRow(this.data[i], i);
                 }
-                else {
-                    for (let j = 0; j < this.data.length; j++) {
-                        await this.prepareDataRow(this.data[j], j);
-                    }
+            }
+            else {
+                for (let j = 0; j < this.data.length; j++) {
+                    await this.prepareDataRow(this.data[j], j);
                 }
             }
-            this._prepared = true;
         }
-        this._resizeColumnsToFit();
         this.changeDetection.detectChanges();
     }
     _resizeColumnsToFit() {
@@ -11780,12 +11796,12 @@ class BaseSimpleGridComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BaseSimpleGridComponent, isStandalone: true, inputs: { data: "data", exportData: "exportData", dragDropEnabled: "dragDropEnabled", resizable: "resizable", inlineEdit: "inlineEdit", showEdit: "showEdit", showToolbar: "showToolbar", autoAddRow: "autoAddRow", useCustomExcelExport: "useCustomExcelExport", emitDragDrop: "emitDragDrop", extraColumns: "extraColumns" }, outputs: { onDrop: "onDrop", selectRow: "selectRow", deselectRow: "deselectRow", dblClickRow: "dblClickRow", saveRow: "saveRow", deleteRow: "deleteRow", addRow: "addRow", rowVisible: "rowVisible", paginationPageChange: "paginationPageChange", customExcelExport: "customExcelExport" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp($event)" } }, queries: [{ propertyName: "content", predicate: SimpleGridColumnDirective }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { content: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }], propDecorators: { content: [{
                 type: ContentChildren,
                 args: [SimpleGridColumnDirective]
             }], data: [{
@@ -12415,6 +12431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class SimpleGridComponent extends BaseSimpleGridComponent {
     icons;
     changeDetection;
+    differs;
     _formMaster;
     defaultTextAlign = ColumnAlign.Left;
     scrollDirections = ScrollDirection;
@@ -12433,6 +12450,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     showGridSettings = false;
     rowsPerPage = 50;
     rowDisabledFn;
+    rowConditionalClassFn;
     showColumnSort = false;
     showRowButtons = false;
     resetPageOnDataChange = true;
@@ -12481,10 +12499,11 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     _newRowReference;
     IconCacheService = IconCacheService;
     CoreComponentsIcon = CoreComponentsIcon;
-    constructor(icons, changeDetection, _formMaster) {
-        super(changeDetection);
+    constructor(icons, changeDetection, differs, _formMaster) {
+        super(changeDetection, differs);
         this.icons = icons;
         this.changeDetection = changeDetection;
+        this.differs = differs;
         this._formMaster = _formMaster;
         this.dataChanged.subscribe(() => {
             if (this.resetPageOnDataChange) {
@@ -12518,6 +12537,22 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             return false;
         }
     }
+    getRowConditionalClasses(idx) {
+        return this.rowsWithAddedClasses.get(idx);
+    }
+    async doesRowHaveConditionalClasses(row, index) {
+        if (this.rowConditionalClassFn && (typeof this.rowConditionalClassFn === 'function')) {
+            const classes = await this.rowConditionalClassFn.call(this, row);
+            if (classes && (classes.length > 0)) {
+                this.rowsWithAddedClasses.set(index, classes);
+            }
+            else {
+                if (this.rowsWithAddedClasses.has(index)) {
+                    this.rowsWithAddedClasses.delete(index);
+                }
+            }
+        }
+    }
     async addNewRow() {
         if (this.inlineEdit) {
             const valid = this.validateAndSave();
@@ -12828,13 +12863,15 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     get isNewRow() {
         return this._newRow;
     }
+    async prepareDataRow(row, index) {
+        console.log('Row changes, rechecking rows for classes');
+        await this.isRowDisabled(row, index);
+        await this.doesRowHaveConditionalClasses(row, index);
+    }
     _filterSelectedOrReturnAll(items) {
         const hasSelectedTrue = items.some(item => item.selected === true);
         return hasSelectedTrue ? items.filter(item => item.selected === true) : items;
     }
-    async prepareDataRow(row, index) {
-        await this.isRowDisabled(row, index);
-    }
     _resetDblClick() {
         setTimeout(() => {
             this._doubleClicked = false;
@@ -12988,8 +13025,8 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             behavior: "smooth"
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: FormMasterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleGridComponent, isStandalone: false, selector: "co-simple-grid", inputs: { showAdd: "showAdd", showDelete: "showDelete", deselectAllowed: "deselectAllowed", editOnCellClick: "editOnCellClick", rightToolbar: "rightToolbar", showGridSettings: "showGridSettings", rowsPerPage: "rowsPerPage", rowDisabledFn: "rowDisabledFn", showColumnSort: "showColumnSort", showRowButtons: "showRowButtons", resetPageOnDataChange: "resetPageOnDataChange", scrollOnRowAction: "scrollOnRowAction", scrollDirection: "scrollDirection", canRowBeEdittedFn: "canRowBeEdittedFn" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-simple-grid": "this.showClass" } }, providers: [FormMasterService], viewQueries: [{ propertyName: "headerCells", predicate: ["headerCell"], descendants: true }, { propertyName: "rowElements", predicate: ["rowElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }, { token: FormMasterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleGridComponent, isStandalone: false, selector: "co-simple-grid", inputs: { showAdd: "showAdd", showDelete: "showDelete", deselectAllowed: "deselectAllowed", editOnCellClick: "editOnCellClick", rightToolbar: "rightToolbar", showGridSettings: "showGridSettings", rowsPerPage: "rowsPerPage", rowDisabledFn: "rowDisabledFn", rowConditionalClassFn: "rowConditionalClassFn", showColumnSort: "showColumnSort", showRowButtons: "showRowButtons", resetPageOnDataChange: "resetPageOnDataChange", scrollOnRowAction: "scrollOnRowAction", scrollDirection: "scrollDirection", canRowBeEdittedFn: "canRowBeEdittedFn" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-simple-grid": "this.showClass" } }, providers: [FormMasterService], viewQueries: [{ propertyName: "headerCells", predicate: ["headerCell"], descendants: true }, { propertyName: "rowElements", predicate: ["rowElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     @if (showToolbar) {
       <co-grid-toolbar
         [class.right]="rightToolbar"
@@ -13115,6 +13152,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             [class.selected]="rowIndex === selectedRowIndex && !editing" observeVisibility
             [class.disabled]="getIsRowDisabled(rowIndex)"
             [class.editing]="rowIndex === editRowIndex"
+            [ngClass]="getRowConditionalClasses(rowIndex)"
             cdkDrag
             (click)="handleClickRow($event, rowIndex)" (dblclick)="handleDblClickRow($event, rowIndex, row)"
             (visibilityChange)="rowVisible.next(row)"
@@ -13321,6 +13359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             [class.selected]="rowIndex === selectedRowIndex && !editing" observeVisibility
             [class.disabled]="getIsRowDisabled(rowIndex)"
             [class.editing]="rowIndex === editRowIndex"
+            [ngClass]="getRowConditionalClasses(rowIndex)"
             cdkDrag
             (click)="handleClickRow($event, rowIndex)" (dblclick)="handleDblClickRow($event, rowIndex, row)"
             (visibilityChange)="rowVisible.next(row)"
@@ -13401,7 +13440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: IconCacheService }, { type: i0.ChangeDetectorRef }, { type: FormMasterService }], propDecorators: { headerCells: [{
+        }], ctorParameters: () => [{ type: IconCacheService }, { type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }, { type: FormMasterService }], propDecorators: { headerCells: [{
                 type: ViewChildren,
                 args: ['headerCell']
             }], rowElements: [{
@@ -13423,6 +13462,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], rowDisabledFn: [{
                 type: Input
+            }], rowConditionalClassFn: [{
+                type: Input
             }], showColumnSort: [{
                 type: Input
             }], showRowButtons: [{