@acorex/components 20.2.0-next.9 → 20.2.1

package/conversation/index.d.ts

@@ -1,15 +1,12 @@
 import * as i3 from '@acorex/cdk/common';
 import { AXHtmlEvent, AXEvent, AXStyleColorType, MXInputBaseValueComponent, MXLookComponent, AXClickEvent, MXBaseComponent } from '@acorex/cdk/common';
 import * as _angular_core from '@angular/core';
-import { Type, WritableSignal, ElementRef, Signal, TemplateRef, OnDestroy, Renderer2, OnInit, ModuleWithProviders } from '@angular/core';
+import { Type, WritableSignal, ElementRef, Signal, TemplateRef, OnDestroy, OnInit, ModuleWithProviders } from '@angular/core';
 import * as polytype from 'polytype';
 import * as i15 from '@acorex/components/popover';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import * as i12 from '@angular/cdk/portal';
 import { ComponentPortal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
-import * as i16 from '@acorex/core/file';
-import { AXFileService } from '@acorex/core/file';
-import { HttpClient } from '@angular/common/http';
 import * as i9 from '@acorex/components/audio-wave';
 import { AXAudioWaveComponent, AXWaveConfig, AXAudioWaveChangeEvent } from '@acorex/components/audio-wave';
 import * as i1 from '@angular/common';
@@ -23,6 +20,7 @@ import * as i10 from '@acorex/components/circular-progress';
 import * as i11 from '@acorex/core/date-time';
 import * as i13 from '@acorex/components/loading';
 import * as i14 from '@acorex/components/avatar';
+import * as i16 from '@acorex/core/file';
 import * as i17 from '@acorex/components/range-slider';
 import * as i18 from '@acorex/cdk/virtual-scroll';
 
@@ -104,9 +102,25 @@ declare class AXRecordingService {
         hours: number;
     };
     protected timerInterval: any;
+    /**
+     * Starts audio recording using the browser's MediaRecorder API.
+     *
+     * @returns Promise<void> - Resolves when recording starts successfully, rejects if not supported.
+     */
     startRecording(): Promise<void>;
-    endRecording(): Promise<unknown>;
+    /**
+     * Ends the current recording session and returns the recorded audio blob.
+     *
+     * @returns Promise<Blob> - Resolves with the recorded audio blob.
+     */
+    endRecording(): Promise<Blob>;
+    /**
+     * Calculates and updates the recording time, incrementing seconds, minutes, and hours as needed.
+     */
     calculateTime(): void;
+    /**
+     * Resets the recording timer to zero and clears the timer interval.
+     */
     resetTimer(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRecordingService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRecordingService>;
@@ -136,15 +150,15 @@ declare class AXConversationInputComponent extends AXConversationInputComponent_
     protected replyChat: Signal<AXConversationMessage>;
     setActionBoxContainer(icon: string, content: string, user?: string, closeCallback?: () => void): void;
     /** Maximum length of input text */
-    maxLength: _angular_core.InputSignal<number>;
+    readonly maxLength: _angular_core.InputSignal<number>;
     /** Indicates if an attachment is present */
-    hasAttachment: _angular_core.InputSignal<boolean>;
+    readonly hasAttachment: _angular_core.InputSignal<boolean>;
     /** Indicates if voice recording is enabled */
-    hasVoice: _angular_core.InputSignal<boolean>;
-    hasEmoji: _angular_core.InputSignal<boolean>;
-    isLoading: _angular_core.InputSignal<boolean>;
+    readonly hasVoice: _angular_core.InputSignal<boolean>;
+    readonly hasEmoji: _angular_core.InputSignal<boolean>;
+    readonly isLoading: _angular_core.InputSignal<boolean>;
     /** Acceptable file types for attachment */
-    acceptFileType: _angular_core.InputSignal<string>;
+    readonly acceptFileType: _angular_core.InputSignal<string>;
     /**
      * Emitted when the send button is clicked.
      *
@@ -251,9 +265,9 @@ declare class AXConversationMessageTypeRegistryService {
  */
 declare class AXConversationMessageComponent extends MXBaseComponent {
     protected popover: _angular_core.Signal<AXPopoverComponent>;
-    isReplyArrowShown: _angular_core.InputSignal<boolean>;
-    chatMessage: _angular_core.InputSignal<AXConversationMessage>;
-    avatar: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly isReplyArrowShown: _angular_core.InputSignal<boolean>;
+    readonly chatMessage: _angular_core.InputSignal<AXConversationMessage>;
+    readonly avatar: _angular_core.InputSignal<TemplateRef<any>>;
     protected conversationService: AXConversationService;
     protected registryService: AXConversationMessageTypeRegistryService;
     protected actionButtonItemsPrivate: _angular_core.WritableSignal<AXConversationMessageAction[]>;
@@ -263,10 +277,24 @@ declare class AXConversationMessageComponent extends MXBaseComponent {
     protected portal: _angular_core.Signal<ComponentPortal<any>>;
     protected messageType: _angular_core.Signal<string>;
     protected get isOwn(): boolean;
+    /**
+     * Handles the action button click and opens the action menu.
+     */
     protected handleActionClick(): void;
     protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     * Handles the resend button click and closes the popover.
+     */
     protected handleResendClick(): void;
+    /**
+     * Handles the delete button click and closes the popover.
+     */
     protected handleDeleteClick(): void;
+    /**
+     * Handles reply functionality by setting the reply ID and emitting the reply click event.
+     *
+     * @param e - The conversation message to reply to.
+     */
     protected replyHandler(e: AXConversationMessage): void;
     get __hostClass(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageComponent, never>;
@@ -279,7 +307,7 @@ declare class AXConversationMessageComponent extends MXBaseComponent {
  * @category Components
  */
 declare class AXConversationMessageAudioComponent extends AXConversationMessageBaseComponent implements OnDestroy {
-    rendrer: Renderer2;
+    private render;
     /**
      *  @ignore
      */
@@ -366,71 +394,43 @@ declare class AXConversationMessageAudioComponent extends AXConversationMessageB
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageAudioComponent, "ax-conversation-message-audio", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Displays the conversation view with messages and interactions.
- *
- * @category Components
- */
-declare class AXConversationViewComponent extends MXBaseComponent {
-    protected conversationService: AXConversationService;
-    onScrollEnd: _angular_core.OutputEmitterRef<AXEvent>;
-    chatBoxHeight: _angular_core.InputSignal<string>;
-    isReplyArrowShown: _angular_core.InputSignal<boolean>;
-    onActionMenuOpening: _angular_core.OutputEmitterRef<AXConversationMenuOpeningEvent>;
-    onAction: _angular_core.OutputEmitterRef<AXConversationActionEvent>;
-    onReplyClick: _angular_core.OutputEmitterRef<AXClickEvent>;
-    avatar: _angular_core.InputSignal<TemplateRef<any>>;
-    updatePrevItems(item: any[]): void;
-    callForUpdate(): void;
-    addNewItem(item: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationViewComponent, "ax-conversation-view", never, { "chatBoxHeight": { "alias": "chatBoxHeight"; "required": false; "isSignal": true; }; "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; }, { "onScrollEnd": "onScrollEnd"; "onActionMenuOpening": "onActionMenuOpening"; "onAction": "onAction"; "onReplyClick": "onReplyClick"; }, never, never, true, never>;
-}
-
 /**
  * Component for displaying file messages in a conversation.
  *
  * @category Components
  */
 declare class AXConversationFileMessageComponent extends AXConversationMessageBaseComponent {
+    #private;
     /**
      *  @ignore
      */
-    fileState: WritableSignal<'loading' | 'ready' | 'error'>;
-    /**
-     *  @ignore
-     */
-    fileSize: WritableSignal<number>;
-    /**
-     *  @ignore
-     */
-    fileName: WritableSignal<string>;
+    protected fileState: _angular_core.WritableSignal<"error" | "loading" | "ready">;
     /**
      *  @ignore
      */
-    fileService: AXFileService;
+    protected fileSize: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    http: HttpClient;
+    protected fileName: _angular_core.WritableSignal<string>;
     /**
      *  @ignore
      */
-    parent: AXConversationViewComponent;
+    private fileService;
     /**
      *  @ignore
      */
-    constructor();
+    private parent;
     /**
      * Emits a download action event for the file.
      * @ignore
      */
-    handleDownloadFile(): void;
+    protected handleDownloadFile(): void;
     /**
      * Emits a cancel action event for the file loading.
      * @ignore
      */
-    handleCancelLoading(): void;
+    protected handleCancelLoading(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationFileMessageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationFileMessageComponent, "ax-conversation-message-file", never, {}, {}, never, never, true, never>;
 }
@@ -455,6 +455,7 @@ declare class ConversationMessageImagePopupComponent {
  * @category Components
  */
 declare class AXConversationMessageImageComponent extends AXConversationMessageBaseComponent {
+    #private;
     /**
      *  @ignore
      */
@@ -475,15 +476,11 @@ declare class AXConversationMessageImageComponent extends AXConversationMessageB
         closeButton: boolean;
         closeOnBackdropClick: boolean;
     };
-    /**
-     *  @ignore
-     */
-    constructor();
     /**
      * Opens a popup displaying the image with options for draggable, size, and backdrop.
      * @ignore
      */
-    openPopup(): void;
+    protected openPopup(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageImageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageImageComponent, "ax-conversation-message-image", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -525,7 +522,7 @@ declare class AXConversationTextMessageComponent extends AXConversationMessageBa
     /**
      *  @ignore
      */
-    conversationService: AXConversationService;
+    private conversationService;
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationTextMessageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationTextMessageComponent, "ng-component", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
@@ -555,6 +552,7 @@ declare class AXConversationMessageVideoComponent extends AXConversationMessageB
  * @category Components
  */
 declare class AXConversationVoiceMessageComponent extends AXConversationMessageBaseComponent {
+    #private;
     /**
      *  @ignore
      */
@@ -562,83 +560,79 @@ declare class AXConversationVoiceMessageComponent extends AXConversationMessageB
     /**
      *  @ignore
      */
-    config: AXWaveConfig;
+    protected config: AXWaveConfig;
     /**
      *  @ignore
      */
-    audioState: WritableSignal<'playing' | 'paused' | 'loading' | 'ready' | 'error'>;
+    protected audioState: _angular_core.WritableSignal<"error" | "playing" | "paused" | "loading" | "ready">;
     /**
      *  @ignore
      */
-    parent: AXConversationViewComponent;
+    private parent;
     private platformID;
     /**
      *  @ignore
      */
-    selectedRate: WritableSignal<number>;
-    /**
-     *  @ignore
-     */
-    selectedRateIndex: WritableSignal<number>;
+    protected selectedRate: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    protected audioProgress: WritableSignal<number>;
+    private selectedRateIndex;
     /**
      *  @ignore
      */
-    protected timeLeft: WritableSignal<number>;
+    protected audioProgress: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    protected currentTime: WritableSignal<number>;
+    protected timeLeft: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    protected duration: WritableSignal<number>;
+    protected currentTime: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    constructor();
+    protected duration: _angular_core.WritableSignal<number>;
     /**
      *  @ignore
      */
-    setWaveColor(): void;
+    private setWaveColor;
     /**
      * Pauses the audio playback and updates the audio state to 'paused'.
      * @ignore
      */
-    handlePauseClick(): void;
+    protected handlePauseClick(): void;
     /**
      * Plays the audio and updates the audio state to 'playing'.
      * @ignore
      */
-    handlePlayClick(): void;
+    protected handlePlayClick(): void;
     /**
      * Updates audio state and progress based on status changes from the audio wave.
      * @param e - The event containing status and data related to the audio.
      * @ignore
      */
-    handleOnStatusChanged(e: AXAudioWaveChangeEvent): void;
+    protected handleOnStatusChanged(e: AXAudioWaveChangeEvent): void;
     /**
      *  @ignore
      */
-    handleLoadingProgress(): void;
+    protected handleLoadingProgress(): void;
     /**
      * Handles the cancellation of a loading operation.
      * @ignore
      */
-    handleCancelLoading(): void;
+    protected handleCancelLoading(): void;
     /**
      * Reloads the audio and updates the state to 'loading'.
      * @ignore
      */
-    handleReloadClick(): void;
+    protected handleReloadClick(): void;
     /**
      * Cycles through predefined audio playback rates and updates the rate.
      * @ignore
      */
-    handleRateClick(): void;
+    protected handleRateClick(): void;
     /**
      *  @ignore
      */
@@ -647,6 +641,40 @@ declare class AXConversationVoiceMessageComponent extends AXConversationMessageB
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationVoiceMessageComponent, "ax-conversation-message-audio", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Displays the conversation view with messages and interactions.
+ *
+ * @category Components
+ */
+declare class AXConversationViewComponent extends MXBaseComponent {
+    protected conversationService: AXConversationService;
+    readonly chatBoxHeight: _angular_core.InputSignal<string>;
+    readonly isReplyArrowShown: _angular_core.InputSignal<boolean>;
+    readonly avatar: _angular_core.InputSignal<TemplateRef<any>>;
+    onActionMenuOpening: _angular_core.OutputEmitterRef<AXConversationMenuOpeningEvent>;
+    onAction: _angular_core.OutputEmitterRef<AXConversationActionEvent>;
+    onReplyClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    onScrollEnd: _angular_core.OutputEmitterRef<AXEvent>;
+    /**
+     * Updates the previous items in the conversation by prepending new items to the beginning of the chat list.
+     *
+     * @param item - Array of items to prepend to the conversation.
+     */
+    updatePrevItems(item: any[]): void;
+    /**
+     * Calls for an update by emitting the onScrollEnd event.
+     */
+    callForUpdate(): void;
+    /**
+     * Adds a new item to the end of the conversation chat list.
+     *
+     * @param item - The item to add to the conversation.
+     */
+    addNewItem(item: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationViewComponent, "ax-conversation-view", never, { "chatBoxHeight": { "alias": "chatBoxHeight"; "required": false; "isSignal": true; }; "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; }, { "onActionMenuOpening": "onActionMenuOpening"; "onAction": "onAction"; "onReplyClick": "onReplyClick"; "onScrollEnd": "onScrollEnd"; }, never, never, true, never>;
+}
+
 interface AXChatModuleConfig {
     types: AXConversationMessageType[];
 }