@3kles/kles-material-dynamicforms 14.0.1 → 14.0.3

package/lib/fields/link.component.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from "@angular/core";
-import { KlesFieldAbstract } from "./field.abstract";
-import * as i0 from "@angular/core";
-export declare class KlesFormLinkComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormLinkComponent, "kles-form-link", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from "@angular/core";
+import { KlesFieldAbstract } from "./field.abstract";
+import * as i0 from "@angular/core";
+export declare class KlesFormLinkComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormLinkComponent, "kles-form-link", never, {}, {}, never, never, false>;
+}

package/lib/fields/list-field.component.d.ts

@@ -1,18 +1,19 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { KlesFieldAbstract } from './field.abstract';
-import { UntypedFormArray, UntypedFormBuilder } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare class KlesFormListFieldComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    private fb;
-    formArray: UntypedFormArray;
-    constructor(fb: UntypedFormBuilder);
-    ngOnInit(): void;
-    private createFormGroup;
-    deleteField(index: number): void;
-    addField(): void;
-    private bindValidations;
-    private bindAsyncValidations;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormListFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormListFieldComponent, "kles-form-listfield", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { KlesFieldAbstract } from './field.abstract';
+import { UntypedFormArray, UntypedFormBuilder } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class KlesFormListFieldComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    private fb;
+    protected viewRef: ViewContainerRef;
+    formArray: UntypedFormArray;
+    constructor(fb: UntypedFormBuilder, viewRef: ViewContainerRef);
+    ngOnInit(): void;
+    private createFormGroup;
+    deleteField(index: number): void;
+    addField(): void;
+    private bindValidations;
+    private bindAsyncValidations;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormListFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormListFieldComponent, "kles-form-listfield", never, {}, {}, never, never, false>;
+}

package/lib/fields/radio.component.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormRadioComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormRadioComponent, "kles-form-radiobutton", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from '@angular/core';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormRadioComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormRadioComponent, "kles-form-radiobutton", never, {}, {}, never, never, false>;
+}

package/lib/fields/select.component.d.ts

@@ -1,18 +1,19 @@
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { OnDestroy, OnInit, QueryList } from '@angular/core';
-import { MatOption } from '@angular/material/core';
-import { Observable } from 'rxjs';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormSelectComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
-    options: QueryList<MatOption>;
-    options$: Observable<any[]>;
-    constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    openChange($event: boolean): void;
-    compareFn: (o1: any, o2: any) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectComponent, "kles-form-select", never, {}, {}, never, never, false>;
-}
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { OnDestroy, OnInit, QueryList, ViewContainerRef } from '@angular/core';
+import { MatOption } from '@angular/material/core';
+import { Observable } from 'rxjs';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormSelectComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    protected viewRef: ViewContainerRef;
+    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
+    options: QueryList<MatOption>;
+    options$: Observable<any[]>;
+    constructor(viewRef: ViewContainerRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    openChange($event: boolean): void;
+    compareFn: (o1: any, o2: any) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectComponent, "kles-form-select", never, {}, {}, never, never, false>;
+}

package/lib/fields/select.search.component.d.ts

@@ -1,22 +1,22 @@
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { OnDestroy, OnInit, QueryList } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
-import { MatOption } from '@angular/material/core';
-import { Observable, ReplaySubject } from 'rxjs';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormSelectSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    searchControl: UntypedFormControl;
-    selectAllControl: UntypedFormControl;
-    options$: Observable<any[]>;
-    optionsFiltered$: ReplaySubject<any[]>;
-    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
-    options: QueryList<MatOption>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    toggleAllSelection(state: any): void;
-    openChange($event: boolean): void;
-    compareFn: (o1: any, o2: any) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectSearchComponent, "kles-form-select-search", never, {}, {}, never, never, false>;
-}
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { OnDestroy, OnInit, QueryList } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import { MatOption } from '@angular/material/core';
+import { Observable, ReplaySubject } from 'rxjs';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormSelectSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    searchControl: UntypedFormControl;
+    selectAllControl: UntypedFormControl;
+    options$: Observable<any[]>;
+    optionsFiltered$: ReplaySubject<any[]>;
+    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
+    options: QueryList<MatOption>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleAllSelection(state: any): void;
+    openChange($event: boolean): void;
+    compareFn: (o1: any, o2: any) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectSearchComponent, "kles-form-select-search", never, {}, {}, never, never, false>;
+}

