ngx-otp-pin-input
Version:
An Angular library for OTP input fields, providing a customizable and user-friendly way to handle one-time passwords.
44 lines (43 loc) • 1.65 kB
TypeScript
import { EventEmitter, QueryList, SimpleChanges } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { OtpInputConfig } from '../../../config.interface';
import * as i0 from "@angular/core";
export declare class OtpInputComponent implements ControlValueAccessor {
config: OtpInputConfig;
disabled: boolean;
onOtpChange: EventEmitter<string>;
defaultConfig: {
length: number;
className: string;
style: {
width: number;
height: number;
fontSize: number;
spacing: number;
borderWidth: number;
borderRadius: number;
borderColor: string;
borderFocusColor: string;
};
};
controls: string[];
currentIndex: number;
otpInputs: QueryList<any>;
private onChange;
private onTouched;
private value;
ngOnChanges(changes: SimpleChanges): void;
writeValue(value: string): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
setDisabledState(isDisabled: boolean): void;
onInput(event: Event): void;
onKeyup(event: KeyboardEvent): void;
onPaste(event: ClipboardEvent): void;
inputStyle(index: number): {
[key: string]: string;
};
emitOtpChange(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<OtpInputComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<OtpInputComponent, "ngx-otp-input", never, { "config": { "alias": "config"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onOtpChange": "onOtpChange"; }, never, never, false, never>;
}