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

package/lib/enums/type.enum.d.ts

@@ -1,4 +1,6 @@
 export declare enum EnumType {
+    input = "input",
+    select = "select",
     text = "text",
     button = "button",
     checkbox = "checkbox",
@@ -10,5 +12,6 @@ export declare enum EnumType {
     multi = "multi",
     array = "array",
     group = "group",
-    lineBreak = "lineBreak"
+    lineBreak = "lineBreak",
+    badge = "badge"
 }

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

@@ -1,8 +1,11 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { FormArray } from '@angular/forms';
+import { UntypedFormArray } from '@angular/forms';
 import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
 export declare class KlesFormArrayComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    formArray: FormArray;
+    formArray: UntypedFormArray;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormArrayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormArrayComponent, "kles-array", never, {}, {}, never, never, false>;
 }

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

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

package/lib/fields/button-form.component.d.ts

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

package/lib/fields/button-submit.component.d.ts

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

package/lib/fields/button-toogle-group.component.d.ts

@@ -1,8 +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 KlesFormButtonToogleGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
     options$: Observable<any[]>;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormButtonToogleGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormButtonToogleGroupComponent, "kles-form-button-toogle-group", never, {}, {}, never, never, false>;
 }

package/lib/fields/buttonchecker-form.component.d.ts

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

package/lib/fields/buttonfile-form.component.d.ts

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

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

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

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

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

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

@@ -1,7 +1,10 @@
 import { KlesFieldAbstract } from './field.abstract';
 import { OnInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class KlesFormColorComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
     ngOnInit(): void;
     invertColor(hex: any, bw: any): string;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormColorComponent, "kles-form-color", never, {}, {}, never, never, false>;
 }

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

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

package/lib/fields/field.abstract.d.ts

@@ -1,18 +1,18 @@
 import { IKlesField } from '../interfaces/field.interface';
 import { IKlesFieldConfig } from '../interfaces/field.config.interface';
-import { FormGroup } from '@angular/forms';
-import { AfterViewInit, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit, OnDestroy {
-    protected viewRef: ViewContainerRef;
     field: IKlesFieldConfig;
-    group: FormGroup;
+    group: UntypedFormGroup;
     siblingFields: IKlesFieldConfig[];
-    directive: any;
     protected _onDestroy: Subject<void>;
-    constructor(viewRef: ViewContainerRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     applyPipeTransform(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFieldAbstract, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesFieldAbstract, never, never, {}, {}, never, never, false>;
 }

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

@@ -1,8 +1,11 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { KlesFieldAbstract } from './field.abstract';
+import * as i0 from "@angular/core";
 export declare class KlesFormGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    subGroup: FormGroup;
+    subGroup: UntypedFormGroup;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormGroupComponent, "kles-group", never, {}, {}, never, never, false>;
 }

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

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

package/lib/fields/input.clearable.component.d.ts

@@ -1,5 +1,8 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { KlesFormInputComponent } from './input.component';
+import * as i0 from "@angular/core";
 export declare class KlesFormInputClearableComponent extends KlesFormInputComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormInputClearableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormInputClearableComponent, "kles-form-input-clearable", never, {}, {}, never, never, false>;
 }

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

@@ -1,6 +1,7 @@
 import { KlesFieldAbstract } from './field.abstract';
 import { OnInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class KlesFormInputComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
     filteredOption: Observable<any[]>;
     options$: Observable<any[]>;
@@ -9,4 +10,6 @@ export declare class KlesFormInputComponent extends KlesFieldAbstract implements
     private filterData;
     displayFn(value: any): any;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormInputComponent, "kles-form-input", never, {}, {}, never, never, false>;
 }

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

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

package/lib/fields/line-break.component.d.ts

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

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

@@ -1,6 +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>;
 }

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

@@ -1,11 +1,11 @@
-import { OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { KlesFieldAbstract } from './field.abstract';
-import { FormArray, FormBuilder } from '@angular/forms';
+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: FormArray;
-    constructor(fb: FormBuilder, viewRef: ViewContainerRef);
+    formArray: UntypedFormArray;
+    constructor(fb: UntypedFormBuilder);
     ngOnInit(): void;
     private createFormGroup;
     deleteField(index: number): void;
@@ -13,4 +13,6 @@ export declare class KlesFormListFieldComponent extends KlesFieldAbstract implem
     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,6 +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>;
 }

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

@@ -1,16 +1,18 @@
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { OnDestroy, OnInit, QueryList, ViewContainerRef } from '@angular/core';
+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 {
-    protected viewRef: ViewContainerRef;
     cdkVirtualScrollViewport: CdkVirtualScrollViewport;
     options: QueryList<MatOption>;
     options$: Observable<any[]>;
-    constructor(viewRef: ViewContainerRef);
+    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>;
 }

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

@@ -1,12 +1,13 @@
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { OnDestroy, OnInit, QueryList } from '@angular/core';
-import { FormControl } from '@angular/forms';
+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: FormControl;
-    selectAllControl: FormControl;
+    searchControl: UntypedFormControl;
+    selectAllControl: UntypedFormControl;
     options$: Observable<any[]>;
     optionsFiltered$: ReplaySubject<any[]>;
     cdkVirtualScrollViewport: CdkVirtualScrollViewport;
@@ -16,4 +17,6 @@ export declare class KlesFormSelectSearchComponent extends KlesFieldAbstract imp
     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,8 +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>;
 }

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

@@ -1,6 +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>;
 }

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

@@ -1,6 +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>;
 }

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

@@ -1,6 +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>;
 }

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

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
 export interface IButton {
     event?: any;
     uiButton?: IUIButton;
@@ -30,4 +31,6 @@ export declare class KlesButtonComponent implements OnInit, ControlValueAccessor
     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,5 +1,6 @@
 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[];
@@ -8,4 +9,6 @@ export interface IButtonChecker extends IButton {
 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,5 +1,6 @@
 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[];
 }
@@ -14,4 +15,6 @@ export declare class KlesButtonFileComponent extends KlesButtonComponent impleme
     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/field.config.interface.d.ts

@@ -1,10 +1,8 @@
 import { IKlesValidator } from './validator.interface';
-import { ValidatorFn, AsyncValidatorFn, FormGroup } from '@angular/forms';
-import { PipeTransform, Type, ViewContainerRef } from '@angular/core';
+import { ValidatorFn, AsyncValidatorFn, UntypedFormGroup } from '@angular/forms';
+import { PipeTransform, Type } 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;
@@ -45,7 +43,7 @@ export interface IKlesFieldConfig {
         options?: any[];
     }[];
     direction?: 'row' | 'column';
-    valueChanges?: ((field: IKlesFieldConfig, group: FormGroup, siblingField?: IKlesFieldConfig[], valueChanged?: any) => void);
+    valueChanges?: ((field: IKlesFieldConfig, group: UntypedFormGroup, siblingField?: IKlesFieldConfig[], valueChanged?: any) => void);
     triggerComponent?: Type<any>;
     virtualScroll?: boolean;
     itemSize?: number;
@@ -53,5 +51,4 @@ export interface IKlesFieldConfig {
     searchKeys?: string[];
     updateOn?: 'change' | 'blur' | 'submit';
     debounceTime?: number;
-    directive?: (new (ref: ViewContainerRef, field: IKlesField) => IKlesDirective);
 }

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

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

package/lib/kles-material-dynamicforms.module.d.ts

@@ -1,2 +1,47 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dynamic-form.component";
+import * as i2 from "./fields/label.component";
+import * as i3 from "./fields/input.component";
+import * as i4 from "./fields/input.clearable.component";
+import * as i5 from "./fields/button-submit.component";
+import * as i6 from "./fields/badge.component";
+import * as i7 from "./forms/button-control.component";
+import * as i8 from "./fields/button-form.component";
+import * as i9 from "./forms/buttonchecker-control.component";
+import * as i10 from "./fields/buttonchecker-form.component";
+import * as i11 from "./forms/buttonfile-control.component";
+import * as i12 from "./fields/buttonfile-form.component";
+import * as i13 from "./fields/select.component";
+import * as i14 from "./fields/date.component";
+import * as i15 from "./fields/radio.component";
+import * as i16 from "./fields/checkbox.component";
+import * as i17 from "./fields/list-field.component";
+import * as i18 from "./fields/color.component";
+import * as i19 from "./fields/textarea.component";
+import * as i20 from "./fields/text.component";
+import * as i21 from "./fields/chip.component";
+import * as i22 from "./fields/group.component";
+import * as i23 from "./fields/icon.component";
+import * as i24 from "./fields/select.search.component";
+import * as i25 from "./fields/line-break.component";
+import * as i26 from "./fields/link.component";
+import * as i27 from "./fields/slide-toggle.component";
+import * as i28 from "./fields/selection-list.component";
+import * as i29 from "./fields/button-toogle-group.component";
+import * as i30 from "./fields/array.component";
+import * as i31 from "./directive/dynamic-field.directive";
+import * as i32 from "./directive/dynamic-component.directive";
+import * as i33 from "./pipe/transform.pipe";
+import * as i34 from "./pipe/array.pipe";
+import * as i35 from "@angular/common";
+import * as i36 from "@angular/forms";
+import * as i37 from "@ngx-translate/core";
+import * as i38 from "@angular/flex-layout";
+import * as i39 from "./modules/material.module";
+import * as i40 from "ngx-color-picker";
+import * as i41 from "ngx-mat-select-search";
 export declare class KlesMaterialDynamicformsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesMaterialDynamicformsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KlesMaterialDynamicformsModule, [typeof i1.KlesDynamicFormComponent, typeof i2.KlesFormLabelComponent, typeof i3.KlesFormInputComponent, typeof i4.KlesFormInputClearableComponent, typeof i5.KlesFormSubmitButtonComponent, typeof i6.KlesFormBadgeComponent, typeof i7.KlesButtonComponent, typeof i8.KlesFormButtonComponent, typeof i9.KlesButtonCheckerComponent, typeof i10.KlesFormButtonCheckerComponent, typeof i11.KlesButtonFileComponent, typeof i12.KlesFormButtonFileComponent, typeof i13.KlesFormSelectComponent, typeof i14.KlesFormDateComponent, typeof i15.KlesFormRadioComponent, typeof i16.KlesFormCheckboxComponent, typeof i17.KlesFormListFieldComponent, typeof i18.KlesFormColorComponent, typeof i19.KlesFormTextareaComponent, typeof i20.KlesFormTextComponent, typeof i21.KlesFormChipComponent, typeof i22.KlesFormGroupComponent, typeof i23.KlesFormIconComponent, typeof i24.KlesFormSelectSearchComponent, typeof i25.KlesFormLineBreakComponent, typeof i26.KlesFormLinkComponent, typeof i27.KlesFormSlideToggleComponent, typeof i28.KlesFormSelectionListComponent, typeof i29.KlesFormButtonToogleGroupComponent, typeof i30.KlesFormArrayComponent, typeof i31.KlesDynamicFieldDirective, typeof i32.KlesComponentDirective, typeof i33.KlesTransformPipe, typeof i34.ArrayFormatPipe], [typeof i35.CommonModule, typeof i36.ReactiveFormsModule, typeof i37.TranslateModule, typeof i38.FlexLayoutModule, typeof i36.FormsModule, typeof i39.MaterialModule, typeof i40.ColorPickerModule, typeof i41.NgxMatSelectSearchModule], [typeof i1.KlesDynamicFormComponent, typeof i2.KlesFormLabelComponent, typeof i3.KlesFormInputComponent, typeof i4.KlesFormInputClearableComponent, typeof i5.KlesFormSubmitButtonComponent, typeof i6.KlesFormBadgeComponent, typeof i7.KlesButtonComponent, typeof i8.KlesFormButtonComponent, typeof i9.KlesButtonCheckerComponent, typeof i10.KlesFormButtonCheckerComponent, typeof i11.KlesButtonFileComponent, typeof i12.KlesFormButtonFileComponent, typeof i13.KlesFormSelectComponent, typeof i14.KlesFormDateComponent, typeof i15.KlesFormRadioComponent, typeof i16.KlesFormCheckboxComponent, typeof i17.KlesFormListFieldComponent, typeof i18.KlesFormColorComponent, typeof i19.KlesFormTextareaComponent, typeof i20.KlesFormTextComponent, typeof i21.KlesFormChipComponent, typeof i22.KlesFormGroupComponent, typeof i23.KlesFormIconComponent, typeof i24.KlesFormSelectSearchComponent, typeof i25.KlesFormLineBreakComponent, typeof i26.KlesFormLinkComponent, typeof i27.KlesFormSlideToggleComponent, typeof i28.KlesFormSelectionListComponent, typeof i29.KlesFormButtonToogleGroupComponent, typeof i30.KlesFormArrayComponent, typeof i33.KlesTransformPipe, typeof i34.ArrayFormatPipe, typeof i31.KlesDynamicFieldDirective, typeof i32.KlesComponentDirective, typeof i40.ColorPickerModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KlesMaterialDynamicformsModule>;
 }

package/lib/matcher/form-error.matcher.d.ts

@@ -1,6 +1,9 @@
-import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { UntypedFormControl, FormGroupDirective, NgForm } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
+import * as i0 from "@angular/core";
 export declare class KlesFormErrorStateMatcher implements ErrorStateMatcher {
     constructor();
-    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormErrorStateMatcher, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KlesFormErrorStateMatcher>;
 }

package/lib/modules/material.module.d.ts

@@ -1,2 +1,42 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/slider";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/toolbar";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/sidenav";
+import * as i7 from "@angular/material/badge";
+import * as i8 from "@angular/material/list";
+import * as i9 from "@angular/material/grid-list";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/input";
+import * as i12 from "@angular/material/select";
+import * as i13 from "@angular/material/radio";
+import * as i14 from "@angular/material/datepicker";
+import * as i15 from "@angular/material/chips";
+import * as i16 from "@angular/material/tooltip";
+import * as i17 from "@angular/material/table";
+import * as i18 from "@angular/material/paginator";
+import * as i19 from "@angular/material/card";
+import * as i20 from "@angular/material/menu";
+import * as i21 from "@angular/material/tabs";
+import * as i22 from "@angular/cdk/table";
+import * as i23 from "@angular/material/progress-spinner";
+import * as i24 from "@angular/material/checkbox";
+import * as i25 from "@angular/material/dialog";
+import * as i26 from "@angular/material/autocomplete";
+import * as i27 from "@angular/material/progress-bar";
+import * as i28 from "@angular/material/sort";
+import * as i29 from "@angular/material/expansion";
+import * as i30 from "@angular/material/core";
+import * as i31 from "@angular/material/snack-bar";
+import * as i32 from "@angular/material/tree";
+import * as i33 from "@angular/material/slide-toggle";
+import * as i34 from "ngx-color-picker";
+import * as i35 from "@angular/material/button-toggle";
+import * as i36 from "@angular/cdk/scrolling";
 export declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.CommonModule, typeof i2.MatSliderModule, typeof i3.MatButtonModule, typeof i4.MatToolbarModule, typeof i5.MatIconModule, typeof i6.MatSidenavModule, typeof i7.MatBadgeModule, typeof i8.MatListModule, typeof i9.MatGridListModule, typeof i10.MatFormFieldModule, typeof i11.MatInputModule, typeof i12.MatSelectModule, typeof i13.MatRadioModule, typeof i14.MatDatepickerModule, typeof i15.MatChipsModule, typeof i16.MatTooltipModule, typeof i17.MatTableModule, typeof i18.MatPaginatorModule, typeof i19.MatCardModule, typeof i20.MatMenuModule, typeof i21.MatTabsModule, typeof i22.CdkTableModule, typeof i23.MatProgressSpinnerModule, typeof i24.MatCheckboxModule, typeof i25.MatDialogModule, typeof i26.MatAutocompleteModule, typeof i27.MatProgressBarModule, typeof i28.MatSortModule, typeof i29.MatExpansionModule, typeof i30.MatNativeDateModule, typeof i31.MatSnackBarModule, typeof i32.MatTreeModule, typeof i2.MatSliderModule, typeof i3.MatButtonModule, typeof i33.MatSlideToggleModule, typeof i34.ColorPickerModule, typeof i35.MatButtonToggleModule], [typeof i3.MatButtonModule, typeof i4.MatToolbarModule, typeof i5.MatIconModule, typeof i6.MatSidenavModule, typeof i7.MatBadgeModule, typeof i8.MatListModule, typeof i9.MatGridListModule, typeof i11.MatInputModule, typeof i10.MatFormFieldModule, typeof i12.MatSelectModule, typeof i13.MatRadioModule, typeof i14.MatDatepickerModule, typeof i15.MatChipsModule, typeof i16.MatTooltipModule, typeof i17.MatTableModule, typeof i18.MatPaginatorModule, typeof i19.MatCardModule, typeof i20.MatMenuModule, typeof i21.MatTabsModule, typeof i22.CdkTableModule, typeof i23.MatProgressSpinnerModule, typeof i24.MatCheckboxModule, typeof i25.MatDialogModule, typeof i26.MatAutocompleteModule, typeof i27.MatProgressBarModule, typeof i28.MatSortModule, typeof i29.MatExpansionModule, typeof i30.MatNativeDateModule, typeof i31.MatSnackBarModule, typeof i32.MatTreeModule, typeof i2.MatSliderModule, typeof i3.MatButtonModule, typeof i33.MatSlideToggleModule, typeof i34.ColorPickerModule, typeof i36.ScrollingModule, typeof i36.CdkScrollable, typeof i35.MatButtonToggleModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
 }

package/lib/pipe/array.pipe.d.ts

@@ -1,4 +1,7 @@
 import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class ArrayFormatPipe implements PipeTransform {
     transform(values: any[], property?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFormatPipe, "arrayFormat", false>;
 }

package/lib/pipe/transform.pipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class KlesTransformPipe implements PipeTransform {
     transform(value: any, pipes: {
         pipe: PipeTransform;
         options?: any[];
     }[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesTransformPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KlesTransformPipe, "klesTransform", false>;
 }