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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-dynamicforms",
-  "version": "21.3.0",
+  "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;
@@ -353,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>;
@@ -1076,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;
@@ -1148,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>;
@@ -1279,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 };