@progress/kendo-angular-conversational-ui 24.0.0-develop.21 → 24.0.0-develop.23

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

@@ -11,7 +11,7 @@ import { isPresent, normalizeKeys, Keys, focusableSelector, guid, getter, isDocu
 import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import { NgTemplateOutlet, NgClass } from '@angular/common';
 import { Subject, Subscription, fromEvent } from 'rxjs';
-import { moreHorizontalIcon, commentIcon, sparklesIcon, stopSmIcon, thumbUpIcon, thumbDownOutlineIcon, thumbDownIcon, thumbUpOutlineIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpOutlineIcon, paperclipOutlineAltRightIcon, undoIcon, downloadIcon, xIcon, moreVerticalIcon, chevronLeftIcon, chevronRightIcon, arrowRotateCwOutlineIcon, warningTriangleIcon, pinOutlineIcon, arrowDownOutlineIcon, cancelOutlineIcon, menuIcon, paperPlaneIcon } from '@progress/kendo-svg-icons';
+import { moreHorizontalIcon, commentIcon, sparklesIcon, stopIcon, thumbUpIcon, thumbDownIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpIcon, paperclipIcon, undoIcon, downloadIcon, xIcon, moreVerticalIcon, chevronLeftIcon, chevronRightIcon, warningTriangleIcon, pinIcon, arrowDownIcon, cancelIcon, menuIcon, paperPlaneIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -215,8 +215,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778161014,
-    version: '24.0.0-develop.21',
+    publishDate: 1778500771,
+    version: '24.0.0-develop.23',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -820,7 +820,7 @@ class AIPromptComponent {
     /**
      * @hidden
      */
-    fabStopGenerationSVGIcon = stopSmIcon;
+    fabStopGenerationSVGIcon = stopIcon;
     /**
      * @hidden
      */
@@ -1324,17 +1324,17 @@ class AIPromptOutputCardComponent {
     ngOnInit() {
         if (this.promptOutput?.rating === 'positive') {
             this.positiveRatingIcon = thumbUpIcon;
-            this.negativeRatingIcon = thumbDownOutlineIcon;
+            this.negativeRatingIcon = thumbDownIcon;
         }
         else if (this.promptOutput?.rating === 'negative') {
             this.negativeRatingIcon = thumbDownIcon;
-            this.positiveRatingIcon = thumbUpOutlineIcon;
+            this.positiveRatingIcon = thumbUpIcon;
         }
     }
     copyIcon = copyIcon;
     retryIcon = arrowRotateCwIcon;
-    positiveRatingIcon = thumbUpOutlineIcon;
-    negativeRatingIcon = thumbDownOutlineIcon;
+    positiveRatingIcon = thumbUpIcon;
+    negativeRatingIcon = thumbDownIcon;
     titleId = `k-output-card-${guid()}`;
     messageFor(text) {
         return this.localization.get(text);
@@ -1381,11 +1381,11 @@ class AIPromptOutputCardComponent {
         this.service.outputRatingChangeEvent.next(eventArgs);
         if (ratingType === 'positive') {
             this.positiveRatingIcon = thumbUpIcon;
-            this.negativeRatingIcon = thumbDownOutlineIcon;
+            this.negativeRatingIcon = thumbDownIcon;
         }
         else {
             this.negativeRatingIcon = thumbDownIcon;
-            this.positiveRatingIcon = thumbUpOutlineIcon;
+            this.positiveRatingIcon = thumbUpIcon;
         }
     }
     /**
@@ -1431,13 +1431,13 @@ class AIPromptOutputCardComponent {
             <span class="k-spacer"></span>
             <button kendoButton
               fillMode="flat"
-              icon="thumb-up-outline"
+              icon="thumb-up"
               [svgIcon]="positiveRatingIcon"
               (click)="handleRating('positive')">
             </button>
             <button kendoButton
               fillMode="flat"
-              icon="thumb-down-outline"
+              icon="thumb-down"
               [svgIcon]="negativeRatingIcon"
               (click)="handleRating('negative')">
             </button>
@@ -1485,13 +1485,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             <span class="k-spacer"></span>
             <button kendoButton
               fillMode="flat"
-              icon="thumb-up-outline"
+              icon="thumb-up"
               [svgIcon]="positiveRatingIcon"
               (click)="handleRating('positive')">
             </button>
             <button kendoButton
               fillMode="flat"
-              icon="thumb-down-outline"
+              icon="thumb-down"
               [svgIcon]="negativeRatingIcon"
               (click)="handleRating('negative')">
             </button>
@@ -2476,10 +2476,10 @@ const STB_DEFAULT_SETTINGS$1 = {
 const SEND_BTN_DEFAULT_SETTINGS = {
     rounded: 'full',
     size: 'small',
-    icon: 'arrow-up-outline',
-    svgIcon: arrowUpOutlineIcon,
-    loadingIcon: 'stop-sm',
-    loadingSVGIcon: stopSmIcon,
+    icon: 'arrow-up',
+    svgIcon: arrowUpIcon,
+    loadingIcon: 'stop',
+    loadingSVGIcon: stopIcon,
 };
 /**
  * @hidden
@@ -2488,8 +2488,8 @@ const FILESELECT_BUTTON_DEFAULT_SETTINGS$1 = {
     multiple: true,
     disabled: false,
     fillMode: 'clear',
-    icon: 'paperclip-outline-alt-right',
-    svgIcon: paperclipOutlineAltRightIcon,
+    icon: 'paperclip',
+    svgIcon: paperclipIcon,
     size: 'small',
     rounded: 'full',
 };
@@ -3811,10 +3811,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 const ACTION_BUTTON_DEFAULT_SETTINGS = {
     rounded: 'full',
     size: 'small',
-    icon: 'arrow-up-outline',
-    svgIcon: arrowUpOutlineIcon,
-    loadingIcon: 'stop-sm',
-    loadingSVGIcon: stopSmIcon,
+    icon: 'arrow-up',
+    svgIcon: arrowUpIcon,
+    loadingIcon: 'stop',
+    loadingSVGIcon: stopIcon,
 };
 /**
  * @hidden
@@ -3838,8 +3838,8 @@ const FILESELECT_BUTTON_DEFAULT_SETTINGS = {
     fillMode: 'flat',
     size: 'small',
     rounded: 'full',
-    icon: 'paperclip-outline-alt-right',
-    svgIcon: paperclipOutlineAltRightIcon,
+    icon: 'paperclip',
+    svgIcon: paperclipIcon,
     multiple: true,
     restrictions: null,
     accept: null
@@ -3993,15 +3993,15 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
     /**
      * Sets the icon to be displayed when the **Action** button is in loading state.
      *
-     * @default 'stop-sm'
+     * @default 'stop'
      */
-    loadingIcon = 'stop-sm';
+    loadingIcon = 'stop';
     /**
      * Sets the SVG icon to be displayed when the **Action** button is in loading state.
      *
-     * @default stopSmIcon
+     * @default stopIcon
      */
-    loadingSVGIcon = stopSmIcon;
+    loadingSVGIcon = stopIcon;
     /**
      * Fires when the user clicks the Action button.
      * @hidden
@@ -4013,8 +4013,8 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
         this.disabled = true;
         this.rounded = 'full';
         this.size = 'small';
-        this.icon = 'arrow-up-outline';
-        this.svgIcon = arrowUpOutlineIcon;
+        this.icon = 'arrow-up';
+        this.svgIcon = arrowUpIcon;
     }
     /**
      * @hidden
@@ -4142,8 +4142,8 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
         this.disabled = false;
         this.fillMode = 'flat';
         this.size = 'small';
-        this.icon = 'paperclip-outline-alt-right';
-        this.svgIcon = paperclipOutlineAltRightIcon;
+        this.icon = 'paperclip';
+        this.svgIcon = paperclipIcon;
     }
     /**
      * @hidden
@@ -7304,7 +7304,7 @@ class MessageComponent extends ChatItem {
     expandIcon = chevronDownIcon;
     collapseIcon = chevronUpIcon;
     downloadIcon = downloadIcon;
-    resendIcon = arrowRotateCwOutlineIcon;
+    resendIcon = arrowRotateCwIcon;
     messageFailedIcon = warningTriangleIcon;
     isMessageExpanded = false;
     showExpandCollapseIcon = false;
@@ -7611,7 +7611,7 @@ class MessageComponent extends ChatItem {
             </div>
         </div>
         } @if (!message.typing) { @if (useCustomContentTemplate) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -7647,7 +7647,7 @@ class MessageComponent extends ChatItem {
             }
         </div>
         } @if (!useCustomContentTemplate && hasMessageContent) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -7828,7 +7828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             </div>
         </div>
         } @if (!message.typing) { @if (useCustomContentTemplate) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -7864,7 +7864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }
         </div>
         } @if (!useCustomContentTemplate && hasMessageContent) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="xsmall" fillMode="clear" icon="arrow-rotate-cw" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -9444,7 +9444,7 @@ class ChatComponent {
     /**
      * @hidden
      */
-    pinIcon = pinOutlineIcon;
+    pinIcon = pinIcon;
     /**
      * @hidden
      */
@@ -9456,7 +9456,7 @@ class ChatComponent {
     /**
      * @hidden
      */
-    scrollToBottomIcon = arrowDownOutlineIcon;
+    scrollToBottomIcon = arrowDownIcon;
     /**
      * @hidden
      */
@@ -9998,6 +9998,7 @@ class ChatComponent {
             this.autoScroll = true;
             this.subs.add(this.zone.onStable.pipe(take(1)).subscribe(() => {
                 this.anchor?.scrollToBottom();
+                this.anchor?.calculateMessageBoxSeparator();
             }));
         }
         else if (currentLength > 0 && !this._pendingScrollAction) {
@@ -10950,8 +10951,8 @@ const defaultOutputActions = [{
     {
         name: 'discard',
         type: 'button',
-        icon: 'cancel-outline',
-        svgIcon: cancelOutlineIcon,
+        icon: 'cancel',
+        svgIcon: cancelIcon,
         text: 'Discard',
         fillMode: 'flat',
     }
@@ -11023,7 +11024,7 @@ class InlineAIPromptContentComponent {
     calculateMeasurement = calculateMeasurement;
     commandMenuIcon = menuIcon;
     sendIcon = paperPlaneIcon;
-    stopGenerationIcon = stopSmIcon;
+    stopGenerationIcon = stopIcon;
     isListening = false;
     commandMenuItems = [];
     messages = {};
@@ -11280,7 +11281,7 @@ class InlineAIPromptContentComponent {
                   (click)="handlePromptRequest()"
                   [disabled]="!streaming && (!promptValue?.trim() || isListening)"
                   [svgIcon]="streaming ? stopGenerationIcon : sendIcon"
-                  [icon]="streaming ? 'stop-sm' : 'paper-plane'"
+                  [icon]="streaming ? 'stop' : 'paper-plane'"
                 ></button>
               </kendo-textarea-suffix>
             </kendo-textarea>
@@ -11401,7 +11402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                   (click)="handlePromptRequest()"
                   [disabled]="!streaming && (!promptValue?.trim() || isListening)"
                   [svgIcon]="streaming ? stopGenerationIcon : sendIcon"
-                  [icon]="streaming ? 'stop-sm' : 'paper-plane'"
+                  [icon]="streaming ? 'stop' : 'paper-plane'"
                 ></button>
               </kendo-textarea-suffix>
             </kendo-textarea>
@@ -11582,7 +11583,7 @@ class InlineAIPromptComponent {
      * The default actions are `copy`, `retry`, and `discard`.
      * To customize the appearance and order of the default actions, define them with the same `name`.
      *
-     * @default [{ name: 'copy', type: 'button', icon: 'copy', svgIcon: copyIcon, text: 'Copy', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'retry', type: 'button', icon: 'arrow-rotate-cw', svgIcon: arrowRotateCwIcon, text: 'Retry', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'discard', type: 'button', icon: 'cancel-outline', svgIcon: cancelOutlineIcon, text: 'Discard', fillMode: 'flat', themeColor: 'base', rounded: 'medium'}]
+     * @default [{ name: 'copy', type: 'button', icon: 'copy', svgIcon: copyIcon, text: 'Copy', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'retry', type: 'button', icon: 'arrow-rotate-cw', svgIcon: arrowRotateCwIcon, text: 'Retry', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'discard', type: 'button', icon: 'cancel', svgIcon: cancelIcon, text: 'Discard', fillMode: 'flat', themeColor: 'base', rounded: 'medium'}]
      */
     outputActions = defaultOutputActions;
     /**

package/inline-ai-prompt/inlineaiprompt.component.d.ts

@@ -76,7 +76,7 @@ export declare class InlineAIPromptComponent implements AfterViewInit, OnDestroy
      * The default actions are `copy`, `retry`, and `discard`.
      * To customize the appearance and order of the default actions, define them with the same `name`.
      *
-     * @default [{ name: 'copy', type: 'button', icon: 'copy', svgIcon: copyIcon, text: 'Copy', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'retry', type: 'button', icon: 'arrow-rotate-cw', svgIcon: arrowRotateCwIcon, text: 'Retry', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'discard', type: 'button', icon: 'cancel-outline', svgIcon: cancelOutlineIcon, text: 'Discard', fillMode: 'flat', themeColor: 'base', rounded: 'medium'}]
+     * @default [{ name: 'copy', type: 'button', icon: 'copy', svgIcon: copyIcon, text: 'Copy', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'retry', type: 'button', icon: 'arrow-rotate-cw', svgIcon: arrowRotateCwIcon, text: 'Retry', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'discard', type: 'button', icon: 'cancel', svgIcon: cancelIcon, text: 'Discard', fillMode: 'flat', themeColor: 'base', rounded: 'medium'}]
      */
     outputActions: InlineAIPromptOutputAction[];
     /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778161014,
-  "version": "24.0.0-develop.21",
+  "publishDate": 1778500771,
+  "version": "24.0.0-develop.23",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

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

package/promptbox/tools/action-button.component.d.ts

@@ -35,13 +35,13 @@ export declare class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
     /**
      * Sets the icon to be displayed when the **Action** button is in loading state.
      *
-     * @default 'stop-sm'
+     * @default 'stop'
      */
     loadingIcon: string;
     /**
      * Sets the SVG icon to be displayed when the **Action** button is in loading state.
      *
-     * @default stopSmIcon
+     * @default stopIcon
      */
     loadingSVGIcon: SVGIcon;
     /**