@3kles/kles-material-dynamicforms 21.1.0 → 21.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-dynamicforms",
-  "version": "21.1.0",
+  "version": "21.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/3kles-lab/klesmaterialdynamicforms"

package/types/3kles-kles-material-dynamicforms.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, Type, PipeTransform, ViewContainerRef, Provider, StaticProvider, Signal, OnChanges, EventEmitter, ChangeDetectorRef, SimpleChanges, ComponentRef, Injector, AfterViewInit, QueryList, InjectionToken } from '@angular/core';
+import { OnInit, OnDestroy, Type, PipeTransform, ViewContainerRef, Provider, StaticProvider, Signal, OnChanges, EventEmitter, ChangeDetectorRef, SimpleChanges, ComponentRef, Injector, AfterViewInit, QueryList, ElementRef, InjectionToken } from '@angular/core';
 import * as i2$1 from '@angular/forms';
 import { UntypedFormGroup, ValidatorFn, AsyncValidatorFn, ɵGetProperty as _GetProperty, ɵTypedOrUntyped as _TypedOrUntyped, UntypedFormBuilder, FormGroup, ControlValueAccessor, Validators, AsyncValidator, UntypedFormArray, UntypedFormControl, FormControl, FormGroupDirective, NgForm, AbstractControl } from '@angular/forms';
 import { Subject, Observable, ReplaySubject, BehaviorSubject } from 'rxjs';
@@ -48,7 +48,8 @@ import * as i35 from '@angular/cdk/portal';
 import * as i36 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i4$1 from 'ngx-mat-select-search';
