@colijnit/corecomponents_v12 262.1.4 → 262.1.6

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -8158,6 +8158,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
     }
     handleDateSelected(date) {
         this.setModel(date);
+        this.markAsUserTouched();
         if (this.closeAfterDateSelection || !date) {
             this.toggleCalendar(false);
         }
@@ -8185,6 +8186,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
             const [year, month, day] = this.modelAsString.split('-').map(Number);
             const date = new Date(year, month - 1, day);
             this.setModel(date);
+            this.markAsUserTouched();
         }
     }
     finalize() {
@@ -8252,7 +8254,8 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
                      (keydown.tab)="finalizeDate()"
                      (blur)="finalizeDate()"
       ></co-input-text>
-    `, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: OverlayParentDirective, selector: "[overlayParent]", exportAs: ["overlayParent"] }], encapsulation: i0.ViewEncapsulation.None });
+      <input type="hidden" [ngModel]="model">
+    `, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: OverlayParentDirective, selector: "[overlayParent]", exportAs: ["overlayParent"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerComponent, decorators: [{
             type: Component,
@@ -8280,6 +8283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                      (keydown.tab)="finalizeDate()"
                      (blur)="finalizeDate()"
       ></co-input-text>
+      <input type="hidden" [ngModel]="model">
     `,
                     providers: [
                         OverlayService, {
@@ -8562,13 +8566,15 @@ class InputDatePickerModule {
             CalendarModule,
             ClickoutsideModule,
             OverlayModule,
-            ReactiveFormsModule], exports: [InputDatePickerComponent] });
+            ReactiveFormsModule,
+            FormsModule], exports: [InputDatePickerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerModule, imports: [CommonModule,
             InputTextModule,
             CalendarModule,
             ClickoutsideModule,
             OverlayModule,
-            ReactiveFormsModule] });
+            ReactiveFormsModule,
+            FormsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerModule, decorators: [{
             type: NgModule,
@@ -8579,7 +8585,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         CalendarModule,
                         ClickoutsideModule,
                         OverlayModule,
-                        ReactiveFormsModule
+                        ReactiveFormsModule,
+                        FormsModule
                     ],
                     schemas: [
                         NO_ERRORS_SCHEMA
@@ -11623,6 +11630,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 +11640,7 @@ class BaseSimpleGridComponent {
     set data(value) {
         this._data = value;
         this._prepareData();
+        this._currentDataJSON = JSON.stringify(this._data);
         this.dataChanged.next();
     }
     get data() {
@@ -11683,11 +11692,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 +11736,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 +11751,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 +11803,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: [{
@@ -12095,6 +12118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class SimpleGridCellComponent {
     _changeDetector;
+    _injector;
+    _formComponent;
     get editMode() {
         return this._editMode;
     }
@@ -12122,6 +12147,7 @@ class SimpleGridCellComponent {
     }
     column;
     row;
+    columnInjector;
     _editMode = false;
     set fieldEditMode(value) {
         this._fieldEditMode = value;
@@ -12144,8 +12170,18 @@ class SimpleGridCellComponent {
     _editTemplate;
     _template;
     _inputTemplate;
-    constructor(_changeDetector) {
+    constructor(_changeDetector, _injector, _formComponent) {
         this._changeDetector = _changeDetector;
+        this._injector = _injector;
+        this._formComponent = _formComponent;
+    }
+    ngOnInit() {
+        this.columnInjector = Injector.create({
+            parent: this._injector,
+            providers: [
+                { provide: FormComponent, useValue: this._formComponent },
+            ],
+        });
     }
     _setFocusComponent() {
         if (this._editMode && this.fieldEditMode) {
@@ -12214,13 +12250,14 @@ class SimpleGridCellComponent {
     _detectChanges() {
         this._changeDetector.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridCellComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: FormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SimpleGridCellComponent, isStandalone: false, selector: "co-simple-grid-cell", inputs: { editMode: "editMode", column: "column", row: "row", fieldEditMode: "fieldEditMode" }, outputs: { cellClick: "cellClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class.co-simple-grid-cell": "this.showClass" } }, viewQueries: [{ propertyName: "editTemplateContent", first: true, predicate: ["editTemplate"], descendants: true, read: BaseInputComponent }, { propertyName: "noEditTemplateContent", first: true, predicate: ["noEditTemplate"], descendants: true }, { propertyName: "noTemplateContent", first: true, predicate: ["noTemplate"], descendants: true }], ngImport: i0, template: `
       <div class="simple-grid-column-cell-value" [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign">
           <ng-container *ngIf="editMode; else noInlineEdit">
               <div class="simple-grid-column-cell-field">
                 <ng-container #editTemplate *ngIf="column.editTemplate; else noEditTemplate"
                               [ngTemplateOutlet]="column.editTemplate"
+                              [ngTemplateOutletInjector]="columnInjector"
                               [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
                 <ng-template #noEditTemplate>
                     <ng-container *ngIf="column.template; else noTemplate">
@@ -12257,6 +12294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <div class="simple-grid-column-cell-field">
                 <ng-container #editTemplate *ngIf="column.editTemplate; else noEditTemplate"
                               [ngTemplateOutlet]="column.editTemplate"
+                              [ngTemplateOutletInjector]="columnInjector"
                               [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
                 <ng-template #noEditTemplate>
                     <ng-container *ngIf="column.template; else noTemplate">
@@ -12285,7 +12323,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { editMode: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: FormComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { editMode: [{
                 type: Input
             }], editTemplateContent: [{
                 type: ViewChild,
@@ -12415,6 +12455,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 +12474,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     showGridSettings = false;
     rowsPerPage = 50;
     rowDisabledFn;
+    rowConditionalClassFn;
     showColumnSort = false;
     showRowButtons = false;
     resetPageOnDataChange = true;
@@ -12481,10 +12523,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 +12561,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 +12887,14 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     get isNewRow() {
         return this._newRow;
     }
+    async prepareDataRow(row, index) {
+        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 +13048,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 +13175,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 +13382,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 +13463,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 +13485,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], rowDisabledFn: [{
                 type: Input
+            }], rowConditionalClassFn: [{
+                type: Input
             }], showColumnSort: [{
                 type: Input
             }], showRowButtons: [{