tgui-angular
Version:
🚀 Angular UI library for Telegram Web Apps with modern components and theming support | 💼 Author is open to work opportunities | 📧 Contact: a.blagovestnov@gmail.com | 💬 Telegram: @ablagovestnov
42 lines (41 loc) • 2.5 kB
TypeScript
import { ElementRef } from '@angular/core';
import { Keys } from './hooks/use-pin-input';
import { PlatformService } from '../../../services/platform.service';
import * as i0 from "@angular/core";
export declare const PIN_MIN_COUNT = 2;
/**
* Renders a set of input fields for entering pin codes with a virtual keypad for value entry and deletion.
*/
export declare class PinInputComponent {
protected platformService: PlatformService;
private pinInputService;
private elementRef;
/** Text label displayed above the pin input cells. */
label: import("@angular/core").InputSignal<string>;
/** The number of pin input fields to display, with a minimum of 2. */
pinCount: import("@angular/core").InputSignal<number>;
/** The initial pin values to populate the input fields with. */
initialValue: import("@angular/core").InputSignal<number[]>;
/** Enable debug mode to show platform information */
debug: import("@angular/core").InputSignal<boolean>;
/** Callback function triggered when the pin values change. */
valueChange: import("@angular/core").OutputEmitterRef<number[]>;
cellRef: ElementRef | undefined;
protected readonly Keys: typeof Keys;
protected platformChangeCount: import("@angular/core").WritableSignal<number>;
protected isIOS: import("@angular/core").WritableSignal<boolean>;
private normalizedPinCount;
private controller;
constructor();
protected value: import("@angular/core").Signal<number[]>;
protected cells: import("@angular/core").Signal<any[]>;
protected buttonRows: import("@angular/core").Signal<(number | Keys)[][]>;
protected trackByIndex(index: number): number;
protected trackByRow(index: number, row: any[]): string;
protected trackByElement(index: number, element: any): any;
protected handleClickValue(value: number): void;
protected handleClickBackspace(): void;
protected handleButton(index: number, key: string): void;
static ɵfac: i0.ɵɵFactoryDeclaration<PinInputComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<PinInputComponent, "tgui-pin-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "pinCount": { "alias": "pinCount"; "required": false; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
}