ngx-otp-code
Version:
Customizable OTP input component for Angular with Web OTP support.
38 lines (37 loc) • 1.53 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, QueryList, Renderer2 } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { NgxOtpConfig } from './ngx-otp-code.interface';
import * as i0 from "@angular/core";
export declare class NgxOtpCodeComponent implements ControlValueAccessor, AfterViewInit {
private renderer;
config: NgxOtpConfig;
codeFilled: EventEmitter<string>;
error: EventEmitter<string>;
otpInputs: QueryList<ElementRef<HTMLInputElement>>;
arrayValue: string[];
value: string;
nameItem: string;
private onChange;
private onTouched;
get length(): number;
get inputType(): 'text' | 'number';
get placeholder(): string;
get autoFocus(): boolean;
get isAlpha(): boolean;
get mask(): boolean;
get useWebOtp(): boolean;
get inputClass(): string;
constructor(renderer: Renderer2);
ngAfterViewInit(): void;
initWebOtp(): void;
onKey(event: KeyboardEvent, index: number): void;
onPaste(event: ClipboardEvent): void;
private setOtpValue;
private focusInput;
private updateValue;
writeValue(value: any): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxOtpCodeComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxOtpCodeComponent, "ngx-otp-code", never, { "config": { "alias": "config"; "required": false; }; }, { "codeFilled": "codeFilled"; "error": "error"; }, never, never, true, never>;
}