-import * as i56 from 'ngx-color-picker';
+import * as _3kles_kles_material_dynamicforms from '@3kles/kles-material-dynamicforms';
+import * as i60 from 'ngx-color-picker';
 
 type Exclusive<T, U> = (T & {
     [K in keyof U]?: never;
@@ -84,7 +85,9 @@ declare enum EnumType {
     group = "group",
     lineBreak = "lineBreak",
     badge = "badge",
-    range = "range"
+    range = "range",
+    currency = "currency",
+    status = "status"
 }
 
 interface IKlesField {
@@ -96,6 +99,57 @@ interface IKlesField {
 interface IKlesDirective extends OnInit, OnDestroy {
 }
 
+interface IKlesFieldActionEvent<TContext = unknown, TValue = unknown> {
+    actionId: string;
+    value?: TValue;
+    context: TContext | null;
+    field: IKlesFieldConfig;
+    group: UntypedFormGroup;
+    originalEvent: Event;
+}
+interface IKlesCurrencyOptions {
+    /**
+     * Code ISO 4217 : EUR, USD, GBP...
+     * DEFAULT_CURRENCY_CODE sera utilisé par défaut.
+     */
+    code?: string;
+    /**
+     * Locale Intl : fr-FR, en-US...
+     * LOCALE_ID sera utilisé par défaut.
+     */
+    locale?: string;
+    display?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    useGrouping?: boolean;
+    allowNegative?: boolean;
+}
+type KlesStatusTone = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+type KlesStatusAppearance = 'chip' | 'badge' | 'text';
+interface IKlesStatusDefinition {
+    label: string;
+    tone?: KlesStatusTone;
+    icon?: string;
+    iconSvg?: string;
+    tooltip?: string;
+    ariaLabel?: string;
+    ngClass?: any;
+}
+interface IKlesStatusOptions {
+    values?: Record<string, IKlesStatusDefinition>;
+    appearance?: KlesStatusAppearance;
+    /**
+     * Affiche un point coloré lorsque le statut
+     * ne possède pas d'icône.
+     */
+    showDot?: boolean;
+    fallback?: IKlesStatusDefinition;
+    /**
+     * Permet de gérer des valeurs plus complexes,
+     * notamment des objets.
+     */
+    resolve?: (value: any, context: unknown | null, field: IKlesFieldConfig, group: UntypedFormGroup) => IKlesStatusDefinition | null;
+}
 interface IKlesFieldUi {
     inputType?: 'text' | 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'time' | 'url' | 'week';
     min?: number | Date;
@@ -128,15 +182,18 @@ interface IKlesFieldUi {
     };
     virtualScroll?: boolean;
     itemSize?: number;
+    hint?: string;
+    label?: string;
+    placeholder?: any;
+    tooltip?: string;
+    imageUrl?: string;
+    imageAlt?: string;
 }
 interface IKlesFormField {
     type?: EnumType;
     name: string;
     component?: Type<any>;
     id?: string;
-    label?: string;
-    placeholder?: any;
-    tooltip?: string;
     copyTooltip?: string;
     options?: any[] | Subject<any[]> | Observable<any[]> | ((value?: string, group?: {
         [key: string]: any;
@@ -175,7 +232,6 @@ interface IKlesFormField {
         language: string;
         dateFormat: MatDateFormats;
     };
-    hint?: string;
     clearable?: boolean;
     clearableComponent?: Type<any>;
     subComponents?: Type<any>[];
@@ -185,6 +241,9 @@ interface IKlesFormField {
     onFocus?: (field: IKlesFieldConfig, group: UntypedFormGroup) => void;
     onBlur?: (field: IKlesFieldConfig, group: UntypedFormGroup) => void;
     providers?: Array<Provider | StaticProvider>;
+    onAction?: (event: IKlesFieldActionEvent<any, any>) => void;
+    currencyOptions?: IKlesCurrencyOptions;
+    statusOptions?: IKlesStatusOptions;
 }
 type IKlesFieldConfig = IKlesFormField & IKlesFieldUi;
 
@@ -285,24 +344,32 @@ declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldC
     static ɵdir: i0.ɵɵDirectiveDeclaration<KlesDynamicFieldDirective<any>, "[klesDynamicField]", never, { "field": { "alias": "field"; "required": false; }; "group": { "alias": "group"; "required": false; }; "ui": { "alias": "ui"; "required": false; }; "siblingFields": { "alias": "siblingFields"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit, OnDestroy {
+declare abstract class KlesFieldAbstract<TContext = unknown> implements IKlesField, OnInit, AfterViewInit, OnDestroy {
     readonly field: IKlesFieldConfig;
     readonly group: FormGroup<any>;
     readonly siblingFields: IKlesFieldConfig[];
     readonly ui: GroupUiState<any>;
-    appearance: i0.Signal<any>;
-    inputType: i0.Signal<any>;
-    min: i0.Signal<any>;
-    max: i0.Signal<any>;
-    maxLength: i0.Signal<any>;
-    step: i0.Signal<any>;
-    ngClass: i0.Signal<any>;
-    ngStyle: i0.Signal<any>;
-    indeterminate: i0.Signal<any>;
-    color: i0.Signal<any>;
-    icon: i0.Signal<any>;
-    iconSvg: i0.Signal<any>;
-    buttonAppearance: i0.Signal<any>;
+    readonly context: Signal<TContext | null> | null;
+    protected readonly fieldUi: Signal<any>;
+    readonly appearance: Signal<any>;
+    readonly inputType: Signal<any>;
+    readonly min: Signal<any>;
+    readonly max: Signal<any>;
+    readonly maxLength: Signal<any>;
+    readonly step: Signal<any>;
+    readonly ngClass: Signal<any>;
+    readonly ngStyle: Signal<any>;
+    readonly indeterminate: Signal<any>;
+    readonly color: Signal<any>;
+    readonly icon: Signal<any>;
+    readonly iconSvg: Signal<any>;
+    readonly buttonAppearance: Signal<any>;
+    readonly label: Signal<any>;
+    readonly hint: Signal<any>;
+    readonly placeholder: Signal<any>;
+    readonly tooltip: Signal<any>;
+    readonly imageUrl: Signal<any>;
+    readonly imageAlt: Signal<any>;
     protected readonly viewRef: ViewContainerRef;
     directive: any;
     protected _onDestroy: Subject<void>;
@@ -314,8 +381,9 @@ declare abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterVie
     isPending(): boolean;
     onFocus(): void;
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFieldAbstract, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesFieldAbstract, never, never, {}, {}, never, never, true, never>;
+    triggerAction(actionId: string, originalEvent: Event, value?: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFieldAbstract<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesFieldAbstract<any>, never, never, {}, {}, never, never, true, never>;
 }
 
 declare class KlesFormLabelComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
@@ -354,17 +422,18 @@ declare abstract class KlesButtonBase implements OnInit, ControlValueAccessor {
     value: IButton;
     tooltip?: string;
     buttonAppearance: MatButtonAppearance;
+    action: EventEmitter<MouseEvent>;
     protected _type: string;
     onChange: any;
     onTouched: any;
     ngOnInit(): void;
-    click(event: any): void;
+    click(event: MouseEvent): void;
     writeValue(value: IButton): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonBase, "ng-component", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSvg": { "alias": "iconSvg"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "classButton": { "alias": "classButton"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "buttonAppearance": { "alias": "buttonAppearance"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonBase, "ng-component", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSvg": { "alias": "iconSvg"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "classButton": { "alias": "classButton"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "buttonAppearance": { "alias": "buttonAppearance"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }
 
 declare class KlesButtonComponent extends KlesButtonBase implements OnInit {
@@ -956,10 +1025,142 @@ declare class KlesFormSelectionListSearchComponent extends KlesFieldAbstract imp
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectionListSearchComponent, "kles-form-selection-list-search", never, {}, {}, never, never, true, never>;
 }
 
+declare class KlesFormTileComponent extends KlesFieldAbstract {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormTileComponent, "app-kles-form-tile", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Condition statique ou calculée à partir du contexte du field.
+ */
+type KlesActionMenuCondition<TContext = unknown> = boolean | ((context: TContext | null, field: IKlesFieldConfig, group: UntypedFormGroup) => boolean);
+/**
+ * Configuration d'une entrée du menu.
+ *
+ * Le callback n'est pas placé ici :
+ * toutes les actions sont gérées par field.onAction.
+ */
+interface KlesActionMenuItem<TContext = unknown> {
+    id: string;
+    label: string;
+    icon?: string;
+    iconSvg?: string;
+    visible?: KlesActionMenuCondition<TContext>;
+    disabled?: KlesActionMenuCondition<TContext>;
+    dividerBefore?: boolean;
+    color?: 'default' | 'warn';
+}
+/**
+ * Configuration spécialisée du field action-menu.
+ */
+interface KlesActionMenuFieldConfig<TContext = unknown> extends IKlesFieldConfig {
+    options?: KlesActionMenuItem<TContext>[] | Observable<KlesActionMenuItem<TContext>[]> | ((value?: string, group?: {
+        [key: string]: any;
+    }) => Observable<KlesActionMenuItem<TContext>[]>);
+    menuXPosition?: 'before' | 'after';
+    menuYPosition?: 'above' | 'below';
+}
+declare class KlesFormActionMenuComponent<TContext = unknown> extends KlesFieldAbstract<TContext> {
+    /**
+     * Configuration du field avec le typage spécialisé.
+     */
+    readonly actionField: KlesActionMenuFieldConfig<TContext>;
+    private readonly control;
+    private readonly controlStatus;
+    /**
+     * Options statiques ou asynchrones.
+     */
+    private readonly actionsSource$;
+    readonly actions: i0.Signal<KlesActionMenuItem<TContext>[]>;
+    readonly disabled: i0.Signal<boolean>;
+    readonly visibleActions: i0.Signal<KlesActionMenuItem<TContext>[]>;
+    readonly ariaLabel: i0.Signal<any>;
+    onTriggerClick(event: MouseEvent): void;
+    isDisabled(action: KlesActionMenuItem<TContext>): boolean;
+    execute(action: KlesActionMenuItem<TContext>, event: MouseEvent): void;
+    private resolveCondition;
+    private resolveOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormActionMenuComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormActionMenuComponent<any>, "kles-form-action-menu", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * ValueAccessor monétaire.
+ *
+ * La valeur du FormControl reste un number | null.
+ * Seule la valeur affichée dans l'input est formatée.
+ */
+declare class KlesCurrencyValueAccessorDirective implements ControlValueAccessor, OnChanges {
+    /**
+     * Public pour rester compatible avec le mécanisme
+     * nativeElement utilisé par la librairie.
+     */
+    readonly _elementRef: ElementRef<HTMLInputElement>;
+    private readonly renderer;
+    currency: string;
+    locale: string;
+    currencyDisplay: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    useGrouping: boolean;
+    allowNegative: boolean;
+    private currentValue;
+    private focused;
+    private onChange;
+    private onTouched;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: unknown): void;
+    registerOnChange(callback: (value: number | null) => void): void;
+    registerOnTouched(callback: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    handleFocus(): void;
+    handleInput(event: Event): void;
+    handleBlur(): void;
+    private normalizeModelValue;
+    private renderFormattedValue;
+    private setInputValue;
+    private formatCurrency;
+    /**
+     * Pendant l'édition, on retire le symbole et
+     * les séparateurs de milliers.
+     */
+    private formatEditableValue;
+    private createCurrencyFormatOptions;
+    private parseLocalizedNumber;
+    /**
+     * Convertit également les chiffres localisés
+     * vers 0-9.
+     */
+    private normalizeLocalizedDigits;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesCurrencyValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesCurrencyValueAccessorDirective, "input[klesCurrency]", never, { "currency": { "alias": "currency"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "minimumFractionDigits": { "alias": "minimumFractionDigits"; "required": false; }; "maximumFractionDigits": { "alias": "maximumFractionDigits"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class KlesFormCurrencyComponent extends KlesFieldAbstract {
+    readonly localeId: string;
+    readonly defaultCurrencyCode: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormCurrencyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormCurrencyComponent, "kles-form-currency", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class KlesFormStatusComponent<TContext = unknown> extends KlesFieldAbstract<TContext> {
+    private readonly control;
+    private readonly controlValue;
+    private readonly controlStatus;
+    readonly appearance: i0.Signal<_3kles_kles_material_dynamicforms.KlesStatusAppearance>;
+    readonly showDot: i0.Signal<boolean>;
+    readonly disabled: i0.Signal<boolean>;
+    readonly pending: i0.Signal<boolean>;
+    readonly resolvedStatus: i0.Signal<IKlesStatusDefinition>;
+    private resolveStatusKey;
+    private resolveDefaultLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormStatusComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormStatusComponent<any>, "kles-form-status", never, {}, {}, never, never, true, never>;
+}
+
 declare class KlesMaterialDynamicformsModule {
     static declarations: ((typeof KlesFormClearComponent | typeof KlesDynamicFormComponent | typeof KlesFormLabelComponent | typeof KlesButtonComponent | typeof KlesIndeterminateCheckboxComponent | typeof KlesFileControlComponent | typeof KlesFormCopyComponent)[] | (typeof KlesDynamicFieldDirective | typeof MatErrorFormDirective | typeof KlesComponentDirective | typeof MatErrorMessageDirective)[] | (typeof KlesTransformPipe | typeof ArrayFormatPipe)[])[];
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesMaterialDynamicformsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KlesMaterialDynamicformsModule, never, [typeof i1.CommonModule, typeof i2$1.ReactiveFormsModule, typeof i2$1.FormsModule, typeof MaterialModule, typeof i4$1.NgxMatSelectSearchModule, typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof i56.ColorPickerComponent, typeof i56.ColorPickerDirective], [typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KlesMaterialDynamicformsModule, never, [typeof i1.CommonModule, typeof i2$1.ReactiveFormsModule, typeof i2$1.FormsModule, typeof MaterialModule, typeof i4$1.NgxMatSelectSearchModule, typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof i60.ColorPickerComponent, typeof i60.ColorPickerDirective], [typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KlesMaterialDynamicformsModule>;
 }
 
@@ -1073,6 +1274,7 @@ declare const GROUP: InjectionToken<FormGroup<any>>;
 declare const SIBLING_FIELDS: InjectionToken<IKlesFieldConfig[]>;
 declare const GROUP_UI: InjectionToken<GroupUiState<any>>;
 declare const FIELD: InjectionToken<IKlesFieldConfig>;
+declare const FIELD_CONTEXT: InjectionToken<Signal<unknown>>;
 
-export { AbstractUiState, ArrayFormatPipe, ArrayUiState, ControlUiState, EnumType, FIELD, FIELD_NAME, FieldMapper, GROUP, GROUP_UI, GroupUiState, KlesAbstractFormControl, KlesAbstractFormUiControl, KlesButtonBase, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesDynamicFormIntl, KlesFabComponent, KlesFieldAbstract, KlesFileControlComponent, KlesFormArray, KlesFormArrayComponent, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormButtonToogleGroupComponent, KlesFormCheckboxComponent, KlesFormCheckboxIndeterminateComponent, KlesFormChipComponent, KlesFormClearComponent, KlesFormColorComponent, KlesFormControl, KlesFormCopyComponent, KlesFormDateComponent, KlesFormDateTimeComponent, KlesFormErrorStateMatcher, KlesFormFabComponent, KlesFormFileComponent, KlesFormGroup, KlesFormGroupComponent, KlesFormIconButtonComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormMiniFabComponent, KlesFormPasswordVisibilityComponent, KlesFormRadioComponent, KlesFormRange, KlesFormRangeComponent, KlesFormSelectComponent, KlesFormSelectLazySearchComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSelectionListSearchComponent, KlesFormSlideToggleComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesFormUiArray, KlesFormUiControl, KlesFormUiGroup, KlesIconButtonComponent, KlesIndeterminateCheckboxComponent, KlesMaterialDynamicformsModule, KlesMiniFabComponent, KlesSelectionModel, KlesTransformPipe, MatErrorFormDirective, MatErrorMessageDirective, SIBLING_FIELDS, autocompleteObjectValidator, autocompleteStringValidator, componentMapper, isDestroyable, klesFieldControlFactory, klesFieldUiFactory };
-export type { Destroyable, IButton, IButtonChecker, IButtonFile, IKlesClearControl, IKlesComponent, IKlesControl, IKlesDirective, IKlesField, IKlesFieldConfig, IKlesFieldUi, IKlesFormField, IKlesUi, IKlesValidator, IUIButton, KlesValidationKey };
+export { AbstractUiState, ArrayFormatPipe, ArrayUiState, ControlUiState, EnumType, FIELD, FIELD_CONTEXT, FIELD_NAME, FieldMapper, GROUP, GROUP_UI, GroupUiState, KlesAbstractFormControl, KlesAbstractFormUiControl, KlesButtonBase, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesCurrencyValueAccessorDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesDynamicFormIntl, KlesFabComponent, KlesFieldAbstract, KlesFileControlComponent, KlesFormActionMenuComponent, KlesFormArray, KlesFormArrayComponent, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormButtonToogleGroupComponent, KlesFormCheckboxComponent, KlesFormCheckboxIndeterminateComponent, KlesFormChipComponent, KlesFormClearComponent, KlesFormColorComponent, KlesFormControl, KlesFormCopyComponent, KlesFormCurrencyComponent, KlesFormDateComponent, KlesFormDateTimeComponent, KlesFormErrorStateMatcher, KlesFormFabComponent, KlesFormFileComponent, KlesFormGroup, KlesFormGroupComponent, KlesFormIconButtonComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormMiniFabComponent, KlesFormPasswordVisibilityComponent, KlesFormRadioComponent, KlesFormRange, KlesFormRangeComponent, KlesFormSelectComponent, KlesFormSelectLazySearchComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSelectionListSearchComponent, KlesFormSlideToggleComponent, KlesFormStatusComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesFormTileComponent, KlesFormUiArray, KlesFormUiControl, KlesFormUiGroup, KlesIconButtonComponent, KlesIndeterminateCheckboxComponent, KlesMaterialDynamicformsModule, KlesMiniFabComponent, KlesSelectionModel, KlesTransformPipe, MatErrorFormDirective, MatErrorMessageDirective, SIBLING_FIELDS, autocompleteObjectValidator, autocompleteStringValidator, componentMapper, isDestroyable, klesFieldControlFactory, klesFieldUiFactory };
+export type { Destroyable, IButton, IButtonChecker, IButtonFile, IKlesClearControl, IKlesComponent, IKlesControl, IKlesCurrencyOptions, IKlesDirective, IKlesField, IKlesFieldActionEvent, IKlesFieldConfig, IKlesFieldUi, IKlesFormField, IKlesStatusDefinition, IKlesStatusOptions, IKlesUi, IKlesValidator, IUIButton, KlesActionMenuCondition, KlesActionMenuFieldConfig, KlesActionMenuItem, KlesStatusAppearance, KlesStatusTone, KlesValidationKey };