grcm-components
Version:
> ⚡ Crea formularios dinámicos en Angular de forma rápida, limpia y reutilizable.
40 lines (39 loc) • 2.59 kB
TypeScript
import { AbstractControl, ControlValueAccessor } from '@angular/forms';
import { OnInit } from '@angular/core';
import { GrcmControlComponent } from '../control/grcm-control.component';
import * as i0 from "@angular/core";
export declare class GrcmInputComponent implements OnInit, ControlValueAccessor {
private readonly _grcmFormComponent;
protected readonly controlComp: GrcmControlComponent;
private readonly _destroyRef;
type: import("@angular/core").InputSignal<"text" | "password">;
placeholder: import("@angular/core").InputSignal<string>;
debounceTimer: import("@angular/core").InputSignal<number>;
icon: import("@angular/core").InputSignal<string | undefined>;
autocomplete: import("@angular/core").InputSignal<boolean>;
submitFormOnDebounce: import("@angular/core").InputSignal<boolean>;
changeValue: import("@angular/core").OutputEmitterRef<string>;
debounce: import("@angular/core").OutputEmitterRef<string>;
additionalClasses: import("@angular/core").InputSignal<string | string[]>;
control: import("@angular/core").Signal<AbstractControl<any, any> | undefined>;
id: import("@angular/core").Signal<string>;
private _value;
protected readonly value: import("@angular/core").Signal<string>;
private _disabled;
protected readonly disabled: import("@angular/core").Signal<boolean>;
private _debouncer;
private _inputRef;
ngOnInit(): void;
private initialize;
change(value: string): void;
onBlur(): void;
_onChange: Function;
_onTouched: Function;
registerOnChange(fn: Function): void;
registerOnTouched(fn: Function): void;
writeValue(value: unknown): void;
private updateValue;
setDisabledState(isDisabled: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<GrcmInputComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GrcmInputComponent, "lib-grcm-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTimer": { "alias": "debounceTimer"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "submitFormOnDebounce": { "alias": "submitFormOnDebounce"; "required": false; "isSignal": true; }; "additionalClasses": { "alias": "additionalClasses"; "required": false; "isSignal": true; }; }, { "changeValue": "changeValue"; "debounce": "debounce"; }, never, never, true, never>;
}