@messaia/cdk 18.0.0-rc15 → 18.0.0-rc17

package/lib/common/common.module.d.ts

@@ -24,6 +24,7 @@ import * as i21 from "./pipes/nested-property";
 import * as i22 from "./pipes/split.pipe";
 import * as i23 from "./pipes/join.pipe";
 import * as i24 from "./pipes/property-join.pipe";
+import * as i25 from "./pipes/bind";
 export { IControlValueAccessor, mixinControlValueAccessor } from './behaviors/control-value-accesor.mixin';
 export { ICanDisable, mixinDisabled } from './behaviors/disabled.mixin';
 export { endpointMetadataKey, headerMetadataKey } from './constants/constants';
@@ -64,6 +65,6 @@ export declare function createCompiler(compilerFactory: CompilerFactory): Compil
 export declare const RUNTIME_COMPILER_PROVIDERS: StaticProvider[];
 export declare class VdCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VdCommonModule, [typeof i1.DataSourcePipe, typeof i2.DisableControlDirective, typeof i3.EnumPipe, typeof i4.FileSizePipe, typeof i5.FilterPipe, typeof i6.FirstLetterPipe, typeof i7.FormControlPipe, typeof i8.FormGroupPipe, typeof i9.FormArrayPipe, typeof i10.FuncPipe, typeof i11.KeysPipe, typeof i12.MonthNamePipe, typeof i13.OnlyNumberDirective, typeof i14.OrderPipe, typeof i15.PlaceholderPipe, typeof i16.SafeHtmlPipe, typeof i17.TimePipe, typeof i18.TitleCase, typeof i19.TruncatePipe, typeof i20.ValuesPipe, typeof i21.PropertyPipe, typeof i22.SplitPipe, typeof i23.JoinPipe, typeof i24.PropertyJoinPipe], never, [typeof i1.DataSourcePipe, typeof i2.DisableControlDirective, typeof i3.EnumPipe, typeof i4.FileSizePipe, typeof i5.FilterPipe, typeof i6.FirstLetterPipe, typeof i7.FormControlPipe, typeof i8.FormGroupPipe, typeof i9.FormArrayPipe, typeof i10.FuncPipe, typeof i11.KeysPipe, typeof i12.MonthNamePipe, typeof i13.OnlyNumberDirective, typeof i14.OrderPipe, typeof i15.PlaceholderPipe, typeof i16.SafeHtmlPipe, typeof i17.TimePipe, typeof i18.TitleCase, typeof i19.TruncatePipe, typeof i20.ValuesPipe, typeof i21.PropertyPipe, typeof i22.SplitPipe, typeof i23.JoinPipe, typeof i24.PropertyJoinPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VdCommonModule, [typeof i1.DataSourcePipe, typeof i2.DisableControlDirective, typeof i3.EnumPipe, typeof i4.FileSizePipe, typeof i5.FilterPipe, typeof i6.FirstLetterPipe, typeof i7.FormControlPipe, typeof i8.FormGroupPipe, typeof i9.FormArrayPipe, typeof i10.FuncPipe, typeof i11.KeysPipe, typeof i12.MonthNamePipe, typeof i13.OnlyNumberDirective, typeof i14.OrderPipe, typeof i15.PlaceholderPipe, typeof i16.SafeHtmlPipe, typeof i17.TimePipe, typeof i18.TitleCase, typeof i19.TruncatePipe, typeof i20.ValuesPipe, typeof i21.PropertyPipe, typeof i22.SplitPipe, typeof i23.JoinPipe, typeof i24.PropertyJoinPipe, typeof i25.BindPipe], never, [typeof i1.DataSourcePipe, typeof i2.DisableControlDirective, typeof i3.EnumPipe, typeof i4.FileSizePipe, typeof i5.FilterPipe, typeof i6.FirstLetterPipe, typeof i7.FormControlPipe, typeof i8.FormGroupPipe, typeof i9.FormArrayPipe, typeof i10.FuncPipe, typeof i11.KeysPipe, typeof i12.MonthNamePipe, typeof i13.OnlyNumberDirective, typeof i14.OrderPipe, typeof i15.PlaceholderPipe, typeof i16.SafeHtmlPipe, typeof i17.TimePipe, typeof i18.TitleCase, typeof i19.TruncatePipe, typeof i20.ValuesPipe, typeof i21.PropertyPipe, typeof i22.SplitPipe, typeof i23.JoinPipe, typeof i24.PropertyJoinPipe, typeof i25.BindPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VdCommonModule>;
 }

package/lib/common/helpers/delegate.d.ts

@@ -0,0 +1,3 @@
+export interface Delegate<T> {
+    (...args: any[]): T;
+}

package/lib/common/models/icon.d.ts

@@ -14,6 +14,11 @@ export declare class Icon<TEntity = any, TContext = any> {
      * Font icon name or function returning the icon dynamically.
      */
     fontIcon?: ((x?: TEntity, ctx?: TContext) => any) | string;
+    /**
+     * Icon color or a function that returns the color dynamically.
+     * If a function is provided, it takes optional parameters x and ctx.
+     */
+    iconColor?: ((x?: TEntity, ctx?: TContext) => any) | string;
     /**
      * Font set name for font icon.
      */

package/lib/common/pipes/bind.d.ts

@@ -0,0 +1,18 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A custom Angular pipe to bind a function with a given context and arguments.
+ */
+export declare class BindPipe implements PipeTransform {
+    /**
+     * Transforms the function to be bound with the specified context and arguments.
+     *
+     * @param fn The function to be bound. If it's not a function, the pipe returns undefined.
+     * @param context The context (`this`) to bind to the function.
+     * @param args Additional arguments to be pre-applied to the function.
+     * @returns A new function bound to the specified context with the provided arguments, or undefined if `fn` is not a function.
+     */
+    transform(fn: Function | undefined, context: any, ...args: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BindPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BindPipe, "bind", false>;
+}

package/lib/common/public_api.d.ts

@@ -3,6 +3,7 @@ export * from './directives/delayed-hover.directive';
 export * from './directives/disable-control.directive';
 export * from './enums/app-event-type';
 export * from './enums/salutation';
+export * from './helpers/delegate';
 export * from './models/app-event';
 export * from './models/displayname-number-projection';
 export * from './models/displayname-projection';
@@ -10,6 +11,7 @@ export * from './models/enum-metadata';
 export * from './models/name-number-projection';
 export * from './models/name-projection';
 export * from './models/title-projection';
+export * from './pipes/bind';
 export * from './pipes/data-source.pipe';
 export * from './pipes/enum.pipe';
 export * from './pipes/file-size.pipe';

package/lib/common/styles/utilities/_pad.scss

@@ -1,27 +1,34 @@
 @mixin pad($direction: "") {
 	.pad#{$direction} {
-		padding#{$direction}: 16px;
+		padding#{$direction}: 16px !important;
 	}
+
 	.pad#{$direction}-xxl {
-		padding#{$direction}: 56px;
+		padding#{$direction}: 56px !important;
 	}
+
 	.pad#{$direction}-xl {
-		padding#{$direction}: 48px;
+		padding#{$direction}: 48px !important;
 	}
+
 	.pad#{$direction}-lg {
-		padding#{$direction}: 32px;
+		padding#{$direction}: 32px !important;
 	}
