@progress/kendo-angular-conversational-ui 23.0.0-develop.1 → 23.0.0-develop.10

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, undoIcon, downloadIcon, chevronLeftIcon, chevronRightIcon, xIcon, moreVerticalIcon, paperclipOutlineAltRightIcon, arrowRotateCwOutlineIcon, warningTriangleIcon, pinOutlineIcon, arrowDownOutlineIcon, cancelOutlineIcon, menuIcon, paperPlaneIcon } from '@progress/kendo-svg-icons';
+import { moreHorizontalIcon, commentIcon, sparklesIcon, stopSmIcon, thumbUpIcon, thumbDownOutlineIcon, thumbDownIcon, thumbUpOutlineIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpOutlineIcon, paperclipOutlineAltRightIcon, undoIcon, downloadIcon, chevronLeftIcon, chevronRightIcon, xIcon, moreVerticalIcon, arrowRotateCwOutlineIcon, warningTriangleIcon, pinOutlineIcon, arrowDownOutlineIcon, cancelOutlineIcon, 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';
@@ -216,7 +216,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.1',
+    version: '23.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2043,7 +2043,9 @@ const SEND_BTN_DEFAULT_SETTINGS = {
 const FILESELECT_BUTTON_DEFAULT_SETTINGS$1 = {
     multiple: true,
     disabled: false,
-    fillMode: 'clear'
+    fillMode: 'clear',
+    icon: 'paperclip-outline-alt-right',
+    svgIcon: paperclipOutlineAltRightIcon,
 };
 /**
  * @hidden
@@ -3063,6 +3065,7 @@ class ChatFileComponent extends ChatItem {
             kendoButton
             [attr.title]="textFor('removeFileTitle')"
             [svgIcon]="deleteIcon"
+            icon="x"
             (click)="remove.emit(chatFile)"
             fillMode="flat"
           ></button>
@@ -3106,6 +3109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             kendoButton
             [attr.title]="textFor('removeFileTitle')"
             [svgIcon]="deleteIcon"
+            icon="x"
             (click)="remove.emit(chatFile)"
             fillMode="flat"
           ></button>
@@ -3794,7 +3798,7 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
         this.disabled = false;
         this.fillMode = 'flat';
         this.size = 'small';
-        this.icon = 'paperclip';
+        this.icon = 'paperclip-outline-alt-right';
         this.svgIcon = paperclipOutlineAltRightIcon;
     }
     /**
@@ -3832,13 +3836,13 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
             [attr.title]="title || textFor('fileSelectButtonTitle')"
             [disabled]="disabled"
             [fillMode]="fillMode"
-            [icon]="icon"
-            [iconClass]="iconClass"
             [imageUrl]="imageUrl"
             [rounded]="rounded"
             [size]="size"
-            [svgIcon]="svgIcon"
             [themeColor]="themeColor"
+            [icon]="iconClass ? undefined : icon"
+            [svgIcon]="iconClass ? undefined : svgIcon"
+            [iconClass]="iconClass"
             (click)="selectFiles()"
         ></button>
         <kendo-fileselect
@@ -3870,13 +3874,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [attr.title]="title || textFor('fileSelectButtonTitle')"
             [disabled]="disabled"
             [fillMode]="fillMode"
-            [icon]="icon"
-            [iconClass]="iconClass"
             [imageUrl]="imageUrl"
             [rounded]="rounded"
             [size]="size"
-            [svgIcon]="svgIcon"
             [themeColor]="themeColor"
+            [icon]="iconClass ? undefined : icon"
+            [svgIcon]="iconClass ? undefined : svgIcon"
+            [iconClass]="iconClass"
             (click)="selectFiles()"
         ></button>
         <kendo-fileselect
@@ -3951,6 +3955,7 @@ class PromptBoxFileComponent {
             kendoButton
             [attr.title]="textFor('removeFileTitle')"
             [svgIcon]="deleteIcon"
+            icon="x"
             [disabled]="disabled"
             (click)="remove.emit(promptBoxFile)"
             fillMode="flat"
@@ -3978,6 +3983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             kendoButton
             [attr.title]="textFor('removeFileTitle')"
             [svgIcon]="deleteIcon"
+            icon="x"
             [disabled]="disabled"
             (click)="remove.emit(promptBoxFile)"
             fillMode="flat"
@@ -4534,6 +4540,7 @@ class PromptBoxComponent {
         this.ngZone = ngZone;
         this.localization = localization;
         this.hostElement = hostElement;
+        validatePackage(packageMetadata);
     }
     ngAfterViewInit() {
         if (this.mode !== 'single' && this.textareaElement) {
@@ -5768,13 +5775,14 @@ class MessageBoxComponent {
                         kendoButton
                         [attr.title]="textFor('removeReplyTitle')"
                         [svgIcon]="deleteIcon"
+                        icon="x"
                         (click)="removeReply()"
                         fillMode="flat"
                     ></button>
                 </div>
             </ng-template>
             }
-            <kendo-promptbox-end-affix>
+            <kendo-promptbox-start-affix>
                 @if (fileSelectButton) {
                 <kendo-promptbox-fileselect-button
                     [disabled]="fileSelectButtonSettings?.disabled"
@@ -5785,9 +5793,14 @@ class MessageBoxComponent {
                     [restrictions]="fileSelectButtonSettings?.restrictions"
                     [multiple]="fileSelectButtonSettings?.multiple"
                     [accept]="fileSelectButtonSettings?.accept"
+                    [svgIcon]="fileSelectButtonSettings?.svgIcon"
+                    [icon]="fileSelectButtonSettings?.icon"
+                    [iconClass]="fileSelectButtonSettings?.iconClass"
+                    [imageUrl]="fileSelectButtonSettings?.imageUrl"
                 ></kendo-promptbox-fileselect-button>
                 }
-                <div class="k-spacer"></div>
+            </kendo-promptbox-start-affix>
+            <kendo-promptbox-end-affix>
                 @if (speechToTextButtonSettings) {
                 <kendo-promptbox-speech-to-text-button
                     [continuous]="speechToTextButtonSettings?.continuous"
@@ -5820,7 +5833,7 @@ class MessageBoxComponent {
         } @if (messageBoxTemplate?.templateRef) {
         <ng-template [ngTemplateOutlet]="messageBoxTemplate?.templateRef"></ng-template>
         }
-    `, isInline: true, dependencies: [{ kind: "component", type: 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PromptBoxComponent, selector: "kendo-promptbox", inputs: ["disabled", "focusableId", "loading", "placeholder", "readonly", "title", "mode", "rows", "maxTextAreaHeight", "value", "actionButton", "fileSelectButton", "speechToTextButton"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur", "promptAction", "selectAttachments", "fileRemove", "speechToTextClick", "speechToTextStart", "speechToTextEnd", "speechToTextError", "speechToTextResult"], exportAs: ["kendoPromptBox"] }, { kind: "component", type: PromptBoxCustomMessagesComponent, selector: "kendo-promptbox-messages" }, { kind: "directive", type: PromptBoxHeaderTemplateDirective, selector: "[kendoPromptBoxHeaderTemplate]" }, { kind: "component", type: PromptBoxEndAffixComponent, selector: "kendo-promptbox-end-affix", exportAs: ["kendoPromptBoxEndAffix"] }, { kind: "component", type: PromptBoxActionButtonComponent, selector: "kendo-promptbox-action-button", inputs: ["buttonClass", "loading", "loadingIcon", "loadingSVGIcon"], outputs: ["promptAction"], exportAs: ["kendoPromptBoxActionButton"] }, { kind: "component", type: PromptBoxFileSelectButtonComponent, selector: "kendo-promptbox-fileselect-button", inputs: ["restrictions", "multiple", "accept"], outputs: ["selectAttachments"], exportAs: ["kendoPromptBoxFileSelectButton"] }, { kind: "component", type: PromptBoxSpeechToTextButtonComponent, selector: "kendo-promptbox-speech-to-text-button", inputs: ["continuous", "integrationMode", "interimResults", "lang", "maxAlternatives"], outputs: ["stbClick", "stbStart", "stbEnd", "stbError", "stbResult"], exportAs: ["kendoPromptBoxSpeechToTextButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "component", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "suggestions", "tabbable", "type", "suggestionTemplate"], outputs: ["dispatchAction", "dispatchSuggestion"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PromptBoxComponent, selector: "kendo-promptbox", inputs: ["disabled", "focusableId", "loading", "placeholder", "readonly", "title", "mode", "rows", "maxTextAreaHeight", "value", "actionButton", "fileSelectButton", "speechToTextButton"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur", "promptAction", "selectAttachments", "fileRemove", "speechToTextClick", "speechToTextStart", "speechToTextEnd", "speechToTextError", "speechToTextResult"], exportAs: ["kendoPromptBox"] }, { kind: "component", type: PromptBoxCustomMessagesComponent, selector: "kendo-promptbox-messages" }, { kind: "directive", type: PromptBoxHeaderTemplateDirective, selector: "[kendoPromptBoxHeaderTemplate]" }, { kind: "component", type: PromptBoxStartAffixComponent, selector: "kendo-promptbox-start-affix", exportAs: ["kendoPromptBoxStartAffix"] }, { kind: "component", type: PromptBoxEndAffixComponent, selector: "kendo-promptbox-end-affix", exportAs: ["kendoPromptBoxEndAffix"] }, { kind: "component", type: PromptBoxActionButtonComponent, selector: "kendo-promptbox-action-button", inputs: ["buttonClass", "loading", "loadingIcon", "loadingSVGIcon"], outputs: ["promptAction"], exportAs: ["kendoPromptBoxActionButton"] }, { kind: "component", type: PromptBoxFileSelectButtonComponent, selector: "kendo-promptbox-fileselect-button", inputs: ["restrictions", "multiple", "accept"], outputs: ["selectAttachments"], exportAs: ["kendoPromptBoxFileSelectButton"] }, { kind: "component", type: PromptBoxSpeechToTextButtonComponent, selector: "kendo-promptbox-speech-to-text-button", inputs: ["continuous", "integrationMode", "interimResults", "lang", "maxAlternatives"], outputs: ["stbClick", "stbStart", "stbEnd", "stbError", "stbResult"], exportAs: ["kendoPromptBoxSpeechToTextButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "component", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "suggestions", "tabbable", "type", "suggestionTemplate"], outputs: ["dispatchAction", "dispatchSuggestion"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MessageBoxComponent, decorators: [{
             type: Component,
@@ -5873,13 +5886,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         kendoButton
                         [attr.title]="textFor('removeReplyTitle')"
                         [svgIcon]="deleteIcon"
+                        icon="x"
                         (click)="removeReply()"
                         fillMode="flat"
                     ></button>
                 </div>
             </ng-template>
             }
-            <kendo-promptbox-end-affix>
+            <kendo-promptbox-start-affix>
                 @if (fileSelectButton) {
                 <kendo-promptbox-fileselect-button
                     [disabled]="fileSelectButtonSettings?.disabled"
@@ -5890,9 +5904,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     [restrictions]="fileSelectButtonSettings?.restrictions"
                     [multiple]="fileSelectButtonSettings?.multiple"
                     [accept]="fileSelectButtonSettings?.accept"
+                    [svgIcon]="fileSelectButtonSettings?.svgIcon"
+                    [icon]="fileSelectButtonSettings?.icon"
+                    [iconClass]="fileSelectButtonSettings?.iconClass"
+                    [imageUrl]="fileSelectButtonSettings?.imageUrl"
                 ></kendo-promptbox-fileselect-button>
                 }
-                <div class="k-spacer"></div>
+            </kendo-promptbox-start-affix>
+            <kendo-promptbox-end-affix>
                 @if (speechToTextButtonSettings) {
                 <kendo-promptbox-speech-to-text-button
                     [continuous]="speechToTextButtonSettings?.continuous"
@@ -5933,6 +5952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         PromptBoxComponent,
                         PromptBoxCustomMessagesComponent,
                         PromptBoxHeaderTemplateDirective,
+                        PromptBoxStartAffixComponent,
                         PromptBoxEndAffixComponent,
                         PromptBoxActionButtonComponent,
                         PromptBoxFileSelectButtonComponent,
@@ -6591,7 +6611,7 @@ class MessageComponent extends ChatItem {
             </div>
         </div>
         } @if (!message.typing) { @if (useCustomContentTemplate) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="small" fillMode="clear" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="small" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -6627,7 +6647,7 @@ class MessageComponent extends ChatItem {
             }
         </div>
         } @if (!useCustomContentTemplate && hasMessageContent) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="small" fillMode="clear" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="small" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -6808,7 +6828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </div>
         </div>
         } @if (!message.typing) { @if (useCustomContentTemplate) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="small" fillMode="clear" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="small" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -6844,7 +6864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }
         </div>
         } @if (!useCustomContentTemplate && hasMessageContent) { @if (message.failed) {
-        <button kendoButton class="k-resend-button" size="small" fillMode="clear" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
+        <button kendoButton class="k-resend-button" size="small" fillMode="clear" icon="arrow-rotate-cw-outline" [svgIcon]="resendIcon" (click)="onResendMessage($event)"></button>
         }
         <div
             class="k-chat-bubble k-bubble"
@@ -9031,7 +9051,7 @@ class ChatComponent {
                 <kendo-icon-wrapper name="pin" [svgIcon]="pinIcon"> </kendo-icon-wrapper>
                 <chat-message-reference-content [message]="pinnedMessage"></chat-message-reference-content>
                 <span class="k-spacer"></span>
-                <button kendoButton [svgIcon]="deleteIcon" [attr.title]="textFor('unpinMessageTitle')" (click)="unpin.emit(pinnedMessage)" fillMode="flat"></button>
+                <button kendoButton icon="x" [svgIcon]="deleteIcon" [attr.title]="textFor('unpinMessageTitle')" (click)="unpin.emit(pinnedMessage)" fillMode="flat"></button>
             </div>
             } @if (processedMessages && processedMessages.length === 0) {
             <div class="k-message-list-content k-message-list-content-empty">
@@ -9064,6 +9084,7 @@ class ChatComponent {
                     [size]="'small'"
                     [themeColor]="'light'"
                     [align]="{ horizontal: 'center' }"
+                    icon="arrow-down-outline"
                     [svgIcon]="scrollToBottomIcon"
                     (click)="anchor.scrollToBottom()"
                 ></kendo-floatingactionbutton>
@@ -9216,7 +9237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 <kendo-icon-wrapper name="pin" [svgIcon]="pinIcon"> </kendo-icon-wrapper>
                 <chat-message-reference-content [message]="pinnedMessage"></chat-message-reference-content>
                 <span class="k-spacer"></span>
-                <button kendoButton [svgIcon]="deleteIcon" [attr.title]="textFor('unpinMessageTitle')" (click)="unpin.emit(pinnedMessage)" fillMode="flat"></button>
+                <button kendoButton icon="x" [svgIcon]="deleteIcon" [attr.title]="textFor('unpinMessageTitle')" (click)="unpin.emit(pinnedMessage)" fillMode="flat"></button>
             </div>
             } @if (processedMessages && processedMessages.length === 0) {
             <div class="k-message-list-content k-message-list-content-empty">
@@ -9249,6 +9270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     [size]="'small'"
                     [themeColor]="'light'"
                     [align]="{ horizontal: 'center' }"
+                    icon="arrow-down-outline"
                     [svgIcon]="scrollToBottomIcon"
                     (click)="anchor.scrollToBottom()"
                 ></kendo-floatingactionbutton>

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770286936,
-  "version": "23.0.0-develop.1",
+  "publishDate": 1770666693,
+  "version": "23.0.0-develop.10",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

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