@3kles/kles-material-dynamicforms 21.2.2 → 21.4.0

package/package.json

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

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

@@ -150,6 +150,13 @@ interface IKlesStatusOptions {
      */
     resolve?: (value: any, context: unknown | null, field: IKlesFieldConfig, group: UntypedFormGroup) => IKlesStatusDefinition | null;
 }
+interface IKlesFieldUiResolveEvent<TContext = unknown> {
+    context: TContext | null;
+    field: IKlesFieldConfig;
+    group: UntypedFormGroup;
+    siblingFields: IKlesFieldConfig[];
+}
+type IKlesFieldUiResolver<TContext = unknown> = (event: IKlesFieldUiResolveEvent<TContext>) => Partial<Omit<IKlesFieldUi, 'resolveUi'>>;
 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;
@@ -188,6 +195,7 @@ interface IKlesFieldUi {
     tooltip?: string;
     imageUrl?: string;
     imageAlt?: string;
+    resolveUi?: IKlesFieldUiResolver;
 }
 interface IKlesFormField {
     type?: EnumType;
@@ -280,6 +288,7 @@ declare class GroupUiState<TUiState extends {
 declare class KlesDynamicFormComponent implements OnInit, OnChanges {
     private fb;
     private ref;
+    context: Signal<unknown | null> | null;
     fields: IKlesFieldConfig[];
     validators: IKlesValidator<ValidatorFn>[];
     asyncValidators: IKlesValidator<AsyncValidatorFn>[];
@@ -306,7 +315,7 @@ declare class KlesDynamicFormComponent implements OnInit, OnChanges {
     private validateAllFormFields;
     private createUi;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesDynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesDynamicFormComponent, "app-kles-dynamic-form", ["klesDynamicForm"], { "fields": { "alias": "fields"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "asyncValidators": { "alias": "asyncValidators"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "formClass": { "alias": "formClass"; "required": false; }; }, { "submit": "submit"; "_onLoaded": "_onLoaded"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesDynamicFormComponent, "app-kles-dynamic-form", ["klesDynamicForm"], { "context": { "alias": "context"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "asyncValidators": { "alias": "asyncValidators"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "formClass": { "alias": "formClass"; "required": false; }; }, { "submit": "submit"; "_onLoaded": "_onLoaded"; }, never, never, true, never>;
 }
 
 declare class KlesComponentDirective implements OnInit, OnChanges {
@@ -330,6 +339,7 @@ declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldC
     group: UntypedFormGroup;
     ui: GroupUiState;
     siblingFields: T[];
+    context: Signal<unknown | null> | null;
     componentRef: ComponentRef<any> | undefined;
     subComponents: ComponentRef<any>[];
     constructor(container: ViewContainerRef, injector: Injector);
@@ -341,7 +351,7 @@ declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldC
     protected findComponent(): Type<any> | undefined;
     private createSubComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesDynamicFieldDirective<any>, never>;
-    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>;
+    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; }; "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare abstract class KlesFieldAbstract<TContext = unknown> implements IKlesField, OnInit, AfterViewInit, OnDestroy {
@@ -351,25 +361,26 @@ declare abstract class KlesFieldAbstract<TContext = unknown> implements IKlesFie
     readonly ui: GroupUiState<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>;
+    protected readonly resolvedFieldUi: Signal<IKlesFieldUi>;
+    readonly appearance: Signal<"fill" | "outline">;
+    readonly inputType: Signal<"number" | "date" | "email" | "submit" | "search" | "reset" | "text" | "file" | "button" | "checkbox" | "time" | "color" | "range" | "datetime-local" | "hidden" | "image" | "month" | "password" | "radio" | "tel" | "url" | "week">;
+    readonly min: Signal<number | Date>;
+    readonly max: Signal<number | Date>;
+    readonly maxLength: Signal<number>;
+    readonly step: Signal<number>;
     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 indeterminate: Signal<boolean>;
+    readonly color: Signal<string>;
+    readonly icon: Signal<string>;
+    readonly iconSvg: Signal<string>;
+    readonly buttonAppearance: Signal<i3.MatButtonAppearance>;
+    readonly label: Signal<string>;
+    readonly hint: Signal<string>;
     readonly placeholder: Signal<any>;
-    readonly tooltip: Signal<any>;
-    readonly imageUrl: Signal<any>;
-    readonly imageAlt: Signal<any>;
+    readonly tooltip: Signal<string>;
+    readonly imageUrl: Signal<string>;
+    readonly imageAlt: Signal<string>;
     protected readonly viewRef: ViewContainerRef;
     directive: any;
     protected _onDestroy: Subject<void>;
@@ -1074,7 +1085,7 @@ declare class KlesFormActionMenuComponent<TContext = unknown> extends KlesFieldA
     readonly actions: i0.Signal<KlesActionMenuItem<TContext>[]>;
     readonly disabled: i0.Signal<boolean>;
     readonly visibleActions: i0.Signal<KlesActionMenuItem<TContext>[]>;
-    readonly ariaLabel: i0.Signal<any>;
+    readonly ariaLabel: i0.Signal<string>;
     onTriggerClick(event: MouseEvent): void;
     isDisabled(action: KlesActionMenuItem<TContext>): boolean;
     execute(action: KlesActionMenuItem<TContext>, event: MouseEvent): void;
@@ -1146,7 +1157,7 @@ declare class KlesFormStatusComponent<TContext = unknown> extends KlesFieldAbstr
     private readonly control;
     private readonly controlValue;
     private readonly controlStatus;
-    readonly appearance: i0.Signal<_3kles_kles_material_dynamicforms.KlesStatusAppearance>;
+    readonly statusAppearance: i0.Signal<_3kles_kles_material_dynamicforms.KlesStatusAppearance>;
     readonly showDot: i0.Signal<boolean>;
     readonly disabled: i0.Signal<boolean>;
     readonly pending: i0.Signal<boolean>;
@@ -1277,4 +1288,4 @@ declare const FIELD: InjectionToken<IKlesFieldConfig>;
 declare const FIELD_CONTEXT: InjectionToken<Signal<unknown>>;
 
 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 };
+export type { Destroyable, IButton, IButtonChecker, IButtonFile, IKlesClearControl, IKlesComponent, IKlesControl, IKlesCurrencyOptions, IKlesDirective, IKlesField, IKlesFieldActionEvent, IKlesFieldConfig, IKlesFieldUi, IKlesFieldUiResolveEvent, IKlesFieldUiResolver, IKlesFormField, IKlesStatusDefinition, IKlesStatusOptions, IKlesUi, IKlesValidator, IUIButton, KlesActionMenuCondition, KlesActionMenuFieldConfig, KlesActionMenuItem, KlesStatusAppearance, KlesStatusTone, KlesValidationKey };