@acorex/components 20.4.19 → 20.6.0

package/conversation2/index.d.ts

@@ -471,6 +471,10 @@ interface AXParticipant {
     description?: string;
     /** Avatar/profile image URL */
     avatar?: string;
+    /**
+     * Font Awesome icon class(es) used when `avatar` is not set (e.g. `'fa-light fa-user'`).
+     */
+    icon?: string;
     /** Role in the conversation (for groups/channels) */
     role?: AXParticipantRole;
     /** Current online status */
@@ -562,6 +566,11 @@ interface AXConversation {
     title: string;
     /** Conversation avatar/image URL */
     avatar?: string;
+    /**
+     * Font Awesome icon class(es) for this conversation when no image avatar is used
+     * (e.g. default placeholder for senders without a participant avatar/icon).
+     */
+    icon?: string;
     /** Conversation description (for groups/channels) */
     description?: string;
     /** List of participants */
@@ -2899,7 +2908,7 @@ declare class AXConversationService {
      * @param metadata - Optional metadata (title, avatar, etc.)
      * @returns Created conversation
      */
-    createConversation(participantIds: string[], type: 'private' | 'group' | 'channel', metadata?: AXConversationMetadata): Promise<AXConversation>;
+    createConversation(participantIds: string[], type: AXConversationType, metadata?: AXConversationMetadata): Promise<AXConversation>;
     /**
      * Get available users for conversation creation
      * @param query - Optional search query
@@ -4145,6 +4154,8 @@ declare class AXMessageListComponent implements OnDestroy {
     getSenderName(message: AXMessage): string;
     /** Get sender avatar */
     getSenderAvatar(message: AXMessage): string | undefined;
+    /** Font Awesome icon for sender when no avatar image (participant or conversation icon). */
+    getSenderAvatarIcon(message: AXMessage): string | undefined;
     /** Get original sender name for forwarded messages */
     getOriginalSenderName(message: AXMessage): string;
     /** Get forwarded text with sender and conversation info */
@@ -4255,6 +4266,8 @@ interface AXMessageAvatarTemplateContext {
     size: number;
     senderName: string;
     senderAvatar?: string;
+    /** Font Awesome class string when there is no `senderAvatar` image. */
+    senderIcon?: string;
 }
 
 declare class AXMessageListService {
@@ -5737,9 +5750,14 @@ declare class AXConversationMessageUtilsService {
      */
     static getSenderName(message: AXMessage, conversation: AXConversation): string;
     /**
-     * Get sender avatar
+     * Get sender avatar image URL (takes precedence over {@link getSenderAvatarIcon}).
      */
     static getSenderAvatar(message: AXMessage, conversation: AXConversation): string | undefined;
+    /**
+     * Font Awesome icon class(es) for the sender when there is no avatar image:
+     * participant `icon` first, then conversation-level `icon`.
+     */
+    static getSenderAvatarIcon(message: AXMessage, conversation: AXConversation): string | undefined;
     /**
      * Get initials from name
      */

package/fab/index.d.ts

@@ -1,26 +1,41 @@
 import * as _angular_core from '@angular/core';
-import { AXClickEvent } from '@acorex/cdk/common';
+import { AXPlacementType, AXClickEvent, AXEvent } from '@acorex/cdk/common';
 
-declare class AXFabItemComponent {
+declare class AXFabComponent {
     label: _angular_core.InputSignal<string>;
+    popupStyle: _angular_core.InputSignal<"bubble" | "box">;
+    popupPlacement: _angular_core.InputSignal<AXPlacementType>;
     /**
      *  Fires each time the user clicks the button.
      *  @event
      */
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabItemComponent, "ax-fab-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["ax-icon"], true, never>;
+    /**
+     * Emits when the popover is opened.
+     * @event
+     */
+    onOpened: _angular_core.OutputEmitterRef<AXEvent>;
+    /**
+     * Emits when the popover is closed.
+     * @event
+     */
+    onClosed: _angular_core.OutputEmitterRef<AXEvent>;
+    protected openPopover(): void;
+    protected closePopover(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabComponent, "ax-fab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "popupStyle": { "alias": "popupStyle"; "required": false; "isSignal": true; }; "popupPlacement": { "alias": "popupPlacement"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-icon", "ax-fab-item"], true, never>;
 }
 
-declare class AXFabComponent {
+declare class AXFabItemComponent {
     label: _angular_core.InputSignal<string>;
+    protected parent: AXFabComponent;
     /**
      *  Fires each time the user clicks the button.
      *  @event
      */
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabComponent, "ax-fab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["ax-icon", "ax-fab-item"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabItemComponent, "ax-fab-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["ax-icon"], true, never>;
 }
 
 export { AXFabComponent, AXFabItemComponent };