@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-inputnumber.d.ts

@@ -0,0 +1,425 @@
+import * as _angular_core from '@angular/core';
+import { Injector, TemplateRef, ElementRef, SimpleChanges } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseInput } from '@gravionlabs/helix-core/baseinput';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { InputNumberPassThrough, InputNumberInputEvent } from '@gravionlabs/helix-core/types/inputnumber';
+export * from '@gravionlabs/helix-core/types/inputnumber';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * 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 = "h-inputnumber",
+    /**
+     * Class name of the input element
+     */
+    pcInputText = "h-inputnumber-input",
+    /**
+     * Class name of the button group element
+     */
+    buttonGroup = "h-inputnumber-button-group",
+    /**
+     * Class name of the increment button element
+     */
+    incrementButton = "h-inputnumber-increment-button",
+    /**
+     * Class name of the decrement button element
+     */
+    decrementButton = "h-inputnumber-decrement-button",
+    /**
+     * Class name of the clear icon
+     */
+    clearIcon = "h-autocomplete-clear-icon"
+}
+declare class InputNumberStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-inputwrapper-filled': any;
+            'h-inputwrapper-focus': any;
+            'h-inputnumber-stacked': any;
+            'h-inputnumber-horizontal': any;
+            'h-inputnumber-vertical': any;
+            'h-inputnumber-fluid': any;
+            'h-invalid': any;
+        })[];
+        pcInputText: string;
+        buttonGroup: string;
+        incrementButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        decrementButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        clearIcon: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+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> {
+    readonly injector: Injector;
+    componentName: string;
+    $pcInputNumber: InputNumber | undefined;
+    _componentStyle: InputNumberStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Displays spinner buttons.
+     * @group Props
+     */
+    readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to format the value.
+     * @group Props
+     */
+    readonly format: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Layout of the buttons, valid values are "stacked" (default), "horizontal" and "vertical".
+     * @group Props
+     */
+    readonly buttonLayout: _angular_core.InputSignal<string>;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Advisory information to display on input.
+     * @group Props
+     */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies tab order of the element.
+     * @group Props
+     */
+    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Title text of the input text.
+     * @group Props
+     */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies one or more IDs in the DOM that labels the input field.
+     * @group Props
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies one or more IDs in the DOM that describes the input field.
+     * @group Props
+     */
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to define a string that labels the input element.
+     * @group Props
+     */
+    readonly 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
+     */
+    readonly ariaRequired: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the increment button.
+     * @group Props
+     */
+    readonly incrementButtonClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the decrement button.
+     * @group Props
+     */
+    readonly decrementButtonClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the increment button.
+     * @group Props
+     */
+    readonly incrementButtonIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the decrement button.
+     * @group Props
+     */
+    readonly decrementButtonIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @group Props
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Determines whether the input field is empty.
+     * @group Props
+     */
+    readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Locale to be used in formatting.
+     * @group Props
+     */
+    readonly 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
+     */
+    readonly localeMatcher: _angular_core.InputSignal<any>;
+    /**
+     * Defines the behavior of the component, valid values are "decimal" and "currency".
+     * @group Props
+     */
+    readonly mode: _angular_core.InputSignal<any>;
+    /**
+     * 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
+     */
+    readonly 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
+     */
+    readonly currencyDisplay: _angular_core.InputSignal<any>;
+    /**
+     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+     * @group Props
+     */
+    readonly 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
+     */
+    readonly 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
+     */
+    readonly maxFractionDigits: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Text to display before the value.
+     * @group Props
+     */
+    readonly prefix: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text to display after the value.
+     * @group Props
+     */
+    readonly suffix: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    readonly inputStyle: _angular_core.InputSignal<any>;
+    /**
+     * Style class of the input field.
+     * @group Props
+     */
+    readonly inputStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @group Props
+     */
+    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on input.
+     * @param {InputNumberInputEvent} event - Custom input event.
+     * @group Emits
+     */
+    readonly onInput: _angular_core.OutputEmitterRef<InputNumberInputEvent>;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onBlur: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke on input key press.
+     * @param {KeyboardEvent} event - Keyboard event.
+     * @group Emits
+     */
+    readonly onKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    /**
+     * Callback to invoke when clear token is clicked.
+     * @group Emits
+     */
+    readonly onClear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Custom clear icon template.
+     * @group Templates
+     */
+    readonly clearIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Custom increment button icon template.
+     * @group Templates
+     */
+    readonly incrementButtonIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Custom decrement button icon template.
+     * @group Templates
+     */
+    readonly decrementButtonIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    readonly input: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _incrementButtonIconTemplate: TemplateRef<void> | undefined;
+    _decrementButtonIconTemplate: TemplateRef<void> | undefined;
+    value: Nullable<number>;
+    focused: Nullable<boolean>;
+    initialized: Nullable<boolean>;
+    groupChar: string;
+    prefixChar: string;
+    suffixChar: string;
+    isSpecialChar: Nullable<boolean>;
+    timer: any;
+    lastValue: Nullable<string>;
+    _numeral: any;
+    numberFormat: any;
+    _decimal: any;
+    _decimalChar: string;
+    _group: any;
+    _minusSign: any;
+    _currency: Nullable<RegExp | string>;
+    _prefix: Nullable<RegExp>;
+    _suffix: Nullable<RegExp>;
+    _index: number | any;
+    private ngControl;
+    constructor(injector: Injector);
+    onChanges(simpleChange: SimpleChanges): void;
+    onInit(): void;
+    onAfterContentInit(): void;
+    getOptions(): {
+        localeMatcher: any;
+        style: any;
+        currency: string | undefined;
+        currencyDisplay: any;
+        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(): any;
+    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;
+    clearTimer(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumber, "h-inputNumber, h-inputnumber, h-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; }; "styleClass": { "alias": "styleClass"; "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", "templates"], 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/gravionlabs-helix-core-inputotp.d.ts

@@ -0,0 +1,175 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewChecked, TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { InputOtpPassThrough, InputOtpChangeEvent, InputOtpInputTemplateContext } from '@gravionlabs/helix-core/types/inputotp';
+export { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents } from '@gravionlabs/helix-core/types/inputotp';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * 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 = "h-inputotp",
+    /**
+     * Class name of the input element
+     */
+    pcInputText = "h-inputotp-input"
+}
+declare class InputOtpStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+        pcInputText: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface InputOtpStyle extends BaseStyle {
+}
+
+declare const INPUT_OTP_VALUE_ACCESSOR: any;
+
+/**
+ * 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 readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    readonly tabindex: _angular_core.InputSignal<number | null>;
+    /**
+     * Number of characters to initiate.
+     * @group Props
+     */
+    readonly length: _angular_core.InputSignal<number>;
+    /**
+     * Style class of the input element.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Mask pattern.
+     * @group Props
+     */
+    readonly mask: _angular_core.InputSignal<boolean>;
+    /**
+     * When present, it specifies that an input field is integer-only.
+     * @group Props
+     */
+    readonly integerOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: _angular_core.InputSignal<"large" | "small" | undefined>;
+    /**
+     * Callback to invoke on value change.
+     * @group Emits
+     */
+    readonly onChange: _angular_core.OutputEmitterRef<InputOtpChangeEvent>;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onBlur: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Custom input template.
+     * @param {InputOtpInputTemplateContext} context - Context of the template
+     * @see {@link InputOtpInputTemplateContext}
+     * @group Templates
+     */
+    readonly inputTemplate: _angular_core.Signal<TemplateRef<InputOtpInputTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    _inputTemplate: TemplateRef<InputOtpInputTemplateContext> | undefined;
+    tokens: any;
+    value: any;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
+    get inputMode(): string;
+    get inputType(): string;
+    onAfterContentInit(): void;
+    getToken(index: any): any;
+    getTemplateEvents(index: any): {
+        input: (event: any) => void;
+        keydown: (event: any) => void;
+        focus: (event: any) => void;
+        blur: (event: any) => void;
+        paste: (event: any) => void;
+    };
+    onInput(event: any, index: any): void;
+    updateModel(event: any): void;
+    updateTokens(): void;
+    getModelValue(i: number): any;
+    getAutofocus(i: number): boolean;
+    moveToPrev(event: any): void;
+    moveToNext(event: any): void;
+    findNextInput(element: any): any;
+    findPrevInput(element: any): any;
+    onInputFocus(event: any): void;
+    onInputBlur(event: any): void;
+    onKeyDown(event: any): void;
+    onPaste(event: any): void;
+    handleOnPaste(paste: any, event: any): void;
+    getRange(n: number): number[];
+    trackByFn(index: number): number;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtp, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtp, "h-inputOtp, h-inputotp, h-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", "templates"], 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 };