ngx-otp-pin
Version:
A reusable, standalone Angular OTP input component supporting multiple character types, automatic focus movement, and style customization from the parent.
32 lines (31 loc) • 1.45 kB
TypeScript
import { QueryList, ElementRef, OnInit, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export declare enum OTP_TYPE {
DIGITS = "DIGITS",
CAPITAL_LETTERS = "CAPITAL_LETTERS",
LETTERS = "LETTERS",
SMALL_LETTERS = "SMALL_LETTERS",
ALPHA_NUMERIC = "ALPHA_NUMERIC"
}
export declare class NgxOtp implements OnInit {
size: number;
type: OTP_TYPE;
isPassword: boolean;
containerStyles: {
[key: string]: string;
};
inputStyles: {
[key: string]: string;
};
containerClass: string;
inputClass: string;
opt: string[];
optValue: EventEmitter<any>;
constructor();
ngOnInit(): void;
inputRefs: QueryList<ElementRef<HTMLInputElement>>;
protected move(currentIndex: number, $event: KeyboardEvent): void;
private isValidKey;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxOtp, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxOtp, "ngx-otp", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "isPassword": { "alias": "isPassword"; "required": false; }; "containerStyles": { "alias": "containerStyles"; "required": false; }; "inputStyles": { "alias": "inputStyles"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; }, { "optValue": "opt"; }, never, never, true, never>;
}