@progress/kendo-angular-conversational-ui 21.0.0-develop.9 → 21.0.0

package/chat/api/index.d.ts

@@ -18,3 +18,4 @@ export * from './file-download-event.interface';
 export * from './send-button-settings';
 export * from './files-layout';
 export * from './suggestions-layout';
+export * from './timestamp-visibility';

package/chat/api/message-settings.interface.d.ts

@@ -30,4 +30,12 @@ export interface MessageSettings {
      * Sets the mode that will be used to determine the message width.
      */
     messageWidthMode?: MessageWidthMode;
+    /**
+     * Sets the visibility of the author's avatar for the message group.
+     */
+    showAvatar?: boolean;
+    /**
+     * Sets the visibility of the author's username for the message group.
+     */
+    showUsername?: boolean;
 }

package/chat/api/message-width-mode.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the possible modes for message width in the chat component.
+ * Defines the possible modes for message width in the Chat component.
  * - `full`: The message takes the full width of the chat container.
  * - `standard`: (Default) The message width is standard, allowing for a more compact layout.
  */

package/chat/api/timestamp-visibility.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Defines the possible modes for timestamp visibility in the Chat component.
+ * - `focus`: Timestamps are only visible for selected/focused messages (default Chat behavior).
+ * - `hidden`: Timestamps are hidden for all messages.
+ */
+export type TimestampVisibilityMode = 'focus' | 'hidden';

package/chat/chat.component.d.ts

@@ -25,6 +25,7 @@ import { ContextMenuComponent, ContextMenuPopupEvent } from '@progress/kendo-ang
 import { NoDataTemplateDirective, MessageTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, ReceiverMessageTemplateDirective, AuthorMessageTemplateDirective, MessageContentTemplateDirective } from './chat.directives';
 import { ChatUserStatusTemplateDirective } from './templates/user-status-template.directive';
 import { QuickActionsLayoutMode, SuggestionsLayoutMode } from './api/suggestions-layout';
+import { TimestampVisibilityMode } from './api/timestamp-visibility';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Chat component for Angular](slug:overview_convui).
@@ -53,7 +54,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     private chatService;
     /**
      * Sets the Chat messages.
-     * Accepts an array of `Message` objects, but can also accept custom data structures.
+     * Accepts an array of `Message` objects, but can also accept custom data types.
      * For more information, check [Data Binding](slug:databinding_chat) section in the documentation.
      */
     messages: any[];
@@ -91,6 +92,26 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      * @default 'standard'
      */
     messageWidthMode: MessageWidthMode;
+    /**
+     * Controls the visibility of timestamps in messages.
+     *
+     * @default 'focus'
+     */
+    timestampVisibility: TimestampVisibilityMode;
+    /**
+     * Controls the visibility of usernames in messages.
+     * When set to `true`, the username displays above each message bubble.
+     *
+     * @default true
+     */
+    showUsername: boolean;
+    /**
+     * Controls the avatar visibility for the messages.
+     * When set to `true`, the user avatar displays next to each message bubble.
+     *
+     * @default true
+     */
+    showAvatar: boolean;
     /**
      * Enables the expand or collapse functionality for messages.
      *
@@ -192,7 +213,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     sendButtonSettings: SendButtonSettings;
     /**
      * Sets the names of the model fields from which the Chat reads its data.
-     * Lets you map custom data structures to the expected `Message` format.
+     * Lets you map custom data types to the expected `Message` format.
      */
     set modelFields(value: ConversationalUIModelFields);
     get modelFields(): ConversationalUIModelFields;
