@acorex/components 21.0.1-next.9 → 21.0.1-next.90

package/{form/index.d.ts → types/acorex-components-form.d.ts}

@@ -1,6 +1,6 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, WritableSignal, InjectionToken } from '@angular/core';
-import { AXEvent, MXValueComponent, AXStyleLookType, MXBaseComponent } from '@acorex/cdk/common';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, InjectionToken } from '@angular/core';
+import { MXValueComponent, AXStyleLookType, AXEvent, 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';
@@ -34,14 +34,14 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    readonly labelMode: i0.InputSignal<AXLabelMode>;
-    readonly look: i0.InputSignal<AXStyleLookType>;
-    content: i0.Signal<readonly AXFormFieldComponent[]>;
+    readonly labelMode: _angular_core.InputSignal<AXLabelMode>;
+    readonly look: _angular_core.InputSignal<AXStyleLookType>;
+    content: _angular_core.Signal<readonly AXFormFieldComponent[]>;
     /**
      * Determines the style of the message in the form field.
      * @defaultValue 'bottom'
      */
-    readonly messageStyle: i0.InputSignal<AXFormMessageStyle>;
+    readonly messageStyle: _angular_core.InputSignal<AXFormMessageStyle>;
     /**
      * Emitted when the form is validated.
      *
@@ -67,6 +67,7 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      * @param v The criteria to set (e.g., 'change', 'blur').
      */
     set updateOn(v: AXFormUpdateOn);
+    inUserInteractionActive: _angular_core.InputSignal<boolean>;
     /**
      *  @ignore
      */
@@ -120,8 +121,8 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      *  @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, 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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "inUserInteractionActive": { "alias": "inUserInteractionActive"; "required": false; "isSignal": true; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
 }
 
 /**
@@ -134,11 +135,11 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    readonly labelMode: i0.InputSignal<AXLabelMode>;
+    readonly labelMode: _angular_core.InputSignal<AXLabelMode>;
     /**
      *  @ignore
      */
-    protected _labelMode: WritableSignal<AXLabelMode>;
+    protected _labelMode: _angular_core.WritableSignal<AXLabelMode>;
     private unsubscriber;
     private input;
     /**
@@ -190,8 +191,8 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      *  @ignore
      */
     get __hostClass(): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, { "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; }, {}, ["input", "label"], ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, { "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; }, {}, ["input", "label"], ["*"], true, never>;
 }
 
 interface AXFormConfig {
@@ -204,16 +205,16 @@ declare function formConfig(config?: PartialFormConfig): AXFormConfig;
 declare class AXValidationRuleDirective implements OnDestroy {
     #private;
     private host;
-    rule: i0.InputSignal<string>;
-    options: i0.InputSignal<Omit<AXValidationRuleOptions, "message">>;
-    message: i0.InputSignal<string>;
-    disabled: i0.InputSignal<boolean>;
+    rule: _angular_core.InputSignal<string>;
+    options: _angular_core.InputSignal<Omit<AXValidationRuleOptions, "message">>;
+    message: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
     ngOnDestroy(): void;
     private addValidation;
     private removeValidation;
     private get ruleOptions();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationRuleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXValidationRuleDirective, "ax-validation-rule", never, { "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXValidationRuleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXValidationRuleDirective, "ax-validation-rule", never, { "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type AXValidationSummaryDisplayMode = 'toast' | 'alert';
@@ -283,14 +284,14 @@ declare class AXValidationSummaryComponent extends MXBaseComponent implements On
      *  @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXValidationSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AXFormModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFormModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXAlertModule, typeof i4.AXButtonModule, typeof i5.AXValidationModule, typeof i6.AXTranslationModule, typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent], [typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXFormModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXFormModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXAlertModule, typeof i4.AXButtonModule, typeof i5.AXValidationModule, typeof i6.AXTranslationModule, typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent], [typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXFormModule>;
 }
 
 export { AXFormComponent, AXFormDefaultConfig, AXFormFieldComponent, AXFormModule, AXFormValidationEvent, AXValidationRuleDirective, AXValidationSummaryComponent, AX_FORM_CONFIG, formConfig };

package/{grid-layout-builder/index.d.ts → types/acorex-components-grid-layout-builder.d.ts}

@@ -138,6 +138,14 @@ declare class AXGridLayoutWidgetComponent {
      * @returns AXGridLayoutNode - The current widget options.
      */
     getOptions(): AXGridLayoutNode;
+    /**
+     * Returns the widget options from the Angular input binding (stored/desired positions),
+     * bypassing the live gridstackNode which may have been auto-reflowed.
+     * Used by the container to load correct per-breakpoint layouts after column changes.
+     *
+     * @returns AXGridLayoutNode - The widget options from the input signal.
+     */
+    getInputOptions(): AXGridLayoutNode;
     /**
      * Returns the native DOM element of the widget.
      *
@@ -170,6 +178,13 @@ declare class AXGridLayoutContainerComponent extends NXComponent implements OnDe
     protected _sub: Subscription | undefined;
     private isInitialized;
     ngOnDestroy(): void;
+    /**
+     * Synchronizes the grid layout with the current widget list.
+     *
+     * @param useInputValues - When true, reads positions from Angular input bindings
+     * (stored per-breakpoint positions). When false, reads from live gridstackNode
+     * (preserving user drag/resize state). Use true after column/breakpoint changes.
+     */
     private updateAll;
     private checkEmpty;
     private hookEvents;
@@ -195,10 +210,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/{kanban/index.d.ts → types/acorex-components-kanban.d.ts}

@@ -77,7 +77,7 @@ declare class AXKanbanComponent extends NXComponent {
     private performMove;
     /**
      * Emit beforeDrop event and return whether to continue with the drop operation.
-     * Supports both synchronous and asynchronous event handlers.
+     * 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
@@ -131,6 +131,7 @@ interface AXKanbanBeforeDropEvent extends NXNativeEvent<AXKanbanComponent, Mouse
     previousIndex: number;
     currentIndex: number;
     canceled: boolean;
+    wait: (promise: Promise<any>) => void;
 }
 
 export { AXKanbanComponent };

package/types/acorex-components-kbd.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { NXComponent } from '@acorex/cdk/common';
+
+declare class AXKBDItemComponent extends NXComponent {
+    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.
+     *
+     * @param text Input text to transform
+     * @returns The text with its first character uppercased
+     */
+    protected capitalizeFirstLetter(text: string): string;
+    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 {
+    #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/{list/index.d.ts → types/acorex-components-list.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, WritableSignal, TemplateRef, EventEmitter } from '@angular/core';
-import { AXEvent, MXSelectionValueComponent, AXDataSource, AXListDataSource } from '@acorex/cdk/common';
+import { MXSelectionValueComponent, AXDataSource, AXEvent, AXListDataSource } from '@acorex/cdk/common';
 
 interface AXListScrollIndexChanged extends AXEvent {
     index: number;
@@ -11,6 +11,7 @@ interface AXListScrollIndexChanged extends AXEvent {
  * @category Components
  */
 declare class AXListComponent extends MXSelectionValueComponent implements OnInit {
+    private tooltipRef;
     /**
      * Determines if an item is truncated.
      *
@@ -23,12 +24,21 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      * @defaultValue false
      */
     showItemTooltip: i0.InputSignal<boolean>;
+    /** @ignore */
+    private _dataSource;
+    /** @ignore */
+    private _isInitialized;
+    /** @ignore */
+    private _onChangedSub?;
+    /** @ignore */
+    private _onLoadingChangedSub?;
     /**
      * Defines the data source for the list.
      *
      *  @defaultValue convertArrayToDataSource([])
      */
-    dataSource: AXDataSource<unknown>;
+    set dataSource(v: AXDataSource<unknown>);
+    get dataSource(): AXDataSource<unknown>;
     /**
      *  @ignore
      */
@@ -90,6 +100,18 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      *  @ignore
      */
     ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    protected ngOnDestroy(): void;
+    /**
+     * (Re)creates the internal `AXListDataSource` wrapper used by `cdkVirtualFor`
+     * and (re)subscribes to the underlying source's events. This is invoked
+     * whenever the `dataSource` input changes so that the list properly reflects
+     * the new source.
+     * @ignore
+     */
+    private _setupListDataSource;
     /**
      *  @ignore
      */

package/{loading/index.d.ts → types/acorex-components-loading.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>;
 }
@@ -99,7 +99,9 @@ type LoaderId = string | number;
 declare class AXLoadingService {
     protected loadingStates: WeakMap<object, Map<LoaderId, boolean>>;
     protected loadingStates$: WeakMap<object, Map<LoaderId, BehaviorSubject<boolean>>>;
-    private dialog;
+    private overlayService;
+    private document;
+    private activeOverlays;
     /**
      * Shows a modal loading overlay.
      *

package/types/acorex-components-media-viewer.d.ts

@@ -0,0 +1,184 @@
+import * as swiper_types from 'swiper/types';
+import * as _angular_core from '@angular/core';
+import { Type, OnDestroy, ModuleWithProviders } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i4 from '@angular/cdk/portal';
+import { ComponentPortal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import * as i1 from '@angular/common';
+import * as i2 from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import * as i5 from '@angular/forms';
+import * as i6 from '@acorex/components/image';
+import * as i7 from '@acorex/components/loading';
+import * as i8 from '@acorex/cdk/carousel';
+import * as i9 from '@acorex/components/pdf-reader';
+import * as i10 from '@acorex/components/video-player';
+
+interface AXMediaViewerType {
+    name: string;
+    component: Type<any>;
+}
+type AXMediaViewerData = {
+    id: string;
+    name?: string;
+    size?: string;
+    type: 'image' | 'audio' | 'pdf' | 'video';
+    url: string | (() => Promise<string>);
+    thumbnailUrl?: string | (() => Promise<string>);
+    tooltip?: string;
+};
+type AXThumbnail = {
+    thumbnailImage: string | (() => Promise<string>);
+    svg: string;
+    type: string;
+    id: string;
+    tooltip?: string;
+    index: number;
+};
+declare class AXMediaViewerBaseComponent {
+    message: {
+        data: AXMediaViewerData;
+        index: number;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerBaseComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMediaViewerBaseComponent>;
+}
+
+declare class AXMediaViewerService {
+    dataArray: _angular_core.WritableSignal<AXMediaViewerData[]>;
+    selectedIndex: _angular_core.WritableSignal<number>;
+    dirtyItems: Map<any, any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMediaViewerService>;
+}
+
+declare class AXMediaViewerContainerComponent implements OnDestroy {
+    #private;
+    dataArray: _angular_core.InputSignal<AXMediaViewerData[]>;
+    thumbnail: _angular_core.InputSignal<boolean>;
+    pagination: _angular_core.InputSignal<boolean>;
+    protected service: AXMediaViewerService;
+    protected sanitizer: DomSanitizer;
+    protected isMobile: boolean;
+    private readonly elementRef;
+    protected thumbnailArray: _angular_core.WritableSignal<AXThumbnail[]>;
+    protected option: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
+    protected thumbnailOption: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
+    protected isFullScreen: _angular_core.WritableSignal<boolean>;
+    private swiperRef;
+    private swiperRef2;
+    private fullScreenButton;
+    private globalOptions;
+    private setActiveIndex;
+    getActiveIndex(): number;
+    ngOnDestroy(): void;
+    next(): void;
+    prev(): void;
+    private interVal?;
+    goToIndex(index: number, speed?: number): void;
+    private init;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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 {
+    private plugins;
+    register(...plugins: AXMediaViewerType[]): void;
+    resolve(name: string): AXMediaViewerType | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerTypeRegistryService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMediaViewerTypeRegistryService>;
+}
+
+declare class AXMediaViewerSliderComponent {
+    #private;
+    protected service: AXMediaViewerService;
+    dataObject: _angular_core.InputSignal<AXMediaViewerData>;
+    index: _angular_core.InputSignal<unknown>;
+    /**  @ignore */
+    protected portal: _angular_core.WritableSignal<ComponentPortal<any>>;
+    /**  @ignore */
+    protected registryService: AXMediaViewerTypeRegistryService;
+    /**  @ignore */
+    protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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 {
+    #private;
+    protected src: _angular_core.WritableSignal<any>;
+    protected service: AXMediaViewerService;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioPlayerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioPlayerComponent, "ax-audio-player", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXFileInfoComponent {
+    protected service: AXMediaViewerService;
+    protected infoData: _angular_core.Signal<AXMediaViewerData>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileInfoComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileInfoComponent, "ax-file-info", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXImageViewerComponent extends AXMediaViewerBaseComponent {
+    #private;
+    protected hasError: _angular_core.WritableSignal<boolean>;
+    protected src: _angular_core.WritableSignal<any>;
+    protected service: AXMediaViewerService;
+    protected loading: _angular_core.WritableSignal<boolean>;
+    protected handleImageError(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageViewerComponent, "ax-image-viewer", never, {}, {}, never, never, true, never>;
+}
+
+declare class PdfComponent extends AXMediaViewerBaseComponent {
+    #private;
+    sanitizer: DomSanitizer;
+    protected src: _angular_core.WritableSignal<any>;
+    protected service: AXMediaViewerService;
+    protected loading: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdfComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdfComponent, "ax-pdf", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXThumbnailViewerComponent extends AXMediaViewerBaseComponent implements OnDestroy {
+    #private;
+    protected hasError: _angular_core.WritableSignal<boolean>;
+    protected src: _angular_core.WritableSignal<any>;
+    item: _angular_core.InputSignal<string | (() => Promise<string>)>;
+    index: _angular_core.InputSignal<number>;
+    protected service: AXMediaViewerService;
+    private host;
+    protected loading: _angular_core.WritableSignal<boolean>;
+    private observer;
+    private isElementVisible;
+    protected handleImageError(): void;
+    private observeElementVisibility;
+    private cleanupObserver;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXThumbnailViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXThumbnailViewerComponent, "ax-thumbnail-viewer", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class VideoPlayerComponent extends AXMediaViewerBaseComponent {
+    #private;
+    protected src: _angular_core.WritableSignal<any>;
+    protected service: AXMediaViewerService;
+    protected loading: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoPlayerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoPlayerComponent, "ax-video", never, {}, {}, never, never, true, never>;
+}
+
+interface AXMediaViewerModuleConfig {
+    types: AXMediaViewerType[];
+}
+declare class AXMediaViewerModule {
+    constructor();
+    static forRoot(config?: AXMediaViewerModuleConfig): ModuleWithProviders<AXMediaViewerModule>;
+    static forChild(config?: AXMediaViewerModuleConfig): ModuleWithProviders<AXMediaViewerModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMediaViewerModule, never>;
+    static ɵmod: _angular_core.ɵɵ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: _angular_core.ɵɵInjectorDeclaration<AXMediaViewerModule>;
+}
+
+export { AXAudioPlayerComponent, AXFileInfoComponent, AXImageViewerComponent, AXMediaViewerBaseComponent, AXMediaViewerContainerComponent, AXMediaViewerModule, AXMediaViewerSliderComponent, AXThumbnailViewerComponent, PdfComponent, VideoPlayerComponent };
+export type { AXMediaViewerData, AXMediaViewerModuleConfig, AXMediaViewerType, AXThumbnail };

package/{menu/index.d.ts → types/acorex-components-menu.d.ts}

@@ -60,6 +60,8 @@ declare class AXContextMenuComponent extends NXComponent {
     readonly target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
     onItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
     onOpening: _angular_core.OutputEmitterRef<AXContextMenuOpeningEvent>;
+    /** Emitted when the menu closes (backdrop, item click, scroll, another menu opening, etc.). */
+    onClose: _angular_core.OutputEmitterRef<void>;
     hasArrow: _angular_core.WritableSignal<boolean>;
     private service;
     private renderer;
@@ -105,11 +107,11 @@ declare class AXContextMenuComponent extends NXComponent {
     private removeBackdrop;
     private createEventListeners;
     /** @ignore */
-    private onWindowEvent;
+    onWindowEvent(): void;
     /** @ignore */
     get __hostClass(): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -163,15 +165,15 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
      * Calculate the position of the submenu to avoid it going out of the viewport.
      */
     private calculatePosition;
-    private handleClick;
-    private handleMouseEnter;
+    handleClick(e: MouseEvent): void;
+    handleMouseEnter(event: MouseEvent): void;
     private mouseLeaveTimeout;
-    private handleMouseLeave;
-    private onWindowEvent;
+    handleMouseLeave(event: MouseEvent): void;
+    onWindowEvent(): void;
     /**
      * Close all menus if clicking outside the root menu and all sub-items.
      */
-    private onClickOutside;
+    onClickOutside(event: MouseEvent): void;
     ngOnDestroy(): void;
     private bindScrollEvents;
     private removeScrollEvents;

package/{number-box/index.d.ts → types/acorex-components-number-box.d.ts}

@@ -32,6 +32,9 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     protected internalValueChanged(value: number | undefined): void;
     private plusValue;
     private minusValue;
+    private getNumericValue;
+    private getSteppedValue;
+    private getFractionDigits;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;
     protected handleUpClick(): void;
     protected handleDownClick(): void;

package/{otp/index.d.ts → types/acorex-components-otp.d.ts}

@@ -60,7 +60,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
 }
 
 declare class AXOtpModule {

package/{paint/index.d.ts → types/acorex-components-paint.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>>;
@@ -126,6 +121,12 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected mouseMoveHandler(e: MouseEvent): void;
     /** @ignore */
     protected mouseUpHandler(): void;
+    /**
+     * Loads an image onto the canvas (e.g. for editing an existing signature).
+     *
+     * @param dataUrl - Data URL of the image (e.g. from toDataURL or existing value)
+     */
+    loadImage(dataUrl: string): void;
     /**
      * Exports the canvas content as an image.
      *
@@ -134,7 +135,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/{password-box/index.d.ts → types/acorex-components-password-box.d.ts}

@@ -60,6 +60,7 @@ declare class AXPasswordStrengthValidationComponent {
     readonly showUseLowerCase: _angular_core.InputSignal<boolean>;
     readonly showUseNumber: _angular_core.InputSignal<boolean>;
     readonly showUseSpecialCharacter: _angular_core.InputSignal<boolean>;
+    readonly mode: _angular_core.InputSignal<"full" | "compact">;
     protected isLengthGraterThan8: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
@@ -83,7 +84,7 @@ declare class AXPasswordStrengthValidationComponent {
     private checkRegexHandler;
     protected checkPasswordStrength(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPasswordStrengthValidationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPasswordStrengthValidationComponent, "ax-password-strength-validation", never, { "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "showLengthGraterThan8": { "alias": "showLengthGraterThan8"; "required": false; "isSignal": true; }; "showUseUpperCase": { "alias": "showUseUpperCase"; "required": false; "isSignal": true; }; "showUseLowerCase": { "alias": "showUseLowerCase"; "required": false; "isSignal": true; }; "showUseNumber": { "alias": "showUseNumber"; "required": false; "isSignal": true; }; "showUseSpecialCharacter": { "alias": "showUseSpecialCharacter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPasswordStrengthValidationComponent, "ax-password-strength-validation", never, { "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "showLengthGraterThan8": { "alias": "showLengthGraterThan8"; "required": false; "isSignal": true; }; "showUseUpperCase": { "alias": "showUseUpperCase"; "required": false; "isSignal": true; }; "showUseLowerCase": { "alias": "showUseLowerCase"; "required": false; "isSignal": true; }; "showUseNumber": { "alias": "showUseNumber"; "required": false; "isSignal": true; }; "showUseSpecialCharacter": { "alias": "showUseSpecialCharacter"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPasswordBoxModule {