primenglab 22.0.0-beta.1

package/types/primenglab-inputnumber.d.ts

@@ -0,0 +1,424 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { BaseInput } from 'primenglab/baseinput';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { Nullable } from 'primenglab/ts-helpers';
+import { CSSProperties } from 'primenglab/types/shared';
+import { InputNumberPassThrough, InputNumberButtonLayout, InputNumberLocaleMatcher, InputNumberMode, InputNumberCurrencyDisplay, InputNumberInputEvent } from 'primenglab/types/inputnumber';
+export * from 'primenglab/types/inputnumber';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * InputNumber is an input component to provide numerical input.
+ *
+ * [Live Demo](https://www.primeng.org/inputnumber/)
+ *
+ * @module inputnumberstyle
+ *
+ */
+declare enum InputNumberClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-inputnumber",
+    /**
+     * Class name of the input element
+     */
+    pcInputText = "p-inputnumber-input",
+    /**
+     * Class name of the button group element
+     */
+    buttonGroup = "p-inputnumber-button-group",
+    /**
+     * Class name of the increment button element
+     */
+    incrementButton = "p-inputnumber-increment-button",
+    /**
+     * Class name of the decrement button element
+     */
+    decrementButton = "p-inputnumber-decrement-button",
+    /**
+     * Class name of the clear icon
+     */
+    clearIcon = "p-autocomplete-clear-icon"
+}
+declare class InputNumberStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-invalid': any;
+            'p-inputwrapper-filled': any;
+            'p-inputwrapper-focus': any;
+            'p-inputnumber-stacked': any;
+            'p-inputnumber-horizontal': any;
+            'p-inputnumber-vertical': any;
+            'p-inputnumber-fluid': any;
+        })[];
+        pcInputText: string;
+        clearIcon: string;
+        buttonGroup: string;
+        incrementButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        decrementButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputNumberStyle>;
+}
+interface InputNumberStyle extends BaseStyle {
+}
+
+declare const INPUTNUMBER_VALUE_ACCESSOR: any;
+/**
+ * InputNumber is an input component to provide numerical input.
+ * @group Components
+ */
+declare class InputNumber extends BaseInput<InputNumberPassThrough> {
+    componentName: string;
+    $pcInputNumber: InputNumber | undefined;
+    _componentStyle: InputNumberStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Displays spinner buttons.
+     * @group Props
+     */
+    showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to format the value.
+     * @group Props
+     */
+    format: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Layout of the buttons, valid values are "stacked" (default), "horizontal" and "vertical".
+     * @group Props
+     */
+    buttonLayout: _angular_core.InputSignal<InputNumberButtonLayout>;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Advisory information to display on input.
+     * @group Props
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies tab order of the element.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Title text of the input text.
+     * @group Props
+     */
+    title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies one or more IDs in the DOM that labels the input field.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies one or more IDs in the DOM that describes the input field.
+     * @group Props
+     */
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to define a string that labels the input element.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to indicate that user input is required on an element before a form can be submitted.
+     * @group Props
+     */
+    ariaRequired: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    autocomplete: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the increment button.
+     * @group Props
+     */
+    incrementButtonClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the decrement button.
+     * @group Props
+     */
+    decrementButtonClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the increment button.
+     * @group Props
+     */
+    incrementButtonIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the decrement button.
+     * @group Props
+     */
+    decrementButtonIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @group Props
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Determines whether the input field is empty.
+     * @group Props
+     */
+    allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Locale to be used in formatting.
+     * @group Props
+     */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit". See Locale Negotiation for details.
+     * @group Props
+     */
+    localeMatcher: _angular_core.InputSignal<InputNumberLocaleMatcher | undefined>;
+    /**
+     * Defines the behavior of the component, valid values are "decimal" and "currency".
+     * @group Props
+     */
+    mode: _angular_core.InputSignal<InputNumberMode>;
+    /**
+     * The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB. There is no default value; if the style is "currency", the currency property must be provided.
+     * @group Props
+     */
+    currency: _angular_core.InputSignal<string | undefined>;
+    /**
+     * How to display the currency in currency formatting. Possible values are "symbol" to use a localized currency symbol such as €, ü"code" to use the ISO currency code, "name" to use a localized currency name such as "dollar"; the default is "symbol".
+     * @group Props
+     */
+    currencyDisplay: _angular_core.InputSignal<InputNumberCurrencyDisplay | undefined>;
+    /**
+     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+     * @group Props
+     */
+    useGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
+     * @group Props
+     */
+    minFractionDigits: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3; the default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
+     * @group Props
+     */
+    maxFractionDigits: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Text to display before the value.
+     * @group Props
+     */
+    prefix: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text to display after the value.
+     * @group Props
+     */
+    suffix: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    inputStyle: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * Style class of the input field.
+     * @group Props
+     */
+    inputStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @group Props
+     */
+    showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on input.
+     * @param {InputNumberInputEvent} event - Custom input event.
+     * @group Emits
+     */
+    onInput: _angular_core.OutputEmitterRef<InputNumberInputEvent>;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke on input key press.
+     * @param {KeyboardEvent} event - Keyboard event.
+     * @group Emits
+     */
+    onKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    /**
+     * Callback to invoke when clear token is clicked.
+     * @group Emits
+     */
+    onClear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Custom clear icon template.
+     * @group Templates
+     */
+    clearIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom increment button icon template.
+     * @group Templates
+     */
+    incrementButtonIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom decrement button icon template.
+     * @group Templates
+     */
+    decrementButtonIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    input: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    requiredAttr: _angular_core.Signal<"" | undefined>;
+    readonlyAttr: _angular_core.Signal<"" | undefined>;
+    disabledAttr: _angular_core.Signal<"" | undefined>;
+    get showClearIcon(): boolean;
+    showStackedButtons: _angular_core.Signal<boolean>;
+    showNonStackedButtons: _angular_core.Signal<boolean>;
+    hasIncrementButtonIcon: _angular_core.Signal<boolean>;
+    hasDecrementButtonIcon: _angular_core.Signal<boolean>;
+    private parserConfig;
+    constructor();
+    private _injector;
+    value: Nullable<number>;
+    focused: Nullable<boolean>;
+    initialized: Nullable<boolean>;
+    groupChar: string;
+    prefixChar: string;
+    suffixChar: string;
+    isSpecialChar: Nullable<boolean>;
+    timer: ReturnType<typeof setTimeout> | null;
+    lastValue: Nullable<string>;
+    _numeral: RegExp;
+    numberFormat: Intl.NumberFormat | null;
+    _decimal: RegExp;
+    _decimalChar: string;
+    _group: RegExp;
+    _minusSign: RegExp;
+    _currency: Nullable<RegExp | string>;
+    _prefix: Nullable<RegExp>;
+    _suffix: Nullable<RegExp>;
+    _index: (d: string) => number | undefined;
+    private ngControl;
+    onInit(): void;
+    getOptions(): {
+        localeMatcher: InputNumberLocaleMatcher | undefined;
+        style: InputNumberMode;
+        currency: string | undefined;
+        currencyDisplay: InputNumberCurrencyDisplay | undefined;
+        useGrouping: boolean;
+        minimumFractionDigits: number | undefined;
+        maximumFractionDigits: number | undefined;
+    };
+    constructParser(): void;
+    updateConstructParser(): void;
+    escapeRegExp(text: string): string;
+    getDecimalExpression(): RegExp;
+    getDecimalChar(): string;
+    getGroupingExpression(): RegExp;
+    getMinusSignExpression(): RegExp;
+    getCurrencyExpression(): RegExp;
+    getPrefixExpression(): RegExp;
+    getSuffixExpression(): RegExp;
+    formatValue(value: any): any;
+    parseValue(text: any): any;
+    repeat(event: Event, interval: number | null, dir: number): void;
+    spin(event: Event, dir: number): void;
+    clear(): void;
+    onUpButtonMouseDown(event: MouseEvent): void;
+    onUpButtonMouseUp(): void;
+    onUpButtonMouseLeave(): void;
+    onUpButtonKeyDown(event: KeyboardEvent): void;
+    onUpButtonKeyUp(): void;
+    onDownButtonMouseDown(event: MouseEvent): void;
+    onDownButtonMouseUp(): void;
+    onDownButtonMouseLeave(): void;
+    onDownButtonKeyUp(): void;
+    onDownButtonKeyDown(event: KeyboardEvent): void;
+    onUserInput(event: Event): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onInputKeyPress(event: KeyboardEvent): void;
+    onPaste(event: ClipboardEvent): void;
+    allowMinusSign(): boolean;
+    isMinusSign(char: string): boolean;
+    isDecimalSign(char: string): boolean;
+    isDecimalMode(): boolean;
+    getDecimalCharIndexes(val: string): {
+        decimalCharIndex: number;
+        decimalCharIndexWithoutPrefix: number;
+    };
+    getCharIndexes(val: string): {
+        decimalCharIndex: number;
+        minusCharIndex: number;
+        suffixCharIndex: number;
+        currencyCharIndex: number;
+    };
+    insert(event: Event, text: string, sign?: {
+        isDecimalSign: boolean;
+        isMinusSign: boolean;
+    }): void;
+    insertText(value: string, text: string, start: number, end: number): any;
+    deleteRange(value: string, start: number, end: number): any;
+    initCursor(): number;
+    onInputClick(): void;
+    isNumeralChar(char: string): boolean;
+    resetRegex(): void;
+    updateValue(event: Event, valueStr: Nullable<string>, insertedValueStr: Nullable<string>, operation: Nullable<string>): void;
+    handleOnInput(event: Event, currentValue: string, newValue: any): void;
+    isValueChanged(currentValue: string, newValue: string): boolean;
+    validateValue(value: number | string): string | number | null | undefined;
+    updateInput(value: any, insertedValueStr: Nullable<string>, operation: Nullable<string>, valueStr: Nullable<string>): void;
+    concatValues(val1: string, val2: string): string;
+    getDecimalLength(value: string): number;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    formattedValue(): any;
+    updateModel(event: Event, value: any): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
+    onDestroy(): void;
+    clearTimer(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumber, "p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; "isSignal": true; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; "isSignal": true; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; "isSignal": true; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputNumberModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputNumberModule, never, [typeof InputNumber, typeof i2.SharedModule], [typeof InputNumber, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputNumberModule>;
+}
+
+export { INPUTNUMBER_VALUE_ACCESSOR, InputNumber, InputNumberClasses, InputNumberModule, InputNumberStyle };

package/types/primenglab-inputotp.d.ts

@@ -0,0 +1,177 @@
+import * as _angular_core from '@angular/core';
+import { Provider, AfterViewChecked, TemplateRef } from '@angular/core';
+import { BaseEditableHolder } from 'primenglab/baseeditableholder';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { InputOtpPassThrough, InputOtpChangeEvent, InputOtpInputTemplateContext } from 'primenglab/types/inputotp';
+export { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents } from 'primenglab/types/inputotp';
+import { InputVariant, InputSize } from 'primenglab/types/shared';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * 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 class InputOtpStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+        pcInputText: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputOtpStyle>;
+}
+interface InputOtpStyle extends BaseStyle {
+}
+
+declare const INPUT_OTP_VALUE_ACCESSOR: Provider;
+
+/**
+ * Input Otp is used to enter one time passwords.
+ * @group Components
+ */
+declare class InputOtp extends BaseEditableHolder<InputOtpPassThrough> implements AfterViewChecked {
+    componentName: string;
+    _componentStyle: InputOtpStyle;
+    $pcInputOtp: InputOtp | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @group Props
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignal<number | null>;
+    /**
+     * Number of characters to initiate.
+     * @group Props
+     */
+    length: _angular_core.InputSignal<number>;
+    /**
+     * Style class of the input element.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Mask pattern.
+     * @group Props
+     */
+    mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that an input field is integer-only.
+     * @group Props
+     */
+    integerOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<InputVariant | undefined>;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: _angular_core.InputSignal<InputSize | undefined>;
+    /**
+     * Callback to invoke on value change.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<InputOtpChangeEvent>;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Custom input template.
+     * @param {InputOtpInputTemplateContext} context - Context of the template
+     * @see {@link InputOtpInputTemplateContext}
+     * @group Templates
+     */
+    inputTemplate: _angular_core.Signal<TemplateRef<InputOtpInputTemplateContext> | undefined>;
+    tokens: string[];
+    value: _angular_core.WritableSignal<any>;
+    $variant: _angular_core.Signal<InputVariant | null>;
+    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>;
+    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<InputOtp, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtp, "p-inputotp, p-input-otp", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "integerOnly": { "alias": "integerOnly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputOtpModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputOtpModule, never, [typeof InputOtp, typeof i2.SharedModule], [typeof InputOtp, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputOtpModule>;
+}
+
+export { INPUT_OTP_VALUE_ACCESSOR, InputOtp, InputOtpClasses, InputOtpModule, InputOtpStyle };

package/types/primenglab-inputpassword.d.ts

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+import { InputPasswordPassThrough } from 'primenglab/types/inputpassword';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i1 from 'primenglab/inputtext';
+
+/**
+ *
+ * InputPassword is an extension to standard input element with mask toggling.
+ *
+ * [Live Demo](https://www.primeng.org/inputpassword/)
+ *
+ * @module inputpasswordstyle
+ *
+ */
+declare enum InputPasswordClasses {
+    /**
+     * The class of root element
+     */
+    root = "p-password"
+}
+declare class InputPasswordStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputPasswordStyle>;
+}
+interface InputPasswordStyle extends BaseStyle {
+}
+
+/**
+ * InputPassword directive is an extension to standard input element with mask toggling.
+ * @group Components
+ */
+declare class InputPassword extends BaseComponent<InputPasswordPassThrough> {
+    componentName: string;
+    /**
+     * Whether the password is masked.
+     * @defaultValue true
+     * @group Props
+     */
+    mask: i0.ModelSignal<boolean>;
+    _componentStyle: InputPasswordStyle;
+    /**
+     * Toggles the mask state between password and text.
+     * @group Methods
+     */
+    toggleMask(): void;
+    get inputType(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPassword, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputPassword, "[pInputPassword]", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "mask": "maskChange"; }, never, never, true, [{ directive: typeof i1.InputText; inputs: { "invalid": "invalid"; "variant": "variant"; "fluid": "fluid"; "pSize": "pSize"; "pInputTextPT": "pInputTextPT"; "pInputTextUnstyled": "pInputTextUnstyled"; "hostName": "hostName"; }; outputs: {}; }]>;
+}
+declare class InputPasswordModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputPasswordModule, never, [typeof InputPassword], [typeof InputPassword]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputPasswordModule>;
+}
+
+export { InputPassword, InputPasswordClasses, InputPasswordModule, InputPasswordStyle };