@3kles/kles-material-dynamicforms 19.5.1 → 20.0.0

package/index.d.ts

@@ -1,5 +1,1083 @@
+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 * 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';
+import * as i30 from '@angular/material/core';
+import { DateAdapter, MatDateFormats, MatOption, ErrorStateMatcher } from '@angular/material/core';
+import * as i10 from '@angular/material/form-field';
+import { SubscriptSizing, MatFormFieldControl } from '@angular/material/form-field';
+import * as i24 from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import * as i16 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+import { Clipboard } from '@angular/cdk/clipboard';
+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 { MatSelectionListChange } from '@angular/material/list';
+import * as i9 from '@angular/material/grid-list';
+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 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 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 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 '@angular/material/button-toggle';
+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';
+
+type Exclusive<T, U> = (T & {
+    [K in keyof U]?: never;
+}) | (U & {
+    [K in keyof T]?: never;
+});
+type KlesValidationKey = {
+    name: string;
+    message?: string;
+    messageKey?: string;
+};
+type KlesValidatorMultiple = {
+    keys: KlesValidationKey[];
+};
+type IKlesValidator<T> = {
+    validator: T;
+} & Exclusive<KlesValidationKey, KlesValidatorMultiple>;
+
+declare enum EnumType {
+    input = "input",
+    select = "select",
+    text = "text",
+    file = "file",
+    button = "button",
+    checkbox = "checkbox",
+    number = "number",
+    time = "time",
+    date = "date",
+    color = "color",
+    list = "list",
+    multi = "multi",
+    array = "array",
+    group = "group",
+    lineBreak = "lineBreak",
+    badge = "badge",
+    range = "range"
+}
+
+interface IKlesField {
+    field: IKlesFieldConfig;
+    group: UntypedFormGroup;
+    siblingFields: IKlesFieldConfig[];
+}
+
+interface IKlesDirective extends OnInit, OnDestroy {
+}
+
+declare enum EnumButtonAttribute {
+    'mat-button' = "mat-button",
+    'mat-flat-button' = "mat-flat-button",
+    'mat-raised-button' = "mat-raised-button",
+    'mat-stroked-button' = "mat-stroked-button"
+}
+
+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;
+    max?: number | Date;
+    maxLength?: number;
+    step?: number;
+    hostClass?: string | string[] | Set<string> | {
+        [klass: string]: any;
+    };
+    ngClass?: any;
+    ngStyle?: any;
+    indeterminate?: boolean;
+    color?: string;
+    icon?: string;
+    iconSvg?: string;
+    appearance?: 'fill' | 'outline';
+    visible?: boolean;
+    colorOption?: {
+        disable?: boolean;
+        position?: 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        positionOffset?: string;
+        mode?: 'color' | 'grayscale' | 'presets';
+        format?: 'auto' | 'hex' | 'rgba' | 'hsla';
+    };
+    direction?: 'column' | 'row' | 'grid' | 'inline-grid';
+    textareaAutoSize?: {
+        minRows?: number;
+        maxRows?: number;
+    };
+    virtualScroll?: boolean;
+    itemSize?: number;
+}
+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;
+    }) => Observable<any[]>);
+    property?: string;
+    collections?: any;
+    value?: any;
+    asyncValue?: Observable<any>;
+    multiple?: boolean;
+    disabled?: boolean;
+    autocomplete?: boolean;
+    autocompleteComponent?: Type<any>;
+    displayWith?: ((value: any) => string) | null;
+    panelWidth?: string | number;
+    pending?: boolean;
+    validations?: IKlesValidator<ValidatorFn>[];
+    asyncValidations?: IKlesValidator<AsyncValidatorFn>[];
+    pipeTransform?: {
+        pipe: PipeTransform;
+        options?: any[];
+    }[];
+    valueChanges?: (field: IKlesFieldConfig, group: UntypedFormGroup, siblingField?: IKlesFieldConfig[], valueChanged?: any) => void;
+    triggerComponent?: Type<any>;
+    searchKeys?: string[];
+    updateOn?: 'change' | 'blur' | 'submit';
+    debounceTime?: number;
+    directive?: new (ref: ViewContainerRef, field: IKlesField) => IKlesDirective;
+    lazy?: boolean;
+    buttonType?: 'submit' | 'button' | 'reset';
+    accept?: string;
+    dateOptions?: {
+        adapter?: {
+            class: Type<DateAdapter<any>>;
+            deps?: any[];
+        };
+        language: string;
+        dateFormat: MatDateFormats;
+    };
+    hint?: string;
+    clearable?: boolean;
+    clearableComponent?: Type<any>;
+    subComponents?: Type<any>[];
+    autofocus?: boolean;
+    attribute?: EnumButtonAttribute;
+    subscriptSizing?: SubscriptSizing;
+    nonNullable?: boolean;
+    onFocus?: (field: IKlesFieldConfig, group: UntypedFormGroup) => void;
+    onBlur?: (field: IKlesFieldConfig, group: UntypedFormGroup) => void;
+    providers?: Array<Provider | StaticProvider>;
+}
+type IKlesFieldConfig = IKlesFormField & IKlesFieldUi;
+
+declare abstract class AbstractUiState<TValue = any, TRawValue extends TValue = TValue> {
+    protected _value: i0.WritableSignal<TValue>;
+    private _parent;
+    private _parentKey;
+    get<P extends string | readonly (string | number)[]>(path: P): AbstractUiState<_GetProperty<TRawValue, P>> | null;
+    get<P extends string | Array<string | number>>(path: P): AbstractUiState<_GetProperty<TRawValue, P>> | null;
+    _find(name: string | number): AbstractUiState | null;
+    abstract setValue(value: TRawValue): void;
+    abstract patchValue(value: Partial<TValue>): void;
+    get value(): Signal<TValue | undefined>;
+    setParent(parent: AbstractUiState<any>, key: string | number): void;
+    protected notifyParent(): void;
+    childValueChanged(key: string | number, value: any): void;
+}
+
+declare class GroupUiState<TUiState extends {
+    [K in keyof TUiState]: AbstractUiState<any>;
+} = any> extends AbstractUiState<any, any> {
+    states: _TypedOrUntyped<TUiState, TUiState, {
+        [key: string]: AbstractUiState<any>;
+    }>;
+    constructor(states?: TUiState);
+    setValue(value: any): void;
+    patchValue(value: any): void;
+    childValueChanged(key: string | number, value: any): void;
+    _find(name: string | number): AbstractUiState | null;
+    addUiState(name: string, uiState: AbstractUiState<any>): void;
+    private buildInitialValue;
+}
+
+declare class KlesDynamicFormComponent implements OnInit, OnChanges {
+    private fb;
+    private ref;
+    fields: IKlesFieldConfig[];
+    validators: IKlesValidator<ValidatorFn>[];
+    asyncValidators: IKlesValidator<AsyncValidatorFn>[];
+    submit: EventEmitter<any>;
+    _onLoaded: EventEmitter<any>;
+    direction: 'column' | 'row' | 'grid' | 'inline-grid';
+    formClass: string | string[] | Set<string> | {
+        [klass: string]: any;
+    };
+    form: UntypedFormGroup;
+    ui: GroupUiState;
+    orientationClass: 'dynamic-form-column' | 'dynamic-form-row' | 'dynamic-form-grid' | 'dynamic-form-inline-grid';
+    get value(): any;
+    constructor(fb: UntypedFormBuilder, ref: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onSubmit(event: Event): void;
+    private setOrientationClass;
+    private updateForm;
+    private updateControl;
+    private createControl;
+    private createUiState;
+    private createForm;
+    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>;
+}
+
+declare class KlesComponentDirective implements OnInit, OnChanges {
+    private container;
+    component: Type<any>;
+    value: any;
+    field?: IKlesFieldConfig;
+    componentRef: ComponentRef<any>;
+    constructor(container: ViewContainerRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    buildComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesComponentDirective, "[klesComponent]", never, { "component": { "alias": "component"; "required": false; }; "value": { "alias": "value"; "required": false; }; "field": { "alias": "field"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldConfig> implements OnInit, OnChanges, OnDestroy {
+    protected container: ViewContainerRef;
+    protected injector: Injector;
+    field: T;
+    group: UntypedFormGroup;
+    ui: GroupUiState;
+    siblingFields: T[];
+    componentRef: ComponentRef<any> | undefined;
+    subComponents: ComponentRef<any>[];
+    constructor(container: ViewContainerRef, injector: Injector);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    buildComponent(): void;
+    protected createComponentRef(injector: Injector): ComponentRef<any> | undefined;
+    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>;
+}
+
+declare abstract class KlesFieldAbstract 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>;
+    protected readonly viewRef: ViewContainerRef;
+    directive: any;
+    protected _onDestroy: Subject<void>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    applyPipeTransform(): void;
+    isPending(): boolean;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFieldAbstract, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlesFieldAbstract, never, never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormLabelComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormLabelComponent, "kles-form-label", never, {}, {}, never, never, true, never>;
+}
+
+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", true>;
+}
+
+declare class ArrayFormatPipe implements PipeTransform {
+    transform(values: any[], property?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFormatPipe, "arrayFormat", true>;
+}
+
+interface IKlesClearControl extends IKlesField {
+    clear(event: any): void;
+}
+
+declare class KlesFormClearComponent implements IKlesClearControl, OnDestroy {
+    readonly field: IKlesFieldConfig;
+    readonly group: FormGroup<any>;
+    readonly siblingFields: IKlesFieldConfig[];
+    private _onDestroy;
+    disabled: Signal<boolean>;
+    constructor();
+    ngOnDestroy(): void;
+    clear(event: any): void;
+    private isPresent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormClearComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormClearComponent, "kles-form-clear", never, {}, {}, never, never, true, never>;
+}
+
+interface IButton {
+    event?: any;
+    uiButton?: IUIButton;
+}
+interface IUIButton {
+    label?: string;
+    color?: string;
+    icon?: string;
+    iconSvg?: string;
+    disabled?: boolean;
+    class?: string;
+    type?: string;
+    accept?: string;
+}
+declare abstract class KlesButtonBase implements OnInit, ControlValueAccessor {
+    name: string;
+    label: string;
+    color: string;
+    icon: string;
+    iconSvg: string;
+    disabled: boolean;
+    get type(): any;
+    set type(value: any);
+    classButton: string;
+    value: IButton;
+    tooltip?: string;
+    protected _type: 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<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; }; }, {}, never, never, true, never>;
+}
+
+declare class KlesFabComponent extends KlesButtonBase implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFabComponent, "kles-fab", never, {}, {}, never, never, true, never>;
+}
+
+declare class MatErrorMessageDirective implements AfterViewInit {
+    private _inj;
+    validationsKeys: KlesValidationKey[];
+    asyncValidationsKeys: KlesValidationKey[];
+    set validations(v: IKlesValidator<Validators>[]);
+    set asyncValidations(v: IKlesValidator<AsyncValidator>[]);
+    inputRef: MatFormFieldControl<MatFormFieldControl<any>>;
+    constructor(_inj: Injector);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatErrorMessageDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatErrorMessageDirective, "[matErrorMessage]", never, { "validations": { "alias": "validations"; "required": false; }; "asyncValidations": { "alias": "asyncValidations"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class MatErrorFormDirective {
+    validationsKeys: KlesValidationKey[];
+    asyncValidationsKeys: KlesValidationKey[];
+    form: UntypedFormGroup;
+    set validations(v: IKlesValidator<Validators>[]);
+    set asyncValidations(v: IKlesValidator<AsyncValidator>[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatErrorFormDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatErrorFormDirective, "[matErrorForm]", never, { "form": { "alias": "form"; "required": true; }; "validations": { "alias": "validations"; "required": false; }; "asyncValidations": { "alias": "asyncValidations"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class KlesIndeterminateCheckboxComponent implements ControlValueAccessor, AfterViewInit {
+    label: string;
+    color: string;
+    checkbox: MatCheckbox;
+    isIndeterminate: boolean;
+    private innerValue;
+    onChange: any;
+    onTouched: any;
+    ngAfterViewInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onCheckboxChange(event: any): void;
+    private updateCheckbox;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesIndeterminateCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesIndeterminateCheckboxComponent, "kles-checkbox-indeterminate", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class KlesFileControlComponent implements ControlValueAccessor {
+    disabled: boolean;
+    accept: string;
+    multiple: boolean;
+    value: {
+        name: string;
+        content: ArrayBuffer;
+    }[];
+    onChange: any;
+    onTouched: any;
+    writeValue(obj: any): void;
+    onFileSelected(input: HTMLInputElement): Promise<void>;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFileControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFileControlComponent, "kles-file-control", never, { "disabled": { "alias": "disabled"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class KlesFormCopyComponent implements IKlesField {
+    private clipBoard;
+    tooltip: MatTooltip;
+    readonly field: IKlesFieldConfig;
+    readonly group: FormGroup<any>;
+    readonly siblingFields: IKlesFieldConfig[];
+    tooltipText: string;
+    constructor(clipBoard: Clipboard);
+    copy(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormCopyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormCopyComponent, "kles-form-copy", never, {}, {}, never, never, true, never>;
+}
+
+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 i33.MatSlideToggleModule, typeof i34.MatButtonToggleModule, typeof i35.PortalModule], [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 i33.MatSlideToggleModule, typeof i36.ScrollingModule, typeof i36.CdkScrollable, typeof i34.MatButtonToggleModule, typeof i35.PortalModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
+}
+
+declare class KlesDynamicFormIntl {
+    loading: string;
+    selectAll: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesDynamicFormIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KlesDynamicFormIntl>;
+}
+
+declare class KlesFormInputComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    filteredOption$: Observable<{
+        loading: boolean;
+        options: any[];
+    }>;
+    options$: Observable<{
+        loading: boolean;
+        options: any[];
+    }>;
+    private isFocused;
+    isLoading: i0.WritableSignal<boolean>;
+    intl: KlesDynamicFormIntl;
+    constructor();
+    ngOnInit(): void;
+    onFocus(): void;
+    private filterData;
+    displayFn(value: any): any;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormInputComponent, "kles-form-input", never, {}, {}, never, ["*"], true, never>;
+}
+
+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, true, never>;
+}
+
+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, true, never>;
+}
+
+declare class KlesFormFileComponent extends KlesFieldAbstract {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormFileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormFileComponent, "kles-form-file", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesButtonComponent extends KlesButtonBase implements OnInit {
+    mdcClasses: i0.WritableSignal<string[]>;
+    set attribute(attribute: EnumButtonAttribute);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonComponent, "kles-button", never, { "attribute": { "alias": "attribute"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+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, true, never>;
+}
+
+interface IButtonChecker extends IButton {
+    busy: boolean;
+    error?: any[];
+    message?: string;
+}
+declare class KlesButtonCheckerComponent extends KlesButtonBase implements ControlValueAccessor {
+    value: IButtonChecker;
+    countError(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonCheckerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonCheckerComponent, "kles-button-checker", never, {}, {}, never, never, true, never>;
+}
+
+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, true, never>;
+}
+
+interface IButtonFile extends IButton {
+    fileContent?: string | string[];
+}
+declare class KlesButtonFileComponent extends KlesButtonBase {
+    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, { "accept": { "alias": "accept"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+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, true, never>;
+}
+
+declare class KlesFormSelectComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
+    options: QueryList<MatOption>;
+    options$: Observable<any[]>;
+    isLoading: boolean;
+    openChange$: Subject<boolean>;
+    intl: KlesDynamicFormIntl;
+    protected ref: ChangeDetectorRef;
+    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, ["*"], true, never>;
+}
+
+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, ["*"], true, never>;
+}
+
+declare class KlesFormDateTimeComponent extends KlesFieldAbstract {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormDateTimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormDateTimeComponent, "kles-form-datetimepicker", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class KlesFormRadioComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    options$: Observable<any[]>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormRadioComponent, "kles-form-radiobutton", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormCheckboxComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onChange(e: MatCheckboxChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormCheckboxComponent, "kles-form-checkbox", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormCheckboxIndeterminateComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormCheckboxIndeterminateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormCheckboxIndeterminateComponent, "kles-form-checkbox-indeterminate", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormListFieldComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    formArray: UntypedFormArray;
+    collections: IKlesFieldConfig[][];
+    private fb;
+    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, true, never>;
+}
+
+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, ["*"], true, never>;
+}
+
+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, ["*"], true, never>;
+}
+
+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, ["*"], true, never>;
+}
+
+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, true, never>;
+}
+
+declare class KlesFormGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    orientationClass: 'group-container' | 'group-container-column' | 'group-container-row' | 'group-container-grid' | 'group-container-inline-grid';
+    get className(): "group-container" | "group-container-column" | "group-container-row" | "group-container-grid" | "group-container-inline-grid";
+    subGroup: UntypedFormGroup;
+    subUi: GroupUiState;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setOrientationClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormGroupComponent, "kles-group", never, {}, {}, never, never, true, never>;
+}
+
+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, true, never>;
+}
+
+declare class KlesFormSelectSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    searchControl: UntypedFormControl;
+    selectAllControl: UntypedFormControl;
+    isLoading: i0.WritableSignal<boolean>;
+    options$: Observable<any[]>;
+    optionsFiltered$: ReplaySubject<any[]>;
+    openChange$: BehaviorSubject<boolean>;
+    openClosed$: Subject<void>;
+    cdkVirtualScrollViewport: CdkVirtualScrollViewport;
+    options: QueryList<MatOption>;
+    intl: KlesDynamicFormIntl;
+    protected ref: ChangeDetectorRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleAllSelection(state: {
+        checked: any;
+    }): void;
+    protected openChangeEvent(): void;
+    protected onOpenChange(isOpen: boolean): Observable<any[]>;
+    protected onSearchChange(value: string): Observable<any[]>;
+    openChange($event: boolean): void;
+    compareFn: (o1: any, o2: any) => boolean;
+    selectionChange(selection: {
+        value: any;
+    }): void;
+    updateSelectAllControl(values: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectSearchComponent, "kles-form-select-search", never, {}, {}, never, ["*"], true, never>;
+}
+
+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, true, never>;
+}
+
+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, true, never>;
+}
+
+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, true, never>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Copy and past from https://github.com/angular/components/blob/17.0.x/src/cdk/collections/selection-model.ts
+ * (They put everything in private, thanks to angular team)
  */
-/// <amd-module name="@3kles/kles-material-dynamicforms" />
-export * from './public-api';
+declare class KlesSelectionModel<T> {
+    private _multiple;
+    private _emitChanges;
+    compareWith?: (o1: T, o2: T) => boolean;
+    /** Currently-selected values. */
+    private _selection;
+    /** Keeps track of the deselected options that haven't been emitted by the change event. */
+    private _deselectedToEmit;
+    /** Keeps track of the selected options that haven't been emitted by the change event. */
+    private _selectedToEmit;
+    /** Cache for the array value of the selected items. */
+    private _selected;
+    /** Selected values. */
+    get selected(): T[];
+    /** Event emitted when the value has changed. */
+    readonly changed: Subject<any>;
+    constructor(_multiple?: boolean, initiallySelectedValues?: T[], _emitChanges?: boolean, compareWith?: (o1: T, o2: T) => boolean);
+    /**
+     * Selects a value or an array of values.
+     * @param values The values to select
+     * @return Whether the selection changed as a result of this call
+     * @breaking-change 16.0.0 make return type boolean
+     */
+    select(values: T[], option?: {
+        emitEvent: boolean;
+    }): boolean | void;
+    /**
+     * Deselects a value or an array of values.
+     * @param values The values to deselect
+     * @return Whether the selection changed as a result of this call
+     * @breaking-change 16.0.0 make return type boolean
+     */
+    deselect(values: T[], option?: {
+        emitEvent: boolean;
+    }): boolean | void;
+    /**
+     * Sets the selected values
+     * @param values The new selected values
+     * @return Whether the selection changed as a result of this call
+     * @breaking-change 16.0.0 make return type boolean
+     */
+    setSelection(values: T[], option?: {
+        emitEvent: boolean;
+    }): boolean | void;
+    /**
+     * Toggles a value between selected and deselected.
+     * @param value The value to toggle
+     * @return Whether the selection changed as a result of this call
+     * @breaking-change 16.0.0 make return type boolean
+     */
+    toggle(value: T): boolean | void;
+    /**
+     * Clears all of the selected values.
+     * @param flushEvent Whether to flush the changes in an event.
+     *   If false, the changes to the selection will be flushed along with the next event.
+     * @return Whether the selection changed as a result of this call
+     * @breaking-change 16.0.0 make return type boolean
+     */
+    clear(flushEvent?: boolean): boolean | void;
+    /**
+     * Determines whether a value is selected.
+     */
+    isSelected(value: T): boolean;
+    /**
+     * Determines whether the model does not have a value.
+     */
+    isEmpty(): boolean;
+    /**
+     * Determines whether the model has a value.
+     */
+    hasValue(): boolean;
+    /**
+     * Sorts the selected values based on a predicate function.
+     */
+    sort(predicate?: (a: T, b: T) => number): void;
+    /**
+     * Gets whether multiple values can be selected.
+     */
+    isMultipleSelection(): boolean;
+    /** Emits a change event and clears the records of selected and deselected values. */
+    private _emitChangeEvent;
+    /** Selects a value. */
+    private _markSelected;
+    /** Deselects a value. */
+    private _unmarkSelected;
+    /** Clears out the selected values. */
+    private _unmarkAll;
+    /**
+     * Verifies the value assignment and throws an error if the specified value array is
+     * including multiple values while the selection model is not supporting multiple values.
+     */
+    private _verifyValueAssignment;
+    /** Whether there are queued up change to be emitted. */
+    private _hasQueuedChanges;
+    /** Returns a value that is comparable to inputValue by applying compareWith function, returns the same inputValue otherwise. */
+    private _getConcreteValue;
+}
+
+declare class KlesFormSelectionListComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    selection: KlesSelectionModel<any>;
+    options$: Observable<any[]>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onSelectionChange(selection: MatSelectionListChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectionListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectionListComponent, "kles-form-selection-list", never, {}, {}, never, never, true, never>;
+}
+
+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, true, never>;
+}
+
+declare class ArrayUiState<TItem extends AbstractUiState<any, any> = AbstractUiState<any, any>, TValue extends any[] = any[], TRawValue extends TValue = TValue> extends AbstractUiState<TValue, TRawValue> {
+    states: TItem[];
+    constructor(states?: TItem[]);
+    setValue(value: TRawValue): void;
+    patchValue(value: Partial<TRawValue>): void;
+    childValueChanged(key: string | number, value: any): void;
+    at(index: number): AbstractUiState;
+    _find(name: string | number): AbstractUiState | null;
+    push(control: TItem | TItem[]): void;
+    insert(index: number, state: TItem | TItem[]): void;
+    removeAt(index: number): void;
+    clear(): void;
+}
+
+declare class KlesFormArrayComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    formArray: UntypedFormArray;
+    subUi: ArrayUiState;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormArrayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormArrayComponent, "kles-array", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormRangeComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormRangeComponent, "kles-form-rangepicker", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class KlesFormSelectLazySearchComponent extends KlesFormSelectSearchComponent implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected onSearchChange(value: string): Observable<any[]>;
+    protected openChangeEvent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectLazySearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectLazySearchComponent, "kles-form-select-lazy-search", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class KlesFormFabComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormFabComponent, "kles-form-fab", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesMiniFabComponent extends KlesButtonBase implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesMiniFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesMiniFabComponent, "kles-mini-fab", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormMiniFabComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormMiniFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormMiniFabComponent, "kles-form-mini-fab", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesIconButtonComponent extends KlesButtonBase implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesIconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesIconButtonComponent, "kles-icon-button", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormIconButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormIconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormIconButtonComponent, "kles-form-icon-button", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesFormSelectionListSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+    selection: KlesSelectionModel<any>;
+    options$: Observable<any[]>;
+    searchControl: FormControl<any>;
+    optionFiltered$: Observable<any[]>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onSelectionChange(selection: MatSelectionListChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormSelectionListSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormSelectionListSearchComponent, "kles-form-selection-list-search", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesMaterialDynamicformsModule {
+    static declarations: ((typeof KlesFormClearComponent | typeof KlesDynamicFormComponent | typeof KlesFormLabelComponent | typeof KlesFabComponent | 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 ɵinj: i0.ɵɵInjectorDeclaration<KlesMaterialDynamicformsModule>;
+}
+
+declare class KlesFormPasswordVisibilityComponent implements IKlesField {
+    readonly field: IKlesFieldConfig;
+    readonly group: FormGroup<any>;
+    readonly siblingFields: IKlesFieldConfig[];
+    hide: i0.WritableSignal<boolean>;
+    toggleVisibility(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormPasswordVisibilityComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormPasswordVisibilityComponent, "kles-form-password-visibility", never, {}, {}, never, never, true, never>;
+}
+
+interface IKlesComponent {
+    component: Type<any>;
+    value: any;
+}
+
+declare class KlesFormErrorStateMatcher implements ErrorStateMatcher {
+    constructor();
+    isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormErrorStateMatcher, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KlesFormErrorStateMatcher>;
+}
+
+declare function autocompleteObjectValidator(optional?: boolean): ValidatorFn;
+declare function autocompleteStringValidator(validOptions: Array<string>, optional?: boolean): ValidatorFn;
+
+declare const componentMapper: {
+    component: Type<any>;
+    type: string;
+    factory: (field: IKlesFieldConfig, ref?: ChangeDetectorRef) => AbstractControl<any, any>;
+    ui?: (field: IKlesFieldConfig) => AbstractUiState<any, any>;
+}[];
+declare function FieldMapper(config: {
+    type: string;
+    factory?: (field: IKlesFieldConfig) => AbstractControl<any, any>;
+    ui?: (field: IKlesFieldConfig) => AbstractUiState<any, any>;
+}): (target: Type<any>) => void;
+
+declare const klesFieldControlFactory: (field: IKlesFieldConfig, ref?: ChangeDetectorRef) => AbstractControl;
+declare const klesFieldUiFactory: (field: IKlesFieldConfig) => AbstractUiState;
+
+interface IKlesControl {
+    create(): AbstractControl;
+    bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn;
+    bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn;
+}
+
+declare abstract class KlesAbstractFormControl implements IKlesControl {
+    protected field: IKlesFieldConfig;
+    protected ref?: ChangeDetectorRef;
+    constructor(field: IKlesFieldConfig, ref?: ChangeDetectorRef);
+    abstract create(): AbstractControl;
+    bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn;
+    bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn;
+}
+
+declare class KlesFormControl extends KlesAbstractFormControl {
+    create(): AbstractControl;
+}
+
+declare class KlesFormArray extends KlesFormControl {
+    create(): AbstractControl<any, any>;
+}
+
+declare class KlesFormGroup extends KlesFormControl {
+    create(): AbstractControl<any, any>;
+}
+
+declare class KlesFormRange extends KlesFormControl {
+    create(): AbstractControl<any, any>;
+}
+
+interface Destroyable {
+    destroy(): any;
+}
+declare function isDestroyable(value: unknown): value is Destroyable;
+
+interface IKlesUi {
+    create(): AbstractUiState;
+}
+
+declare abstract class KlesAbstractFormUiControl implements IKlesUi {
+    protected field: IKlesFieldConfig;
+    constructor(field: IKlesFieldConfig);
+    abstract create(): AbstractUiState;
+}
+
+declare class KlesFormUiControl extends KlesAbstractFormUiControl {
+    create(): AbstractUiState;
+}
+
+declare class KlesFormUiArray extends KlesFormUiControl {
+    create(): AbstractUiState<any, any>;
+}
+
+declare class KlesFormUiGroup extends KlesFormUiControl {
+    create(): AbstractUiState<any, any>;
+}
+
+declare class ControlUiState<TValue extends IKlesFieldUi> extends AbstractUiState<TValue, TValue> {
+    constructor(value?: TValue);
+    get value(): Signal<TValue | undefined>;
+    setValue(value: TValue): void;
+    patchValue(value: Partial<TValue> | TValue): void;
+}
+
+declare const FIELD_NAME: InjectionToken<string>;
+declare const GROUP: InjectionToken<FormGroup<any>>;
+declare const SIBLING_FIELDS: InjectionToken<IKlesFieldConfig[]>;
+declare const GROUP_UI: InjectionToken<GroupUiState<any>>;
+declare const FIELD: InjectionToken<IKlesFieldConfig>;
+
+export { AbstractUiState, ArrayFormatPipe, ArrayUiState, ControlUiState, EnumButtonAttribute, 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 };