wts-otp
Version:
An Angular library that simplifies the integration of OTP (One-Time Password) input fields into your Angular applications. This library offers customizable and secure OTP input components to enhance user authentication experiences.
36 lines (35 loc) • 1.81 kB
TypeScript
import { IOptions } from './type';
import * as i0 from "@angular/core";
export declare class Options {
digits: number;
placeholder: string;
type: 'text' | 'number';
visibleAs: "text" | "password";
borderOn: 'top' | 'bottom' | 'left' | 'right' | 'all-side';
autofocus: boolean;
constructor(data?: any);
}
export declare class WtsOtpComponent {
options: import("@angular/core").InputSignal<IOptions>;
showError: import("@angular/core").InputSignal<boolean>;
value: import("@angular/core").InputSignal<string>;
valueChange: import("@angular/core").OutputEmitterRef<string>;
getValue: import("@angular/core").OutputEmitterRef<any>;
protected OTP: string;
protected config: import("@angular/core").Signal<Options>;
private OTPMaster;
protected OPTARRAY: Array<string | number>;
constructor();
protected _keyPress(e: KeyboardEvent, index: number): boolean;
reset(): void;
focus(index?: number): void;
protected onFocus(e: FocusEvent, index: number): void;
protected onInputChange(e: Event, index: number): void;
private emitValue;
private focusItem;
protected onChange(e: InputEvent | Event, index: number): void;
protected onPaste(e: ClipboardEvent, index: number): void;
protected onKeyUp(e: KeyboardEvent, index: number): void;
static ɵfac: i0.ɵɵFactoryDeclaration<WtsOtpComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<WtsOtpComponent, "wts-otp, [wts-otp]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "showError": { "alias": "showError"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "getValue": "getValue"; }, never, never, true, never>;
}