@acorex/components 18.5.17 → 18.7.1

package/list/lib/list.component.d.ts

@@ -4,33 +4,131 @@ import * as i0 from "@angular/core";
 export interface AXListScrollIndexChanged extends AXEvent {
     index: number;
 }
+/**
+ * provides a list control with various input options and events for user interaction.
+ *
+ * @category Components
+ */
 export declare class AXListComponent extends MXSelectionValueComponent implements OnInit {
+    /**
+     * Emitted when an item in the list is clicked.
+     *
+     * @event
+     */
     onItemClick: EventEmitter<AXItemClickEvent<any>>;
+    /**
+     * Defines the data source for the list.
+     *
+     *  @defaultValue convertArrayToDataSource([])
+     */
     dataSource: AXDataSource<unknown>;
+    /**
+     *  @ignore
+     */
     itemHeightSignal: WritableSignal<number | 'auto'>;
+    /**
+     * Sets the height of each item in the list.
+     */
     set itemHeight(v: number | 'auto');
+    /**
+     * Template for rendering individual items in the list.
+     */
     itemTemplate: TemplateRef<unknown>;
+    /**
+     * Template to display when the list is empty.
+     */
     emptyTemplate: TemplateRef<unknown>;
+    /**
+     * Template to show while the list is loading.
+     */
     loadingTemplate: TemplateRef<unknown>;
+    /**
+     * Emitted when the index of the scrolled item changes.
+     *
+     * @event
+     */
     onScrolledIndexChanged: EventEmitter<AXListScrollIndexChanged>;
+    /**
+     * Specifies whether the checkbox is enabled.
+     *
+     *  @defaultValue true
+     */
     checkbox: boolean;
+    /**
+     *  @ignore
+     */
     protected listDataSource: AXListDataSource<unknown>;
+    /**
+     *  @ignore
+     */
     protected isLoading: WritableSignal<boolean>;
+    /**
+     *  @ignore
+     */
     protected hasItems: boolean;
+    /**
+     *  @ignore
+     */
     private lastIndex;
+    /**
+     *  @ignore
+     */
     private postponeFocus;
+    /**
+     *  @ignore
+     */
     private viewport;
     trackByIdx(i: any): any;
+    /**
+     *  @ignore
+     */
     ngOnInit(): void;
+    /**
+     *  @ignore
+     */
     _handleOnItemClick(e: MouseEvent, item: any): void;
+    /**
+     *  @ignore
+     */
     _handleKeydown(e: KeyboardEvent): void;
+    /**
+     *  @ignore
+     */
     private focusItemByNav;
+    /**
+     *  @ignore
+     */
     protected _handleOnscrolledIndexChange(e: number): void;
+    /**
+     * Retrieves an item from the data source based on the provided key.
+     *
+     * @param key The key used to identify the item.
+     * @ignore
+     */
     getItemByKey(key: unknown): Promise<unknown> | unknown;
+    /**
+     * Renders the component by updating the viewport size, scrolling to the last index, and optionally focusing the element.
+     */
     render(): void;
+    /**
+     * Refreshes the list by clearing the selection cache and reloading the data source.
+     * @ignore
+     */
     refresh(): void;
+    /**
+     * Scrolls the viewport to the specified item index.
+     * @param index The index of the item to scroll to.
+     * @ignore
+     */
     scrollToIndex(index: number): void;
+    /**
+     * Sets focus to the first selectable list item. If no item is available, postpones focus.
+     */
     focus(): void;
+    /**
+     * Determines whether to show the empty template based on the presence of items and loading state.
+     * @ignore
+     */
     showEmptyTemplate: () => boolean;
     /**
      *  @ignore

package/loading/lib/loading-spinner.component.d.ts

@@ -1,9 +1,29 @@
 import { AXStyleColorType } from '@acorex/components/common';
 import * as i0 from "@angular/core";
+/**
+ * A loading spinner component that displays a rotating spinner icon.
+ * @category Components
+ */
 export declare class AXLoadingSpinnerComponent {
+    /**
+     * The text to display alongside the spinner.
+     * @ignore
+     */
     text: string;
+    /**
+     * Color of the spinner. Can be a predefined style color or a custom color.
+     * @defaultValue 'ghost'
+     */
     color: AXStyleColorType | string;
+    /**
+     * Size of the spinner, in pixels. This determines both the width and height of the spinner.
+     * @defaultValue 16
+     */
     size: number;
+    /**
+     * Thickness of the spinner's border, in pixels. This affects the visual weight of the spinner's outline.
+     * @defaultValue 3
+     */
     stroke: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingSpinnerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingSpinnerComponent, "ax-loading-spinner", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; }, {}, never, never, false, never>;

package/loading/lib/loading.component.d.ts

@@ -2,16 +2,51 @@ import { MXBaseComponent } from '@acorex/components/common';
 import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * A component that displays a loading indicator.
+ * @category Components
+ */
 export declare class AXLoadingComponent extends MXBaseComponent implements OnInit {
     private config;
+    /**
+     *  @ignore
+     */
     protected _selectedPortal: Portal<unknown>;
+    /**
+     * Emits an event when the visibility state of the component changes.
+     * @event
+     */
     visibleChange: EventEmitter<boolean>;
+    /**
+     *  @ignore
+     */
     private _visible;
+    /**
+     * Determines whether the component is visible or not.
+     */
     get visible(): boolean;
+    /**
+     * Sets the visibility of the component and emits a visibility change event.
+     *
+     * @param v - A boolean value indicating whether the component should be visible.
+     */
     set visible(v: boolean);
+    /**
+     * Specifies the type of loading indicator to display.
+     * @defaultValue 'spinner'
+     */
     type: string;
+    /**
+     * Provides additional context or data that may be used by the component.
+     */
     context?: unknown;
+    /**
+     *  @ignore
+     */
     ngOnInit(): void;
+    /**
+     *  @ignore
+     */
     protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": { "alias": "visible"; "required": false; }; "type": { "alias": "type"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, never, false, never>;

package/loading-dialog/lib/loading-dialog.component.d.ts

@@ -3,22 +3,60 @@ import { DialogRef } from '@angular/cdk/dialog';
 import { WritableSignal } from '@angular/core';
 import { AXLoadingDialogButtonItem, AXLoadingDialogConfig } from './loading-dialog.class';
 import * as i0 from "@angular/core";
+/**
+ * Represents a loading dialog component with custom styles and encapsulation.
+ * @category components
+ */
 export declare class AXLoadingDialogComponent extends MXBaseComponent {
     data: AXLoadingDialogConfig;
+    /** @ignore */
     private dialogRef;
-    constructor(data: AXLoadingDialogConfig, dialogRef: DialogRef<AXComponentCloseEvent>);
+    /** @ignore */
+    constructor(data: AXLoadingDialogConfig, 
+    /** @ignore */
+    dialogRef: DialogRef<AXComponentCloseEvent>);
+    /** @ignore */
     protected progressText: WritableSignal<string>;
+    /** @ignore */
     protected progressStatus: WritableSignal<string>;
+    /** @ignore */
     protected progressColor: WritableSignal<AXStyleColorType>;
+    /** @ignore */
     protected dialogTitle: WritableSignal<string>;
+    /** @ignore */
     protected progressValue: WritableSignal<number>;
+    /**
+   * Closes the dialog.
+   */
     close(): void;
+    /**
+   * Sets the progress text.
+   * @param text
+   */
     setProgressText(text: string): void;
+    /**
+   * Sets the progress status.
+   * @param status
+   */
     setProgressStatus(status: string): void;
+    /**
+   * Sets the color for the progress.
+   * @param color
+   */
     setProgressColor(color: AXStyleColorType): void;
+    /**
+   * Sets the title for the dialog.
+   * @param text
+   */
     setDialogTitle(text: string): void;
+    /**
+   * Sets the progress value.
+   * @param value
+   */
     setProgressValue(value: number): void;
+    /** @ignore */
     protected _handleButtonClick(button: AXLoadingDialogButtonItem): void;
+    /** @ignore */
     protected _hasAutoFocus(button: AXLoadingDialogButtonItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, {}, {}, never, never, false, never>;

package/menu/lib/menu-item/menu-item.component.d.ts

@@ -3,26 +3,78 @@ import { QueryList } from '@angular/core';
 import { AXRootMenu } from '../class/root-menu.class';
 import { AXMenuService } from '../menu.service';
 import * as i0 from "@angular/core";
+/**
+ * Represents a menu item component used within an `ax-menu`.
+ * @category Components
+ */
 export declare class AXMenuItemComponent extends MXInteractiveComponent {
+    /** @ignore */
+    /** @ignore */
     private popover;
+    /**
+   * Injects the `AXMenuService` for managing menu interactions.
+   */
     menuService: AXMenuService;
+    /**
+   * The vertical offset for positioning, initialized to 0.
+   */
     offsetY: import("@angular/core").WritableSignal<number>;
+    /**
+   * The horizontal offset for positioning, initialized to 0.
+   */
     offsetX: import("@angular/core").WritableSignal<number>;
+    /**
+   * The text content, initialized to an empty string.
+   */
     text: import("@angular/core").InputSignal<string>;
+    /**
+   * Indicates whether the item is active.
+   */
     active: import("@angular/core").InputSignal<boolean>;
+    /**
+   * Emitted when the active state changes.
+   */
     activeChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+   * Emitted when the element is clicked.
+   */
     onClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
+    /**
+   * Indicates whether the component is a root menu item.
+   * @defaultValue false
+   */
     isRoot: boolean;
+    /**
+   * The parent menu item component, if any.
+   */
     parent?: AXMenuItemComponent;
+    /**
+   * Injects the root menu service.
+   */
     rootMenu: AXRootMenu;
+    /** @ignore */
     children: QueryList<AXMenuItemComponent>;
+    /** @ignore */
     constructor();
+    /**
+   * Closes the popover if it is open.
+   */
     close(): void;
+    /** @ignore */
     _handleOnOpened(): void;
+    /** @ignore */
     _handleOnClosed(): void;
+    /**
+   * Returns the icon based on the orientation of the root menu.
+   */
     getIcon(): "ax-icon-arrow-right" | "ax-icon-arrow-down";
+    /**
+   * Determines the placement based on the root menu's orientation: 'bottom-start' for horizontal root, 'end-top' otherwise.
+   */
     getPlacement(): "bottom-start" | "end-top";
+    /** @ignore */
     get __hostClass(): string[];
+    /** @ignore */
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuItemComponent, "ax-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; "onClick": "onClick"; }, ["children"], ["ax-prefix", "ax-suffix", "ax-menu-item"], false, never>;

package/menu/lib/menu.component.d.ts

@@ -3,11 +3,18 @@ import { AfterViewInit, QueryList } from '@angular/core';
 import { AXMenuPopoverTrigger } from './class/popover.class';
 import { AXMenuItemComponent } from './menu-item/menu-item.component';
 import * as i0 from "@angular/core";
+/**
+ * Represents a menu component that displays menu items.
+ * @category Components
+ */
 export declare class AXMenuComponent extends MXBaseComponent implements AfterViewInit {
     orientation: import("@angular/core").InputSignal<AXOrientation>;
     openOn: import("@angular/core").InputSignal<AXMenuPopoverTrigger>;
+    /** @ignore */
     children: QueryList<AXMenuItemComponent>;
+    /** @ignore */
     ngAfterViewInit(): void;
+    /** @ignore */
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; }, {}, ["children"], ["ax-menu-item,ng-container"], false, never>;

package/nav/lib/nav-item/nav-item.component.d.ts

@@ -2,12 +2,34 @@ import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common'
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXNavItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent]>;
+/**
+ * @category Components
+ * A component represents an individual item within the navigation interface, supporting customization options such as disabling and color changes.
+ */
 export declare class AXNavItemComponent extends AXNavItemComponent_base {
+    /**
+   * Emits an event when the navigation item is clicked.
+   * @event
+   */
     onClick: EventEmitter<AXClickEvent>;
+    /**
+   * Emits when the active state changes.
+   * @event
+   */
     activeChange: EventEmitter<boolean>;
+    /** @ignore */
     private _active;
+    /**
+     * Gets or sets the active state of the component.
+     * @param {boolean} v
+     */
     get active(): boolean;
+    /**
+   * Sets the active state of the component.
+   * @param {boolean} v
+   */
     set active(v: boolean);
+    /** @ignore */
     _handleClickEvent(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNavItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNavItemComponent, "ax-nav-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "onClick": "onClick"; "activeChange": "activeChange"; }, never, ["ax-title", "ax-prefix", "*", "ax-suffix", "ax-side-menu-item, ng-container"], false, never>;

package/nav/lib/nav.component.d.ts

@@ -1,5 +1,9 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
+/**
+ * @category Components
+ * A navigation component provides a customizable navigation interface with optimized change detection.
+ */
 export declare class AXNavComponent extends MXBaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNavComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNavComponent, "ax-nav", never, {}, {}, never, ["ax-nav-item,ax-title,ng-container"], false, never>;

package/navbar/lib/navbar.component.d.ts

@@ -1,6 +1,11 @@
 import { MXLookComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
+/**
+ * @category Components
+ * A navigation bar component that supports custom styling and encapsulation.
+ */
 export declare class AXNavbarComponent extends MXLookComponent {
+    /** @ignore */
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNavbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNavbarComponent, "ax-navbar", never, { "look": { "alias": "look"; "required": false; }; }, {}, never, ["ax-prefix", "ax-title", "*", "ax-suffix"], false, never>;

package/notification/lib/notification.component.d.ts

@@ -11,18 +11,29 @@ import * as i0 from "@angular/core";
 export declare class AXNotificationComponent extends MXBaseComponent {
     config: AXNotificationData;
     private dialogRef;
+    /** @ignore */
     _selectedPortal: Portal<unknown>;
+    /** @ignore */
     _icon: string;
     /**
      *  @ignore
      */
     constructor(config: AXNotificationData, dialogRef: DialogRef<AXComponentCloseEvent>);
+    /** @ignore */
     ngOnInit(): void;
+    /** @ignore */
     private _handleTimeOut;
+    /** @ignore */
     private _initContent;
+    /** @ignore */
     private _initIcon;
+    /** @ignore */
     protected _handleButtonClick(button: AXNotificationButtonItem): void;
+    /** @ignore */
     private get __hostClass();
+    /**
+   * Closes the dialog and provides the component and HTML element for reference.
+   */
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNotificationComponent, "ax-notification", never, {}, {}, never, never, false, never>;

package/number-box/lib/number-box.component.d.ts

@@ -4,7 +4,7 @@ import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/c
 import * as i0 from "@angular/core";
 declare const AXNumberBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
-    ɵfac: unknown;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
@@ -13,66 +13,139 @@ declare const AXNumberBoxComponent_base: import("polytype").Polytype.ClusteredCo
  * @category Components
  */
 export declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements AfterViewInit {
+    /** @ignore */
     input: ElementRef<HTMLInputElement>;
+    /** @ignore */
     private _thousandsSeparator;
     /**
      *  A character value that specifies the separator character.
      */
     get thousandsSeparator(): string;
+    /**
+     * Sets the thousands separator for formatting.
+     * @param {string} v
+     */
     set thousandsSeparator(v: string);
+    /** @ignore */
     private _padDecimalZeros;
     /**
      *  A character value that specifies the separator character.
      */
     get padDecimalZeros(): boolean;
+    /**
+     * Sets whether decimal zeros should be padded.
+     * @param {boolean} v
+     */
     set padDecimalZeros(v: boolean);
     /**
      *  Specifies the value that is used to increment or decrement the **Integer** part of number
      */
+    /**
+   * Defines the increment step value.
+   */
     step: number;
+    /** @ignore */
     private _decimals;
     /**
      *  Specifies the number of decimals that the user can enter
      */
     get decimals(): number;
+    /**
+     * Sets the decimal places; defaults to 0 if not provided.
+     */
     set decimals(v: number);
     /**
      *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
      */
+    /**
+     * Defines the step size for decimal values.
+     * @defaultvalue 'auto'
+     */
     decimalStep: number | 'auto';
     /**
      *  Specifies whether the Up and Down spin buttons will be rendered or not
      */
+    /**
+    * Indicates whether spin buttons are displayed.
+    * @defaultvalue true
+    */
     showSpinButtons: boolean;
+    /** @ignore */
     private _minValue;
     /**
      *  Specifies the smallest value that is valid
      */
     get minValue(): number;
+    /**
+   * Sets the number of decimal places to be used.
+   * @param {number} v
+   * @defaultvalue 0
+   */
     set minValue(v: number);
+    /** @ignore */
     private _maxValue;
     /**
      *  Specifies the greatest value that is valid
      */
     get maxValue(): number;
+    /**
+     * Sets the maximum allowable value, defaulting to `Number.MAX_SAFE_INTEGER` if null.
+     * @param v
+     */
     set maxValue(v: number);
+    /**
+   * CSS classes to apply to the component.
+   * @param classNames
+   */
+    /**
+   * CSS classes to apply to the component.
+   */
     classNames: string;
     /**
      *  @ignore
      */
     _maskObj: MaskedNumber;
+    /** @ignore */
+    /** @ignore */
     private _maskDirective;
+    /** @ignore */
     ngAfterViewInit(): void;
+    /**
+   * Handles internal option changes and updates the mask accordingly.
+   */
     internalOptionChanged(): void;
+    /**
+   * Resets the input element to its default state and calls the parent class reset method.
+   */
     reset(): void;
+    /**
+   * Ensures the value is within the min-max range, returning the default if null.
+   * @param value
+   */
     internalSetValue(value: any): number;
+    /** @ignore */
     private _updateMask;
+    /** @ignore */
     _handleModelChange(value: number): void;
+    /** @ignore */
     _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /** @ignore */
     protected _handleUpDownClick(v: -1 | 1): void;
+    /**
+   * Increases the value by the step amount, ensuring it's at least the minimum value.
+   */
     stepUp(u?: boolean): void;
+    /**
+   * Decreases the value by the step amount, ensuring it's at least the minimum value.
+   */
     stepDown(u?: boolean): void;
+    /**
+   * Increases the value by the decimal step amount, using 'auto' or a custom step value.
+   */
     decimalStepUp(u?: boolean): void;
+    /**
+   * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
+   */
     decimalStepDown(u?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;

package/otp/lib/otp.component.d.ts

@@ -4,26 +4,60 @@ import { AXOtpCompletedEvent } from './otp.class';
 import * as i0 from "@angular/core";
 declare const AXOtpComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<string>;
-    ɵfac: unknown;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXLookComponent]>;
+/**
+ * @category
+ * A component for OTP input fields with state management and custom styling support.
+ */
 export declare class AXOtpComponent extends AXOtpComponent_base implements OnInit, AfterViewInit {
+    /**
+   * Holds the length of the OTP input field.
+   */
     length: import("@angular/core").ModelSignal<number>;
+    /**
+   * @event
+   * Emits an event when the OTP input is completed.
+   */
     onCompleted: import("@angular/core").OutputEmitterRef<AXOtpCompletedEvent>;
+    /**
+   * Stores the values entered in the OTP input fields.
+   */
     inputValues: number[];
+    /**
+   * Holds the input values as a signal.
+   */
     inputs: import("@angular/core").WritableSignal<number[]>;
+    /** @ignore */
     constructor();
+    /** @ignore */
     ngOnInit(): void;
+    /** @ignore */
     ngAfterViewInit(): void;
+    /**
+   * Converts the value string to input values and updates the inputValues array.
+   */
     mapValueToInputs(): void;
+    /**
+    * Resets the input values to an empty array.
+    */
     reset(): void;
+    /** @ignore */
     private _render;
+    /** @ignore */
     protected _handleOnInput(event: any, i: number): void;
+    /** @ignore */
     internalSetValue(value: any): string;
+    /** @ignore */
     protected calcFontSize(): void;
+    /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
+    /** @ignore */
     protected _handleOnPaste(event: ClipboardEvent): void;
+    /** @ignore */
     protected _handleOnClick(i: any): void;
+    /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXOtpComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, false, never>;