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

package/action-sheet/index.d.ts

@@ -1,7 +1,7 @@
-import { AXStyleColorType, MXBaseComponent } from '@acorex/cdk/common';
-import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { AXStyleColorType, AXComponentCloseEvent, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, Type, OnInit, OnDestroy, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 
@@ -21,7 +21,7 @@ interface AXActionSheetItem {
         title?: string;
     };
 }
-type AXActionSheetContentType = TemplateRef<unknown> | ComponentType<unknown>;
+type AXActionSheetContentType = TemplateRef<unknown> | Type<unknown>;
 interface AXActionSheetConfig {
     title?: string;
     subTitle?: string;
@@ -35,13 +35,21 @@ interface AXActionSheetConfig {
     dragUp?: boolean;
 }
 interface AXActionSheetEvent {
-    dialogRef: any;
+    overlayRef?: AXOverlayRef<unknown>;
     nativeEvent?: Event;
     isUserInteraction: boolean;
     data: {
         state: 'open' | 'close' | 'dragStart' | 'dragEnd' | 'fullScreen' | 'normalSize';
     };
 }
+/**
+ * @internal
+ * Internal reference used by action sheet service to manage overlay instances
+ */
+interface AXActionSheetInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: (result?: AXComponentCloseEvent) => void;
+}
 
 /**
  * A component for displaying an action sheet, which is a menu that slides up from the bottom of the screen.
@@ -49,8 +57,12 @@ interface AXActionSheetEvent {
  * @category Components
  */
 declare class AXActionSheetComponent extends MXBaseComponent implements OnInit, OnDestroy {
-    protected data: AXActionSheetConfig;
-    private dialogRef;
+    /** Action sheet configuration data */
+    data: i0.InputSignal<AXActionSheetConfig>;
+    /** @internal Callback function to close the action sheet */
+    onClose: i0.InputSignal<(result?: AXComponentCloseEvent) => void>;
+    /** @internal Overlay reference for event tracking */
+    overlayRef: i0.InputSignal<AXOverlayRef<unknown>>;
     private document;
     private platformID;
     private renderer;
@@ -65,14 +77,19 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private actionSheetHeight;
     private isActionSheetHeightSet;
     private transitionDuration;
-    /**
-     *  @ignore
-     */
-    protected _selectedPortal: Portal<any>;
     /**
      *  @ignore
      */
     private _componentRef;
+    /** Template content if data.content is a TemplateRef */
+    protected templateContent: i0.Signal<TemplateRef<unknown>>;
+    /** Component content if data.content is a component Type */
+    protected componentContent: i0.Signal<Type<unknown>>;
+    /** Template context for ngTemplateOutlet */
+    protected templateContext: i0.Signal<{
+        $implicit: AXActionSheetConfig;
+        ref: AXActionSheetComponent;
+    }>;
     /**
      *  @ignore
      */
@@ -83,7 +100,10 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private handleDown;
     private snapToFinalPosition;
     private heightCalculator;
-    protected handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     * Handles component attachment from ngComponentOutlet
+     */
+    protected handleComponentCreated(componentRef: ComponentRef<unknown>): void;
     /**
      * Handles click events on action sheet items.
      * This method is called when a user clicks on an action sheet item. It closes the action sheet
@@ -104,13 +124,13 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
      *                           This affects how the action sheet handles accessibility and event tracking.
      * @returns void
      */
-    close(e?: any, isUserInteraction?: boolean): void;
+    close(e?: unknown, isUserInteraction?: boolean): void;
     /**
      *  @ignore
      */
     protected onKeydownHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; "overlayRef": { "alias": "overlayRef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXActionSheetModule {
@@ -120,11 +140,13 @@ declare class AXActionSheetModule {
 }
 
 interface AXActionSheetDialogRef {
-    close: (e?: any) => void;
-    closed: Subject<any>;
+    close: (e?: unknown) => void;
+    closed: Subject<{
+        data?: unknown;
+    }>;
 }
 declare class AXActionSheetService {
-    private dialog;
+    private overlayService;
     private readonly actionSheetEvent;
     actionSheetEvent$: rxjs.Observable<AXActionSheetEvent>;
     /**
@@ -162,7 +184,7 @@ declare class AXActionSheetService {
      * observable for external subscribers to monitor action sheet state changes.
      *
      * @param event - The action sheet event to emit. Contains information about the event type,
-     *               associated data, user interaction status, and dialog reference.
+     *               associated data, user interaction status, and overlay reference.
      * @returns void
      */
     setActionSheetEventState(event: AXActionSheetEvent): void;
@@ -171,4 +193,4 @@ declare class AXActionSheetService {
 }
 
 export { AXActionSheetComponent, AXActionSheetModule, AXActionSheetService };
-export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetItem };
+export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetInternalRef, AXActionSheetItem };

package/conversation2/README.md

@@ -78,22 +78,32 @@ This package requires the following peer dependencies:
 
 ```typescript
 import { ApplicationConfig } from '@angular/core';
-import { provideConversation, AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideConversation({
-      api: AXIndexedDBApi, // or your custom API implementation
+      userApi: AXIndexedDBUserApi,
+      conversationApi: AXIndexedDBConversationApi,
+      messageApi: AXIndexedDBMessageApi,
+      realtimeApi: AXIndexedDBRealtimeApi, // optional
       config: {
-        pageSize: 20,
-        maxFileSize: 10 * 1024 * 1024, // 10MB
+        messagePageSize: 50,
+        conversationPageSize: 30,
+        maxFileSize: 10 * 1024 * 1024,
         allowedFileTypes: ['image/*', 'video/*', 'audio/*', 'application/pdf'],
       },
       registry: {
         // Optional: Register custom message renderers, actions, etc.
-      }
-    })
-  ]
+      },
+    }),
+  ],
 };
 ```
 
@@ -101,17 +111,26 @@ export const appConfig: ApplicationConfig = {
 
 ```typescript
 import { NgModule } from '@angular/core';
-import { AXConversation2Module, AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  AXConversation2Module,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 @NgModule({
   imports: [
     AXConversation2Module.forRoot({
-      api: AXIndexedDBApi,
-      config: { /* ... */ }
-    })
-  ]
+      userApi: AXIndexedDBUserApi,
+      conversationApi: AXIndexedDBConversationApi,
+      messageApi: AXIndexedDBMessageApi,
+      realtimeApi: AXIndexedDBRealtimeApi,
+      config: { /* ... */ },
+    }),
+  ],
 })
-export class AppModule { }
+export class AppModule {}
 ```
 
 ### 3. Use in Template
@@ -155,20 +174,42 @@ export class MyConversationApi extends AXConversationApi {
 #### IndexedDB API (Development/Demo)
 
 ```typescript
-import { AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 // Provides in-memory storage with sample data
 // Perfect for development and demos
-provideConversation({ api: AXIndexedDBApi })
+provideConversation({
+  userApi: AXIndexedDBUserApi,
+  conversationApi: AXIndexedDBConversationApi,
+  messageApi: AXIndexedDBMessageApi,
+  realtimeApi: AXIndexedDBRealtimeApi,
+});
 ```
 
 #### IndexedDB with AI API (AI-Powered Demo)
 
 ```typescript
-import { AXIndexedDBAIApi } from '@acorex/components/conversation2';
-
-// Includes AI-powered auto-responses
-provideConversation({ api: AXIndexedDBAIApi })
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageAIApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
+
+// Includes AI-powered auto-responses via message API
+provideConversation({
+  userApi: AXIndexedDBUserApi,
+  conversationApi: AXIndexedDBConversationApi,
+  messageApi: AXIndexedDBMessageAIApi,
+  realtimeApi: AXIndexedDBRealtimeApi,
+});
 ```
 
 ## ⚙️ Configuration
@@ -178,23 +219,18 @@ provideConversation({ api: AXIndexedDBAIApi })
 ```typescript
 interface AXConversationConfig {
   // Pagination
-  pageSize?: number;                    // Default: 20
+  messagePageSize?: number;             // Default: 50
+  conversationPageSize?: number;        // Default: 30
   infiniteScrollThreshold?: number;     // Default: 200px
   scrollThreshold?: number;             // Default: 100px
 
   // File Upload
   maxFileSize?: number;                 // Default: 10MB
-  allowedFileTypes?: string[];          // Default: all types
+  allowedFileTypes?: string[];          // Default: see defaults
 
   // UI Behavior
   messageHighlightDuration?: number;    // Default: 2000ms
   typingIndicatorTimeout?: number;      // Default: 3000ms
-
-  // Features
-  enableReactions?: boolean;            // Default: true
-  enableReplies?: boolean;              // Default: true
-  enableEditing?: boolean;              // Default: true
-  enableDeletion?: boolean;             // Default: true
 }
 ```
 
@@ -327,14 +363,18 @@ export class MyComponent {
 ```typescript
 import { TestBed } from '@angular/core/testing';
 import { provideConversation, AXConversationService } from '@acorex/components/conversation2';
-import { MockConversationApi } from './mocks/mock-api';
+import { MockUserApi, MockConversationApi, MockMessageApi } from './mocks/mock-apis';
 
 describe('MyComponent', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       providers: [
-        provideConversation({ api: MockConversationApi })
-      ]
+        provideConversation({
+          userApi: MockUserApi,
+          conversationApi: MockConversationApi,
+          messageApi: MockMessageApi,
+        }),
+      ],
     });
   });
 
@@ -343,7 +383,7 @@ describe('MyComponent', () => {
     const message = await service.sendMessage({
       conversationId: 'test',
       type: 'text',
-      payload: { text: 'Test' }
+      payload: { text: 'Test' },
     });
     expect(message).toBeDefined();
   });

package/conversation2/index.d.ts

@@ -4139,6 +4139,7 @@ interface AXMessageAvatarTemplateContext {
 declare class AXMessageListService {
     private readonly conversationService;
     private readonly composerService;
+    private readonly config;
     private get registry();
     readonly activeConversation: _angular_core.Signal<AXConversation>;
     readonly activeMessages: _angular_core.Signal<AXMessage[]>;
@@ -5061,7 +5062,7 @@ declare const AX_CONVERSATION_INFO_BAR_DELETE_ACTION: AXInfoBarAction;
  */
 declare const AX_CONVERSATION_INFO_BAR_BLOCK_ACTION: AXInfoBarAction;
 
-declare class AudioRendererComponent {
+declare class AXAudioRendererComponent {
     private readonly platformId;
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
@@ -5104,11 +5105,11 @@ declare class AudioRendererComponent {
     onProgressClick(event: MouseEvent): void;
     /** Format time (seconds to MM:SS) */
     private formatTime;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AudioRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AudioRendererComponent, "ax-conversation-audio-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioRendererComponent, "ax-conversation-audio-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ContactRendererComponent {
+declare class AXContactRendererComponent {
     private readonly toastService;
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
@@ -5120,11 +5121,11 @@ declare class ContactRendererComponent {
     copyContact(): Promise<void>;
     /** Format contact information as text */
     private formatContactText;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContactRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContactRendererComponent, "ax-conversation-contact-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContactRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContactRendererComponent, "ax-conversation-contact-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class FallbackRendererComponent {
+declare class AXFallbackRendererComponent {
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
     /** Show raw data */
@@ -5137,11 +5138,11 @@ declare class FallbackRendererComponent {
     readonly rawPayload: _angular_core.Signal<string>;
     /** Toggle raw data display */
     toggleRaw(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FallbackRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FallbackRendererComponent, "ax-conversation-fallback-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFallbackRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFallbackRendererComponent, "ax-conversation-fallback-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class FileRendererComponent {
+declare class AXFileRendererComponent {
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
     /** File payload */
@@ -5160,11 +5161,11 @@ declare class FileRendererComponent {
     readonly fileIconColor: _angular_core.Signal<string>;
     /** Formatted file size */
     readonly formattedSize: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileRendererComponent, "ax-conversation-file-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileRendererComponent, "ax-conversation-file-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ImageRendererComponent {
+declare class AXImageRendererComponent {
     private readonly platformId;
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
@@ -5188,11 +5189,11 @@ declare class ImageRendererComponent {
     onError(): void;
     /** Handle image click */
     onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageRendererComponent, "ax-conversation-image-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, { "imageClick": "imageClick"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageRendererComponent, "ax-conversation-image-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, { "imageClick": "imageClick"; }, never, never, true, never>;
 }
 
-declare class LocationRendererComponent {
+declare class AXLocationRendererComponent {
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
     /** Location payload */
@@ -5217,11 +5218,11 @@ declare class LocationRendererComponent {
         popupOpen: boolean;
         popupCloseButton: boolean;
     }[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LocationRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LocationRendererComponent, "ax-conversation-location-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLocationRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLocationRendererComponent, "ax-conversation-location-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class StickerRendererComponent {
+declare class AXStickerRendererComponent {
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
     /** Loading state */
@@ -5238,22 +5239,22 @@ declare class StickerRendererComponent {
     onLoad(): void;
     /** Handle image error */
     onError(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StickerRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StickerRendererComponent, "ax-conversation-sticker-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXStickerRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXStickerRendererComponent, "ax-conversation-sticker-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class SystemRendererComponent {
+declare class AXSystemRendererComponent {
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
     /** System payload */
     readonly payload: _angular_core.Signal<AXSystemPayload>;
     /** Icon class based on system message type */
     readonly iconClass: _angular_core.Signal<"fa-light fa-image" | "fa-light fa-user-plus" | "fa-light fa-user-minus" | "fa-light fa-pen" | "fa-light fa-info-circle">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SystemRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SystemRendererComponent, "ax-conversation-system-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSystemRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSystemRendererComponent, "ax-conversation-system-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class TextRendererComponent {
+declare class AXTextRendererComponent {
     private readonly infoBarService;
     private readonly sanitizer;
     /** Message to render */
@@ -5268,11 +5269,11 @@ declare class TextRendererComponent {
     private linkify;
     /** Highlight search query in text */
     private highlightSearch;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextRendererComponent, "ax-conversation-text-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextRendererComponent, "ax-conversation-text-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class VideoRendererComponent {
+declare class AXVideoRendererComponent {
     private readonly platformId;
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
@@ -5296,11 +5297,11 @@ declare class VideoRendererComponent {
     onError(): void;
     /** Format duration (seconds to MM:SS) */
     formatDuration(seconds: number): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoRendererComponent, "ax-conversation-video-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVideoRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVideoRendererComponent, "ax-conversation-video-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class VoiceRendererComponent {
+declare class AXVoiceRendererComponent {
     private readonly platformId;
     /** Message to render */
     readonly message: _angular_core.InputSignal<AXMessage>;
@@ -5341,8 +5342,8 @@ declare class VoiceRendererComponent {
     onError(): void;
     /** Format time (seconds to MM:SS) */
     private formatTime;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VoiceRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VoiceRendererComponent, "ax-conversation-voice-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVoiceRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVoiceRendererComponent, "ax-conversation-voice-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -5466,7 +5467,7 @@ declare class AXConversation2Module {
      */
     static forChild(options?: Omit<AXConversationOptions, 'userApi' | 'conversationApi' | 'messageApi' | 'realtimeApi'>): ModuleWithProviders<AXConversation2Module>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversation2Module, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXConversation2Module, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof AXConversationContainerComponent, typeof AXSidebarComponent, typeof AXInfoBarComponent, typeof AXMessageListComponent, typeof AXComposerComponent, typeof TextRendererComponent, typeof ImageRendererComponent, typeof VideoRendererComponent, typeof AudioRendererComponent, typeof VoiceRendererComponent, typeof FileRendererComponent, typeof LocationRendererComponent, typeof StickerRendererComponent, typeof FallbackRendererComponent, typeof AXInfiniteScrollDirective], [typeof AXConversationContainerComponent, typeof AXSidebarComponent, typeof AXInfoBarComponent, typeof AXMessageListComponent, typeof AXComposerComponent, typeof TextRendererComponent, typeof ImageRendererComponent, typeof VideoRendererComponent, typeof AudioRendererComponent, typeof VoiceRendererComponent, typeof FileRendererComponent, typeof LocationRendererComponent, typeof StickerRendererComponent, typeof FallbackRendererComponent, typeof AXInfiniteScrollDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXConversation2Module, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof AXConversationContainerComponent, typeof AXSidebarComponent, typeof AXInfoBarComponent, typeof AXMessageListComponent, typeof AXComposerComponent, typeof AXTextRendererComponent, typeof AXImageRendererComponent, typeof AXVideoRendererComponent, typeof AXAudioRendererComponent, typeof AXVoiceRendererComponent, typeof AXFileRendererComponent, typeof AXLocationRendererComponent, typeof AXStickerRendererComponent, typeof AXFallbackRendererComponent, typeof AXInfiniteScrollDirective], [typeof AXConversationContainerComponent, typeof AXSidebarComponent, typeof AXInfoBarComponent, typeof AXMessageListComponent, typeof AXComposerComponent, typeof AXTextRendererComponent, typeof AXImageRendererComponent, typeof AXVideoRendererComponent, typeof AXAudioRendererComponent, typeof AXVoiceRendererComponent, typeof AXFileRendererComponent, typeof AXLocationRendererComponent, typeof AXStickerRendererComponent, typeof AXFallbackRendererComponent, typeof AXInfiniteScrollDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXConversation2Module>;
 }
 /**
@@ -6135,5 +6136,5 @@ declare function getErrorMessage(code: string, params?: Record<string, string |
  */
 type AXErrorCode = typeof MESSAGE_ERRORS[keyof typeof MESSAGE_ERRORS]['code'] | typeof FILE_ERRORS[keyof typeof FILE_ERRORS]['code'] | typeof USER_ERRORS[keyof typeof USER_ERRORS]['code'] | typeof CONVERSATION_ERRORS[keyof typeof CONVERSATION_ERRORS]['code'] | typeof CONNECTION_ERRORS[keyof typeof CONNECTION_ERRORS]['code'] | typeof LOCATION_ERRORS[keyof typeof LOCATION_ERRORS]['code'] | typeof URL_ERRORS[keyof typeof URL_ERRORS]['code'] | typeof PERMISSION_ERRORS[keyof typeof PERMISSION_ERRORS]['code'];
 
-export { AI_API_KEY, AXAIResponderService, AXAudioPickerComponent, AXBaseRegistry, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXContactPickerComponent, AXConversation2Module, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageUtilsService, AXConversationService, AXConversationStoreService, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFilePickerComponent, AXFileUploadService, AXForwardMessageDialogComponent, AXImagePickerComponent, AXIndexedDBConversationApi, AXIndexedDBMessageAIApi, AXIndexedDBMessageApi, AXIndexedDBRealtimeApi, AXIndexedDBUserApi, AXInfiniteScrollDirective, AXInfoBarActionRegistry, AXInfoBarComponent, AXInfoBarSearchComponent, AXInfoBarService, AXLocationPickerComponent, AXMessageActionRegistry, AXMessageApi, AXMessageListComponent, AXMessageListService, AXMessageRendererRegistry, AXNewConversationDialogComponent, AXPickerFooterComponent, AXPickerHeaderComponent, AXRealtimeApi, AXRegistryService, AXSidebarComponent, AXSidebarService, AXStickerTabComponent, AXUserApi, AXVideoPickerComponent, AXVoiceRecorderComponent, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_CONTACT_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONTACT_RENDERER, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_COPY_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, AudioRendererComponent, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, ContactRendererComponent, DEFAULT_COMPOSER_ACTIONS, DEFAULT_COMPOSER_TABS, DEFAULT_CONVERSATION_ITEM_ACTIONS, DEFAULT_CONVERSATION_TABS, DEFAULT_INFO_BAR_ACTIONS, DEFAULT_MESSAGE_ACTIONS, DEFAULT_MESSAGE_RENDERERS, ERROR_HANDLER_CONFIG, ERROR_MESSAGES, FILE_ERRORS, FallbackRendererComponent, FileRendererComponent, ImageRendererComponent, LOCATION_ERRORS, LocationRendererComponent, MESSAGE_ERRORS, PERMISSION_ERRORS, REGISTRY_CONFIG, StickerRendererComponent, SystemRendererComponent, TextRendererComponent, URL_ERRORS, USER_ERRORS, VideoRendererComponent, VoiceRendererComponent, formatErrorMessage, getDefaultConversationItemActions, getErrorMessage, mergeWithDefaults, provideConversation, sanitizeInput, validateConversationId, validateEmail, validateFile, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
+export { AI_API_KEY, AXAIResponderService, AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXContactPickerComponent, AXContactRendererComponent, AXConversation2Module, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageUtilsService, AXConversationService, AXConversationStoreService, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFallbackRendererComponent, AXFilePickerComponent, AXFileRendererComponent, AXFileUploadService, AXForwardMessageDialogComponent, AXImagePickerComponent, AXImageRendererComponent, AXIndexedDBConversationApi, AXIndexedDBMessageAIApi, AXIndexedDBMessageApi, AXIndexedDBRealtimeApi, AXIndexedDBUserApi, AXInfiniteScrollDirective, AXInfoBarActionRegistry, AXInfoBarComponent, AXInfoBarSearchComponent, AXInfoBarService, AXLocationPickerComponent, AXLocationRendererComponent, AXMessageActionRegistry, AXMessageApi, AXMessageListComponent, AXMessageListService, AXMessageRendererRegistry, AXNewConversationDialogComponent, AXPickerFooterComponent, AXPickerHeaderComponent, AXRealtimeApi, AXRegistryService, AXSidebarComponent, AXSidebarService, AXStickerRendererComponent, AXStickerTabComponent, AXSystemRendererComponent, AXTextRendererComponent, AXUserApi, AXVideoPickerComponent, AXVideoRendererComponent, AXVoiceRecorderComponent, AXVoiceRendererComponent, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_CONTACT_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONTACT_RENDERER, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_COPY_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, DEFAULT_COMPOSER_ACTIONS, DEFAULT_COMPOSER_TABS, DEFAULT_CONVERSATION_ITEM_ACTIONS, DEFAULT_CONVERSATION_TABS, DEFAULT_INFO_BAR_ACTIONS, DEFAULT_MESSAGE_ACTIONS, DEFAULT_MESSAGE_RENDERERS, ERROR_HANDLER_CONFIG, ERROR_MESSAGES, FILE_ERRORS, LOCATION_ERRORS, MESSAGE_ERRORS, PERMISSION_ERRORS, REGISTRY_CONFIG, URL_ERRORS, USER_ERRORS, formatErrorMessage, getDefaultConversationItemActions, getErrorMessage, mergeWithDefaults, provideConversation, sanitizeInput, validateConversationId, validateEmail, validateFile, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
 export type { AXAIResponderConfig, AXApiError, AXAudioPayload, AXBlockReportReason, AXCallEvent, AXComposerAction, AXComposerActionContext, AXComposerActiveComponent, AXComposerTab, AXConnectionEvent, AXConnectionOptions, AXConnectionStatus, AXContactPayload, AXConversation, AXConversationConfig, AXConversationCreateData, AXConversationError, AXConversationFilter, AXConversationFilters, AXConversationItemAction, AXConversationItemActionContext, AXConversationOptions, AXConversationPermissions, AXConversationSettings, AXConversationSettingsUpdate, AXConversationSort, AXConversationStatus, AXConversationTab, AXConversationType, AXConversationUpdateData, AXDeleteMessageCommand, AXEditMessageCommand, AXErrorCode, AXErrorHandlerConfig, AXErrorMessage, AXErrorSeverity, AXFilePayload, AXFileValidationResult, AXGroupedReaction, AXImagePayload, AXInfoBarAction, AXInfoBarActionContext, AXInfoBarActiveComponent, AXLink, AXLinkPreview, AXLocationPayload, AXMention, AXMessage, AXMessageAction, AXMessageActionContext, AXMessageAvatarTemplateContext, AXMessageForwardData, AXMessagePayload, AXMessageRenderer, AXMessageRendererCapabilities, AXMessageSearchFilters, AXMessageStatus, AXMessageType, AXNotificationEvent, AXPaginatedResult, AXPagination, AXParticipant, AXParticipantRole, AXParticipantStatus, AXParticipantUpdate, AXPinnedMessage, AXPollOption, AXPollPayload, AXPresenceStatus, AXPresenceUpdate, AXReaction, AXReadReceipt, AXRegistryConfiguration, AXRegistryItem, AXSendMessageCommand, AXStickerPayload, AXSystemPayload, AXTextFormat, AXTextPayload, AXTypingIndicator, AXUserProfileUpdate, AXUserRole, AXUserSearchFilters, AXValidationResult, AXVideoPayload, AXVoicePayload, DropdownMenuItem, FilePreview, FileUploadProgress };

package/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import * as i2 from '@acorex/cdk/common';
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/drag-drop';
@@ -7,8 +8,7 @@ import * as i4 from '@angular/cdk/a11y';
 import * as i5 from '@acorex/components/button';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/components/loading';
-import * as i8 from '@angular/cdk/dialog';
-import * as i9 from '@acorex/core/translation';
+import * as i8 from '@acorex/core/translation';
 
 interface AXDialogButtonItem {
     text: string;
@@ -48,14 +48,24 @@ interface AXDialogData {
     icon?: string | 'none';
     draggable?: boolean;
 }
+/**
+ * @internal
+ * Internal reference used by dialog service to manage overlay instances
+ */
+interface AXDialogInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: () => void;
+}
 
 /**
  * A dialog component that provides a modal interface for user interactions.
  * @category Components
  */
 declare class AXDialogComponent extends MXBaseComponent {
-    protected data: AXDialogData;
-    private dialogRef;
+    /** Dialog configuration data */
+    data: i0.InputSignal<AXDialogData>;
+    /** @internal Callback function to close the dialog */
+    onClose: i0.InputSignal<() => void>;
     /**
      *  @ignore
      */
@@ -74,19 +84,13 @@ declare class AXDialogComponent extends MXBaseComponent {
      * @returns void - No return value. The dialog is closed and removed from the DOM.
      */
     close(): void;
-    /**
-     *  @ignore
-     */
-    get tabIndex(): string;
-    /** @ignore */
-    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.DialogModule, typeof i9.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
 }
 
@@ -96,7 +100,7 @@ declare class AXDialogModule {
  * @category Components
  */
 declare class AXDialogService {
-    private dialog;
+    private overlayService;
     private defaultConfig;
     private detectIcon;
     /**
@@ -145,4 +149,4 @@ declare class AXDialogService {
 }
 
 export { AXDialogComponent, AXDialogModule, AXDialogService };
-export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogRef };
+export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogInternalRef, AXDialogRef };

package/dropdown/index.d.ts

@@ -3,13 +3,12 @@ import { MXInteractiveComponent, MXLookComponent, AXEvent } from '@acorex/cdk/co
 import * as i0 from '@angular/core';
 import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
 import * as polytype from 'polytype';
-import * as i6 from '@acorex/components/popover';
+import * as i5 from '@acorex/components/popover';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { Subscription } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/a11y';
-import * as i4 from '@angular/cdk/overlay';
-import * as i5 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 
 declare const AXDropdownBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
 declare class AXDropdownBoxComponent extends AXDropdownBoxComponent_base implements OnInit {
@@ -278,7 +277,7 @@ declare class AXDropdownPanelComponent extends MXInteractiveComponent implements
 
 declare class AXDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.OverlayModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.AXDecoratorModule, typeof i5.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
 }