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

package/esm2022/ai-prompt/templates/aiprompt-output-template.directive.mjs

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the response in the AIPrompt component. The template context is set to the current output object.
+ *
+ * @example
+ * ```html
+ * <kendo-aiprompt>
+ *   <ng-template kendoAIPromptOutputTemplate let-output>
+ *     <div>{{output.prompt}}</div>
+ *   </ng-template>
+ * </kendo-aiprompt>
+ * ```
+ */
+export class AIPromptOutputTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptOutputTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoAIPromptOutputTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2022/ai-prompt/views/output-view.component.mjs

@@ -7,7 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BaseView } from './base-view';
 import { AIPromptService } from '../common/aiprompt.service';
 import { AIPromptOutputCardComponent } from '../common/output-card.component';
-import { NgFor } from '@angular/common';
+import { NgFor, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/aiprompt.service";
@@ -33,6 +33,12 @@ export class OutputViewComponent extends BaseView {
     get promptOutputs() {
         return this.service.promptOutputs;
     }
+    /**
+     * @hidden
+     */
+    get customTemplate() {
+        return this.service.outputTemplate?.templateRef;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
                 provide: BaseView,
@@ -42,13 +48,18 @@ export class OutputViewComponent extends BaseView {
             <div
                 class="k-card-list"
                 role="list">
-                <div *ngFor="let output of promptOutputs"
-                    kendoAIPromptOutputCard
-                    [promptOutput]="output">
-                </div>
+                <ng-container *ngFor="let output of promptOutputs">
+                    <ng-container *ngIf="customTemplate; else defaultTemplate">
+                        <ng-container *ngTemplateOutlet="customTemplate; context: { $implicit: output }">
+                        </ng-container>
+                    </ng-container>
+                    <ng-template #defaultTemplate>
+                        <div kendoAIPromptOutputCard [promptOutput]="output"></div>
+                    </ng-template>
+                </ng-container>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputViewComponent, decorators: [{
             type: Component,
@@ -63,14 +74,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <div
                 class="k-card-list"
                 role="list">
-                <div *ngFor="let output of promptOutputs"
-                    kendoAIPromptOutputCard
-                    [promptOutput]="output">
-                </div>
+                <ng-container *ngFor="let output of promptOutputs">
+                    <ng-container *ngIf="customTemplate; else defaultTemplate">
+                        <ng-container *ngTemplateOutlet="customTemplate; context: { $implicit: output }">
+                        </ng-container>
+                    </ng-container>
+                    <ng-template #defaultTemplate>
+                        <div kendoAIPromptOutputCard [promptOutput]="output"></div>
+                    </ng-template>
+                </ng-container>
             </div>
         </ng-template>
     `,
                     standalone: true,
-                    imports: [NgFor, AIPromptOutputCardComponent]
+                    imports: [NgFor, AIPromptOutputCardComponent, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.AIPromptService }]; } });

package/esm2022/ai-prompt/views/prompt-view.component.mjs

@@ -2,13 +2,13 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef } from '@angular/core';
+import { Component, forwardRef, isDevMode } from '@angular/core';
 import { NgIf, NgFor } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { guid } from '@progress/kendo-angular-common';
 import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { TextAreaComponent } from '@progress/kendo-angular-inputs';
+import { ButtonComponent, SpeechToTextButtonComponent } from '@progress/kendo-angular-buttons';
+import { TextAreaComponent, TextAreaSuffixComponent } from '@progress/kendo-angular-inputs';
 import { BaseView } from './base-view';
 import { AIPromptService } from '../common/aiprompt.service';
 import * as i0 from "@angular/core";
@@ -68,6 +68,42 @@ export class PromptViewComponent extends BaseView {
     suggestionClick(suggestion) {
         this.textAreaValue = this.service.promptValue = suggestion;
     }
+    /**
+     * @hidden
+     */
+    suggestionKeydown(event, suggestion) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            this.suggestionClick(suggestion);
+        }
+    }
+    /**
+     * @hidden
+     */
+    get speechToTextButtonSettings() {
+        return this.service.speechToTextButton;
+    }
+    /**
+     * @hidden
+     */
+    get textareaSettings() {
+        return this.service.textAreaSettings;
+    }
+    /**
+     * @hidden
+     */
+    onSpeechToTextResult(event) {
+        if (event.alternatives && event.alternatives.length > 0) {
+            this.textAreaValue += event.alternatives[0].transcript + ' ';
+        }
+    }
+    /**
+     * @hidden
+     */
+    onSpeechToTextError(event) {
+        if (isDevMode()) {
+            console.error('Speech to Text error:', event.errorMessage);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
             {
@@ -77,9 +113,44 @@ export class PromptViewComponent extends BaseView {
         ], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <kendo-textarea
-                [placeholder]="messageFor('promptPlaceholder')"
-                [rows]="1"
-                [(value)]="textAreaValue">
+                [cols]="textareaSettings?.cols"
+                [disabled]="textareaSettings?.disabled"
+                [fillMode]="textareaSettings?.fillMode"
+                [flow]="textareaSettings?.flow ?? 'vertical'"
+                [inputAttributes]="textareaSettings?.inputAttributes"
+                [maxlength]="textareaSettings?.maxlength"
+                [placeholder]="textareaSettings?.placeholder ?? messageFor('promptPlaceholder')"
+                [readonly]="textareaSettings?.readonly"
+                [resizable]="textareaSettings?.resizable ?? 'vertical'"
+                [rounded]="textareaSettings?.rounded"
+                [rows]="textareaSettings?.rows ?? 1"
+                [selectOnFocus]="textareaSettings?.selectOnFocus"
+                [showSuffixSeparator]="textareaSettings?.showSuffixSeparator ?? true"
+                [size]="textareaSettings?.size"
+                [tabIndex]="textareaSettings?.tabindex"
+                [title]="textareaSettings?.title"
+                [(value)]="textAreaValue"
+            >
+                <kendo-textarea-suffix *ngIf="speechToTextButtonSettings">
+                    <button kendoSpeechToTextButton
+                        role="button"
+                        [continuous]="speechToTextButtonSettings?.continuous" 
+                        [disabled]="speechToTextButtonSettings?.disabled" 
+                        [fillMode]="speechToTextButtonSettings?.fillMode ?? 'flat'"
+                        [integrationMode]="speechToTextButtonSettings?.integrationMode ?? 'webSpeech'"
+                        [interimResults]="speechToTextButtonSettings?.interimResults"
+                        [lang]="speechToTextButtonSettings?.lang"
+                        [maxAlternatives]="speechToTextButtonSettings?.maxAlternatives"
+                        [rounded]="speechToTextButtonSettings?.rounded"
+                        [size]="speechToTextButtonSettings?.size"
+                        [themeColor]="speechToTextButtonSettings?.themeColor"
+                        [attr.aria-label]="messageFor('speechToTextButton')"
+                        [attr.title]="messageFor('speechToTextButton')"
+                        [attr.aria-disabled]="speechToTextButtonSettings?.disabled"
+                        (error)="onSpeechToTextError($event)"
+                        (result)="onSpeechToTextResult($event)"
+                    ></button>
+                </kendo-textarea-suffix>
             </kendo-textarea>
             <div *ngIf="promptSuggestions"
                 class="k-prompt-expander">
@@ -97,16 +168,22 @@ export class PromptViewComponent extends BaseView {
                     class="k-prompt-expander-content"
                     role="list"
                     [attr.id]="contentId">
-                    <div *ngFor="let suggestion of promptSuggestions"
-                        class="k-prompt-suggestion"
-                        role="listitem"
-                        (click)="suggestionClick(suggestion)">
-                        {{suggestion}}
+                    <div class="k-suggestion-group" role="group">
+                        <div *ngFor="let suggestion of promptSuggestions"
+                            class="k-suggestion"
+                            role="button"
+                            [attr.tabindex]="0"
+                            [attr.aria-label]="suggestion"
+                            [attr.title]="suggestion"
+                            (click)="suggestionClick(suggestion)"
+                            (keydown)="suggestionKeydown($event, suggestion)">
+                            {{suggestion}}
+                        </div>
                     </div>
                 </div>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PromptViewComponent, decorators: [{
             type: Component,
@@ -121,9 +198,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: `
         <ng-template #content>
             <kendo-textarea
-                [placeholder]="messageFor('promptPlaceholder')"
-                [rows]="1"
-                [(value)]="textAreaValue">
+                [cols]="textareaSettings?.cols"
+                [disabled]="textareaSettings?.disabled"
+                [fillMode]="textareaSettings?.fillMode"
+                [flow]="textareaSettings?.flow ?? 'vertical'"
+                [inputAttributes]="textareaSettings?.inputAttributes"
+                [maxlength]="textareaSettings?.maxlength"
+                [placeholder]="textareaSettings?.placeholder ?? messageFor('promptPlaceholder')"
+                [readonly]="textareaSettings?.readonly"
+                [resizable]="textareaSettings?.resizable ?? 'vertical'"
+                [rounded]="textareaSettings?.rounded"
+                [rows]="textareaSettings?.rows ?? 1"
+                [selectOnFocus]="textareaSettings?.selectOnFocus"
+                [showSuffixSeparator]="textareaSettings?.showSuffixSeparator ?? true"
+                [size]="textareaSettings?.size"
+                [tabIndex]="textareaSettings?.tabindex"
+                [title]="textareaSettings?.title"
+                [(value)]="textAreaValue"
+            >
+                <kendo-textarea-suffix *ngIf="speechToTextButtonSettings">
+                    <button kendoSpeechToTextButton
+                        role="button"
+                        [continuous]="speechToTextButtonSettings?.continuous" 
+                        [disabled]="speechToTextButtonSettings?.disabled" 
+                        [fillMode]="speechToTextButtonSettings?.fillMode ?? 'flat'"
+                        [integrationMode]="speechToTextButtonSettings?.integrationMode ?? 'webSpeech'"
+                        [interimResults]="speechToTextButtonSettings?.interimResults"
+                        [lang]="speechToTextButtonSettings?.lang"
+                        [maxAlternatives]="speechToTextButtonSettings?.maxAlternatives"
+                        [rounded]="speechToTextButtonSettings?.rounded"
+                        [size]="speechToTextButtonSettings?.size"
+                        [themeColor]="speechToTextButtonSettings?.themeColor"
+                        [attr.aria-label]="messageFor('speechToTextButton')"
+                        [attr.title]="messageFor('speechToTextButton')"
+                        [attr.aria-disabled]="speechToTextButtonSettings?.disabled"
+                        (error)="onSpeechToTextError($event)"
+                        (result)="onSpeechToTextResult($event)"
+                    ></button>
+                </kendo-textarea-suffix>
             </kendo-textarea>
             <div *ngIf="promptSuggestions"
                 class="k-prompt-expander">
@@ -141,17 +253,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     class="k-prompt-expander-content"
                     role="list"
                     [attr.id]="contentId">
-                    <div *ngFor="let suggestion of promptSuggestions"
-                        class="k-prompt-suggestion"
-                        role="listitem"
-                        (click)="suggestionClick(suggestion)">
-                        {{suggestion}}
+                    <div class="k-suggestion-group" role="group">
+                        <div *ngFor="let suggestion of promptSuggestions"
+                            class="k-suggestion"
+                            role="button"
+                            [attr.tabindex]="0"
+                            [attr.aria-label]="suggestion"
+                            [attr.title]="suggestion"
+                            (click)="suggestionClick(suggestion)"
+                            (keydown)="suggestionKeydown($event, suggestion)">
+                            {{suggestion}}
+                        </div>
                     </div>
                 </div>
             </div>
         </ng-template>
     `,
                     standalone: true,
-                    imports: [TextAreaComponent, NgIf, ButtonComponent, NgFor]
+                    imports: [TextAreaComponent, NgIf, ButtonComponent, NgFor, TextAreaSuffixComponent, SpeechToTextButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.AIPromptService }]; } });

package/esm2022/chat/message-attachments.component.mjs

@@ -7,7 +7,7 @@ import { Component, ElementRef, forwardRef, HostBinding, Input, NgZone, QueryLis
 import { NgIf, NgFor } from '@angular/common';
 import { fromEvent } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
@@ -82,7 +82,8 @@ export class MessageAttachmentsComponent extends ChatItem {
     itemKeydown(e, attachment) {
         const keyHandlers = this.layout === 'list' ?
             this.listKeyHandlers : this.carouselKeyHandlers;
-        const handler = keyHandlers[e.keyCode];
+        const code = normalizeNumpadKeys(e);
+        const handler = keyHandlers[code];
         if (handler) {
             handler(e, attachment);
         }

package/esm2022/chat/message-box.component.mjs

@@ -51,7 +51,7 @@ export class MessageBoxComponent {
      * @hidden
      */
     inputKeydown(e) {
-        if (e.keyCode === Keys.Enter) {
+        if (e.code === Keys.Enter || e.code === Keys.NumpadEnter) {
             this.sendClick();
         }
     }
@@ -59,7 +59,7 @@ export class MessageBoxComponent {
      * @hidden
      */
     textAreaKeydown(e) {
-        const isEnter = e.keyCode === Keys.Enter;
+        const isEnter = e.code === Keys.Enter || e.code === Keys.NumpadEnter;
         if (!isEnter) {
             return;
         }
@@ -138,7 +138,7 @@ export class MessageBoxComponent {
     </ng-container>
 
     <ng-template *ngIf="messageBoxTemplate" [ngTemplateOutlet]="messageBoxTemplate?.templateRef"></ng-template>
-`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }] });
+`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageBoxComponent, decorators: [{
             type: Component,

package/esm2022/chat/message-list.component.mjs

@@ -7,7 +7,7 @@
 import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, Renderer2, ViewChildren } from '@angular/core';
 import { NgFor, NgSwitch, NgSwitchCase, NgIf } from '@angular/common';
 import { ExecuteActionEvent } from './api';
-import { Keys, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys, ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { closest } from './common/utils';
@@ -80,7 +80,9 @@ export class MessageListComponent {
         return this.intl.formatDate(date, { date: 'full' });
     }
     onKeydown(e) {
-        const action = this.keyActions[e.keyCode];
+        // On some keyboards Numpad keys are used for Home/End/PageUp/PageDown.
+        const code = normalizeNumpadKeys(e);
+        const action = this.keyActions[code];
         if (action) {
             action(e);
         }

package/esm2022/chat/suggested-actions.component.mjs

@@ -6,7 +6,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 import { Component, EventEmitter, forwardRef, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';
 import { NgFor } from '@angular/common';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { ChatItem } from './chat-item';
 import * as i0 from "@angular/core";
 /**
@@ -31,7 +31,7 @@ export class SuggestedActionsComponent extends ChatItem {
         this.dispatch.next(action);
     }
     actionKeydown(e, action) {
-        const handler = this.keyHandlers[e.keyCode];
+        const handler = this.keyHandlers[normalizeNumpadKeys(e)];
         if (handler) {
             handler(e, action);
         }

package/esm2022/conversational-ui.module.mjs

@@ -17,12 +17,17 @@ import * as i5 from "./ai-prompt/views/custom-view.component";
 import * as i6 from "./ai-prompt/localization/custom-messages.component";
 import * as i7 from "./ai-prompt/templates/toolbar-actions.template";
 import * as i8 from "./ai-prompt/common/toolbar-focusable.directive";
-import * as i9 from "./chat/chat.component";
-import * as i10 from "./chat/l10n/custom-messages.component";
-import * as i11 from "./chat/attachment-template.directive";
-import * as i12 from "./chat/message-template.directive";
-import * as i13 from "./chat/cards/hero-card.component";
-import * as i14 from "./chat/message-box.directive";
+import * as i9 from "./ai-prompt/templates/aiprompt-output-template.directive";
+import * as i10 from "./ai-prompt/templates/aiprompt-output-body-template.directive";
+import * as i11 from "./chat/chat.component";
+import * as i12 from "./chat/l10n/custom-messages.component";
+import * as i13 from "./chat/attachment-template.directive";
+import * as i14 from "./chat/message-template.directive";
+import * as i15 from "./chat/cards/hero-card.component";
+import * as i16 from "./chat/message-box.directive";
+import * as i17 from "./inline-ai-prompt/inlineaiprompt.component";
+import * as i18 from "./inline-ai-prompt/output-template.directive";
+import * as i19 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.
@@ -44,8 +49,8 @@ import * as i14 from "./chat/message-box.directive";
  */
 export class ConversationalUIModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.ChatComponent, i10.CustomMessagesComponent, i11.AttachmentTemplateDirective, i12.MessageTemplateDirective, i13.HeroCardComponent, i14.ChatMessageBoxTemplateDirective], exports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i5.CustomViewComponent, i6.AIPromptCustomMessagesComponent, i7.AIPromptToolbarActionsDirective, i8.AIPromptToolbarFocusableDirective, i9.ChatComponent, i10.CustomMessagesComponent, i11.AttachmentTemplateDirective, i12.MessageTemplateDirective, i13.HeroCardComponent, i14.ChatMessageBoxTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.AIPromptComponent, i2.PromptViewComponent, i3.OutputViewComponent, i4.CommandViewComponent, i9.ChatComponent, i13.HeroCardComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", 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.InlineAIPromptComponent, i18.InlineAIPromptOutputTemplateDirective, i19.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.InlineAIPromptComponent, i18.InlineAIPromptOutputTemplateDirective, i19.InlineAIPromptCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", 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, i17.InlineAIPromptComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, decorators: [{
             type: NgModule,

package/esm2022/directives.mjs

@@ -15,6 +15,11 @@ import { AttachmentTemplateDirective } from "./chat/attachment-template.directiv
 import { MessageTemplateDirective } from "./chat/message-template.directive";
 import { HeroCardComponent } from "./chat/cards/hero-card.component";
 import { ChatMessageBoxTemplateDirective } from "./chat/message-box.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";
+import { InlineAIPromptOutputTemplateDirective } from "./inline-ai-prompt/output-template.directive";
+import { InlineAIPromptCustomMessagesComponent } from "./inline-ai-prompt/localization/custom-messages.component";
 /**
  * Utility array that contains all AIPrompt related components and directives.
  *
@@ -40,7 +45,9 @@ export const KENDO_AIPROMPT = [
     CustomViewComponent,
     AIPromptCustomMessagesComponent,
     AIPromptToolbarActionsDirective,
-    AIPromptToolbarFocusableDirective
+    AIPromptToolbarFocusableDirective,
+    AIPromptOutputTemplateDirective,
+    AIPromptOutputBodyTemplateDirective,
 ];
 /**
  * Utility array that contains all Chat related components and directives.
@@ -67,6 +74,28 @@ export const KENDO_CHAT = [
     HeroCardComponent,
     ChatMessageBoxTemplateDirective
 ];
+/**
+ * Utility array that contains all InlineAIPrompt related components and directives.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { KENDO_INLINEAIPROMPT } from '@progress/kendo-angular-conversational-ui';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_INLINEAIPROMPT],
+ *   selector: 'my-app',
+ *   template: `<kendo-inlineaiprompt></kendo-inlineaiprompt>`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+export const KENDO_INLINEAIPROMPT = [
+    InlineAIPromptComponent,
+    InlineAIPromptOutputTemplateDirective,
+    InlineAIPromptCustomMessagesComponent
+];
 /**
  * Utility array that contains all `@progress/kendo-angular-conversational-ui` related components and directives.
  *
@@ -89,5 +118,6 @@ export const KENDO_CHAT = [
  */
 export const KENDO_CONVERSATIONALUI = [
     ...KENDO_AIPROMPT,
-    ...KENDO_CHAT
+    ...KENDO_CHAT,
+    ...KENDO_INLINEAIPROMPT
 ];

package/esm2022/index.mjs

@@ -7,6 +7,7 @@ export { ExecuteActionEvent, SendMessageEvent } from './chat/api';
 export { AIPromptModule } from './ai-prompt/aiprompt.module';
 export { ChatModule } from './chat/chat.module';
 export { ConversationalUIModule } from './conversational-ui.module';
+export { InlineAIPromptModule } from './inline-ai-prompt/inlineaiprompt.module';
 export { HeroCardComponent } from './chat/cards/hero-card.component';
 export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';
 export { ChatMessageBoxTemplateDirective } from './chat/message-box.directive';
@@ -14,6 +15,13 @@ export { AIPromptComponent } from './ai-prompt/aiprompt.component';
 export { AIPromptCustomMessagesComponent } from './ai-prompt/localization/custom-messages.component';
 export { AIPromptToolbarActionsDirective } from './ai-prompt/templates/toolbar-actions.template';
 export { AIPromptToolbarFocusableDirective } from './ai-prompt/common/toolbar-focusable.directive';
+export { AIPromptOutputTemplateDirective } from './ai-prompt/templates/aiprompt-output-template.directive';
+export { AIPromptOutputBodyTemplateDirective } from './ai-prompt/templates/aiprompt-output-body-template.directive';
 export * from './ai-prompt/views';
 export * from './ai-prompt/models';
+export { InlineAIPromptComponent } from './inline-ai-prompt/inlineaiprompt.component';
+export { InlineAIPromptOutputTemplateDirective } from './inline-ai-prompt/output-template.directive';
+export { InlineAIPromptService } from './inline-ai-prompt/inlineaiprompt.service';
+export { InlineAIPromptCustomMessagesComponent } from './inline-ai-prompt/localization/custom-messages.component';
+export * from './inline-ai-prompt/models';
 export * from './directives';