@@ -352,5 +373,5 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     private updateChatServiceProperties;
     private mergeWithDefaultActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "kendo-chat", never, { "messages": { "alias": "messages"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; "messageBoxType": { "alias": "messageBoxType"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "messageWidthMode": { "alias": "messageWidthMode"; "required": false; }; "allowMessageCollapse": { "alias": "allowMessageCollapse"; "required": false; }; "enableSpeechToText": { "alias": "enableSpeechToText"; "required": false; }; "enableFileSelect": { "alias": "enableFileSelect"; "required": false; }; "messageToolbarActions": { "alias": "messageToolbarActions"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "authorMessageSettings": { "alias": "authorMessageSettings"; "required": false; }; "receiverMessageSettings": { "alias": "receiverMessageSettings"; "required": false; }; "messageContextMenuActions": { "alias": "messageContextMenuActions"; "required": false; }; "fileActions": { "alias": "fileActions"; "required": false; }; "messageFilesLayout": { "alias": "messageFilesLayout"; "required": false; }; "suggestionsLayout": { "alias": "suggestionsLayout"; "required": false; }; "quickActionsLayout": { "alias": "quickActionsLayout"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "sendButtonSettings": { "alias": "sendButtonSettings"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; }, { "sendMessage": "sendMessage"; "toolbarActionClick": "toolbarActionClick"; "contextMenuActionClick": "contextMenuActionClick"; "fileActionClick": "fileActionClick"; "download": "download"; "executeAction": "executeAction"; "suggestionExecute": "suggestionExecute"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; "unpin": "unpin"; "inputValueChange": "inputValueChange"; }, ["attachmentTemplate", "chatHeaderTemplate", "chatNoDataTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "suggestionTemplate", "statusTemplate", "messageBoxTemplate", "userStatusTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "kendo-chat", never, { "messages": { "alias": "messages"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; "messageBoxType": { "alias": "messageBoxType"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "messageWidthMode": { "alias": "messageWidthMode"; "required": false; }; "timestampVisibility": { "alias": "timestampVisibility"; "required": false; }; "showUsername": { "alias": "showUsername"; "required": false; }; "showAvatar": { "alias": "showAvatar"; "required": false; }; "allowMessageCollapse": { "alias": "allowMessageCollapse"; "required": false; }; "enableSpeechToText": { "alias": "enableSpeechToText"; "required": false; }; "enableFileSelect": { "alias": "enableFileSelect"; "required": false; }; "messageToolbarActions": { "alias": "messageToolbarActions"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "authorMessageSettings": { "alias": "authorMessageSettings"; "required": false; }; "receiverMessageSettings": { "alias": "receiverMessageSettings"; "required": false; }; "messageContextMenuActions": { "alias": "messageContextMenuActions"; "required": false; }; "fileActions": { "alias": "fileActions"; "required": false; }; "messageFilesLayout": { "alias": "messageFilesLayout"; "required": false; }; "suggestionsLayout": { "alias": "suggestionsLayout"; "required": false; }; "quickActionsLayout": { "alias": "quickActionsLayout"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "sendButtonSettings": { "alias": "sendButtonSettings"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; }, { "sendMessage": "sendMessage"; "toolbarActionClick": "toolbarActionClick"; "contextMenuActionClick": "contextMenuActionClick"; "fileActionClick": "fileActionClick"; "download": "download"; "executeAction": "executeAction"; "suggestionExecute": "suggestionExecute"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; "unpin": "unpin"; "inputValueChange": "inputValueChange"; }, ["attachmentTemplate", "chatHeaderTemplate", "chatNoDataTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "suggestionTemplate", "statusTemplate", "messageBoxTemplate", "userStatusTemplate"], never, true, never>;
 }

package/chat/common/chat.service.d.ts

@@ -8,6 +8,7 @@ import { MessageWidthMode } from '../api/message-width-mode';
 import { FileAction, FileActionEvent, FileDownloadEvent, FilesLayoutMode, Message, MessageAction, MessageActionEvent, MessageSettings, QuickActionsLayoutMode, SendButtonSettings, SuggestionsLayoutMode } from '../api';
 import { FileSelectSettings } from '@progress/kendo-angular-upload';
 import { ContextMenuComponent } from '@progress/kendo-angular-menu';
+import { TimestampVisibilityMode } from '../api/timestamp-visibility';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -30,6 +31,9 @@ export declare class ChatService {
     selectOnMenuClose: boolean;
     active: boolean;
     messageFilesLayout: FilesLayoutMode;
+    timestampVisibility: TimestampVisibilityMode;
+    showUsername: boolean;
+    showAvatar: boolean;
     private _enableSpeechToText;
     private _enableFileSelect;
     private _sendButtonSettings;

package/chat/message-list.component.d.ts

@@ -59,6 +59,8 @@ export declare class MessageListComponent implements OnInit, AfterViewInit, OnDe
     ngOnDestroy(): void;
     onResize(): void;
     onClick(message: any, event: any): void;
+    showGroupAuthor(group: any): boolean;
+    showGroupAvatar(group: any): boolean;
     onContextMenuClick(message: Message, event: MouseEvent, messageElement?: any): void;
     formatTimeStamp(date: any): string;
     calculateMessageWidthMode(message: any): boolean;