+
 	.pad#{$direction}-md {
-		padding#{$direction}: 24px;
+		padding#{$direction}: 24px !important;
 	}
+
 	.pad#{$direction}-sm {
-		padding#{$direction}: 8px;
+		padding#{$direction}: 8px !important;
 	}
+
 	.pad#{$direction}-xs {
-		padding#{$direction}: 4px;
+		padding#{$direction}: 4px !important;
 	}
+
 	.pad#{$direction}-none {
-		padding#{$direction}: 0px;
+		padding#{$direction}: 0px !important;
 	}
 }
 

package/lib/common/styles/utilities/_pull.scss

@@ -1,27 +1,34 @@
 @mixin pull($direction: "") {
 	.pull#{$direction}-xxl {
-		margin#{$direction}: -56px;
+		margin#{$direction}: -56px !important;
 	}
+
 	.pull#{$direction}-xl {
-		margin#{$direction}: -48px;
+		margin#{$direction}: -48px !important;
 	}
+
 	.pull#{$direction}-lg {
-		margin#{$direction}: -32px;
+		margin#{$direction}: -32px !important;
 	}
+
 	.pull#{$direction}-md {
-		margin#{$direction}: -24px;
+		margin#{$direction}: -24px !important;
 	}
+
 	.pull#{$direction} {
-		margin#{$direction}: -16px;
-  	}
+		margin#{$direction}: -16px !important;
+	}
+
 	.pull#{$direction}-sm {
-		margin#{$direction}: -8px;
+		margin#{$direction}: -8px !important;
 	}
+
 	.pull#{$direction}-xs {
-		margin#{$direction}: -4px;
+		margin#{$direction}: -4px !important;
 	}
+
 	.pull#{$direction}-none {
-		margin#{$direction}: -0px;
+		margin#{$direction}: -0px !important;
 	}
 }
 
@@ -33,4 +40,4 @@
 		@include pull(-left);
 		@include pull(-right);
 	}
-}
+}

package/lib/common/styles/utilities/_push.scss

@@ -1,27 +1,34 @@
 @mixin push($direction: "") {
 	.push#{$direction} {
-		margin#{$direction}: 16px;
+		margin#{$direction}: 16px !important;
 	}
+
 	.push#{$direction}-xxl {
-		margin#{$direction}: 56px;
+		margin#{$direction}: 56px !important;
 	}
+
 	.push#{$direction}-xl {
-		margin#{$direction}: 48px;
+		margin#{$direction}: 48px !important;
 	}
+
 	.push#{$direction}-lg {
-		margin#{$direction}: 32px;
+		margin#{$direction}: 32px !important;
 	}
+
 	.push#{$direction}-md {
-		margin#{$direction}: 24px;
+		margin#{$direction}: 24px !important;
 	}
+
 	.push#{$direction}-sm {
-		margin#{$direction}: 8px;
+		margin#{$direction}: 8px !important;
 	}
+
 	.push#{$direction}-xs {
-		margin#{$direction}: 4px;
+		margin#{$direction}: 4px !important;
 	}
+
 	.push#{$direction}-none {
-		margin#{$direction}: 0px;
+		margin#{$direction}: 0px !important;
 	}
 }
 
@@ -33,4 +40,4 @@
 		@include push(-left);
 		@include push(-right);
 	}
-}
+}

package/lib/forms/components/generic-form/generic-form.component.d.ts

@@ -4,6 +4,7 @@ import { FormGroup } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatCalendar, MatDatepicker } from '@angular/material/datepicker';
+import { Icon } from '../../../common/models/icon';
 import { VdGenericFormCustomFieldDirective } from '../../directives/vd-generic-form-custom-field.directive';
 import { FormFieldType } from '../../enums/form-field-type';
 import { FormDefinition } from '../../models/form-definition';
@@ -203,6 +204,7 @@ export declare class VdGenericFormComponent implements OnInit {
      * @param optionalParams
      */
     log(message: any, ...optionalParams: any[]): void;
+    myFunction(func: Function, option: any): Icon<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdGenericFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "classType": { "alias": "classType"; "required": false; }; "formDefinition": { "alias": "formDefinition"; "required": false; }; "fieldGroups": { "alias": "fieldGroups"; "required": false; }; "groupName": { "alias": "groupName"; "required": false; }; "fieldSets": { "alias": "fieldSets"; "required": false; }; "context": { "alias": "context"; "required": false; }; "debugValue": { "alias": "debugValue"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separatorKeysCodes": { "alias": "separatorKeysCodes"; "required": false; }; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate", "bottom", "customFields", "customFieldsTemplates"], never, false, never>;
 }

package/lib/forms/forms.module.d.ts

@@ -1,6 +1,7 @@
 import { DatePickerHeaderComponent } from './components/datepicker/datepicker-header.component';
 import { MatFormFieldEditorDirective } from './directives/mat-form-field-editor.directive';
 import { NestedPropertyNgModelDirective } from './directives/nested-property-ng-model.directive';
+import { FieldFuncPipe } from './pipes/field-func.pipe';
 import { GroupFilterPipe } from './pipes/group-filter.pipe';
 import { EmptyStringResetDirective } from './validators/empty-string-reset.directive';
 import { NativeElementInjectorDirective } from './validators/native-element-injector.directive';
@@ -17,25 +18,26 @@ import * as i8 from "./components/datepicker/datepicker-header.component";
 import * as i9 from "./directives/vd-generic-form-custom-field.directive";
 import * as i10 from "./directives/nested-property-ng-model.directive";
 import * as i11 from "./pipes/group-filter.pipe";
-import * as i12 from "@angular/common";
-import * as i13 from "../common/common.module";
-import * as i14 from "../select/select.module";
-import * as i15 from "../chips/chips.module";
-import * as i16 from "../file/file.module";
-import * as i17 from "../list/list.module";
-import * as i18 from "@angular/forms";
-import * as i19 from "@angular/material/form-field";
-import * as i20 from "@angular/material/select";
-import * as i21 from "@angular/material/icon";
-import * as i22 from "@angular/material/input";
-import * as i23 from "@angular/material/button";
-import * as i24 from "@angular/material/datepicker";
-import * as i25 from "@angular/material/checkbox";
-import * as i26 from "@angular/material/slide-toggle";
-import * as i27 from "@angular/material/core";
-import * as i28 from "@angular/material/autocomplete";
-import * as i29 from "@angular/material/chips";
-import * as i30 from "ngx-colors";
+import * as i12 from "./pipes/field-func.pipe";
+import * as i13 from "@angular/common";
+import * as i14 from "../common/common.module";
+import * as i15 from "../select/select.module";
+import * as i16 from "../chips/chips.module";
+import * as i17 from "../file/file.module";
+import * as i18 from "../list/list.module";
+import * as i19 from "@angular/forms";
+import * as i20 from "@angular/material/form-field";
+import * as i21 from "@angular/material/select";
+import * as i22 from "@angular/material/icon";
+import * as i23 from "@angular/material/input";
+import * as i24 from "@angular/material/button";
+import * as i25 from "@angular/material/datepicker";
+import * as i26 from "@angular/material/checkbox";
+import * as i27 from "@angular/material/slide-toggle";
+import * as i28 from "@angular/material/core";
+import * as i29 from "@angular/material/autocomplete";
+import * as i30 from "@angular/material/chips";
+import * as i31 from "ngx-colors";
 export { formFieldGroupsMetadataKey, formFieldsMetadataKey } from './constants/constants';
 export { FormFieldType } from './enums/form-field-type';
 export * from './functions/decorators';
@@ -46,9 +48,9 @@ export { FormDefinition } from './models/form-definition';
 export { FormFieldDefinition } from './models/form-field-definition';
 export { FormFieldGroupDefinition } from './models/form-field-group-definition';
 export { EqualValidator } from './validators/equal-validator.directive';
-export { DatePickerHeaderComponent, EmptyStringResetDirective, GroupFilterPipe, MatFormFieldEditorDirective, NativeElementInjectorDirective, NestedPropertyNgModelDirective, UniqueValidatorDirective };
+export { DatePickerHeaderComponent, EmptyStringResetDirective, FieldFuncPipe, GroupFilterPipe, MatFormFieldEditorDirective, NativeElementInjectorDirective, NestedPropertyNgModelDirective, UniqueValidatorDirective };
 export declare class VdFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VdFormsModule, [typeof i1.EqualValidator, typeof i2.UniqueValidatorDirective, typeof i3.NativeElementInjectorDirective, typeof i4.MatFormFieldReadonlyDirective, typeof i5.MatFormFieldEditorDirective, typeof i6.VdEditorDirective, typeof i6.VdCodeDirective, typeof i6.VdFileDirective, typeof i6.VdCustomDirective, typeof i7.EmptyStringResetDirective, typeof i6.VdGenericFormComponent, typeof i8.DatePickerHeaderComponent, typeof i9.VdGenericFormCustomFieldDirective, typeof i10.NestedPropertyNgModelDirective, typeof i11.GroupFilterPipe], [typeof i12.CommonModule, typeof i13.VdCommonModule, typeof i14.VdSelectModule, typeof i15.VdChipsModule, typeof i16.VdFileModule, typeof i17.VdListModule, typeof i18.FormsModule, typeof i18.ReactiveFormsModule, typeof i19.MatFormFieldModule, typeof i20.MatSelectModule, typeof i21.MatIconModule, typeof i22.MatInputModule, typeof i23.MatButtonModule, typeof i24.MatDatepickerModule, typeof i25.MatCheckboxModule, typeof i26.MatSlideToggleModule, typeof i24.MatDatepickerModule, typeof i27.MatNativeDateModule, typeof i28.MatAutocompleteModule, typeof i29.MatChipsModule, typeof i30.NgxColorsModule], [typeof i1.EqualValidator, typeof i2.UniqueValidatorDirective, typeof i3.NativeElementInjectorDirective, typeof i4.MatFormFieldReadonlyDirective, typeof i5.MatFormFieldEditorDirective, typeof i6.VdEditorDirective, typeof i6.VdCodeDirective, typeof i6.VdFileDirective, typeof i6.VdCustomDirective, typeof i7.EmptyStringResetDirective, typeof i6.VdGenericFormComponent, typeof i8.DatePickerHeaderComponent, typeof i9.VdGenericFormCustomFieldDirective, typeof i10.NestedPropertyNgModelDirective, typeof i11.GroupFilterPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VdFormsModule, [typeof i1.EqualValidator, typeof i2.UniqueValidatorDirective, typeof i3.NativeElementInjectorDirective, typeof i4.MatFormFieldReadonlyDirective, typeof i5.MatFormFieldEditorDirective, typeof i6.VdEditorDirective, typeof i6.VdCodeDirective, typeof i6.VdFileDirective, typeof i6.VdCustomDirective, typeof i7.EmptyStringResetDirective, typeof i6.VdGenericFormComponent, typeof i8.DatePickerHeaderComponent, typeof i9.VdGenericFormCustomFieldDirective, typeof i10.NestedPropertyNgModelDirective, typeof i11.GroupFilterPipe, typeof i12.FieldFuncPipe], [typeof i13.CommonModule, typeof i14.VdCommonModule, typeof i15.VdSelectModule, typeof i16.VdChipsModule, typeof i17.VdFileModule, typeof i18.VdListModule, typeof i19.FormsModule, typeof i19.ReactiveFormsModule, typeof i20.MatFormFieldModule, typeof i21.MatSelectModule, typeof i22.MatIconModule, typeof i23.MatInputModule, typeof i24.MatButtonModule, typeof i25.MatDatepickerModule, typeof i26.MatCheckboxModule, typeof i27.MatSlideToggleModule, typeof i25.MatDatepickerModule, typeof i28.MatNativeDateModule, typeof i29.MatAutocompleteModule, typeof i30.MatChipsModule, typeof i31.NgxColorsModule], [typeof i1.EqualValidator, typeof i2.UniqueValidatorDirective, typeof i3.NativeElementInjectorDirective, typeof i4.MatFormFieldReadonlyDirective, typeof i5.MatFormFieldEditorDirective, typeof i6.VdEditorDirective, typeof i6.VdCodeDirective, typeof i6.VdFileDirective, typeof i6.VdCustomDirective, typeof i7.EmptyStringResetDirective, typeof i6.VdGenericFormComponent, typeof i8.DatePickerHeaderComponent, typeof i9.VdGenericFormCustomFieldDirective, typeof i10.NestedPropertyNgModelDirective, typeof i11.GroupFilterPipe, typeof i12.FieldFuncPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VdFormsModule>;
 }

package/lib/forms/helpers/abstract-select-form-field.component.d.ts

@@ -271,5 +271,5 @@ export declare abstract class AbstractSelectFormField<T> extends AbstractMatForm
      */
     log(message: any, ...optionalParams: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSelectFormField<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelectFormField<any>, never, never, { "enum": { "alias": "enum"; "required": false; }; "enumMetadata": { "alias": "enumMetadata"; "required": false; }; "textPrefix": { "alias": "textPrefix"; "required": false; }; "optionTextProperty": { "alias": "optionTextProperty"; "required": false; }; "optionValueProperty": { "alias": "optionValueProperty"; "required": false; }; "matIconKey": { "alias": "matIconKey"; "required": false; }; "svgIconKey": { "alias": "svgIconKey"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "selectFirst": { "alias": "selectFirst"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "sorted": { "alias": "sorted"; "required": false; }; "endpoint": { "alias": "endpoint"; "required": false; }; "params": { "alias": "params"; "required": false; }; "projection": { "alias": "projection"; "required": false; }; "loadData": { "alias": "loadData"; "required": false; }; "enumFilter": { "alias": "enumFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchField": { "alias": "searchField"; "required": false; }; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelectFormField<any>, never, never, { "enum": { "alias": "enum"; "required": false; }; "enumMetadata": { "alias": "enumMetadata"; "required": false; }; "textPrefix": { "alias": "textPrefix"; "required": false; }; "optionTextProperty": { "alias": "optionTextProperty"; "required": false; }; "optionValueProperty": { "alias": "optionValueProperty"; "required": false; }; "matIconKey": { "alias": "matIconKey"; "required": false; }; "svgIconKey": { "alias": "svgIconKey"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "selectFirst": { "alias": "selectFirst"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "sorted": { "alias": "sorted"; "required": false; }; "endpoint": { "alias": "endpoint"; "required": false; }; "params": { "alias": "params"; "required": false; }; "projection": { "alias": "projection"; "required": false; }; "loadData": { "alias": "loadData"; "required": false; }; "enumFilter": { "alias": "enumFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchField": { "alias": "searchField"; "required": false; }; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, never, never, false, never>;
 }

package/lib/forms/models/form-field-definition.d.ts

@@ -4,6 +4,7 @@ import { DateFilterFn, MatDatepicker } from "@angular/material/datepicker";
 import { Observable } from "rxjs";
 import { IGenericFormBaseComponent } from "../../base/interfaces/igeneric-form-base";
 import { EnumMetadata } from "../../common/models/enum-metadata";
+import { Icon } from "../../common/models/icon";
 import { SuffixButton } from "../../common/models/suffix-button";
 import { FormFieldType } from "../enums/form-field-type";
 export declare class FormFieldDefinition<TEntity = any, TProperty = any> {
@@ -280,6 +281,10 @@ export declare class FormFieldDefinition<TEntity = any, TProperty = any> {
      * This can be used to display a Material icon in the options list.
      */
     optionMatIconProperty?: string;
+    /**
+     * A function that returns the icon based on the given property, entity, form group, and context.
+     */
+    optionIcon?: (x: TProperty, y?: TEntity, f?: FormGroup, ctx?: IGenericFormBaseComponent<TEntity>) => Icon<TEntity, any>;
     /**
      * The property name in the option object for the SVG icon.
      * This can be used to display an SVG icon in the options list.

package/lib/forms/pipes/field-func.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FieldFuncPipe implements PipeTransform {
+    /**
+     * @param groups - Array of FormFieldGroupDefinition instances to filter.
+     * @param formValue - The current value of the form.
+     * @param form - The FormGroup instance.
+     * @param context - The context of the component.
+     * @returns Filtered array of FormFieldGroupDefinition instances.
+     */
+    transform(func: any, ...args: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldFuncPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FieldFuncPipe, "fieldFunc", false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@messaia/cdk",
-  "version": "18.0.0-rc15",
+  "version": "18.0.0-rc17",
   "peerDependencies": {
     "@angular/common": "^18.0.6",
     "@angular/core": "^18.0.6"