@acorex/modules 20.0.4 → 20.0.6

package/conversation/index.d.ts

@@ -1,42 +1,17 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, ElementRef, Injector } from '@angular/core';
-import * as i19 from '@acorex/components/tabs';
-import { AXTabsComponent } from '@acorex/components/tabs';
-import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPContent, AXPUserReference, AXPEntityReference, AXPContentType, AXPQueryRequest, AXPPagedListResult } from '@acorex/platform/core';
+import { Injector, OnInit, OnDestroy } from '@angular/core';
+import * as i1 from '@angular/router';
+import { AXPEntity } from '@acorex/platform/common';
 import { AXPEntityModel, AXMEntityCrudServiceImpl } from '@acorex/platform/layout/entity';
-import * as i9 from '@acorex/components/conversation';
-import { AXConversationActionEvent } from '@acorex/components/conversation';
+import { AXPContent, AXPUserReference, AXPEntityReference, AXPBackButton, AXPContentType, AXPQueryRequest, AXPPagedListResult } from '@acorex/platform/core';
+import { AXTabsComponent, AXTabStripChangedEvent } from '@acorex/components/tabs';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
+import { Observable } from 'rxjs';
+import { AXConversationMessage, AXConversationActionEvent, AXConversationMenuOpeningEvent } from '@acorex/components/conversation';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i22 from '@acorex/components/wysiwyg';
 import { AXWysiwygContainerComponent } from '@acorex/components/wysiwyg';
 import { AXStyleLookType } from '@acorex/cdk/common';
-import * as i5 from '@angular/common';
-import * as i6 from '@angular/forms';
-import * as i7 from '@angular/router';
-import * as i8 from '@acorex/core/format';
-import * as i10 from '@acorex/components/comment';
-import * as i11 from '@acorex/core/translation';
-import * as i12 from '@acorex/cdk/resizable';
-import * as i13 from '@acorex/components/image';
-import * as i14 from '@acorex/components/avatar';
-import * as i15 from '@acorex/components/badge';
-import * as i16 from '@acorex/components/decorators';
-import * as i17 from '@acorex/components/text-box';
-import * as i18 from '@acorex/components/search-box';
-import * as i20 from '@acorex/components/button';
-import * as i21 from '@acorex/components/loading';
-import * as i23 from '@acorex/components/label';
-import * as i24 from '@acorex/components/select-box';
-import * as i25 from '@acorex/components/form';
-import * as i26 from '@acorex/components/dropdown-button';
-import * as i27 from '@acorex/components/dropdown';
-import * as i28 from '@acorex/components/toolbar';
-import * as i29 from '@acorex/components/skeleton';
-import * as i30 from '@acorex/platform/layout/views';
-import * as i31 from '@acorex/platform/layout/components';
-import { AXPEntity } from '@acorex/platform/common';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXPWidgetNode, AXPLayoutWidgetComponent, AXPWidgetConfig } from '@acorex/platform/layout/builder';
 
@@ -67,6 +42,14 @@ declare const RootConfig: {
     };
 };
 
+declare class AXMConversationModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMConversationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXMConversationModule, never, never, [typeof i1.RouterModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMConversationModule>;
+}
+
+declare function messageFactory(injector: Injector): Promise<AXPEntity | null>;
+
 type AXMSeenType = 'delivered' | 'read';
 type AXMReactionType = 'like' | 'love' | 'laugh' | 'angry' | 'sad' | string;
 interface AXMConversationReaction {
@@ -82,10 +65,21 @@ interface AXMConversationMessage extends AXPEntityModel<string> {
     message: AXPContent;
     author: AXPUserReference;
     replyId?: string | null;
-    reactions?: AXMConversationReaction[];
-    seen?: AXMConversationSeen[];
+    reactions: AXMConversationReaction[];
+    seen: AXMConversationSeen[];
+    isPinned?: boolean;
 }
 
+declare abstract class AXMMessageService extends AXMEntityCrudServiceImpl<string, AXMConversationMessage> {
+}
+declare class AXMMessageServiceImpl extends AXMMessageService {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMMessageServiceImpl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMMessageServiceImpl>;
+}
+
+declare function roomFactory(injector: Injector): Promise<AXPEntity | null>;
+
 interface AXMConversationRoom extends AXPEntityModel<string> {
     title?: string;
     members: AXPUserReference[];
@@ -93,24 +87,18 @@ interface AXMConversationRoom extends AXPEntityModel<string> {
     topic?: 'support' | 'group' | 'channel' | 'personal' | string;
 }
 
-/**
- * Extended user interface for chat members with UI-specific properties
- */
-interface AXMChatMember {
-    id: string;
-    firstName: string;
-    lastName: string;
-    fullName: string;
-    avatar?: string;
-    isOnline?: boolean;
+declare abstract class AXMRoomService extends AXMEntityCrudServiceImpl<string, AXMConversationRoom> {
 }
+declare class AXMRoomServiceImpl extends AXMRoomService {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMRoomServiceImpl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMRoomServiceImpl>;
+}
+
 /**
  * Extended message interface for chat messages with UI-specific properties
  */
 interface AXMChatMessage extends AXMConversationMessage {
-    isFromCurrentUser?: boolean;
-    formattedDate?: string;
-    hasSeen?: boolean;
 }
 /**
  * Extended room interface for chat rooms with UI-specific properties
@@ -118,23 +106,18 @@ interface AXMChatMessage extends AXMConversationMessage {
 interface AXMChatRoom extends AXMConversationRoom {
     lastMessage?: AXMChatMessage;
     unreadCount: number;
-    roomMembers: AXMChatMember[];
-}
-/**
- * Data transfer object for creating a new chat message
- */
-interface AXMCreateChatMessageDto {
-    roomId: string;
-    content: string;
-    contentType?: string;
-    replyId?: string | null;
 }
 
-declare class AXMChatComponent implements OnInit {
-    private route;
-    private router;
+declare class AXMChatComponent extends AXPPageLayoutBaseComponent implements OnInit, OnDestroy {
+    private activatedRoute;
     private chatService;
+    private userService;
+    private popupService;
+    private router;
+    private unsubscribe;
+    private messageSentSubscription?;
     tab: _angular_core.Signal<AXTabsComponent | undefined>;
+    container: _angular_core.Signal<AXPPageLayoutComponent | undefined>;
     rooms: _angular_core.WritableSignal<AXMChatRoom[]>;
     allRooms: _angular_core.WritableSignal<AXMChatRoom[]>;
     selectedRoom: _angular_core.WritableSignal<AXMChatRoom | null>;
@@ -145,79 +128,158 @@ declare class AXMChatComponent implements OnInit {
     searchQuery: _angular_core.WritableSignal<string>;
     showSearch: _angular_core.WritableSignal<boolean>;
     placeholder: _angular_core.WritableSignal<string>;
-    filteredRooms: _angular_core.Signal<AXMChatRoom[]>;
+    filteredRooms: _angular_core.WritableSignal<AXMChatRoom[]>;
+    searchEffect: _angular_core.EffectRef;
     unreadCount: _angular_core.Signal<number>;
     allCount: _angular_core.Signal<number>;
     hasUnread: _angular_core.Signal<boolean>;
     totalCount: _angular_core.Signal<number>;
-    constructor();
+    af: _angular_core.AfterRenderRef;
+    onTabChange(event: AXTabStripChangedEvent): void;
     ngOnInit(): Promise<void>;
-    getPageTitle(): string;
+    private loadFromRoute;
+    getPageTitle(): Promise<string>;
     getPageDescription(): string;
-    getMenuItems(): any[];
+    getBackButton(): Promise<AXPBackButton | null>;
+    onBackButtonClick(): void | Promise<void>;
     loadChats(): Promise<void>;
     refreshChat(): Promise<void>;
     markChatAsRead(chatId: string): Promise<void>;
     searchChat(query: string): void;
-    goBack(): void;
     onSearch(query: string): void;
     clearSearch(): void;
-    onNewConversation(): void;
-    emitBack(): void;
+    onNewConversation(): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMChatComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatComponent, "axm-chat", never, {}, {}, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatComponent, "axm-chat", never, {}, {}, never, never, true, never>;
+}
+
+declare abstract class AXMChatService {
+    abstract createRoom(memberIds: string[], title?: string): Promise<AXMChatRoom>;
+    abstract getRoom(roomId: string): Promise<AXMChatRoom>;
+    abstract listRooms(skip?: number, take?: number): Promise<{
+        items: AXMChatRoom[];
+        total: number;
+    }>;
+    abstract updateRoom(roomId: string, data: Partial<AXMConversationRoom>): Promise<AXMConversationRoom>;
+    abstract deleteRoom(roomId: string): Promise<boolean>;
+    abstract addParticipant(roomId: string, userId: string): Promise<AXMConversationRoom>;
+    abstract removeParticipant(roomId: string, userId: string): Promise<AXMConversationRoom>;
+    abstract sendMessage(roomId: string, content: string, contentType?: AXPContentType, replyId?: string): Promise<AXMChatMessage>;
+    abstract getMessages(roomId: string, skip?: number, take?: number): Promise<{
+        items: AXMChatMessage[];
+        total: number;
+    }>;
+    abstract getMessage(messageId: string): Promise<AXMChatMessage>;
+    abstract editMessage(messageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
+    abstract deleteMessage(messageId: string): Promise<boolean>;
+    abstract replyMessage(replyToMessageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
+    abstract pinMessage(messageId: string): Promise<AXMConversationMessage>;
+    abstract unpinMessage(messageId: string): Promise<AXMConversationMessage>;
+    abstract addReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
+    abstract removeReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
+    abstract getReactions(messageId: string): Promise<AXMConversationReaction[]>;
+    abstract markSeen(messageId: string): Promise<AXMConversationMessage>;
+    abstract getSeenBy(messageId: string): Promise<AXMConversationSeen[]>;
+    abstract markRoomSeen(roomId: string): Promise<boolean>;
+    abstract readonly messageSent$: Observable<AXMChatMessage>;
+}
+declare class AXMChatServiceImpl implements AXMChatService {
+    private readonly roomService;
+    private readonly messageService;
+    private readonly sessionService;
+    private readonly usersService;
+    private readonly _messageSent$;
+    readonly messageSent$: Observable<AXMChatMessage>;
+    private getCurrentUser;
+    private getUserInfo;
+    private formatMessage;
+    private getUnreadCount;
+    createRoom(memberIds: string[], title?: string): Promise<AXMChatRoom>;
+    getRoom(roomId: string): Promise<AXMChatRoom>;
+    listRooms(skip?: number, take?: number): Promise<{
+        items: AXMChatRoom[];
+        total: number;
+    }>;
+    updateRoom(roomId: string, data: Partial<AXMConversationRoom>): Promise<AXMConversationRoom>;
+    deleteRoom(roomId: string): Promise<boolean>;
+    addParticipant(roomId: string, userId: string): Promise<AXMConversationRoom>;
+    removeParticipant(roomId: string, userId: string): Promise<AXMConversationRoom>;
+    sendMessage(roomId: string, content: string, contentType?: AXPContentType, replyId?: string): Promise<AXMChatMessage>;
+    getMessages(roomId: string, skip?: number, take?: number): Promise<{
+        items: AXMChatMessage[];
+        total: number;
+    }>;
+    getMessage(messageId: string): Promise<AXMChatMessage>;
+    editMessage(messageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
+    deleteMessage(messageId: string): Promise<boolean>;
+    replyMessage(replyToMessageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
+    pinMessage(messageId: string): Promise<AXMConversationMessage>;
+    unpinMessage(messageId: string): Promise<AXMConversationMessage>;
+    addReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
+    removeReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
+    getReactions(messageId: string): Promise<AXMConversationReaction[]>;
+    markSeen(messageId: string): Promise<AXMConversationMessage>;
+    getSeenBy(messageId: string): Promise<AXMConversationSeen[]>;
+    markRoomSeen(roomId: string): Promise<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMChatServiceImpl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMChatServiceImpl>;
 }
 
 declare class AXMChatItemComponent {
+    #private;
     data: _angular_core.InputSignal<AXMChatRoom>;
     pressChatItem: _angular_core.OutputEmitterRef<string>;
     private sessionService;
-    private router;
-    private activatedRoute;
-    protected fullName: _angular_core.Signal<string>;
-    protected lastMessage: _angular_core.Signal<string>;
-    protected lastMessageDate: _angular_core.Signal<string>;
+    private userService;
+    private datePipe;
+    protected chatName: _angular_core.WritableSignal<{
+        fullName: string;
+        id: string;
+    }>;
+    protected formattedLastMessageDate: _angular_core.Signal<string | null>;
+    protected lastMessage: _angular_core.Signal<{
+        content: string;
+        contentType: string;
+    }>;
     protected hasUnread: _angular_core.Signal<boolean>;
     protected unreadCount: _angular_core.Signal<string>;
-    protected isOnline: _angular_core.Signal<boolean>;
-    protected myId: string | undefined;
-    protected extractInitials(name: string): string;
     protected onPressChatItem(id: string): void;
     protected messageSeenStatus(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMChatItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatItemComponent, "axm-chat-item", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, { "pressChatItem": "pressChatItem"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatItemComponent, "axm-chat-item", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, { "pressChatItem": "pressChatItem"; }, never, never, true, never>;
 }
 
-declare class AXMChatPreviewComponent implements OnDestroy {
-    private elRef;
+declare class AXMChatPreviewComponent {
     private activatedRoute;
     private fileService;
     private chatService;
+    private sessionService;
+    private toastService;
+    protected chatData: _angular_core.WritableSignal<AXConversationMessage[]>;
+    protected isEditing: _angular_core.WritableSignal<boolean>;
+    protected editId: _angular_core.WritableSignal<string | null>;
+    protected height: _angular_core.WritableSignal<number>;
+    protected isLoading: _angular_core.WritableSignal<boolean>;
+    protected error: _angular_core.WritableSignal<string | null>;
+    protected setHeight(height: number): void;
     protected options: _angular_core.WritableSignal<{
         disabled: boolean;
         readonly: boolean;
         value: string;
     }>;
-    protected conversationViewMaxHeight: _angular_core.WritableSignal<string>;
-    private resizeObserver;
-    private initialTextAreaHeight;
-    private textareaHeight;
-    private messageId;
-    constructor(elRef: ElementRef);
-    protected dynamicHeight: _angular_core.Signal<string>;
-    ngOnDestroy(): void;
+    protected roomId: string;
+    ngOnInit(): void;
     handleFileChange(event: any): void;
     handleCancelRecord(event: any): void;
     handleEndRecord(event: any): void;
     handleOnSend(e: any): void;
     handleOnAction(e: AXConversationActionEvent): void;
     scrollToEnd(): void;
-    addMockMessage(): void;
     loadMessages(roomId: string): Promise<void>;
-    loadDemoMessages(): void;
+    protected addItemHandler(e: AXConversationMenuOpeningEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMChatPreviewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatPreviewComponent, "axm-chat-preview", never, {}, {}, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMChatPreviewComponent, "axm-chat-preview", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -322,135 +384,13 @@ declare class AXMCommentListViewComponent implements OnInit {
     scrollMain(): void;
     calcDefrenetTime(date: Date | undefined): number | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMCommentListViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMCommentListViewComponent, "axm-comment-list-view", never, {}, {}, never, never, false, never>;
-}
-
-declare class AXMConversationModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMConversationModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXMConversationModule, [typeof AXMChatComponent, typeof AXMChatItemComponent, typeof AXMChatPreviewComponent, typeof AXMCommentListViewComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.RouterModule, typeof i8.AXFormatModule, typeof i9.AXConversationModule, typeof i10.AXCommentModule, typeof i11.AXTranslationModule, typeof i12.AXResizableDirective, typeof i13.AXImageModule, typeof i14.AXAvatarModule, typeof i15.AXBadgeModule, typeof i16.AXDecoratorModule, typeof i17.AXTextBoxModule, typeof i18.AXSearchBoxModule, typeof i19.AXTabsModule, typeof i20.AXButtonModule, typeof i21.AXLoadingModule, typeof i22.AXWysiwygModule, typeof i23.AXLabelModule, typeof i24.AXSelectBoxModule, typeof i25.AXFormModule, typeof i26.AXDropdownButtonModule, typeof i27.AXDropdownModule, typeof i28.AXToolBarModule, typeof i29.AXSkeletonModule, typeof i30.AXPPageLayoutComponent, typeof i31.AXPThemeLayoutBlockComponent, typeof i31.AXPThemeLayoutStartSideComponent, typeof i31.AXPThemeLayoutHeaderComponent, typeof i31.AXPThemeLayoutToolbarComponent], [typeof AXMChatItemComponent, typeof AXMChatPreviewComponent, typeof AXMCommentListViewComponent, typeof i7.RouterModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMConversationModule>;
-}
-
-declare function messageFactory(injector: Injector): Promise<AXPEntity | null>;
-
-declare abstract class AXMMessageService extends AXMEntityCrudServiceImpl<string, AXMConversationMessage> {
-}
-declare class AXMMessageServiceImpl extends AXMMessageService {
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMMessageServiceImpl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMMessageServiceImpl>;
-}
-
-declare function roomFactory(injector: Injector): Promise<AXPEntity | null>;
-
-declare abstract class AXMRoomService extends AXMEntityCrudServiceImpl<string, AXMConversationRoom> {
-}
-declare class AXMRoomServiceImpl extends AXMRoomService {
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMRoomServiceImpl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMRoomServiceImpl>;
-}
-
-/**
- * Abstract Chat Service defining the contract for chat functionality
- */
-declare abstract class AXMChatService {
-    /**
-     * Get all chat rooms available to the current user
-     */
-    abstract getAllChatRooms(skip?: number, take?: number): Promise<{
-        items: AXMChatRoom[];
-        total: number;
-    }>;
-    /**
-     * Get details of a specific chat room
-     */
-    abstract getChatRoom(roomId: string): Promise<AXMChatRoom>;
-    /**
-     * Get messages for a specific chat room
-     */
-    abstract getChatMessages(roomId: string, skip?: number, take?: number): Promise<{
-        items: AXMChatMessage[];
-        total: number;
-    }>;
-    /**
-     * Send a message to a chat room
-     */
-    abstract sendMessage(roomId: string, content: string, contentType?: AXPContentType, replyId?: string): Promise<AXMConversationMessage>;
-    /**
-     * Mark all messages in a chat room as read
-     */
-    abstract markChatAsRead(roomId: string): Promise<boolean>;
-    /**
-     * Edit an existing message
-     */
-    abstract editMessage(messageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
-    /**
-     * Delete a message
-     */
-    abstract deleteMessage(messageId: string): Promise<boolean>;
-    /**
-     * Create a new conversation with specified members
-     */
-    abstract createNewConversation(memberIds: string[]): Promise<AXMChatRoom>;
-    /**
-     * Add a reaction to a message
-     */
-    abstract addReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
-    /**
-     * Remove a reaction from a message
-     */
-    abstract removeReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
-    /**
-     * Add a member to a chat room
-     */
-    abstract addRoomMember(roomId: string, userId: string): Promise<AXMConversationRoom>;
-    /**
-     * Remove a member from a chat room
-     */
-    abstract removeRoomMember(roomId: string, memberId: string): Promise<AXMConversationRoom>;
-}
-declare class AXMChatServiceImpl implements AXMChatService {
-    private readonly roomService;
-    private readonly messageService;
-    private readonly sessionService;
-    private readonly usersService;
-    private getCurrentUser;
-    private getUserInfo;
-    private formatMessage;
-    private formatMember;
-    getRoomList(skip?: number, take?: number): Promise<_acorex_platform_core.AXPPagedListResult<AXMConversationRoom>>;
-    getRoomDetails(roomId: string): Promise<AXMConversationRoom>;
-    createRoom(roomData: Omit<AXMConversationRoom, 'id'>): Promise<string>;
-    addRoomMember(roomId: string, userId: string): Promise<AXMConversationRoom>;
-    removeRoomMember(roomId: string, memberId: string): Promise<AXMConversationRoom>;
-    deleteRoom(roomId: string): Promise<void>;
-    listMessages(roomId: string, skip?: number, take?: number): Promise<_acorex_platform_core.AXPPagedListResult<AXMConversationMessage>>;
-    sendMessage(roomId: string, content: string, contentType?: AXPContentType, replyId?: string): Promise<AXMConversationMessage>;
-    editMessage(messageId: string, content: string, contentType?: AXPContentType): Promise<AXMConversationMessage>;
-    deleteMessage(messageId: string): Promise<boolean>;
-    markAsSeen(messageId: string): Promise<AXMConversationMessage>;
-    addReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
-    removeReaction(messageId: string, type: AXMReactionType): Promise<AXMConversationMessage>;
-    markChatAsRead(roomId: string): Promise<boolean>;
-    getUnreadCount(roomId: string): Promise<number>;
-    getChatRoom(roomId: string): Promise<AXMChatRoom>;
-    getAllChatRooms(skip?: number, take?: number): Promise<{
-        items: AXMChatRoom[];
-        total: number;
-    }>;
-    getChatMessages(roomId: string, skip?: number, take?: number): Promise<{
-        items: AXMChatMessage[];
-        total: number;
-    }>;
-    createNewConversation(memberIds: string[]): Promise<AXMChatRoom>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMChatServiceImpl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMChatServiceImpl>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMCommentListViewComponent, "axm-comment-list-view", never, {}, {}, never, never, true, never>;
 }
 
 declare class AXMCommentLookupPopup extends AXBasePageComponent {
     protected lookupNode: AXPWidgetNode;
-    context: {};
+    protected titleNode: AXPWidgetNode;
+    context: _angular_core.WritableSignal<any>;
     handleClose(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMCommentLookupPopup, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMCommentLookupPopup, "ng-component", never, {}, {}, never, never, true, never>;
@@ -582,4 +522,4 @@ declare class AXMCommentWidgetViewComponent extends AXPLayoutWidgetComponent imp
 declare const AXPCommentWidget: AXPWidgetConfig;
 
 export { AXMChatComponent, AXMChatItemComponent, AXMChatPreviewComponent, AXMChatService, AXMChatServiceImpl, AXMCommentListViewComponent, AXMCommentLookupPopup, AXMCommentService, AXMCommentServiceImpl, AXMCommentWidgetViewComponent, AXMConversationModule, AXMMessageService, AXMMessageServiceImpl, AXMRoomService, AXMRoomServiceImpl, AXPCommentWidget, RootConfig, messageFactory, roomFactory };
-export type { AXMChatMember, AXMChatMessage, AXMChatRoom, AXMCommentMessage, AXMCommentRoom, AXMCommentUser, AXMConversationMessage, AXMConversationReaction, AXMConversationRoom, AXMConversationSeen, AXMCreateChatMessageDto, AXMCreateCommentDto, AXMReactionType, AXMSeenType };
+export type { AXMChatMessage, AXMChatRoom, AXMCommentMessage, AXMCommentRoom, AXMCommentUser, AXMConversationMessage, AXMConversationReaction, AXMConversationRoom, AXMConversationSeen, AXMCreateCommentDto, AXMReactionType, AXMSeenType };

package/fesm2022/{acorex-modules-application-management-module-designer.component-CvFiEI1a.mjs → acorex-modules-application-management-module-designer.component-oGgCaUDu.mjs}

@@ -291,7 +291,7 @@ class AXMModuleDesignerComponent {
         set(target, 'data', data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMModuleDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMModuleDesignerComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container class=\"ax-overflow-hidden\">\n  <ax-drawer #drawer location=\"start\" [collapsed]=\"false\" [mode]=\"'push'\">\n    <ax-content class=\" ax-w-80 ax-relative ax-border-e ax-px-4 ax-py-2\">\n      <div class=\"ax-overflow-auto ax-h-[calc(100vh-180px)]\">\n        <span class=\"ax-font-bold ax-text-xl\">{{ 'designer.modules' | translate | async }}</span>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-mt-4\">\n          @if(modules().length){\n          <ax-collapse-group [accordion]=\"false\" look=\"blank\">\n            @for(m of modules();track $index){\n            <ax-collapse class=\"ctx\" icon=\"fas fa-folder ax-text-warning\" [isCollapsed]=\"true\" [caption]=\"m.title\"\n              look=\"none\" data-elementType=\"module\" [attr.data-moduleId]=\"m.id\" data-entityType=\"module\">\n              <div class=\"ax-mx-3\">\n                <ax-collapse-group [accordion]=\"false\" look=\"blank\">\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-box ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'entity')\"\n                    [caption]=\"('designer.entities' | translate | async) ?? 'Entities'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"entity\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'entity', items: getEntities(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-star ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'feature')\"\n                    [caption]=\"('designer.features' | translate | async) ?? 'Features'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"feature\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'feature', items: getFeatures(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-key ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'permission')\"\n                    [caption]=\"('designer.permissions' | translate | async) ?? 'Permissions'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"permission\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'permission', items: getPermissions(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n                </ax-collapse-group>\n              </div>\n            </ax-collapse>\n            }\n          </ax-collapse-group>\n          } @else {\n          <div class=\"ax-h-full ax-flex ax-items-center ax-justify-center\">\n            <span class=\"ax-text-neutral-500 ax-text-sm\">{{ 'designer.emptyModulesText' | translate | async }}</span>\n          </div>\n          }\n        </div>\n        <ax-button class=\"ax-absolute ax-bottom-4 ax-w-72\"\n          [text]=\"('designer.createModule' | translate | async) ?? 'Create New Module'\" (onClick)=\"createModule()\"\n          look=\"solid\" color=\"primary\">\n          <ax-icon class=\"fas fa-plus\"> </ax-icon>\n        </ax-button>\n      </div>\n    </ax-content>\n\n    <ng-template #childTemplate let-child>\n      <div class=\"ax-flex ax-flex-col ax-cursor-pointer ax-select-none ax-border-s ax-ms-[14px] ax-ps-2\">\n        @for (item of child.items; track $index) {\n\n        <div #d (click)=\"contextMenuService.showDetails(child.type, item.id)\"\n          class=\"ctx ax-px-2 ax-py-1 ax-flex ax-items-center ax-justify-between hover:ax-bg-neutral-100 dark:hover:ax-bg-neutral-700 hover:ax-rounded-md\"\n          data-elementType=\"subModuleItem\">\n          {{ assignData(d, { record: item, entityType: child.type, moduleId: child.moduleId }) }}\n          <span>{{ item.title }}</span>\n          <ax-badge [look]=\"'twotone'\" [color]=\"item.isArchived ? 'danger' : 'success'\"\n            [text]=\"item.isArchived ? 'Off' : 'On'\">\n          </ax-badge>\n        </div>\n        }\n      </div>\n    </ng-template>\n  </ax-drawer>\n  <ax-content>\n    <router-outlet></router-outlet>\n  </ax-content>\n</ax-drawer-container>\n\n<ax-context-menu #contextMenu (onItemClick)=\"handleActionClick($event)\" [items]=\"[]\" [target]=\"'.ctx'\"\n  [orientation]=\"'vertical'\" [closeOn]=\"'leave'\" (onOpening)=\"openingContextMenu($event)\">\n</ax-context-menu>", styles: [".ax-collapse-header{padding:.25rem .5rem!important}.ax-collapse-header:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.ax-collapse-header:hover:is(.ax-dark *){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.ax-collapse-body-content{padding:.25rem!important;padding-inline-start:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i2.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: i2.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i6$1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i6$1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "text", "look"] }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i8$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMModuleDesignerComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container class=\"ax-overflow-hidden\">\n  <ax-drawer #drawer location=\"start\" [collapsed]=\"false\" [mode]=\"'push'\">\n    <ax-content class=\" ax-w-80 ax-relative ax-border-e ax-px-4 ax-py-2\">\n      <div class=\"ax-overflow-auto ax-h-[calc(100vh-180px)]\">\n        <span class=\"ax-font-bold ax-text-xl\">{{ 'designer.modules' | translate | async }}</span>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-mt-4\">\n          @if(modules().length){\n          <ax-collapse-group [accordion]=\"false\" look=\"blank\">\n            @for(m of modules();track $index){\n            <ax-collapse class=\"ctx\" icon=\"fas fa-folder ax-text-warning\" [isCollapsed]=\"true\" [caption]=\"m.title\"\n              look=\"none\" data-elementType=\"module\" [attr.data-moduleId]=\"m.id\" data-entityType=\"module\">\n              <div class=\"ax-mx-3\">\n                <ax-collapse-group [accordion]=\"false\" look=\"blank\">\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-box ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'entity')\"\n                    [caption]=\"('designer.entities' | translate | async) ?? 'Entities'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"entity\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'entity', items: getEntities(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-star ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'feature')\"\n                    [caption]=\"('designer.features' | translate | async) ?? 'Features'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"feature\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'feature', items: getFeatures(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n\n                  <ax-collapse class=\"ctx\" icon=\"fas fa-key ax-text-neutral-400\" [isCollapsed]=\"true\"\n                    (onClick)=\"handleCollapseItemClick(m.id, $event, 'permission')\"\n                    [caption]=\"('designer.permissions' | translate | async) ?? 'Permissions'\" look=\"none\"\n                    data-elementType=\"subModule\" [attr.data-moduleId]=\"m.id\" data-entityType=\"permission\">\n                    <ng-container [ngTemplateOutlet]=\"childTemplate\" [ngTemplateOutletContext]=\"{\n                        $implicit: { type: 'permission', items: getPermissions(m.id), moduleId: m.id }\n                      }\"></ng-container>\n                  </ax-collapse>\n                </ax-collapse-group>\n              </div>\n            </ax-collapse>\n            }\n          </ax-collapse-group>\n          } @else {\n          <div class=\"ax-h-full ax-flex ax-items-center ax-justify-center\">\n            <span class=\"ax-text-neutral-500 ax-text-sm\">{{ 'designer.emptyModulesText' | translate | async }}</span>\n          </div>\n          }\n        </div>\n        <ax-button class=\"ax-absolute ax-bottom-4 ax-w-72\"\n          [text]=\"('designer.createModule' | translate | async) ?? 'Create New Module'\" (onClick)=\"createModule()\"\n          look=\"solid\" color=\"primary\">\n          <ax-icon class=\"fas fa-plus\"> </ax-icon>\n        </ax-button>\n      </div>\n    </ax-content>\n\n    <ng-template #childTemplate let-child>\n      <div class=\"ax-flex ax-flex-col ax-cursor-pointer ax-select-none ax-border-s ax-ms-[14px] ax-ps-2\">\n        @for (item of child.items; track $index) {\n\n        <div #d (click)=\"contextMenuService.showDetails(child.type, item.id)\"\n          class=\"ctx ax-px-2 ax-py-1 ax-flex ax-items-center ax-justify-between hover:ax-bg-neutral-100 dark:hover:ax-bg-neutral-700 hover:ax-rounded-md\"\n          data-elementType=\"subModuleItem\">\n          {{ assignData(d, { record: item, entityType: child.type, moduleId: child.moduleId }) }}\n          <span>{{ item.title }}</span>\n          <ax-badge [look]=\"'twotone'\" [color]=\"item.isArchived ? 'danger' : 'success'\"\n            [text]=\"item.isArchived ? 'Off' : 'On'\">\n          </ax-badge>\n        </div>\n        }\n      </div>\n    </ng-template>\n  </ax-drawer>\n  <ax-content>\n    <router-outlet></router-outlet>\n  </ax-content>\n</ax-drawer-container>\n\n<ax-context-menu #contextMenu (onItemClick)=\"handleActionClick($event)\" [items]=\"[]\" [target]=\"'.ctx'\"\n  [orientation]=\"'vertical'\" [closeOn]=\"'leave'\" (onOpening)=\"openingContextMenu($event)\">\n</ax-context-menu>", styles: [".ax-collapse-header{padding:.25rem .5rem!important}.ax-collapse-header:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.ax-collapse-header:hover:is(.ax-dark *){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.ax-collapse-body-content{padding:.25rem!important;padding-inline-start:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i2.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: i2.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i6$1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i6$1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i8$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMModuleDesignerComponent, decorators: [{
             type: Component,
@@ -312,4 +312,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
         }], ctorParameters: () => [] });
 
 export { AXMModuleDesignerComponent };
-//# sourceMappingURL=acorex-modules-application-management-module-designer.component-CvFiEI1a.mjs.map
+//# sourceMappingURL=acorex-modules-application-management-module-designer.component-oGgCaUDu.mjs.map