@acorex/components 21.0.1-next.4 → 21.0.1-next.40

package/kanban/index.d.ts

@@ -21,6 +21,7 @@ declare class AXKanbanComponent extends NXComponent {
     footerTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
     contentFooterTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    onBeforeDrop: _angular_core.OutputEmitterRef<AXKanbanBeforeDropEvent>;
     onSortChanged: _angular_core.OutputEmitterRef<AXKanbanSortEvent>;
     onItemClick: _angular_core.OutputEmitterRef<AXKanbanMouseEvent>;
     onActionClick: _angular_core.OutputEmitterRef<AXKanbanMouseEvent>;
@@ -35,9 +36,57 @@ declare class AXKanbanComponent extends NXComponent {
      * the updated data source.
      *
      * @param event AXDropListDroppedEvent - The drag-and-drop event including indices and container information.
-     * @returns void
+     * @returns Promise<void>
      */
-    drop(event: AXDropListDroppedEvent): void;
+    drop(event: AXDropListDroppedEvent): Promise<void>;
+    /**
+     * Programmatically move an item to a different status or reorder within the same status.
+     * @param itemId The ID of the item to move (using keyField)
+     * @param targetStatusKey The target status key to move the item to
+     * @param targetIndex Optional target index within the target status. If not provided, item will be appended to the end.
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    moveItem(itemId: any, targetStatusKey: any, targetIndex?: number): Promise<boolean>;
+    /**
+     * Programmatically reorder an item within the same status.
+     * @param itemId The ID of the item to reorder (using keyField)
+     * @param newIndex The new index position within the same status
+     * @returns Promise<boolean> - true if the reorder was successful, false otherwise
+     */
+    reorderItem(itemId: any, newIndex: number): Promise<boolean>;
+    /**
+     * Programmatically move an item to a different status.
+     * @param itemId The ID of the item to move (using keyField)
+     * @param targetStatusKey The target status key to move the item to
+     * @param targetIndex Optional target index within the target status. If not provided, item will be appended to the end.
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    moveItemToStatus(itemId: any, targetStatusKey: any, targetIndex?: number): Promise<boolean>;
+    /**
+     * Core method that performs the move operation, handles re-indexing, and emits events.
+     * This is used by both drag-and-drop operations and programmatic moves.
+     *
+     * @param originalItem The original item from dataSource that is being moved
+     * @param previousStatusKey The status key the item is moving from
+     * @param currentStatusKey The status key the item is moving to
+     * @param previousIndex The index the item is moving from
+     * @param currentIndex The index the item is moving to
+     * @param nativeEvent The native mouse event (null for programmatic moves)
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    private performMove;
+    /**
+     * Emit beforeDrop event and return whether to continue with the drop operation.
+     * Supports both synchronous and asynchronous event handlers via the `wait()` method.
+     * @param item The original item from dataSource that is being moved
+     * @param previousStatusKey The status key the item is moving from
+     * @param currentStatusKey The status key the item is moving to
+     * @param previousIndex The index the item is moving from
+     * @param currentIndex The index the item is moving to
+     * @param nativeEvent The native mouse event (null for programmatic moves)
+     * @returns Promise<boolean> - true if the drop should proceed, false if it should be canceled
+     */
+    private emitBeforeDropEvent;
     protected getItemsById(key: any): AXKanbanItem[];
     protected getOriginalItemsById(key: any): any[];
     protected stringify(value: any): string;
@@ -46,7 +95,7 @@ declare class AXKanbanComponent extends NXComponent {
     protected handleDblClick(event: MouseEvent, item: AXKanbanItem): void;
     protected handleRightClick(event: MouseEvent, item: AXKanbanItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKanbanComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKanbanComponent, "ax-kanban", never, { "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "statuses": { "alias": "statuses"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "indexField": { "alias": "indexField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "cssClassField": { "alias": "cssClassField"; "required": false; "isSignal": true; }; "priorityField": { "alias": "priorityField"; "required": false; "isSignal": true; }; "statusKeyField": { "alias": "statusKeyField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "contentFooterTemplate": { "alias": "contentFooterTemplate"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "onSortChanged": "onSortChanged"; "onItemClick": "onItemClick"; "onActionClick": "onActionClick"; "onItemDblClick": "onItemDblClick"; "onItemRightClick": "onItemRightClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKanbanComponent, "ax-kanban", never, { "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "statuses": { "alias": "statuses"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "indexField": { "alias": "indexField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "cssClassField": { "alias": "cssClassField"; "required": false; "isSignal": true; }; "priorityField": { "alias": "priorityField"; "required": false; "isSignal": true; }; "statusKeyField": { "alias": "statusKeyField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "contentFooterTemplate": { "alias": "contentFooterTemplate"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "onBeforeDrop": "onBeforeDrop"; "onSortChanged": "onSortChanged"; "onItemClick": "onItemClick"; "onActionClick": "onActionClick"; "onItemDblClick": "onItemDblClick"; "onItemRightClick": "onItemRightClick"; }, never, never, true, never>;
 }
 
 type AXKanbanItem = {
@@ -75,6 +124,15 @@ interface AXKanbanSortEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent>
 interface AXKanbanMouseEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent> {
     item: any;
 }
+interface AXKanbanBeforeDropEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent> {
+    item: any;
+    previousStatusKey: any;
+    currentStatusKey: any;
+    previousIndex: number;
+    currentIndex: number;
+    canceled: boolean;
+    wait: (promise: Promise<any>) => void;
+}
 
 export { AXKanbanComponent };
-export type { AXKanbanItem, AXKanbanMouseEvent, AXKanbanSortEvent, AXKanbanStatus };
+export type { AXKanbanBeforeDropEvent, AXKanbanItem, AXKanbanMouseEvent, AXKanbanSortEvent, AXKanbanStatus };

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

@@ -23,12 +23,15 @@ type AXMediaViewerData = {
     name?: string;
     size?: string;
     type: 'image' | 'audio' | 'pdf' | 'video';
-    url: string;
-    thumbnailUrl?: string;
+    url: string | (() => Promise<string>);
+    thumbnailUrl?: string | (() => Promise<string>);
     tooltip?: string;
 };
 declare class AXMediaViewerBaseComponent {
-    message: AXMediaViewerData;
+    message: {
+        data: AXMediaViewerData;
+        index: number;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerBaseComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXMediaViewerBaseComponent>;
 }
@@ -36,12 +39,13 @@ declare class AXMediaViewerBaseComponent {
 declare class AXMediaViewerService {
     dataArray: i0.WritableSignal<AXMediaViewerData[]>;
     selectedIndex: i0.WritableSignal<number>;
+    dirtyItems: Map<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXMediaViewerService>;
 }
 
 type Thumbnail = {
-    tubmnailImage: string;
+    thumbnailImage: string | (() => Promise<string>);
     svg: string;
     type: string;
     id: string;
@@ -69,8 +73,9 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     ngOnDestroy(): void;
     next(): void;
     prev(): void;
-    interVal: any;
+    private interVal?;
     goToIndex(index: number, speed?: number): void;
+    private init;
     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; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; }, {}, ["fullScreenButton"], ["ax-header", "ax-suffix", "ax-prefix"], true, never>;
 }
@@ -87,6 +92,7 @@ declare class AXMediaViewerSliderComponent {
     #private;
     protected service: AXMediaViewerService;
     dataObject: i0.InputSignal<AXMediaViewerData>;
+    index: i0.InputSignal<unknown>;
     /**  @ignore */
     protected portal: i0.WritableSignal<ComponentPortal<any>>;
     /**  @ignore */
@@ -94,12 +100,13 @@ declare class AXMediaViewerSliderComponent {
     /**  @ignore */
     protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerSliderComponent, "ax-media-viewer-slider", never, { "dataObject": { "alias": "dataObject"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerSliderComponent, "ax-media-viewer-slider", never, { "dataObject": { "alias": "dataObject"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXAudioPlayerComponent extends AXMediaViewerBaseComponent {
-    dataObject: i0.WritableSignal<AXMediaViewerData>;
-    constructor();
+    #private;
+    protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioPlayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXAudioPlayerComponent, "ax-audio-player", never, {}, {}, never, never, true, never>;
 }
@@ -112,19 +119,38 @@ declare class AXFileInfoComponent {
 }
 
 declare class AXImageViewerComponent extends AXMediaViewerBaseComponent {
+    #private;
+    protected hasError: i0.WritableSignal<boolean>;
+    protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
+    protected handleImageError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXImageViewerComponent, "ax-image-viewer", never, {}, {}, never, never, true, never>;
 }
 
 declare class PdfComponent extends AXMediaViewerBaseComponent {
+    #private;
     sanitizer: DomSanitizer;
+    protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdfComponent, "ax-pdf", never, {}, {}, never, never, true, never>;
 }
 
+declare class AXThumbnailViewerComponent extends AXMediaViewerBaseComponent {
+    #private;
+    protected hasError: i0.WritableSignal<boolean>;
+    protected src: i0.WritableSignal<any>;
+    item: i0.InputSignal<string | (() => Promise<string>)>;
+    protected handleImageError(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXThumbnailViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXThumbnailViewerComponent, "ax-thumbnail-viewer", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class VideoPlayerComponent extends AXMediaViewerBaseComponent {
-    dataObject: i0.WritableSignal<AXMediaViewerData>;
-    constructor();
+    #private;
+    protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<VideoPlayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VideoPlayerComponent, "ax-video", never, {}, {}, never, never, true, never>;
 }
@@ -137,9 +163,9 @@ declare class AXMediaViewerModule {
     static forRoot(config?: AXMediaViewerModuleConfig): ModuleWithProviders<AXMediaViewerModule>;
     static forChild(config?: AXMediaViewerModuleConfig): ModuleWithProviders<AXMediaViewerModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMediaViewerModule, never, [typeof i1.CommonModule, typeof i2.AXButtonModule, typeof i3.AXDecoratorModule, typeof i4.CdkPortalOutlet, typeof i5.FormsModule, typeof i6.AXImageModule, typeof i7.AXLoadingModule, typeof i8.AXCarouselDirective, typeof i9.AXPdfReaderModule, typeof i10.AXVideoPlayerModule, typeof AXMediaViewerContainerComponent, typeof AXMediaViewerSliderComponent, typeof AXAudioPlayerComponent, typeof AXImageViewerComponent, typeof PdfComponent, typeof VideoPlayerComponent, typeof AXFileInfoComponent], [typeof AXMediaViewerContainerComponent, typeof AXMediaViewerSliderComponent, typeof AXAudioPlayerComponent, typeof AXImageViewerComponent, typeof PdfComponent, typeof VideoPlayerComponent, typeof AXFileInfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMediaViewerModule, never, [typeof i1.CommonModule, typeof i2.AXButtonModule, typeof i3.AXDecoratorModule, typeof i4.CdkPortalOutlet, typeof i5.FormsModule, typeof i6.AXImageModule, typeof i7.AXLoadingModule, typeof i8.AXCarouselDirective, typeof i9.AXPdfReaderModule, typeof i10.AXVideoPlayerModule, typeof AXMediaViewerContainerComponent, typeof AXMediaViewerSliderComponent, typeof AXAudioPlayerComponent, typeof AXImageViewerComponent, typeof PdfComponent, typeof VideoPlayerComponent, typeof AXFileInfoComponent, typeof AXThumbnailViewerComponent], [typeof AXMediaViewerContainerComponent, typeof AXMediaViewerSliderComponent, typeof AXAudioPlayerComponent, typeof AXImageViewerComponent, typeof PdfComponent, typeof VideoPlayerComponent, typeof AXFileInfoComponent, typeof AXThumbnailViewerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMediaViewerModule>;
 }
 
-export { AXAudioPlayerComponent, AXFileInfoComponent, AXImageViewerComponent, AXMediaViewerBaseComponent, AXMediaViewerContainerComponent, AXMediaViewerModule, AXMediaViewerSliderComponent, PdfComponent, VideoPlayerComponent };
+export { AXAudioPlayerComponent, AXFileInfoComponent, AXImageViewerComponent, AXMediaViewerBaseComponent, AXMediaViewerContainerComponent, AXMediaViewerModule, AXMediaViewerSliderComponent, AXThumbnailViewerComponent, PdfComponent, VideoPlayerComponent };
 export type { AXMediaViewerData, AXMediaViewerModuleConfig, AXMediaViewerType };

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.1-next.4",
+  "version": "21.0.1-next.40",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.4",
-    "@acorex/cdk": "21.0.1-next.4",
+    "@acorex/core": "21.0.1-next.40",
+    "@acorex/cdk": "21.0.1-next.40",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "polytype": ">=0.17.0",
-    "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1",
     "gridstack": "^11.1.2",
     "rrule": "^2.8.1",

package/paint/index.d.ts

@@ -98,11 +98,6 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected hostElem: ElementRef<any>;
     /** @ignore */
     private resizeEvent;
-    /**
-     * Specifies the class that pass to component.
-     *
-     */
-    readonly customClass: _angular_core.InputSignal<string>;
     readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
@@ -134,7 +129,7 @@ declare class AXPaintViewComponent implements OnDestroy {
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPaintToolsSelectorComponent {

package/phone-box/index.d.ts

@@ -1,6 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXInputBaseValueComponent, MXLookComponent, AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
 import { CountryItem } from '@acorex/core/constants';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -56,7 +56,8 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     protected selectedCountry: _angular_core.WritableSignal<CountryItem>;
     /** @ignore */
-    protected _handleModelChange(value: string | null): void;
+    protected _handleModelChange(e: AXValueChangedEvent<any>): void;
+    protected internalValueChanged(value: any): void;
     /** @ignore */
     protected dataSource: AXDataSource<CountryItem>;
     /** @ignore */
@@ -74,16 +75,20 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      * @returns void - No return value. Updates the internal countries list.
      */
     setCountries(): void;
+    protected handleKeyDown(e: KeyboardEvent): void;
+    private parsePhoneNumber;
     /**
-     * Sets the default selected country based on the provided country code or the first country in the list.
+     * Formats a national phone number according to the country's format pattern.
+     * The format pattern uses '0' as digit placeholders and preserves other characters (like spaces).
      *
-     * @returns void - No return value. Updates the selected country.
+     * @param number - The raw national number (digits only)
+     * @param format - The country's phone number format pattern (e.g., '000 000 0000')
+     * @returns The formatted national number with spaces according to the format
      */
-    setDefaultValue(): void;
-    protected handleKeyDown(e: KeyboardEvent): void;
-    private parsePhoneNumber;
+    private formatNationalNumber;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
+    private removeValidation;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-validation-rule", "ax-clear-button "], true, never>;

package/popover/index.d.ts

@@ -11,6 +11,7 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  * A popover component with custom encapsulation and change detection settings.
  */
 declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
+    #private;
     private platform;
     private document;
     private platformID;
@@ -25,12 +26,18 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _outsideClickHandler;
     /** @ignore */
+    private _scrollHandler;
+    /** @ignore */
+    private _scrollListenerActive;
+    /** @ignore */
     private resizeObserver;
     /** @ignore */
     private resize$;
     /** @ignore */
     private _disabled;
     readonly width: i0.InputSignal<string>;
+    readonly forceDisableActionSheetStyle: i0.InputSignal<boolean>;
+    private translateService;
     /**
      * Gets or sets whether the popover is disabled.
      * When disabled, the popover will not open and will close if already open.
@@ -68,8 +75,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set target(v: Element | ElementRef | MXBaseComponent);
     /** @ignore */
-    private _defaultPlacements;
-    /** @ignore */
     private _placements;
     /** @ignore */
     private _placement;
@@ -124,11 +129,19 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Delay in milliseconds before the popover opens after a trigger event.
      */
-    openAfter: number;
+    private _openAfter;
+    get openAfter(): number;
+    set openAfter(value: number);
     /**
      * Delay in milliseconds before the popover closes after a trigger event.
      */
-    closeAfter: number;
+    private _closeAfter;
+    get closeAfter(): number;
+    set closeAfter(value: number);
+    /**
+     * Whether to update the popover position when scrolling.
+     */
+    repositionOnScroll: boolean;
     /**
      * CSS class to apply to the backdrop element.
      */
@@ -164,6 +177,16 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private removeOverlayEvents;
     /** @ignore */
+    private setupScrollListener;
+    /** @ignore */
+    private removeScrollListener;
+    /**
+     * Checks if the clicked element is inside a child overlay (e.g., selectbox dropdown).
+     * Child overlays are identified by having a higher z-index than this popover's overlay.
+     * @ignore
+     */
+    private isClickInsideChildOverlay;
+    /** @ignore */
     private handleOverlayDisposed;
     /**
      * Toggles the component's open state.
@@ -215,11 +238,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private initializeResizeObserver;
     /** @ignore */
     private disconnectResizeObserver;
-    protected ngOnInit(): void;
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "forceDisableActionSheetStyle": { "alias": "forceDisableActionSheetStyle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "repositionOnScroll": { "alias": "repositionOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

package/popup/index.d.ts

@@ -1,9 +1,9 @@
-import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
 import * as i0 from '@angular/core';
 import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i2 from '@acorex/cdk/common';
 import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
+import { Subject } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@acorex/components/decorators';
 import * as i4 from '@acorex/core/translation';
@@ -16,7 +16,9 @@ interface AXPopupConfig {
     header?: boolean;
     maximizable?: boolean;
     size?: AXPopupSizeType;
+    /** @deprecated Use `inputs` instead to pass data to the popup component. */
     data?: unknown;
+    inputs?: unknown;
     draggable?: boolean;
     hasBackdrop?: boolean;
     backdropClass?: string;
@@ -43,6 +45,8 @@ interface AXPopupRef<TResult = any> {
     /** Brings this popup to the front of all other overlays */
     bringToFront: () => void;
     onClose: Subject<TResult>;
+    /** The component instance rendered inside the popup (available after content is rendered) */
+    componentInstance?: unknown;
 }
 declare abstract class AXPopupComponentBase {
     __popup__: i0.InputSignal<AXPopupRef<any>>;
@@ -53,43 +57,6 @@ declare abstract class AXPopupComponentBase {
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXPopupComponentBase, never, never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXPopupStateService {
-    private popupList;
-    private overlayService;
-    /**
-     * Opens a popup with the specified content and configuration.
-     * @param content - Component or template to display
-     * @param config - Configuration options for the popup
-     * @returns Promise<AXPopupRef> - Reference to the opened popup
-     */
-    open<TResult = any>(content: AXPopupContentType, config: AXPopupConfig): Promise<AXPopupRef<TResult>>;
-    /**
-     * Closes a popup by its ID.
-     * @param id - The popup ID to close
-     * @param data - Optional data to pass to the close event
-     */
-    close<TResult = any>(id: number, data?: TResult): Promise<void>;
-    /**
-     * Sets input values for a popup by its ID.
-     * @param id - The popup ID
-     * @param values - Object containing input values to set
-     */
-    setInputs(id: number, values: AXComponentInputs): Promise<void>;
-    /**
-     * Sets the title for a popup by its ID.
-     * @param id - The popup ID
-     * @param title - The new title
-     */
-    setTitle(id: number, title: string): Promise<void>;
-    /**
-     * Brings a popup to the front of all other overlays.
-     * @param id - The popup ID to bring to front
-     */
-    bringToFront(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupStateService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupStateService>;
-}
-
 /**
  * The Popup is a component which displays content in a dialog overlay
  *
@@ -97,7 +64,6 @@ declare class AXPopupStateService {
  */
 declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
     private _zone;
-    private _document;
     private loadingService;
     private _platform;
     private componentService;
@@ -179,7 +145,8 @@ declare class AXPopupModule {
  * @category Components
  */
 declare class AXPopupService {
-    private stateService;
+    private popupList;
+    private overlayService;
     /**
      *  Open popup 1
      */
@@ -188,9 +155,39 @@ declare class AXPopupService {
      *  Open popup 2
      */
     open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;
+    /**
+     * Opens a popup with the specified content and configuration.
+     * @param content - Component or template to display
+     * @param config - Configuration options for the popup
+     * @returns Promise<AXPopupRef> - Reference to the opened popup
+     */
+    private openInternal;
+    /**
+     * Closes a popup by its ID.
+     * @param id - The popup ID to close
+     * @param data - Optional data to pass to the close event
+     */
+    close<TResult = any>(id: number, data?: TResult): void;
+    /**
+     * Sets input values for a popup by its ID.
+     * @param id - The popup ID
+     * @param values - Object containing input values to set
+     */
+    setInputs(id: number, values: AXComponentInputs): void;
+    /**
+     * Sets the title for a popup by its ID.
+     * @param id - The popup ID
+     * @param title - The new title
+     */
+    setTitle(id: number, title: string): void;
+    /**
+     * Brings a popup to the front of all other overlays.
+     * @param id - The popup ID to bring to front
+     */
+    bringToFront(id: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }
 
-export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService };
 export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };

package/rate-picker/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, Renderer2 } from '@angular/core';
-import { MXValueComponent } from '@acorex/cdk/common';
+import { MXValueComponent, AXStyleColorType } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 /**
@@ -19,6 +19,7 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * @default 'fa-star'
      */
     readonly iconName: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<AXStyleColorType>;
     /**
      * @description
      * Maximum value for the rating.
@@ -114,22 +115,11 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
     private onEnd;
     private countDecimals;
     /**
-     * @description
-     * Determines if the component is active (i.e., not readonly or disabled).
-     */
-    get isActive(): boolean;
-    /**
-     * @description
-     * Determines if the component is in readonly mode.
-     */
-    get isReadonly(): boolean;
-    /**
-     * @description
-     * Determines if the component is disabled.
+     * @ignore
      */
-    get isDisabled(): boolean;
+    private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXRatePickerModule {