@progress/kendo-angular-conversational-ui 20.0.0-develop.7 → 20.0.1-develop.1

package/chat/cards/hero-card.component.d.ts

@@ -6,7 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { Action } from '../api/action.interface';
 import * as i0 from "@angular/core";
 /**
- * Represents a Hero Card component ([see example](slug:integrations_chat#travel-agent-chat-bot)).
+ * Represents a Hero Card component.
  * Hero cards host a single large image and action buttons with text content.
  *
  * @example

package/chat/common/models/formatted-text-parts.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export interface FormattedTextPart {
+    type: 'text' | 'link';
+    content: string;
+    href?: string;
+}

package/chat/message.component.d.ts

@@ -14,6 +14,7 @@ import { ChatService } from './common/chat.service';
 import { MessageAction } from './api';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ChatStatusTemplateDirective } from './templates/status-template.directive';
+import { FormattedTextPart } from './common/models/formatted-text-parts';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -45,6 +46,7 @@ export declare class MessageComponent extends ChatItem implements OnDestroy {
     isMessageExpanded: boolean;
     contextMenuActions: any;
     fileActions: any;
+    parts: FormattedTextPart[];
     constructor(element: ElementRef, intl: IntlService, chatService: ChatService, localization: LocalizationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -60,11 +62,7 @@ export declare class MessageComponent extends ChatItem implements OnDestroy {
     onFileAction(action: any, file: ChatFile): void;
     private transformActions;
     getMessageById(id: string | number): Message | undefined;
-    getFormattedTextParts(text: string): Array<{
-        type: 'text' | 'link';
-        content: string;
-        href?: string;
-    }>;
+    private getFormattedTextParts;
     onReplyReferenceClick(event: Event, replyToId: string | number): void;
     handleMenuClose(event?: ContextMenuPopupEvent): void;
     onActionButtonClick(event: MouseEvent): void;

package/esm2022/chat/cards/hero-card.component.mjs

@@ -7,7 +7,7 @@ import { NgIf, NgFor } from '@angular/common';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
- * Represents a Hero Card component ([see example](slug:integrations_chat#travel-agent-chat-bot)).
+ * Represents a Hero Card component.
  * Hero cards host a single large image and action buttons with text content.
  *
  * @example

package/esm2022/chat/common/models/formatted-text-parts.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/chat/message.component.mjs

@@ -74,6 +74,7 @@ export class MessageComponent extends ChatItem {
     isMessageExpanded = false;
     contextMenuActions = [];
     fileActions = [];
+    parts = [];
     constructor(element, intl, chatService, localization) {
         super();
         this.element = element;
@@ -87,6 +88,7 @@ export class MessageComponent extends ChatItem {
         if (this.message.id) {
             this.chatService.registerMessageElement(this.message.id, this.element);
         }
+        this.parts = this.getFormattedTextParts(this.message.text);
     }
     ngOnDestroy() {
         if (this.message.id) {
@@ -274,8 +276,8 @@ export class MessageComponent extends ChatItem {
                         </div>
                         <ng-container *ngIf="message.isDeleted && isOwnMessage(message)">{{ textFor('deletedMessageSenderText') }}</ng-container>
                         <ng-container *ngIf="message.isDeleted && !isOwnMessage(message)">{{ textFor('deletedMessageReceiverText') }}</ng-container>
-                        <ng-container *ngIf="!message.isDeleted">
-                            <ng-container *ngFor="let part of getFormattedTextParts(message.text)">
+                        <ng-container *ngIf="!message.isDeleted && parts.length">
+                            <ng-container *ngFor="let part of parts">
                                 <ng-container *ngIf="part.type === 'text'">{{part.content}}</ng-container>
                                 <a *ngIf="part.type === 'link'" [href]="part.href" target="_blank">{{part.content}}</a>
                             </ng-container>
@@ -362,15 +364,13 @@ export class MessageComponent extends ChatItem {
         <kendo-contextmenu
             *ngIf="!message.isDeleted"
             [target]="element"
-            #messageActionsContextMenu
             [items]="contextMenuActions"
             (popupOpen)="handleMenuOpen()"
             (popupClose)="handleMenuClose($event)"
             (select)="onContextMenuAction($event.item.originalAction)"
             [popupAlign]="{ horizontal: 'right', vertical: 'top' }"
             [collision]="{ horizontal: 'flip', vertical: 'flip'}"
-        >
-        </kendo-contextmenu>
+        ></kendo-contextmenu>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageComponent, decorators: [{
@@ -430,8 +430,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         </div>
                         <ng-container *ngIf="message.isDeleted && isOwnMessage(message)">{{ textFor('deletedMessageSenderText') }}</ng-container>
                         <ng-container *ngIf="message.isDeleted && !isOwnMessage(message)">{{ textFor('deletedMessageReceiverText') }}</ng-container>
-                        <ng-container *ngIf="!message.isDeleted">
-                            <ng-container *ngFor="let part of getFormattedTextParts(message.text)">
+                        <ng-container *ngIf="!message.isDeleted && parts.length">
+                            <ng-container *ngFor="let part of parts">
                                 <ng-container *ngIf="part.type === 'text'">{{part.content}}</ng-container>
                                 <a *ngIf="part.type === 'link'" [href]="part.href" target="_blank">{{part.content}}</a>
                             </ng-container>
@@ -518,15 +518,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <kendo-contextmenu
             *ngIf="!message.isDeleted"
             [target]="element"
-            #messageActionsContextMenu
             [items]="contextMenuActions"
             (popupOpen)="handleMenuOpen()"
             (popupClose)="handleMenuClose($event)"
             (select)="onContextMenuAction($event.item.originalAction)"
             [popupAlign]="{ horizontal: 'right', vertical: 'top' }"
             [collision]="{ horizontal: 'flip', vertical: 'flip'}"
-        >
-        </kendo-contextmenu>
+        ></kendo-contextmenu>
     `,
                     standalone: true,
                     imports: [NgIf, NgClass, NgFor, NgTemplateOutlet, IconWrapperComponent, KENDO_BUTTONS, ChatFileComponent, ContextMenuComponent, ToolBarComponent, ToolBarButtonComponent, MessageReferenceComponent],

package/esm2022/package-metadata.mjs

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

package/fesm2022/progress-kendo-angular-conversational-ui.mjs

@@ -217,8 +217,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1756185088,
-    version: '20.0.0-develop.7',
+    publishDate: 1756227735,
+    version: '20.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3285,6 +3285,7 @@ class MessageComponent extends ChatItem {
     isMessageExpanded = false;
     contextMenuActions = [];
     fileActions = [];
+    parts = [];
     constructor(element, intl, chatService, localization) {
         super();
         this.element = element;
@@ -3298,6 +3299,7 @@ class MessageComponent extends ChatItem {
         if (this.message.id) {
             this.chatService.registerMessageElement(this.message.id, this.element);
         }
+        this.parts = this.getFormattedTextParts(this.message.text);
     }
     ngOnDestroy() {
         if (this.message.id) {
@@ -3485,8 +3487,8 @@ class MessageComponent extends ChatItem {
                         </div>
                         <ng-container *ngIf="message.isDeleted && isOwnMessage(message)">{{ textFor('deletedMessageSenderText') }}</ng-container>
                         <ng-container *ngIf="message.isDeleted && !isOwnMessage(message)">{{ textFor('deletedMessageReceiverText') }}</ng-container>
-                        <ng-container *ngIf="!message.isDeleted">
-                            <ng-container *ngFor="let part of getFormattedTextParts(message.text)">
+                        <ng-container *ngIf="!message.isDeleted && parts.length">
+                            <ng-container *ngFor="let part of parts">
                                 <ng-container *ngIf="part.type === 'text'">{{part.content}}</ng-container>
                                 <a *ngIf="part.type === 'link'" [href]="part.href" target="_blank">{{part.content}}</a>
                             </ng-container>
@@ -3573,15 +3575,13 @@ class MessageComponent extends ChatItem {
         <kendo-contextmenu
             *ngIf="!message.isDeleted"
             [target]="element"
-            #messageActionsContextMenu
             [items]="contextMenuActions"
             (popupOpen)="handleMenuOpen()"
             (popupClose)="handleMenuClose($event)"
             (select)="onContextMenuAction($event.item.originalAction)"
             [popupAlign]="{ horizontal: 'right', vertical: 'top' }"
             [collision]="{ horizontal: 'flip', vertical: 'flip'}"
-        >
-        </kendo-contextmenu>
+        ></kendo-contextmenu>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageComponent, decorators: [{
@@ -3641,8 +3641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         </div>
                         <ng-container *ngIf="message.isDeleted && isOwnMessage(message)">{{ textFor('deletedMessageSenderText') }}</ng-container>
                         <ng-container *ngIf="message.isDeleted && !isOwnMessage(message)">{{ textFor('deletedMessageReceiverText') }}</ng-container>
-                        <ng-container *ngIf="!message.isDeleted">
-                            <ng-container *ngFor="let part of getFormattedTextParts(message.text)">
+                        <ng-container *ngIf="!message.isDeleted && parts.length">
+                            <ng-container *ngFor="let part of parts">
                                 <ng-container *ngIf="part.type === 'text'">{{part.content}}</ng-container>
                                 <a *ngIf="part.type === 'link'" [href]="part.href" target="_blank">{{part.content}}</a>
                             </ng-container>
@@ -3729,15 +3729,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <kendo-contextmenu
             *ngIf="!message.isDeleted"
             [target]="element"
-            #messageActionsContextMenu
             [items]="contextMenuActions"
             (popupOpen)="handleMenuOpen()"
             (popupClose)="handleMenuClose($event)"
             (select)="onContextMenuAction($event.item.originalAction)"
             [popupAlign]="{ horizontal: 'right', vertical: 'top' }"
             [collision]="{ horizontal: 'flip', vertical: 'flip'}"
-        >
-        </kendo-contextmenu>
+        ></kendo-contextmenu>
     `,
                     standalone: true,
                     imports: [NgIf, NgClass, NgFor, NgTemplateOutlet, IconWrapperComponent, KENDO_BUTTONS, ChatFileComponent, ContextMenuComponent, ToolBarComponent, ToolBarButtonComponent, MessageReferenceComponent],
@@ -5539,7 +5537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
- * Represents a Hero Card component ([see example](slug:integrations_chat#travel-agent-chat-bot)).
+ * Represents a Hero Card component.
  * Hero cards host a single large image and action buttons with text content.
  *
  * @example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-conversational-ui",
-  "version": "20.0.0-develop.7",
+  "version": "20.0.1-develop.1",
   "description": "Kendo UI for Angular Conversational UI components",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -35,7 +35,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1756185088,
+      "publishDate": 1756227735,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -45,22 +45,22 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "20.0.0-develop.7",
-    "@progress/kendo-angular-inputs": "20.0.0-develop.7",
-    "@progress/kendo-angular-layout": "20.0.0-develop.7",
-    "@progress/kendo-angular-icons": "20.0.0-develop.7",
-    "@progress/kendo-angular-common": "20.0.0-develop.7",
-    "@progress/kendo-angular-intl": "20.0.0-develop.7",
-    "@progress/kendo-angular-l10n": "20.0.0-develop.7",
-    "@progress/kendo-angular-menu": "20.0.0-develop.7",
-    "@progress/kendo-angular-popup": "20.0.0-develop.7",
-    "@progress/kendo-angular-toolbar": "20.0.0-develop.7",
-    "@progress/kendo-angular-upload": "20.0.0-develop.7",
+    "@progress/kendo-angular-buttons": "20.0.1-develop.1",
+    "@progress/kendo-angular-inputs": "20.0.1-develop.1",
+    "@progress/kendo-angular-layout": "20.0.1-develop.1",
+    "@progress/kendo-angular-icons": "20.0.1-develop.1",
+    "@progress/kendo-angular-common": "20.0.1-develop.1",
+    "@progress/kendo-angular-intl": "20.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "20.0.1-develop.1",
+    "@progress/kendo-angular-menu": "20.0.1-develop.1",
+    "@progress/kendo-angular-popup": "20.0.1-develop.1",
+    "@progress/kendo-angular-toolbar": "20.0.1-develop.1",
+    "@progress/kendo-angular-upload": "20.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.0.0-develop.7"
+    "@progress/kendo-angular-schematics": "20.0.1-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-conversational-ui.mjs",