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

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

@@ -9,8 +9,8 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
 import { validatePackage } from '@progress/kendo-licensing';
 import { NgIf, NgTemplateOutlet, NgFor, NgSwitch, NgSwitchCase } from '@angular/common';
 import { Keys, ResizeSensorComponent, isPresent, focusableSelector, guid, ResizeBatchService } from '@progress/kendo-angular-common';
-import { paperPlaneIcon, chevronLeftIcon, chevronRightIcon, sparklesIcon, commentIcon, moreHorizontalIcon, thumbUpIcon, thumbDownOutlineIcon, thumbDownIcon, thumbUpOutlineIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { paperPlaneIcon, chevronLeftIcon, chevronRightIcon, sparklesIcon, commentIcon, moreHorizontalIcon, stopSmIcon, thumbUpIcon, thumbDownOutlineIcon, thumbDownIcon, thumbUpOutlineIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
+import { ButtonComponent, FloatingActionButtonComponent, SpeechToTextButtonComponent } from '@progress/kendo-angular-buttons';
 import { TextBoxComponent, TextAreaComponent, InputSeparatorComponent, TextBoxSuffixTemplateDirective, TextAreaSuffixComponent } from '@progress/kendo-angular-inputs';
 import * as i1 from '@progress/kendo-angular-intl';
 import { fromEvent, Subscription, Subject } from 'rxjs';
@@ -136,8 +136,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1753347836,
-    version: '19.3.0-develop.15',
+    publishDate: 1753436095,
+    version: '19.3.0-develop.16',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2003,6 +2003,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @hidden
+ * Default settings for the Speech to Text button.
+ * These settings can be overridden by the user.
+ */
+const STB_DEFAULT_SETTINGS = {
+    continuous: false,
+    disabled: false,
+    fillMode: 'flat',
+    integrationMode: 'webSpeech',
+    interimResults: false,
+    lang: 'en-US',
+    maxAlternatives: 1,
+    rounded: 'medium',
+    size: 'medium',
+    themeColor: 'base'
+};
 /**
  * @hidden
  */
@@ -2017,6 +2034,24 @@ class AIPromptService {
     promptCommands;
     promptOutputs;
     promptSuggestions;
+    textAreaSettings;
+    outputTemplate;
+    outputBodyTemplate;
+    _speechToTextButton;
+    get speechToTextButton() {
+        return this._speechToTextButton;
+    }
+    set speechToTextButton(settings) {
+        if (settings === true) {
+            this._speechToTextButton = STB_DEFAULT_SETTINGS;
+        }
+        else if (settings === false) {
+            this._speechToTextButton = null;
+        }
+        else {
+            this._speechToTextButton = { ...settings };
+        }
+    }
     getFlattenPromptCommands(commands = this.promptCommands) {
         let newArr = [];
         commands.forEach(c => {
@@ -2279,6 +2314,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
+/**
+ * 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>
+ * ```
+ */
+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 }]; } });
+
+/**
+ * Represents the template for the body of the response in the AIPrompt component. The template context is set to the current output object.
+ *
+ * @example
+ * ```html
+ * <kendo-aiprompt>
+ *   <ng-template kendoAIPromptOutputBodyTemplate let-output>
+ *     <div>{{output.prompt}}</div>
+ *   </ng-template>
+ * </kendo-aiprompt>
+ * ```
+ */
+class AIPromptOutputBodyTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptOutputBodyTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputBodyTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoAIPromptOutputBodyTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
 /**
  * Represents the [Kendo UI AIPrompt component for Angular](slug:overview_aiprompt).
  *
@@ -2324,6 +2415,14 @@ class AIPromptComponent {
      * @hidden
      */
     toolbarActionsTemplate;
+    /**
+     * @hidden
+     */
+    outputTemplate;
+    /**
+     * @hidden
+     */
+    outputBodyTemplate;
     /**
      * The active view index of the AIPrompt component.
      */
@@ -2337,54 +2436,100 @@ class AIPromptComponent {
         return this._activeView;
     }
     /**
-     * Sets the collection of commands to render in the **Command** view.
+     * Sets the collection of commands to render in the Command view.
      */
     set promptCommands(value) {
         this.service.promptCommands = value;
     }
     /**
-     * Sets the collection of suggestions to render in the **Prompt** view.
+     * Sets the collection of suggestions to render in the Prompt view.
      */
     set promptSuggestions(value) {
         this.service.promptSuggestions = value;
     }
     /**
-     * Sets the collection of generated prompt outputs to render in the **Output** view.
+     * Sets the collection of generated prompt outputs to render in the Output view.
      */
     set promptOutputs(value) {
         this.service.promptOutputs = value;
     }
     /**
-     * Specifies if the rating buttons appear in each **Output** view card.
-     * By default, the rating buttons do not appear.
+     * Specifies whether the rating buttons appear in each Output view card.
+     * The rating buttons do not appear by default.
      * @default false
      */
     set showOutputRating(value) {
         this.service.showOutputRating = value;
     }
+    /**
+     * Specifies whether the Stop generation button appears in the Output view.
+     * The Stop generation button does not appear by default.
+     * @default false
+     */
+    streaming = false;
+    /**
+     * Sets the settings for the Speech to Text button in the Prompt view.
+     */
+    set speechToTextButton(settings) {
+        if (settings) {
+            this.service.speechToTextButton = settings;
+        }
+        else {
+            this.service.speechToTextButton = false;
+        }
+    }
+    /**
+     * Sets the settings for the TextArea in the Prompt view.
+     * Use this property to customize the TextArea appearance.
+     */
+    set textAreaSettings(settings) {
+        this.service.textAreaSettings = settings;
+    }
+    /**
+     * Sets the SVG icon for the Generate button in the Prompt view.
+     */
+    generateButtonSVGIcon = sparklesIcon;
+    /**
+     * Sets the icon for the Generate button in the Prompt view.
+     * @default 'sparkles'
+     */
+    generateButtonIcon = 'sparkles';
+    /**
+     * Sets the disabled state for the Generate button in the Prompt view.
+     * @default false
+     */
+    disabledGenerateButton = false;
     /**
      * Fires when the `activeView` property is updated.
      * Use this event for two-way binding of the `activeView` property.
      */
     activeViewChange = new EventEmitter();
     /**
-     * Fires when the user clicks the **Generate** button in the **Prompt** view or the **Retry** button in the **Output** view.
+     * Fires when you click the Generate button in the Prompt view or the Retry button in the Output view.
      * Use the event's `isRetry` field to determine the source element.
      */
     promptRequest = new EventEmitter();
     /**
-     * Fires when the user clicks a **Command** view command.
+     * Fires when you click a Command view command.
      * The event data contains the selected command.
      */
     commandExecute = new EventEmitter();
     /**
-     * Fires when the user clicks a **Copy** button in any **Output** view card.
+     * Fires when you click a Copy button in any Output view card.
      */
     outputCopy = new EventEmitter();
     /**
-     * Fires when the user clicks a rating button in any **Output** view card.
+     * Fires when you click a rating button in any Output view card.
      */
     outputRatingChange = new EventEmitter();
+    /**
+     * Fires when you click the Stop Generation button in the Output view.
+     */
+    promptRequestCancel = new EventEmitter();
+    ngAfterContentInit() {
+        this.service.outputTemplate = this.outputTemplate;
+        this.service.outputBodyTemplate = this.outputBodyTemplate;
+    }
     ngAfterViewInit() {
         this.ngZone.runOutsideAngular(() => {
             this.service.aiPrompt = this;
@@ -2418,12 +2563,24 @@ class AIPromptComponent {
      * @hidden
      */
     outputIcon = commentIcon;
+    /**
+     * @hidden
+     */
+    fabStopGenerationSVGIcon = stopSmIcon;
     /**
      * @hidden
      */
     get viewsArray() {
         return this.views?.toArray();
     }
+    /**
+     * @hidden
+     */
+    fabPositionMode = 'absolute';
+    /**
+     * @hidden
+     */
+    fabAlignment = { vertical: 'bottom', horizontal: 'end' };
     direction;
     _activeView = 0;
     /**
@@ -2460,7 +2617,7 @@ class AIPromptComponent {
         this.promptRequest.emit(eventArgs);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptComponent, deps: [{ token: i1$1.LocalizationService }, { token: AIPromptService }, { token: ToolbarNavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptComponent, isStandalone: true, selector: "kendo-aiprompt", inputs: { activeView: "activeView", promptCommands: "promptCommands", promptSuggestions: "promptSuggestions", promptOutputs: "promptOutputs", showOutputRating: "showOutputRating" }, outputs: { activeViewChange: "activeViewChange", promptRequest: "promptRequest", commandExecute: "commandExecute", outputCopy: "outputCopy", outputRatingChange: "outputRatingChange" }, host: { properties: { "class.k-prompt": "this.hostClasses", "attr.dir": "this.dirAttr" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptComponent, isStandalone: true, selector: "kendo-aiprompt", inputs: { activeView: "activeView", promptCommands: "promptCommands", promptSuggestions: "promptSuggestions", promptOutputs: "promptOutputs", showOutputRating: "showOutputRating", streaming: "streaming", speechToTextButton: "speechToTextButton", textAreaSettings: "textAreaSettings", generateButtonSVGIcon: "generateButtonSVGIcon", generateButtonIcon: "generateButtonIcon", disabledGenerateButton: "disabledGenerateButton" }, outputs: { activeViewChange: "activeViewChange", promptRequest: "promptRequest", commandExecute: "commandExecute", outputCopy: "outputCopy", outputRatingChange: "outputRatingChange", promptRequestCancel: "promptRequestCancel" }, host: { properties: { "class.k-prompt": "this.hostClasses", "attr.dir": "this.dirAttr" } }, providers: [
             LocalizationService,
             AIPromptService,
             ToolbarNavigationService,
@@ -2468,7 +2625,7 @@ class AIPromptComponent {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.aiprompt'
             }
-        ], queries: [{ propertyName: "toolbarActionsTemplate", first: true, predicate: AIPromptToolbarActionsDirective, descendants: true }, { propertyName: "views", predicate: BaseView }], exportAs: ["kendoAIPrompt"], ngImport: i0, template: `
+        ], queries: [{ propertyName: "toolbarActionsTemplate", first: true, predicate: AIPromptToolbarActionsDirective, descendants: true }, { propertyName: "outputTemplate", first: true, predicate: AIPromptOutputTemplateDirective, descendants: true }, { propertyName: "outputBodyTemplate", first: true, predicate: AIPromptOutputBodyTemplateDirective, descendants: true }, { propertyName: "views", predicate: BaseView }], exportAs: ["kendoAIPrompt"], ngImport: i0, template: `
         <ng-container kendoAIPromptLocalizedMessages
             i18n-promptView="kendo.aiprompt.promptView|The Toolbar button text for the Prompt view."
             promptView="Ask AI"
@@ -2512,6 +2669,16 @@ class AIPromptComponent {
             </div>
         </div>
         <div class="k-prompt-content">
+            <kendo-floatingactionbutton *ngIf="streaming && selectedView?.viewType === 'output'" 
+                class="k-prompt-stop-fab"
+                buttonClass="k-generating k-active" 
+                [positionMode]="fabPositionMode" 
+                [align]="fabAlignment"
+                [svgIcon]="fabStopGenerationSVGIcon"
+                icon="stop"
+                (click)="promptRequestCancel.emit()"
+            >
+            </kendo-floatingactionbutton>
             <div class="k-prompt-view">
                 <ng-container *ngTemplateOutlet="viewTemplate">
                 </ng-container>
@@ -2524,12 +2691,14 @@ class AIPromptComponent {
                     type="button"
                     themeColor="primary"
                     rounded="full"
-                    [svgIcon]="sparklesIcon"
-                    icon="sparkles"
+                    [attr.title]="messageFor('generateOutput')"
+                    [svgIcon]="generateButtonSVGIcon"
+                    [icon]="generateButtonIcon"
+                    [disabled]="disabledGenerateButton"
                     (click)="handleGenerateOutput()">{{messageFor('generateOutput')}}</button>
             </div>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoAIPromptLocalizedMessages]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoAIPromptLocalizedMessages]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: ["themeColor", "size", "rounded", "disabled", "align", "offset", "positionMode", "icon", "svgIcon", "iconClass", "buttonClass", "dialClass", "text", "dialItemAnimation", "tabIndex", "dialItems"], outputs: ["blur", "focus", "dialItemClick", "open", "close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptComponent, decorators: [{
             type: Component,
@@ -2589,6 +2758,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </div>
         </div>
         <div class="k-prompt-content">
+            <kendo-floatingactionbutton *ngIf="streaming && selectedView?.viewType === 'output'" 
+                class="k-prompt-stop-fab"
+                buttonClass="k-generating k-active" 
+                [positionMode]="fabPositionMode" 
+                [align]="fabAlignment"
+                [svgIcon]="fabStopGenerationSVGIcon"
+                icon="stop"
+                (click)="promptRequestCancel.emit()"
+            >
+            </kendo-floatingactionbutton>
             <div class="k-prompt-view">
                 <ng-container *ngTemplateOutlet="viewTemplate">
                 </ng-container>
@@ -2601,14 +2780,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     type="button"
                     themeColor="primary"
                     rounded="full"
-                    [svgIcon]="sparklesIcon"
-                    icon="sparkles"
+                    [attr.title]="messageFor('generateOutput')"
+                    [svgIcon]="generateButtonSVGIcon"
+                    [icon]="generateButtonIcon"
+                    [disabled]="disabledGenerateButton"
                     (click)="handleGenerateOutput()">{{messageFor('generateOutput')}}</button>
             </div>
         </div>
     `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, NgFor, ButtonComponent, AIPromptToolbarFocusableDirective, NgIf, NgTemplateOutlet]
+                    imports: [LocalizedMessagesDirective, NgFor, ButtonComponent, AIPromptToolbarFocusableDirective, NgIf, NgTemplateOutlet, FloatingActionButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: AIPromptService }, { type: ToolbarNavigationService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
@@ -2622,6 +2803,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], toolbarActionsTemplate: [{
                 type: ContentChild,
                 args: [AIPromptToolbarActionsDirective]
+            }], outputTemplate: [{
+                type: ContentChild,
+                args: [AIPromptOutputTemplateDirective]
+            }], outputBodyTemplate: [{
+                type: ContentChild,
+                args: [AIPromptOutputBodyTemplateDirective]
             }], activeView: [{
                 type: Input
             }], promptCommands: [{
@@ -2632,6 +2819,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], showOutputRating: [{
                 type: Input
+            }], streaming: [{
+                type: Input
+            }], speechToTextButton: [{
+                type: Input
+            }], textAreaSettings: [{
+                type: Input
+            }], generateButtonSVGIcon: [{
+                type: Input
+            }], generateButtonIcon: [{
+                type: Input
+            }], disabledGenerateButton: [{
+                type: Input
             }], activeViewChange: [{
                 type: Output
             }], promptRequest: [{
@@ -2642,6 +2841,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], outputRatingChange: [{
                 type: Output
+            }], promptRequestCancel: [{
+                type: Output
             }] } });
 
 /**
@@ -2906,6 +3107,12 @@ class AIPromptOutputCardComponent {
             this.positiveRatingIcon = thumbUpOutlineIcon;
         }
     }
+    /**
+     * @hidden
+     */
+    get customBodyTemplate() {
+        return this.service.outputBodyTemplate?.templateRef;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptOutputCardComponent, deps: [{ token: i1$1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptOutputCardComponent, isStandalone: true, selector: "[kendoAIPromptOutputCard]", inputs: { promptOutput: "promptOutput" }, host: { properties: { "class.k-card": "this.hostClass", "attr.role": "this.listItemRole", "attr.tabindex": "this.tabIndex", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts" } }, ngImport: i0, template: `
         <div class="k-card-header">
@@ -2916,7 +3123,13 @@ class AIPromptOutputCardComponent {
             <div class="k-card-subtitle">{{promptOutput.prompt}}</div>
         </div>
         <div class="k-card-body">
-            <p>{{promptOutput.output}}</p>
+            <ng-container *ngIf="customBodyTemplate; else defaultTemplate">
+                <ng-container *ngTemplateOutlet="customBodyTemplate; context: { $implicit: promptOutput }">
+                </ng-container>
+            </ng-container>
+            <ng-template #defaultTemplate>
+                <p>{{promptOutput.output}}</p>
+            </ng-template>
         </div>
         <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
             <button kendoButton
@@ -2950,7 +3163,7 @@ class AIPromptOutputCardComponent {
                 </button>
             </ng-container>
         </div>
-    `, 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, 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: 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: AIPromptOutputCardComponent, decorators: [{
             type: Component,
@@ -2965,7 +3178,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <div class="k-card-subtitle">{{promptOutput.prompt}}</div>
         </div>
         <div class="k-card-body">
-            <p>{{promptOutput.output}}</p>
+            <ng-container *ngIf="customBodyTemplate; else defaultTemplate">
+                <ng-container *ngTemplateOutlet="customBodyTemplate; context: { $implicit: promptOutput }">
+                </ng-container>
+            </ng-container>
+            <ng-template #defaultTemplate>
+                <p>{{promptOutput.output}}</p>
+            </ng-template>
         </div>
         <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
             <button kendoButton
@@ -3001,7 +3220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
     `,
                     standalone: true,
-                    imports: [ButtonComponent, NgIf]
+                    imports: [ButtonComponent, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: AIPromptService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -3044,6 +3263,12 @@ 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$1.LocalizationService }, { token: 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,
@@ -3053,13 +3278,18 @@ 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,
@@ -3074,15 +3304,20 @@ 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$1.LocalizationService }, { type: AIPromptService }]; } });
 
@@ -3140,6 +3375,34 @@ class PromptViewComponent extends BaseView {
     suggestionClick(suggestion) {
         this.textAreaValue = this.service.promptValue = 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$1.LocalizationService }, { token: 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: [
             {
@@ -3149,9 +3412,40 @@ 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 
+                        [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"
+                        (error)="onSpeechToTextError($event)"
+                        (result)="onSpeechToTextResult($event)"
+                    ></button>
+                </kendo-textarea-suffix>
             </kendo-textarea>
             <div *ngIf="promptSuggestions"
                 class="k-prompt-expander">
@@ -3169,16 +3463,18 @@ 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">
+                        <div *ngFor="let suggestion of promptSuggestions"
+                            class="k-suggestion"
+                            role="listitem"
+                            (click)="suggestionClick(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", "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,
@@ -3193,9 +3489,40 @@ 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 
+                        [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"
+                        (error)="onSpeechToTextError($event)"
+                        (result)="onSpeechToTextResult($event)"
+                    ></button>
+                </kendo-textarea-suffix>
             </kendo-textarea>
             <div *ngIf="promptSuggestions"
                 class="k-prompt-expander">
@@ -3213,18 +3540,20 @@ 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">
+                        <div *ngFor="let suggestion of promptSuggestions"
+                            class="k-suggestion"
+                            role="listitem"
+                            (click)="suggestionClick(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$1.LocalizationService }, { type: AIPromptService }]; } });
 
@@ -3411,7 +3740,9 @@ const KENDO_AIPROMPT = [
     CustomViewComponent,
     AIPromptCustomMessagesComponent,
     AIPromptToolbarActionsDirective,
-    AIPromptToolbarFocusableDirective
+    AIPromptToolbarFocusableDirective,
+    AIPromptOutputTemplateDirective,
+    AIPromptOutputBodyTemplateDirective,
 ];
 /**
  * Utility array that contains all Chat related components and directives.
@@ -3484,7 +3815,7 @@ const KENDO_CONVERSATIONALUI = [
  */
 class AIPromptModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AIPromptModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AIPromptModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptModule, decorators: [{
@@ -3553,7 +3884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 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: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, MessageTemplateDirective, HeroCardComponent, 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: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, ChatComponent, HeroCardComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConversationalUIModule, decorators: [{
@@ -3569,5 +3900,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, ChatComponent, ChatMessageBoxTemplateDirective, ChatModule, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, MessageTemplateDirective, OutputViewComponent, PromptViewComponent, SendMessageEvent };
+export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptOutputBodyTemplateDirective, AIPromptOutputTemplateDirective, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, ChatComponent, ChatMessageBoxTemplateDirective, ChatModule, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, MessageTemplateDirective, OutputViewComponent, PromptViewComponent, SendMessageEvent };