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

package/esm2022/chat/templates/receiver-message-content-template.directive.mjs

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional, TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Defines a template for displaying custom content inside the other users' messages in the Chat.
+ *
+ * To define a message template, nest an `<ng-template>` tag with the `kendoChatReceiverMessageContentTemplate` directive inside the `<kendo-chat>` component.
+ * The template context is set to the `message` instance.
+ * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *   <ng-template kendoChatReceiverMessageContentTemplate let-message>
+ *     <div>Message: {{ message.text }}</div>
+ *   </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export class ReceiverMessageContentTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReceiverMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ReceiverMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageContentTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReceiverMessageContentTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatReceiverMessageContentTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });

package/esm2022/chat/templates/receiver-message-template.directive.mjs

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional, TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Defines a template for displaying fully custom Chat message bubbles for the other users.
+ *
+ * To define a message template, nest an `<ng-template>` tag with the `kendoChatReceiverMessageTemplate` directive inside the `<kendo-chat>` component.
+ * The template context is set to the `message` instance.
+ * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *   <ng-template kendoChatReceiverMessageTemplate let-message>
+ *     <div>Message: {{ message.text }}</div>
+ *   </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export class ReceiverMessageTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReceiverMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ReceiverMessageTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReceiverMessageTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatReceiverMessageTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });

package/esm2022/chat/templates/user-status-template.directive.mjs

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional, TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Defines a template for displaying user status in the Chat.
+ *
+ * To define a user status template, nest an `<ng-template>` tag with the `kendoChatUserStatusTemplate` directive inside the `<kendo-chat>` component.
+ * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *   <ng-template kendoChatUserStatusTemplate let-status>
+ *     <div>{{ status }}</div>
+ *   </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export class ChatUserStatusTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatUserStatusTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ChatUserStatusTemplateDirective, isStandalone: true, selector: "[kendoChatUserStatusTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatUserStatusTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatUserStatusTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });

package/esm2022/conversational-ui.module.mjs

@@ -22,16 +22,23 @@ import * as i10 from "./ai-prompt/templates/aiprompt-output-body-template.direct
 import * as i11 from "./chat/chat.component";
 import * as i12 from "./chat/l10n/custom-messages.component";
 import * as i13 from "./chat/templates/attachment-template.directive";