package/lib/fields/selection-list.component.d.ts

@@ -1,11 +1,11 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormSelectionListComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    options$: Observable<any[]>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectionListComponent, "kles-form-selection-list", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormSelectionListComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    options$: Observable<any[]>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectionListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectionListComponent, "kles-form-selection-list", never, {}, {}, never, never, false>;
+}

package/lib/fields/slide-toggle.component.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from "@angular/core";
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormSlideToggleComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSlideToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSlideToggleComponent, "kles-form-slide-toggle", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from "@angular/core";
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormSlideToggleComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSlideToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSlideToggleComponent, "kles-form-slide-toggle", never, {}, {}, never, never, false>;
+}

package/lib/fields/text.component.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormTextComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormTextComponent, "kles-form-text", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from '@angular/core';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormTextComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormTextComponent, "kles-form-text", never, {}, {}, never, never, false>;
+}

package/lib/fields/textarea.component.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { KlesFieldAbstract } from './field.abstract';
-import * as i0 from "@angular/core";
-export declare class KlesFormTextareaComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormTextareaComponent, "kles-form-textarea", never, {}, {}, never, never, false>;
-}
+import { OnDestroy, OnInit } from '@angular/core';
+import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
+export declare class KlesFormTextareaComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormTextareaComponent, "kles-form-textarea", never, {}, {}, never, never, false>;
+}

package/lib/forms/button-control.component.d.ts

@@ -1,36 +1,36 @@
-import { OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import * as i0 from "@angular/core";
-export interface IButton {
-    event?: any;
-    uiButton?: IUIButton;
-}
-export interface IUIButton {
-    label?: string;
-    color?: string;
-    icon?: string;
-    iconSvg?: string;
-    disabled?: boolean;
-    class?: string;
-}
-export declare class KlesButtonComponent implements OnInit, ControlValueAccessor {
-    name: string;
-    label: string;
-    color: string;
-    icon: string;
-    iconSvg: string;
-    disabled: boolean;
-    classButton: string;
-    value: IButton;
-    tooltip?: string;
-    onChange: any;
-    onTouched: any;
-    ngOnInit(): void;
-    click(event: any): void;
-    writeValue(value: IButton): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonComponent, "kles-button", never, { "name": "name"; "label": "label"; "color": "color"; "icon": "icon"; "iconSvg": "iconSvg"; "disabled": "disabled"; "classButton": "classButton"; "value": "value"; "tooltip": "tooltip"; }, {}, never, never, false>;
-}
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface IButton {
+    event?: any;
+    uiButton?: IUIButton;
+}
+export interface IUIButton {
+    label?: string;
+    color?: string;
+    icon?: string;
+    iconSvg?: string;
+    disabled?: boolean;
+    class?: string;
+}
+export declare class KlesButtonComponent implements OnInit, ControlValueAccessor {
+    name: string;
+    label: string;
+    color: string;
+    icon: string;
+    iconSvg: string;
+    disabled: boolean;
+    classButton: string;
+    value: IButton;
+    tooltip?: string;
+    onChange: any;
+    onTouched: any;
+    ngOnInit(): void;
+    click(event: any): void;
+    writeValue(value: IButton): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonComponent, "kles-button", never, { "name": "name"; "label": "label"; "color": "color"; "icon": "icon"; "iconSvg": "iconSvg"; "disabled": "disabled"; "classButton": "classButton"; "value": "value"; "tooltip": "tooltip"; }, {}, never, never, false>;
+}

package/lib/forms/buttonchecker-control.component.d.ts

@@ -1,14 +1,14 @@
-import { ControlValueAccessor } from '@angular/forms';
-import { IButton, KlesButtonComponent } from './button-control.component';
-import * as i0 from "@angular/core";
-export interface IButtonChecker extends IButton {
-    busy: boolean;
-    error?: any[];
-    message?: string;
-}
-export declare class KlesButtonCheckerComponent extends KlesButtonComponent implements ControlValueAccessor {
-    value: IButtonChecker;
-    countError(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonCheckerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonCheckerComponent, "kles-button-checker", never, {}, {}, never, never, false>;
-}
+import { ControlValueAccessor } from '@angular/forms';
+import { IButton, KlesButtonComponent } from './button-control.component';
+import * as i0 from "@angular/core";
+export interface IButtonChecker extends IButton {
+    busy: boolean;
+    error?: any[];
+    message?: string;
+}
+export declare class KlesButtonCheckerComponent extends KlesButtonComponent implements ControlValueAccessor {
+    value: IButtonChecker;
+    countError(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonCheckerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonCheckerComponent, "kles-button-checker", never, {}, {}, never, never, false>;
+}

package/lib/forms/buttonfile-control.component.d.ts

@@ -1,20 +1,20 @@
-import { ControlValueAccessor } from '@angular/forms';
-import { IButton, KlesButtonComponent } from './button-control.component';
-import * as i0 from "@angular/core";
-export interface IButtonFile extends IButton {
-    fileContent?: string | string[];
-}
-export declare class KlesButtonFileComponent extends KlesButtonComponent implements ControlValueAccessor {
-    file: any;
-    accept: string;
-    fileReader: FileReader;
-    fileContent: string | string[];
-    value: IButtonFile;
-    click(event: any): void;
-    writeValue(value: IButton): void;
-    onFileLoad(fileLoadedEvent: any): void;
-    onFileSelect(input: HTMLInputElement): Promise<void>;
-    readUploadedFile(inputFile: any): Promise<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonFileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonFileComponent, "kles-button-file", never, {}, {}, never, never, false>;
-}
+import { ControlValueAccessor } from '@angular/forms';
+import { IButton, KlesButtonComponent } from './button-control.component';
+import * as i0 from "@angular/core";
+export interface IButtonFile extends IButton {
+    fileContent?: string | string[];
+}
+export declare class KlesButtonFileComponent extends KlesButtonComponent implements ControlValueAccessor {
+    file: any;
+    accept: string;
+    fileReader: FileReader;
+    fileContent: string | string[];
+    value: IButtonFile;
+    click(event: any): void;
+    writeValue(value: IButton): void;
+    onFileLoad(fileLoadedEvent: any): void;
+    onFileSelect(input: HTMLInputElement): Promise<void>;
+    readUploadedFile(inputFile: any): Promise<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonFileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonFileComponent, "kles-button-file", never, {}, {}, never, never, false>;
+}

package/lib/interfaces/component.interface.d.ts

@@ -1,5 +1,5 @@
-import { Type } from "@angular/core";
-export interface IKlesComponent {
-    component: Type<any>;
-    value: any;
-}
+import { Type } from "@angular/core";
+export interface IKlesComponent {
+    component: Type<any>;
+    value: any;
+}

package/lib/interfaces/directive.interface.d.ts

@@ -0,0 +1,3 @@
+import { OnDestroy, OnInit } from '@angular/core';
+export interface IKlesDirective extends OnInit, OnDestroy {
+}

package/lib/interfaces/field.config.interface.d.ts

@@ -1,54 +1,58 @@
-import { IKlesValidator } from './validator.interface';
-import { ValidatorFn, AsyncValidatorFn, UntypedFormGroup } from '@angular/forms';
-import { PipeTransform, Type } from '@angular/core';
-import { Subject } from 'rxjs';
-import { EnumType } from '../enums/type.enum';
-export interface IKlesFieldConfig {
-    type?: EnumType;
-    name: string;
-    component?: Type<any>;
-    id?: string;
-    label?: string;
-    placeholder?: string;
-    tooltip?: string;
-    inputType?: string;
-    min?: number;
-    max?: number;
-    maxLength?: number;
-    step?: number;
-    options?: any[] | Subject<any[]>;
-    ngClass?: any;
-    ngStyle?: any;
-    property?: string;
-    collections?: any;
-    value?: any;
-    multiple?: boolean;
-    disabled?: boolean;
-    autocomplete?: boolean;
-    autocompleteComponent?: Type<any>;
-    displayWith?: ((value: any) => string) | null;
-    panelWidth?: string | number;
-    indeterminate?: boolean;
-    color?: string;
-    icon?: string;
-    iconSvg?: string;
-    textareaAutoSize?: {
-        minRows?: number;
-        maxRows?: number;
-    };
-    validations?: IKlesValidator<ValidatorFn>[];
-    asyncValidations?: IKlesValidator<AsyncValidatorFn>[];
-    pipeTransform?: {
-        pipe: PipeTransform;
-        options?: any[];
-    }[];
-    direction?: 'row' | 'column';
-    valueChanges?: ((field: IKlesFieldConfig, group: UntypedFormGroup, siblingField?: IKlesFieldConfig[], valueChanged?: any) => void);
-    triggerComponent?: Type<any>;
-    virtualScroll?: boolean;
-    itemSize?: number;
-    pending?: boolean;
-    searchKeys?: string[];
-    updateOn?: 'change' | 'blur' | 'submit';
-    debounceTime?: number;
-}
+import { IKlesValidator } from './validator.interface';
+import { ValidatorFn, AsyncValidatorFn, UntypedFormGroup } from '@angular/forms';
+import { PipeTransform, Type, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { EnumType } from '../enums/type.enum';
+import { IKlesField } from './field.interface';
+import { IKlesDirective } from './directive.interface';
+export interface IKlesFieldConfig {
+    type?: EnumType;
+    name: string;
+    component?: Type<any>;
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    tooltip?: string;
+    inputType?: string;
+    min?: number;
+    max?: number;
+    maxLength?: number;
+    step?: number;
+    options?: any[] | Subject<any[]>;
+    ngClass?: any;
+    ngStyle?: any;
+    property?: string;
+    collections?: any;
+    value?: any;
+    multiple?: boolean;
+    disabled?: boolean;
+    autocomplete?: boolean;
+    autocompleteComponent?: Type<any>;
+    displayWith?: ((value: any) => string) | null;
+    panelWidth?: string | number;
+    indeterminate?: boolean;
+    color?: string;
+    icon?: string;
+    iconSvg?: string;
+    textareaAutoSize?: {
+        minRows?: number;
+        maxRows?: number;
+    };
+    validations?: IKlesValidator<ValidatorFn>[];
+    asyncValidations?: IKlesValidator<AsyncValidatorFn>[];
+    pipeTransform?: {
+        pipe: PipeTransform;
+        options?: any[];
+    }[];
+    direction?: 'row' | 'column';
+    valueChanges?: ((field: IKlesFieldConfig, group: UntypedFormGroup, siblingField?: IKlesFieldConfig[], valueChanged?: any) => void);
+    triggerComponent?: Type<any>;
+    virtualScroll?: boolean;
+    itemSize?: number;
+    pending?: boolean;
+    searchKeys?: string[];
+    updateOn?: 'change' | 'blur' | 'submit';
+    debounceTime?: number;
+    directive?: (new (ref: ViewContainerRef, field: IKlesField) => IKlesDirective);
+    visible?: boolean;
+}

package/lib/interfaces/field.interface.d.ts

@@ -1,7 +1,7 @@
-import { IKlesFieldConfig } from './field.config.interface';
-import { UntypedFormGroup } from '@angular/forms';
-export interface IKlesField {
-    field: IKlesFieldConfig;
-    group: UntypedFormGroup;
-    siblingFields: IKlesFieldConfig[];
-}
+import { IKlesFieldConfig } from './field.config.interface';
+import { UntypedFormGroup } from '@angular/forms';
+export interface IKlesField {
+    field: IKlesFieldConfig;
+    group: UntypedFormGroup;
+    siblingFields: IKlesFieldConfig[];
+}

package/lib/interfaces/validator.interface.d.ts

@@ -1,5 +1,5 @@
-export interface IKlesValidator<T> {
-    name: string;
-    validator: T;
-    message: string;
-}
+export interface IKlesValidator<T> {
+    name: string;
+    validator: T;
+    message: string;
+}