@acorex/components 21.0.0-next.5 → 21.0.0-next.51

package/file-explorer/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import * as i8 from '@acorex/components/tree-view';
-import { AXTreeViewComponent, AXTreeItemClickBaseEvent } from '@acorex/components/tree-view';
+import * as i8 from '@acorex/components/tree-view-legacy';
+import { AXTreeViewLegacyComponent, AXTreeItemClickBaseEventLegacy } from '@acorex/components/tree-view-legacy';
 import { MXBaseComponent } from '@acorex/cdk/common';
 import * as i7 from '@acorex/components/drawer';
 import { AXDrawerComponent } from '@acorex/components/drawer';
@@ -37,7 +37,7 @@ declare class AXFileExplorerInternalService {
     breadcrumbsData: i0.WritableSignal<string[]>;
     activeFolderId: i0.WritableSignal<string | number>;
     dataCallBack: i0.WritableSignal<(selectedItemId?: string | number, sortBy?: "name" | "date" | "type") => any>;
-    treeViewInstant: i0.WritableSignal<AXTreeViewComponent>;
+    treeViewInstant: i0.WritableSignal<AXTreeViewLegacyComponent>;
     clickedItems: Set<unknown>;
     findItemInNestedArray(array: any[], predicate: (item: any) => boolean): any;
     dbClickHandler(item?: AXFileExplorerSchema, isTreeViewClicked?: boolean): Promise<void>;
@@ -75,8 +75,8 @@ declare class AXFileExplorerTreeComponent {
     #private;
     protected internalService: AXFileExplorerInternalService;
     protected drawer: i0.Signal<AXDrawerComponent>;
-    protected treeView: i0.Signal<AXTreeViewComponent>;
-    protected openFolderOnViewHandler(e: AXTreeItemClickBaseEvent): void;
+    protected treeView: i0.Signal<AXTreeViewLegacyComponent>;
+    protected openFolderOnViewHandler(e: AXTreeItemClickBaseEventLegacy): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerTreeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerTreeComponent, "ax-file-explorer-tree", never, {}, {}, never, never, true, never>;
 }
@@ -95,7 +95,7 @@ declare class AXFileExplorerViewComponent {
 
 declare class AXFileExplorerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFileExplorerModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXButtonModule, typeof i3.AXBreadcrumbsModule, typeof i4.CommonModule, typeof i5.AXToolBarModule, typeof i6.AXMenuModule, typeof i7.AXDrawerModule, typeof i8.AXTreeViewModule, typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent], [typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFileExplorerModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXButtonModule, typeof i3.AXBreadcrumbsModule, typeof i4.CommonModule, typeof i5.AXToolBarModule, typeof i6.AXMenuModule, typeof i7.AXDrawerModule, typeof i8.AXTreeViewLegacyModule, typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent], [typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXFileExplorerModule>;
 }
 

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,9 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     private currentY;
     private prevX;
     private prevY;
+    private aspectWidth;
+    private aspectHeight;
+    private isMousePressed;
     protected renderer: Renderer2;
     private platformID;
     private mouseMoveEvent;
@@ -71,7 +74,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;
@@ -143,7 +145,7 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
     /** @ignore */
     protected rotateImage(): void;
     /** @ignore */
-    protected saveImageChange(): void;
+    protected saveImageChange(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -158,22 +160,17 @@ declare const AXImageEditorContainerComponent_base: polytype.Polytype.ClusteredC
  * @category Components
  */
 declare class AXImageEditorContainerComponent extends AXImageEditorContainerComponent_base {
+    #private;
     /** @ignore */
     protected service: AXImageEditorService;
     imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
     view: _angular_core.Signal<AXImageEditorViewComponent>;
-    /**
-     * 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.
-     *
-     * @returns void - No return value. The edited image is saved and the onValueChanged event is emitted.
-     */
-    save(): void;
+    aspectRatio: _angular_core.InputSignal<string[]>;
     protected cropButtonHandler(): void;
     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 +180,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/kbd/index.d.ts

@@ -1,9 +1,12 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { NXComponent } from '@acorex/cdk/common';
 
 declare class AXKBDItemComponent extends NXComponent {
-    keys: i0.InputSignal<string | string[]>;
-    modifierKeys: i0.WritableSignal<string[]>;
+    keys: _angular_core.InputSignal<string | string[]>;
+    modifierKeys: _angular_core.WritableSignal<string[]>;
+    join: _angular_core.InputSignal<"split" | "joined">;
+    look: _angular_core.ModelSignal<"fill" | "solid">;
+    lookClass: _angular_core.Signal<string>;
     /**
      * Capitalizes the first letter of the provided text.
      *
@@ -11,13 +14,16 @@ declare class AXKBDItemComponent extends NXComponent {
      * @returns The text with its first character uppercased
      */
     protected capitalizeFirstLetter(text: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; "join": { "alias": "join"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; }, never, never, true, never>;
 }
 
 declare class AXKBDComponent extends NXComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, {}, {}, never, ["ax-kbd-item"], true, never>;
+    #private;
+    private kbdItem;
+    look: _angular_core.InputSignal<"fill" | "solid">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKBDComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, ["kbdItem"], ["ax-kbd-item"], true, never>;
 }
 
 export { AXKBDComponent, AXKBDItemComponent };

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/map/index.d.ts

@@ -141,6 +141,18 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * @default false
      */
     addMarkerOnTap: _angular_core.InputSignal<boolean>;
+    /**
+     * @description
+     * If true, map is movable and zoomable but all functionality (drawing, adding markers, controls) is disabled.
+     * @default false
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description
+     * If true, disables everything including zoom, moving, drawing, and all interactions. Map becomes completely read-only.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Position of the marker control on the map.
@@ -409,7 +421,7 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      */
     private unsubscribeFromMapEvents;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMapComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "addMarkerOnTap": { "alias": "addMarkerOnTap"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; "onLoadError": "onLoadError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "addMarkerOnTap": { "alias": "addMarkerOnTap"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; "onLoadError": "onLoadError"; }, never, never, true, never>;
 }
 
 interface AXMapConfig {
@@ -456,6 +468,9 @@ declare class AXLeafletService {
     private _addMarkerOnTapEnabled;
     private _isCurrentlyDrawing;
     private _hasDrawControl;
+    private _isReadonly;
+    private _isDisabled;
+    private _isUpdatingCenter;
     /**
      * Emits when the zoom level of the map changes.
      */
@@ -723,6 +738,18 @@ declare class AXLeafletService {
     removePolygon(locations?: AXMapPolygon | AXMapPolygon[]): void;
     setMaxMarkers(maxMarkers: number): void;
     setMaxPolygons(maxPolygons: number): void;
+    /**
+     * Sets the readonly state of the map.
+     * When readonly, map is movable and zoomable but all functionality (drawing, adding markers, controls) is disabled.
+     * @param readonly Whether to set the map to readonly mode
+     */
+    setReadonly(readonly: boolean): void;
+    /**
+     * Sets the disabled state of the map.
+     * When disabled, everything is disabled including zoom, moving, drawing, and all interactions.
+     * @param disabled Whether to disable the map completely
+     */
+    setDisabled(disabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLeafletService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXLeafletService>;
 }

package/media-viewer/index.d.ts

@@ -24,7 +24,8 @@ type AXMediaViewerData = {
     size?: string;
     type: 'image' | 'audio' | 'pdf' | 'video';
     url: string;
-    thumbnail?: string;
+    thumbnailUrl?: string;
+    tooltip?: string;
 };
 declare class AXMediaViewerBaseComponent {
     message: AXMediaViewerData;
@@ -44,20 +45,23 @@ type Thumbnail = {
     svg: string;
     type: string;
     id: string;
+    tooltip?: string;
 };
 declare class AXMediaViewerContainerComponent implements OnDestroy {
     #private;
     dataArray: i0.InputSignal<AXMediaViewerData[]>;
     thumbnail: i0.InputSignal<boolean>;
+    pagination: i0.InputSignal<boolean>;
     protected service: AXMediaViewerService;
     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;
@@ -69,7 +73,7 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     /** @ignore */
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerContainerComponent, "ax-media-viewer-container", never, { "dataArray": { "alias": "dataArray"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; }, {}, ["fullScreenButton"], ["ax-header", "ax-suffix", "ax-prefix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerContainerComponent, "ax-media-viewer-container", never, { "dataArray": { "alias": "dataArray"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; }, {}, ["fullScreenButton"], ["ax-header", "ax-suffix", "ax-prefix"], true, never>;
 }
 
 declare class AXMediaViewerTypeRegistryService {

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,52 @@
 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: _angular_core.WritableSignal<string>;
+    protected internalValueChanged(value: number | undefined): 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;
+    reset(e?: boolean): 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`.