-import * as i14 from "./chat/templates/message-template.directive";
-import * as i15 from "./chat/cards/hero-card.component";
-import * as i16 from "./chat/templates/message-box.directive";
-import * as i17 from "./chat/templates/header-template.directive";
-import * as i18 from "./chat/templates/timestamp-template.directive";
-import * as i19 from "./chat/templates/status-template.directive";
-import * as i20 from "./chat/templates/suggestion-template.directive";
-import * as i21 from "./inline-ai-prompt/inlineaiprompt.component";
-import * as i22 from "./inline-ai-prompt/output-template.directive";
-import * as i23 from "./inline-ai-prompt/localization/custom-messages.component";
+import * as i14 from "./chat/templates/author-message-content-template.directive";
+import * as i15 from "./chat/templates/receiver-message-content-template.directive";
+import * as i16 from "./chat/templates/message-content-template.directive";
+import * as i17 from "./chat/templates/author-message-template.directive";
+import * as i18 from "./chat/templates/receiver-message-template.directive";
+import * as i19 from "./chat/templates/message-template.directive";
+import * as i20 from "./chat/cards/hero-card.component";
+import * as i21 from "./chat/templates/message-box.directive";
+import * as i22 from "./chat/templates/header-template.directive";
+import * as i23 from "./chat/templates/no-data-template.directive";
+import * as i24 from "./chat/templates/timestamp-template.directive";
+import * as i25 from "./chat/templates/status-template.directive";
+import * as i26 from "./chat/templates/suggestion-template.directive";
+import * as i27 from "./chat/templates/user-status-template.directive";
+import * as i28 from "./inline-ai-prompt/inlineaiprompt.component";
+import * as i29 from "./inline-ai-prompt/output-template.directive";
+import * as i30 from "./inline-ai-prompt/localization/custom-messages.component";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) for the Conversational UI components.
@@ -53,8 +60,8 @@ import * as i23 from "./inline-ai-prompt/localization/custom-messages.component"
  */
 export class ConversationalUIModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.AIPromptOutputTemplateDirective, i10.AIPromptOutputBodyTemplateDirective, i11.ChatComponent, i12.CustomMessagesComponent, i13.AttachmentTemplateDirective, i14.MessageTemplateDirective, i15.HeroCardComponent, i16.ChatMessageBoxTemplateDirective, i17.ChatHeaderTemplateDirective, i18.ChatTimestampTemplateDirective, i19.ChatStatusTemplateDirective, i20.ChatSuggestionTemplateDirective, i21.InlineAIPromptComponent, i22.InlineAIPromptOutputTemplateDirective, i23.InlineAIPromptCustomMessagesComponent], exports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.AIPromptOutputTemplateDirective, i10.AIPromptOutputBodyTemplateDirective, i11.ChatComponent, i12.CustomMessagesComponent, i13.AttachmentTemplateDirective, i14.MessageTemplateDirective, i15.HeroCardComponent, i16.ChatMessageBoxTemplateDirective, i17.ChatHeaderTemplateDirective, i18.ChatTimestampTemplateDirective, i19.ChatStatusTemplateDirective, i20.ChatSuggestionTemplateDirective, i21.InlineAIPromptComponent, i22.InlineAIPromptOutputTemplateDirective, i23.InlineAIPromptCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i11.ChatComponent, i15.HeroCardComponent, i21.InlineAIPromptComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.AIPromptOutputTemplateDirective, i10.AIPromptOutputBodyTemplateDirective, i11.ChatComponent, i12.CustomMessagesComponent, i13.AttachmentTemplateDirective, i14.AuthorMessageContentTemplateDirective, i15.ReceiverMessageContentTemplateDirective, i16.MessageContentTemplateDirective, i17.AuthorMessageTemplateDirective, i18.ReceiverMessageTemplateDirective, i19.MessageTemplateDirective, i20.HeroCardComponent, i21.ChatMessageBoxTemplateDirective, i22.ChatHeaderTemplateDirective, i23.NoDataTemplateDirective, i24.ChatTimestampTemplateDirective, i25.ChatStatusTemplateDirective, i26.ChatSuggestionTemplateDirective, i27.ChatUserStatusTemplateDirective, i28.InlineAIPromptComponent, i29.InlineAIPromptOutputTemplateDirective, i30.InlineAIPromptCustomMessagesComponent], exports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.AIPromptOutputTemplateDirective, i10.AIPromptOutputBodyTemplateDirective, i11.ChatComponent, i12.CustomMessagesComponent, i13.AttachmentTemplateDirective, i14.AuthorMessageContentTemplateDirective, i15.ReceiverMessageContentTemplateDirective, i16.MessageContentTemplateDirective, i17.AuthorMessageTemplateDirective, i18.ReceiverMessageTemplateDirective, i19.MessageTemplateDirective, i20.HeroCardComponent, i21.ChatMessageBoxTemplateDirective, i22.ChatHeaderTemplateDirective, i23.NoDataTemplateDirective, i24.ChatTimestampTemplateDirective, i25.ChatStatusTemplateDirective, i26.ChatSuggestionTemplateDirective, i27.ChatUserStatusTemplateDirective, i28.InlineAIPromptComponent, i29.InlineAIPromptOutputTemplateDirective, i30.InlineAIPromptCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i11.ChatComponent, i20.HeroCardComponent, i28.InlineAIPromptComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationalUIModule, decorators: [{
             type: NgModule,

package/esm2022/directives.mjs

@@ -12,11 +12,17 @@ import { OutputViewComponent, PromptViewComponent } from "./ai-prompt/views";
 import { ChatComponent } from "./chat/chat.component";
 import { CustomMessagesComponent } from "./chat/l10n/custom-messages.component";
 import { AttachmentTemplateDirective } from "./chat/templates/attachment-template.directive";
+import { AuthorMessageContentTemplateDirective } from "./chat/templates/author-message-content-template.directive";
+import { ReceiverMessageContentTemplateDirective } from "./chat/templates/receiver-message-content-template.directive";
+import { MessageContentTemplateDirective } from "./chat/templates/message-content-template.directive";
+import { AuthorMessageTemplateDirective } from "./chat/templates/author-message-template.directive";
+import { ReceiverMessageTemplateDirective } from "./chat/templates/receiver-message-template.directive";
 import { MessageTemplateDirective } from "./chat/templates/message-template.directive";
 import { ChatTimestampTemplateDirective } from "./chat/templates/timestamp-template.directive";
 import { HeroCardComponent } from "./chat/cards/hero-card.component";
 import { ChatMessageBoxTemplateDirective } from "./chat/templates/message-box.directive";
 import { ChatHeaderTemplateDirective } from "./chat/templates/header-template.directive";
+import { NoDataTemplateDirective } from "./chat/templates/no-data-template.directive";
 import { AIPromptOutputBodyTemplateDirective } from "./ai-prompt/templates/aiprompt-output-body-template.directive";
 import { AIPromptOutputTemplateDirective } from "./ai-prompt/templates/aiprompt-output-template.directive";
 import { InlineAIPromptComponent } from "./inline-ai-prompt/inlineaiprompt.component";
@@ -24,6 +30,7 @@ import { InlineAIPromptOutputTemplateDirective } from "./inline-ai-prompt/output
 import { InlineAIPromptCustomMessagesComponent } from "./inline-ai-prompt/localization/custom-messages.component";
 import { ChatStatusTemplateDirective } from "./chat/templates/status-template.directive";
 import { ChatSuggestionTemplateDirective } from "./chat/templates/suggestion-template.directive";
+import { ChatUserStatusTemplateDirective } from "./chat/templates/user-status-template.directive";
 /**
  * Utility array that contains all AIPrompt related components and directives.
  *
@@ -74,13 +81,20 @@ export const KENDO_CHAT = [
     ChatComponent,
     CustomMessagesComponent,
     AttachmentTemplateDirective,
+    AuthorMessageContentTemplateDirective,
+    ReceiverMessageContentTemplateDirective,
+    MessageContentTemplateDirective,
+    AuthorMessageTemplateDirective,
+    ReceiverMessageTemplateDirective,
     MessageTemplateDirective,
     HeroCardComponent,
     ChatMessageBoxTemplateDirective,
     ChatHeaderTemplateDirective,
+    NoDataTemplateDirective,
     ChatTimestampTemplateDirective,
     ChatStatusTemplateDirective,
-    ChatSuggestionTemplateDirective
+    ChatSuggestionTemplateDirective,
+    ChatUserStatusTemplateDirective
 ];
 /**
  * Utility array that contains all InlineAIPrompt related components and directives.

package/esm2022/index.mjs

@@ -12,8 +12,15 @@ export { HeroCardComponent } from './chat/cards/hero-card.component';
 export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';
 export { ChatMessageBoxTemplateDirective } from './chat/templates/message-box.directive';
 export { ChatHeaderTemplateDirective } from './chat/templates/header-template.directive';
+export { NoDataTemplateDirective } from './chat/templates/no-data-template.directive';
+export { ChatUserStatusTemplateDirective } from './chat/templates/user-status-template.directive';
 export { ChatTimestampTemplateDirective } from './chat/templates/timestamp-template.directive';
 export { AttachmentTemplateDirective } from './chat/templates/attachment-template.directive';
+export { AuthorMessageContentTemplateDirective } from './chat/templates/author-message-content-template.directive';
+export { ReceiverMessageContentTemplateDirective } from './chat/templates/receiver-message-content-template.directive';
+export { MessageContentTemplateDirective } from './chat/templates/message-content-template.directive';
+export { AuthorMessageTemplateDirective } from './chat/templates/author-message-template.directive';
+export { ReceiverMessageTemplateDirective } from './chat/templates/receiver-message-template.directive';
 export { MessageTemplateDirective } from './chat/templates/message-template.directive';
 export { ChatSuggestionTemplateDirective } from './chat/templates/suggestion-template.directive';
 export { ChatStatusTemplateDirective } from './chat/templates/status-template.directive';

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761844485,
-    version: '21.0.0-develop.8',
+    publishDate: 1761910356,
+    version: '21.0.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };