import * as _angular_core from '@angular/core'; import { Provider, AfterViewChecked, TemplateRef } from '@angular/core'; import { BaseEditableHolder } from 'primeng/baseeditableholder'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { InputOtpPassThrough, InputOtpChangeEvent, InputOtpInputTemplateContext } from 'primeng/types/inputotp'; export { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents } from 'primeng/types/inputotp'; import { InputVariant, InputSize } from 'primeng/types/shared'; import { BaseStyle } from 'primeng/base'; import * as i2 from 'primeng/api'; declare class InputOtpStyle extends BaseStyle { name: string; style: string; classes: { root: string; pcInputText: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * InputOtp is used to enter one time passwords. * * [Live Demo](https://www.primeng.org/inputotp/) * * @module inputotpstyle * */ declare enum InputOtpClasses { /** * Class name of the root element */ root = "p-inputotp", /** * Class name of the input element */ pcInputText = "p-inputotp-input" } declare const INPUT_OTP_VALUE_ACCESSOR: Provider; /** * Input Otp is used to enter one time passwords. * @group Components */ declare class InputOtp extends BaseEditableHolder implements AfterViewChecked { componentName: string; _componentStyle: InputOtpStyle; $pcInputOtp: InputOtp | undefined; bindDirectiveInstance: Bind; /** * When present, it specifies that an input field is read-only. * @group Props */ readonly: _angular_core.InputSignalWithTransform; /** * Index of the element in tabbing order. * @group Props */ tabindex: _angular_core.InputSignal; /** * Number of characters to initiate. * @group Props */ length: _angular_core.InputSignal; /** * Style class of the input element. * @group Props */ styleClass: _angular_core.InputSignal; /** * Mask pattern. * @group Props */ mask: _angular_core.InputSignalWithTransform; /** * When present, it specifies that an input field is integer-only. * @group Props */ integerOnly: _angular_core.InputSignalWithTransform; /** * When present, it specifies that the component should automatically get focus on load. * @group Props */ autofocus: _angular_core.InputSignalWithTransform; /** * Specifies the input variant of the component. * @defaultValue undefined * @group Props */ variant: _angular_core.InputSignal; /** * Specifies the size of the component. * @defaultValue undefined * @group Props */ size: _angular_core.InputSignal; /** * Callback to invoke on value change. * @group Emits */ onChange: _angular_core.OutputEmitterRef; /** * Callback to invoke when the component receives focus. * @param {Event} event - Browser event. * @group Emits */ onFocus: _angular_core.OutputEmitterRef; /** * Callback to invoke when the component loses focus. * @param {Event} event - Browser event. * @group Emits */ onBlur: _angular_core.OutputEmitterRef; /** * Custom input template. * @param {InputOtpInputTemplateContext} context - Context of the template * @see {@link InputOtpInputTemplateContext} * @group Templates */ inputTemplate: _angular_core.Signal | undefined>; tokens: string[]; value: _angular_core.WritableSignal; $variant: _angular_core.Signal; inputMode: _angular_core.Signal<"numeric" | "text">; inputType: _angular_core.Signal<"text" | "password">; attrRequired: _angular_core.Signal<"" | undefined>; attrReadonly: _angular_core.Signal<"" | undefined>; attrDisabled: _angular_core.Signal<"" | undefined>; onAfterViewChecked(): void; getToken(index: number): string; getTemplateContext(i: number): InputOtpInputTemplateContext; getTemplateEvents(index: number): { input: (event: Event) => void; keydown: (event: KeyboardEvent) => void; focus: (event: FocusEvent) => void; blur: (event: FocusEvent) => void; paste: (event: ClipboardEvent) => void; }; onInput(event: Event, index: number): void; updateModel(event: Event): void; updateTokens(): void; getModelValue(i: number): string; getAutofocus(i: number): boolean; moveToPrev(event: Event): void; moveToNext(event: Event): void; findNextInput(element: HTMLElement): HTMLInputElement | undefined; findPrevInput(element: HTMLElement): HTMLInputElement | undefined; onInputFocus(event: FocusEvent): void; onInputBlur(event: FocusEvent): void; onKeyDown(event: KeyboardEvent): void; onPaste(event: ClipboardEvent): void; handleOnPaste(paste: string, event: Event): void; getRange(n: number): number[]; trackByFn(index: number): number; /** * @override * * @see {@link BaseEditableHolder.writeControlValue} * Writes the value to the control. */ writeControlValue(newValue: any, setModelValue: (value: any) => void): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class InputOtpModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { INPUT_OTP_VALUE_ACCESSOR, InputOtp, InputOtpClasses, InputOtpModule, InputOtpStyle };