@acorex/components 21.0.0-next.3 → 21.0.0-next.31

package/form/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, WritableSignal, InjectionToken } from '@angular/core';
-import { AXEvent, MXBaseComponent, AXStyleLookType } from '@acorex/cdk/common';
+import { AXEvent, MXValueComponent, AXStyleLookType, MXBaseComponent } from '@acorex/cdk/common';
 import * as i5 from '@acorex/core/validation';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
 import * as i1 from '@angular/common';
@@ -28,7 +28,7 @@ type AXLabelMode = 'static' | 'floating' | 'over';
  *
  * @category Components
  */
-declare class AXFormComponent extends MXBaseComponent implements OnDestroy, AfterViewInit {
+declare class AXFormComponent extends MXValueComponent implements OnDestroy, AfterViewInit {
     #private;
     /**
      * Specifies the mode of the label in the form field.
@@ -121,7 +121,7 @@ declare class AXFormComponent extends MXBaseComponent implements OnDestroy, Afte
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
 }
 
 /**

package/grid-layout-builder/index.d.ts

@@ -195,10 +195,9 @@ declare class AXGridLayoutContainerComponent extends NXComponent implements OnDe
      * Sets the cell height of the grid.
      *
      * @param val - New cell height value.
-     * @param update - Whether to update the grid immediately.
      * @returns void - No return value. The cell height is updated.
      */
-    setCellHeight(val: number, update?: boolean): void;
+    setCellHeight(val: number): void;
     /**
      * Sets the number of columns in the grid.
      *

package/image-editor/index.d.ts

@@ -29,7 +29,7 @@ declare class AXImageEditorService {
     imageBlob: _angular_core.WritableSignal<Blob[]>;
     undoPressed: _angular_core.WritableSignal<boolean>;
     redoPressed: _angular_core.WritableSignal<boolean>;
-    cropperRatio: _angular_core.WritableSignal<"1:1" | "16:9">;
+    cropperRatio: _angular_core.WritableSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXImageEditorService>;
 }
@@ -51,6 +51,8 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     private currentY;
     private prevX;
     private prevY;
+    private aspectWidth;
+    private aspectHeight;
     protected renderer: Renderer2;
     private platformID;
     private mouseMoveEvent;
@@ -71,7 +73,6 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     private startHeight;
     private startLeft;
     private startTop;
-    protected edgeCase: boolean;
     protected handleSelector(e: MouseEvent, value: string): void;
     protected changeSizeHandler(e: MouseEvent): void;
     protected clearSelector(): void;
@@ -162,6 +163,7 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     protected service: AXImageEditorService;
     imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
     view: _angular_core.Signal<AXImageEditorViewComponent>;
+    aspectRatio: _angular_core.InputSignal<string[]>;
     /**
      * Saves the current edited image and commits the value to the component.
      * If the image has been modified, it commits the image blob array. If no changes were made, it commits null.
@@ -173,7 +175,7 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     get __hostClass(): string;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-validation-rule"], true, never>;
 }
 
 /**
@@ -183,10 +185,11 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
 declare class AXImageEditorCropComponent {
     protected service: AXImageEditorService;
     cropPressed: _angular_core.OutputEmitterRef<void>;
+    aspectRatio: _angular_core.InputSignal<string[]>;
     protected cropButtonHandler(): void;
-    protected ratioHandler(r: '1:1' | '16:9'): void;
+    protected ratioHandler(r: '1:1' | '16:9' | string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, {}, { "cropPressed": "cropPressed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, { "cropPressed": "cropPressed"; }, never, never, true, never>;
 }
 
 /**

package/loading/index.d.ts

@@ -81,7 +81,7 @@ declare class AXLoadingComponent extends MXBaseComponent implements OnInit {
     /**
      *  @ignore
      */
-    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleAttached(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, true, never>;
 }

package/media-viewer/index.d.ts

@@ -53,11 +53,12 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     protected sanitizer: DomSanitizer;
     protected thumbnailArray: i0.WritableSignal<Thumbnail[]>;
     protected option: i0.WritableSignal<swiper_types.SwiperOptions>;
-    protected option2: i0.WritableSignal<swiper_types.SwiperOptions>;
+    protected thumbnailOption: i0.WritableSignal<swiper_types.SwiperOptions>;
     isFullScreen: i0.WritableSignal<boolean>;
     private swiperRef;
     private swiperRef2;
     private fullScreenButton;
+    private globalOptions;
     private setActiveIndex;
     getActiveIndex(): number;
     ngOnDestroy(): void;
@@ -65,8 +66,6 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     prev(): void;
     interVal: any;
     goToIndex(index: number, speed?: number): void;
-    update(): void;
-    init(): void;
     protected closeHandler(): void;
     /** @ignore */
     get __hostClass(): string;

package/notification/index.d.ts

@@ -69,8 +69,6 @@ declare class AXNotificationComponent extends MXBaseComponent implements OnInit
     private _initIcon;
     /** @ignore */
     protected _handleButtonClick(button: AXNotificationButtonItem): void;
-    /** @ignore */
-    private get __hostClass();
     /**
      * Closes the dialog and provides the component and HTML element for reference.
      */

package/number-box/README.md

@@ -1,3 +1,3 @@
-# @acorex/components/number-box
+# @acorex/components/number-box-2
 
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box`.
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box-2`.

package/number-box/index.d.ts

@@ -1,191 +1,51 @@
 import * as polytype from 'polytype';
-import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef } from '@angular/core';
-import { MaskedNumber } from 'imask';
+import * as _angular_core from '@angular/core';
+import * as i2 from '@acorex/cdk/input-mask';
+import { AXInputMaskEvent } from '@acorex/cdk/input-mask';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import * as i3 from '@acorex/components/button';
 import * as i4 from '@acorex/components/decorators';
-import * as i5 from 'angular-imask';
 
 declare const AXNumberBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements AfterViewInit {
-    /** @ignore */
-    input: ElementRef<HTMLInputElement>;
-    /** @ignore */
-    private _thousandsSeparator;
-    /**
-     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
-     */
-    type: i0.InputSignal<string>;
-    /**
-     *  boolean value that specifies the number box change step by scrolling.
-     */
-    changeOnScroll: boolean;
-    /** @ignore */
-    private _allDigits;
-    /**
-     *  A number value that specifies the all digits of number.
-     */
-    get allDigits(): number;
-    /**
-     * Sets the all digits of number.
-     * @param {number} v
-     */
-    set allDigits(v: number);
-    /**
-     *  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 */
-    private _onWheelFlag;
-    constructor();
-    /** @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, e: Event): 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;
-    onWheel(event: WheelEvent): void;
+declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
+    #private;
+    minValue: _angular_core.InputSignal<number>;
+    maxValue: _angular_core.InputSignal<number>;
+    showSpinButtons: _angular_core.InputSignal<boolean>;
+    thousandsSeparator: _angular_core.ModelSignal<string>;
+    decimals: _angular_core.InputSignal<number>;
+    changeOnScroll: _angular_core.InputSignal<boolean>;
+    step: _angular_core.InputSignal<number>;
+    protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
+    private input;
+    protected stringValue: string;
+    protected internalValueChanged(value: number): void;
+    private plusValue;
+    private minusValue;
+    protected handleOnKeydownEvent(e: KeyboardEvent): void;
+    protected handleUpClick(): void;
+    protected handleDownClick(): void;
+    protected handleOnMaskChanged(e: AXInputMaskEvent): void;
+    protected onWheel(event: WheelEvent): void;
     private get __hostName();
-    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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "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"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "thousandsSeparator": "thousandsSeparatorChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXNumberBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxComponent], [typeof AXNumberBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXNumberBoxModule, never, [typeof i1.FormsModule, typeof i2.AXInputMaskDirective, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof AXNumberBoxComponent], [typeof AXNumberBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXNumberBoxModule>;
 }
 
 export { AXNumberBoxComponent, AXNumberBoxModule };

package/number-box-legacy/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/number-box
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box`.

package/number-box-legacy/index.d.ts

@@ -0,0 +1,191 @@
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { MaskedNumber } from 'imask';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import * as i5 from 'angular-imask';
+
+declare const AXNumberBoxLegacyComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXNumberBoxLegacyComponent extends AXNumberBoxLegacyComponent_base implements AfterViewInit {
+    /** @ignore */
+    input: ElementRef<HTMLInputElement>;
+    /** @ignore */
+    private _thousandsSeparator;
+    /**
+     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
+     */
+    type: i0.InputSignal<string>;
+    /**
+     *  boolean value that specifies the number box change step by scrolling.
+     */
+    changeOnScroll: boolean;
+    /** @ignore */
+    private _allDigits;
+    /**
+     *  A number value that specifies the all digits of number.
+     */
+    get allDigits(): number;
+    /**
+     * Sets the all digits of number.
+     * @param {number} v
+     */
+    set allDigits(v: number);
+    /**
+     *  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 */
+    private _onWheelFlag;
+    constructor();
+    /** @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, e: Event): 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;
+    onWheel(event: WheelEvent): void;
+    private get __hostName();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxLegacyComponent, "ax-number-box-legacy", 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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "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"], true, never>;
+}
+
+declare class AXNumberBoxLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxLegacyModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxLegacyComponent], [typeof AXNumberBoxLegacyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxLegacyModule>;
+}
+
+export { AXNumberBoxLegacyComponent, AXNumberBoxLegacyModule };