@progress/kendo-angular-conversational-ui 25.0.0-develop.12 → 25.0.0-develop.13

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

@@ -3,23 +3,23 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, ViewChild, HostBinding, Inject, Directive, Injectable, Optional, forwardRef, EventEmitter, Output, ContentChild, ContentChildren, Component, isDevMode, ElementRef, ViewChildren, HostListener, ViewContainerRef, inject, SkipSelf, NgModule } from '@angular/core';
+import { InjectionToken, Input, ViewChild, HostBinding, Inject, Directive, Injectable, Optional, forwardRef, EventEmitter, Output, ContentChild, ContentChildren, Component, isDevMode, ElementRef, ViewChildren, HostListener, ViewContainerRef, inject, SkipSelf, signal, ChangeDetectionStrategy, computed, effect, RendererStyleFlags2, NgModule } from '@angular/core';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 import * as i1$2 from '@progress/kendo-angular-popup';
 import { PopupComponent, KENDO_POPUP, PopupService } from '@progress/kendo-angular-popup';
 import { isPresent, normalizeKeys, Keys, focusableSelector, KENDO_WEBMCP_HOST, guid, getter, isDocumentAvailable, hasObservers, EventsOutsideAngularDirective, closest as closest$1, ResizeSensorComponent, getLicenseMessage, shouldShowValidationUI, isChanged, processCssValue, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
-import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { NgTemplateOutlet, NgClass, JsonPipe } from '@angular/common';
 import { Subject, Subscription, fromEvent } from 'rxjs';
-import { moreHorizontalIcon, commentIcon, sparklesIcon, stopIcon, thumbUpIcon, thumbDownIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpIcon, paperclipIcon, undoIcon, downloadIcon, xCircleIcon, moreVerticalIcon, xIcon, chevronLeftIcon, chevronRightIcon, warningTriangleIcon, pinIcon, arrowDownIcon, cancelIcon, menuIcon, paperPlaneIcon } from '@progress/kendo-svg-icons';
+import { moreHorizontalIcon, commentIcon, sparklesIcon, stopIcon, thumbUpIcon, thumbDownIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpIcon, paperclipIcon, undoIcon, downloadIcon, xCircleIcon, moreVerticalIcon, xIcon, chevronLeftIcon, chevronRightIcon, warningTriangleIcon, pinIcon, arrowDownIcon, cancelIcon, menuIcon, paperPlaneIcon, exclamationCircleIcon, clockIcon, checkCircleIcon, wrenchIcon, arrowLeftIcon, arrowRightIcon, globeIcon } 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';
 import * as i2 from '@progress/kendo-angular-buttons';
-import { ButtonComponent, FloatingActionButtonComponent, SpeechToTextButtonComponent, DropDownButtonComponent, KENDO_BUTTONS, ButtonsModule } from '@progress/kendo-angular-buttons';
+import { ButtonComponent, FloatingActionButtonComponent, SpeechToTextButtonComponent, DropDownButtonComponent, KENDO_BUTTONS, ButtonsModule, ChipComponent, ButtonGroupComponent } from '@progress/kendo-angular-buttons';
 import { take, debounceTime } from 'rxjs/operators';
 import * as i5 from '@progress/kendo-angular-layout';
-import { PanelBarComponent, KENDO_CARD } from '@progress/kendo-angular-layout';
+import { PanelBarComponent, KENDO_CARD, CardComponent, CardBodyComponent, CardActionsComponent } from '@progress/kendo-angular-layout';
 import * as i3 from '@progress/kendo-angular-inputs';
 import { TextAreaComponent, TextAreaSuffixComponent, KENDO_TEXTAREA } from '@progress/kendo-angular-inputs';
 import * as i4 from '@progress/kendo-angular-menu';
@@ -28,6 +28,8 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { FileSelectComponent, fileSVGGroupIcon, fileGroupClass, getTotalFilesSizeMessage } from '@progress/kendo-angular-upload';
 import * as i1$1 from '@progress/kendo-angular-intl';
 import { ToolBarComponent, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { BadgeComponent } from '@progress/kendo-angular-indicators';
+import { PopoverComponent, PopoverAnchorDirective, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective } from '@progress/kendo-angular-tooltip';
 
 /**
  * @hidden
@@ -185,10 +187,10 @@ class BaseView {
     _buttonText;
     _icon;
     _svgIcon;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: BaseView, isStandalone: true, inputs: { buttonText: "buttonText", icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "class.k-prompt-view": "this.hostClasses" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: BaseView, isStandalone: true, inputs: { buttonText: "buttonText", icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "class.k-prompt-view": "this.hostClasses" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: BaseView, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -215,8 +217,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1785317901,
-    version: '25.0.0-develop.12',
+    publishDate: 1785426795,
+    version: '25.0.0-develop.13',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -279,10 +281,10 @@ class AIPromptService {
         });
         return newArr.concat(this.promptCommands);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptService, decorators: [{
             type: Injectable
         }] });
 
@@ -307,10 +309,10 @@ class AIPromptToolbarActionsDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AIPromptToolbarActionsDirective, isStandalone: true, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AIPromptToolbarActionsDirective, isStandalone: true, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptToolbarActionsTemplate]',
@@ -362,10 +364,10 @@ class ToolbarNavigationService {
     focusFirst() {
         this.focusableElements[this.currentFocusedIndex].activate();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToolbarNavigationService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarNavigationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
@@ -422,10 +424,10 @@ class AIPromptToolbarFocusableDirective {
     clickHandler = () => {
         this.navigationService.setActiveIndex(this);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AIPromptToolbarFocusableDirective, isStandalone: true, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AIPromptToolbarFocusableDirective, isStandalone: true, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptToolbarFocusable]',
@@ -481,10 +483,10 @@ let Messages$3 = class Messages extends ComponentMessages {
      * Sets the aria-label for the **Toolbar** element.
      */
     toolbarLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, inputs: { promptView: "promptView", outputView: "outputView", generateOutput: "generateOutput", promptPlaceholder: "promptPlaceholder", copyOutput: "copyOutput", retryGeneration: "retryGeneration", outputTitle: "outputTitle", outputRetryTitle: "outputRetryTitle", promptSuggestions: "promptSuggestions", speechToTextButton: "speechToTextButton", toolbarLabel: "toolbarLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: Messages, isStandalone: true, inputs: { promptView: "promptView", outputView: "outputView", generateOutput: "generateOutput", promptPlaceholder: "promptPlaceholder", copyOutput: "copyOutput", retryGeneration: "retryGeneration", outputTitle: "outputTitle", outputRetryTitle: "outputRetryTitle", promptSuggestions: "promptSuggestions", speechToTextButton: "speechToTextButton", toolbarLabel: "toolbarLabel" }, usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages$3, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages$3, decorators: [{
             type: Directive
         }], propDecorators: { promptView: [{
                 type: Input
@@ -513,27 +515,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 /**
  * @hidden
  */
-let LocalizedMessagesDirective$3 = class LocalizedMessagesDirective extends Messages$3 {
+let LocalizedMessagesDirective$4 = class LocalizedMessagesDirective extends Messages$3 {
     service;
     constructor(service) {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoAIPromptLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoAIPromptLocalizedMessages]", providers: [
             {
                 provide: Messages$3,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective$3, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective$4, decorators: [{
             type: Directive,
             args: [{
                     providers: [
                         {
                             provide: Messages$3,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective$3)
+                            useExisting: forwardRef(() => LocalizedMessagesDirective$4)
                         }
                     ],
                     selector: '[kendoAIPromptLocalizedMessages]',
@@ -558,10 +560,10 @@ class AIPromptOutputTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptOutputTemplate]',
@@ -586,10 +588,10 @@ class AIPromptOutputBodyTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AIPromptOutputBodyTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputBodyTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AIPromptOutputBodyTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputBodyTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptOutputBodyTemplate]',
@@ -873,8 +875,8 @@ class AIPromptComponent {
         };
         this.promptRequest.emit(eventArgs);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }, { token: ToolbarNavigationService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }, { token: ToolbarNavigationService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", 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,
@@ -971,9 +973,9 @@ class AIPromptComponent {
             </div>
           </div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$3, selector: "[kendoAIPromptLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]" }, { 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"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$4, selector: "[kendoAIPromptLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]" }, { 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: "20.3.25", ngImport: i0, type: AIPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoAIPrompt',
@@ -1078,7 +1080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }
         `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective$3, ButtonComponent, AIPromptToolbarFocusableDirective, NgTemplateOutlet, FloatingActionButtonComponent]
+                    imports: [LocalizedMessagesDirective$4, ButtonComponent, AIPromptToolbarFocusableDirective, NgTemplateOutlet, FloatingActionButtonComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: AIPromptService }, { type: ToolbarNavigationService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClasses: [{
                 type: HostBinding,
@@ -1188,8 +1190,8 @@ class CommandViewComponent extends BaseView {
             children: c.children ? this.getPanelBarItems(c.children) : null
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommandViewComponent, isStandalone: true, selector: "kendo-aiprompt-command-view", providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: CommandViewComponent, isStandalone: true, selector: "kendo-aiprompt-command-view", providers: [{
                 provide: BaseView,
                 useExisting: forwardRef(() => CommandViewComponent)
             }], usesInheritance: true, ngImport: i0, template: `
@@ -1203,7 +1205,7 @@ class CommandViewComponent extends BaseView {
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommandViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CommandViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-command-view',
@@ -1249,15 +1251,15 @@ class AIPromptCustomMessagesComponent extends Messages$3 {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-aiprompt-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-aiprompt-messages", providers: [
             {
                 provide: Messages$3,
                 useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -1293,13 +1295,13 @@ class CustomViewComponent extends BaseView {
      * Sets the content of the Custom view as a template reference.
      */
     viewTemplate;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CustomViewComponent, isStandalone: true, selector: "kendo-aiprompt-custom-view", inputs: { viewTemplate: "viewTemplate" }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: CustomViewComponent, isStandalone: true, selector: "kendo-aiprompt-custom-view", inputs: { viewTemplate: "viewTemplate" }, providers: [{
                 provide: BaseView,
                 useExisting: forwardRef(() => CustomViewComponent)
             }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CustomViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-custom-view',
@@ -1405,8 +1407,8 @@ class AIPromptOutputCardComponent {
     get customBodyTemplate() {
         return this.service.outputBodyTemplate?.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputCardComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputCardComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", 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">
           <div
             class="k-card-title"
@@ -1454,7 +1456,7 @@ class AIPromptOutputCardComponent {
         </div>
         `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptOutputCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptOutputCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoAIPromptOutputCard]',
@@ -1555,8 +1557,8 @@ class OutputViewComponent extends BaseView {
     get customTemplate() {
         return this.service.outputTemplate?.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
                 provide: BaseView,
                 useExisting: forwardRef(() => OutputViewComponent)
             }], usesInheritance: true, ngImport: i0, template: `
@@ -1576,7 +1578,7 @@ class OutputViewComponent extends BaseView {
         </ng-template>
         `, isInline: true, dependencies: [{ kind: "component", type: AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OutputViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: OutputViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-output-view',
@@ -1695,8 +1697,8 @@ class PromptViewComponent extends BaseView {
             console.error('Speech to Text error:', event.errorMessage);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
             {
                 provide: BaseView,
                 useExisting: forwardRef(() => PromptViewComponent)
@@ -1783,7 +1785,7 @@ class PromptViewComponent extends BaseView {
         </ng-template>
         `, 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: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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: "20.3.25", ngImport: i0, type: PromptViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-prompt-view',
@@ -1926,10 +1928,10 @@ class AttachmentTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AttachmentTemplateDirective, isStandalone: true, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AttachmentTemplateDirective, isStandalone: true, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatAttachmentTemplate]',
@@ -1960,10 +1962,10 @@ class MessageContentTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatMessageContentTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: MessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatMessageContentTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageContentTemplate]',
@@ -1994,10 +1996,10 @@ class MessageTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MessageTemplateDirective, isStandalone: true, selector: "[kendoChatMessageTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: MessageTemplateDirective, isStandalone: true, selector: "[kendoChatMessageTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageTemplate]',
@@ -2027,10 +2029,10 @@ class ChatUserStatusTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatUserStatusTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatUserStatusTemplateDirective, isStandalone: true, selector: "[kendoChatUserStatusTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatUserStatusTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatUserStatusTemplateDirective, isStandalone: true, selector: "[kendoChatUserStatusTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatUserStatusTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatUserStatusTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatUserStatusTemplate]',
@@ -2060,10 +2062,10 @@ class ChatMessageBoxTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatMessageBoxTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatMessageBoxTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageBoxTemplate]',
@@ -2088,10 +2090,10 @@ class ChatHeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatHeaderTemplateDirective, isStandalone: true, selector: "[kendoChatHeaderTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatHeaderTemplateDirective, isStandalone: true, selector: "[kendoChatHeaderTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatHeaderTemplate]',
@@ -2119,10 +2121,10 @@ class NoDataTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: NoDataTemplateDirective, isStandalone: true, selector: "[kendoChatNoDataTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: NoDataTemplateDirective, isStandalone: true, selector: "[kendoChatNoDataTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatNoDataTemplate]',
@@ -2156,10 +2158,10 @@ class ChatTimestampTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatTimestampTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatTimestampTemplateDirective, isStandalone: true, selector: "[kendoChatTimestampTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatTimestampTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatTimestampTemplateDirective, isStandalone: true, selector: "[kendoChatTimestampTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatTimestampTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatTimestampTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatTimestampTemplate]',
@@ -2186,10 +2188,10 @@ class ChatStatusTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatStatusTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatStatusTemplateDirective, isStandalone: true, selector: "[kendoChatStatusTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatStatusTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatStatusTemplateDirective, isStandalone: true, selector: "[kendoChatStatusTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatStatusTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatStatusTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatStatusTemplate]',
@@ -2218,10 +2220,10 @@ class AuthorMessageContentTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthorMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AuthorMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageContentTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AuthorMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AuthorMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageContentTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthorMessageContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AuthorMessageContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatAuthorMessageContentTemplate]',
@@ -2252,10 +2254,10 @@ class ReceiverMessageContentTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReceiverMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ReceiverMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageContentTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReceiverMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ReceiverMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageContentTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReceiverMessageContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReceiverMessageContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatReceiverMessageContentTemplate]',
@@ -2286,10 +2288,10 @@ class ReceiverMessageTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReceiverMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ReceiverMessageTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReceiverMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ReceiverMessageTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReceiverMessageTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReceiverMessageTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatReceiverMessageTemplate]',
@@ -2320,10 +2322,10 @@ class AuthorMessageTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthorMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AuthorMessageTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AuthorMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AuthorMessageTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthorMessageTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AuthorMessageTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatAuthorMessageTemplate]',
@@ -2823,10 +2825,10 @@ class ChatService {
             this[property] = { ...defaultSettings, ...settings };
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }] });
 
@@ -3206,10 +3208,10 @@ class ScrollAnchorDirective {
         el.scrollTo({ top: target, behavior });
         this.scrolling = true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ScrollAnchorDirective, isStandalone: true, selector: "[kendoChatScrollAnchor]", inputs: { autoScroll: "autoScroll", autoScrollThreshold: "autoScrollThreshold", endlessMode: "endlessMode", rangeIsAtEnd: "rangeIsAtEnd" }, outputs: { autoScrollChange: "autoScrollChange", nearTop: "nearTop", nearBottom: "nearBottom" }, host: { properties: { "style.overflow-anchor": "this.overflowAnchor", "style.scroll-behavior": "this.scrollBehaviorStyle" } }, exportAs: ["scrollAnchor"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ScrollAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ScrollAnchorDirective, isStandalone: true, selector: "[kendoChatScrollAnchor]", inputs: { autoScroll: "autoScroll", autoScrollThreshold: "autoScrollThreshold", endlessMode: "endlessMode", rangeIsAtEnd: "rangeIsAtEnd" }, outputs: { autoScrollChange: "autoScrollChange", nearTop: "nearTop", nearBottom: "nearBottom" }, host: { properties: { "style.overflow-anchor": "this.overflowAnchor", "style.scroll-behavior": "this.scrollBehaviorStyle" } }, exportAs: ["scrollAnchor"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ScrollAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatScrollAnchor]',
@@ -3332,10 +3334,10 @@ class SuggestionsScrollService {
         this.scrollButtonActiveStateChange.next({ buttonType, active });
     }
     isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsScrollService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SuggestionsScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SuggestionsScrollService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SuggestionsScrollService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.LocalizationService }] });
 
@@ -3523,10 +3525,10 @@ let Messages$2 = class Messages extends ComponentMessages {
      * Sets the aria-label for the attached files list.
      */
     attachedFilesLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendoConversationalUIMessages", inputs: { deletedMessageSenderText: "deletedMessageSenderText", deletedMessageReceiverText: "deletedMessageReceiverText", messageFailedText: "messageFailedText", downloadAllFilesText: "downloadAllFilesText", messagePlaceholder: "messagePlaceholder", messageBoxTitle: "messageBoxTitle", actionButtonTitle: "actionButtonTitle", messageListLabel: "messageListLabel", messageBoxInputLabel: "messageBoxInputLabel", messageAttachmentLeftArrow: "messageAttachmentLeftArrow", messageAttachmentRightArrow: "messageAttachmentRightArrow", speechToTextButtonTitle: "speechToTextButtonTitle", fileSelectButtonTitle: "fileSelectButtonTitle", removeReplyTitle: "removeReplyTitle", removeFileTitle: "removeFileTitle", expandTitle: "expandTitle", collapseTitle: "collapseTitle", fileActionsTitle: "fileActionsTitle", nextSuggestionsButtonTitle: "nextSuggestionsButtonTitle", previousSuggestionsButtonTitle: "previousSuggestionsButtonTitle", unpinMessageTitle: "unpinMessageTitle", resendButtonTitle: "resendButtonTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: Messages, isStandalone: true, selector: "kendoConversationalUIMessages", inputs: { deletedMessageSenderText: "deletedMessageSenderText", deletedMessageReceiverText: "deletedMessageReceiverText", messageFailedText: "messageFailedText", downloadAllFilesText: "downloadAllFilesText", messagePlaceholder: "messagePlaceholder", messageBoxTitle: "messageBoxTitle", actionButtonTitle: "actionButtonTitle", messageListLabel: "messageListLabel", messageBoxInputLabel: "messageBoxInputLabel", messageAttachmentLeftArrow: "messageAttachmentLeftArrow", messageAttachmentRightArrow: "messageAttachmentRightArrow", speechToTextButtonTitle: "speechToTextButtonTitle", fileSelectButtonTitle: "fileSelectButtonTitle", removeReplyTitle: "removeReplyTitle", removeFileTitle: "removeFileTitle", expandTitle: "expandTitle", collapseTitle: "collapseTitle", fileActionsTitle: "fileActionsTitle", nextSuggestionsButtonTitle: "nextSuggestionsButtonTitle", previousSuggestionsButtonTitle: "previousSuggestionsButtonTitle", unpinMessageTitle: "unpinMessageTitle", resendButtonTitle: "resendButtonTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages$2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages$2, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendoConversationalUIMessages'
@@ -3583,27 +3585,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 /**
  * @hidden
  */
-let LocalizedMessagesDirective$2 = class LocalizedMessagesDirective extends Messages$2 {
+let LocalizedMessagesDirective$3 = class LocalizedMessagesDirective extends Messages$2 {
     service;
     constructor(service) {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChatLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChatLocalizedMessages]", providers: [
             {
                 provide: Messages$2,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective$2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective$3, decorators: [{
             type: Directive,
             args: [{
                     providers: [
                         {
                             provide: Messages$2,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective$2)
+                            useExisting: forwardRef(() => LocalizedMessagesDirective$3)
                         }
                     ],
                     selector: '[kendoChatLocalizedMessages]',
@@ -3628,10 +3630,10 @@ class PromptBoxEndAffixComponent {
      * @hidden
      */
     templateRef;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxEndAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxEndAffixComponent, isStandalone: true, selector: "kendo-promptbox-end-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxEndAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxEndAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxEndAffixComponent, isStandalone: true, selector: "kendo-promptbox-end-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxEndAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxEndAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxEndAffixComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxEndAffix',
@@ -3661,10 +3663,10 @@ class PromptBoxStartAffixComponent {
      * @hidden
      */
     templateRef;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxStartAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxStartAffixComponent, isStandalone: true, selector: "kendo-promptbox-start-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxStartAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxStartAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxStartAffixComponent, isStandalone: true, selector: "kendo-promptbox-start-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxStartAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxStartAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxStartAffixComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxStartAffix',
@@ -3694,10 +3696,10 @@ class PromptBoxTopAffixComponent {
      * @hidden
      */
     templateRef;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxTopAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxTopAffixComponent, isStandalone: true, selector: "kendo-promptbox-top-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxTopAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxTopAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxTopAffixComponent, isStandalone: true, selector: "kendo-promptbox-top-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxTopAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxTopAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxTopAffixComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxTopAffix',
@@ -3720,10 +3722,10 @@ class PromptBoxHeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxHeaderTemplateDirective, isStandalone: true, selector: "[kendoPromptBoxHeaderTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxHeaderTemplateDirective, isStandalone: true, selector: "[kendoPromptBoxHeaderTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPromptBoxHeaderTemplate]',
@@ -3765,10 +3767,10 @@ let Messages$1 = class Messages extends ComponentMessages {
      * Sets the aria-label for the attached files list.
      */
     attachedFilesLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, inputs: { fileSelectButtonTitle: "fileSelectButtonTitle", actionButtonTitle: "actionButtonTitle", stopGeneratingTitle: "stopGeneratingTitle", speechToTextButtonTitle: "speechToTextButtonTitle", removeFileTitle: "removeFileTitle", messageBoxTitle: "messageBoxTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: Messages, isStandalone: true, inputs: { fileSelectButtonTitle: "fileSelectButtonTitle", actionButtonTitle: "actionButtonTitle", stopGeneratingTitle: "stopGeneratingTitle", speechToTextButtonTitle: "speechToTextButtonTitle", removeFileTitle: "removeFileTitle", messageBoxTitle: "messageBoxTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages$1, decorators: [{
             type: Directive
         }], propDecorators: { fileSelectButtonTitle: [{
                 type: Input
@@ -3807,15 +3809,15 @@ class PromptBoxCustomMessagesComponent extends Messages$1 {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxCustomMessagesComponent, isStandalone: true, selector: "kendo-promptbox-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxCustomMessagesComponent, isStandalone: true, selector: "kendo-promptbox-messages", providers: [
             {
                 provide: Messages$1,
                 useExisting: forwardRef(() => PromptBoxCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -3873,27 +3875,27 @@ const FILESELECT_BUTTON_DEFAULT_SETTINGS = {
 /**
  * @hidden
  */
-let LocalizedMessagesDirective$1 = class LocalizedMessagesDirective extends Messages$1 {
+let LocalizedMessagesDirective$2 = class LocalizedMessagesDirective extends Messages$1 {
     service;
     constructor(service) {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoPromptBoxLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoPromptBoxLocalizedMessages]", providers: [
             {
                 provide: Messages$1,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective$2, decorators: [{
             type: Directive,
             args: [{
                     providers: [
                         {
                             provide: Messages$1,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective$1)
+                            useExisting: forwardRef(() => LocalizedMessagesDirective$2)
                         }
                     ],
                     selector: '[kendoPromptBoxLocalizedMessages]',
@@ -3962,10 +3964,10 @@ class PromptBoxBaseTool {
      */
     sizeChange = new EventEmitter();
     _size;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxBaseTool, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxBaseTool, isStandalone: true, inputs: { disabled: "disabled", fillMode: "fillMode", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", svgIcon: "svgIcon", rounded: "rounded", size: "size", themeColor: "themeColor", title: "title" }, outputs: { sizeChange: "sizeChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxBaseTool, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxBaseTool, isStandalone: true, inputs: { disabled: "disabled", fillMode: "fillMode", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", svgIcon: "svgIcon", rounded: "rounded", size: "size", themeColor: "themeColor", title: "title" }, outputs: { sizeChange: "sizeChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxBaseTool, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxBaseTool, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input
@@ -4054,8 +4056,8 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxActionButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxActionButtonComponent, isStandalone: true, selector: "kendo-promptbox-action-button", inputs: { buttonClass: "buttonClass", loading: "loading", loadingIcon: "loadingIcon", loadingSVGIcon: "loadingSVGIcon" }, outputs: { promptAction: "promptAction" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxActionButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxActionButtonComponent, isStandalone: true, selector: "kendo-promptbox-action-button", inputs: { buttonClass: "buttonClass", loading: "loading", loadingIcon: "loadingIcon", loadingSVGIcon: "loadingSVGIcon" }, outputs: { promptAction: "promptAction" }, providers: [
             {
                 provide: PromptBoxBaseTool,
                 useExisting: forwardRef(() => PromptBoxActionButtonComponent),
@@ -4080,7 +4082,7 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
         ></button>
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxActionButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxActionButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxActionButton',
@@ -4194,8 +4196,8 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
         event.files = allowedFiles;
         this.selectAttachments.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxFileSelectButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxFileSelectButtonComponent, isStandalone: true, selector: "kendo-promptbox-fileselect-button", inputs: { restrictions: "restrictions", multiple: "multiple", accept: "accept" }, outputs: { selectAttachments: "selectAttachments" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxFileSelectButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxFileSelectButtonComponent, isStandalone: true, selector: "kendo-promptbox-fileselect-button", inputs: { restrictions: "restrictions", multiple: "multiple", accept: "accept" }, outputs: { selectAttachments: "selectAttachments" }, providers: [
             {
                 provide: PromptBoxBaseTool,
                 useExisting: forwardRef(() => PromptBoxFileSelectButtonComponent),
@@ -4227,7 +4229,7 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
         ></kendo-fileselect>
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: FileSelectComponent, selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxFileSelectButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxFileSelectButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxFileSelectButton',
@@ -4312,8 +4314,8 @@ class PromptBoxFileComponent {
         return this.localization.get(key);
     }
     focus() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PromptBoxFileComponent, isStandalone: true, selector: "li[promptBoxFile]", inputs: { promptBoxFile: "promptBoxFile", removable: "removable", fileActions: "fileActions", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: PromptBoxFileComponent, isStandalone: true, selector: "li[promptBoxFile]", inputs: { promptBoxFile: "promptBoxFile", removable: "removable", fileActions: "fileActions", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: `
         <kendo-icon-wrapper
           size="xlarge"
           [name]="fileGroupClass(promptBoxFile.extension)"
@@ -4338,7 +4340,7 @@ class PromptBoxFileComponent {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxFileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'li[promptBoxFile]',
@@ -4469,8 +4471,8 @@ class PromptBoxSpeechToTextButtonComponent extends PromptBoxBaseTool {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PromptBoxSpeechToTextButtonComponent, isStandalone: true, selector: "kendo-promptbox-speech-to-text-button", inputs: { continuous: "continuous", integrationMode: "integrationMode", interimResults: "interimResults", lang: "lang", maxAlternatives: "maxAlternatives" }, outputs: { stbClick: "stbClick", stbStart: "stbStart", stbEnd: "stbEnd", stbError: "stbError", stbResult: "stbResult" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PromptBoxSpeechToTextButtonComponent, isStandalone: true, selector: "kendo-promptbox-speech-to-text-button", inputs: { continuous: "continuous", integrationMode: "integrationMode", interimResults: "interimResults", lang: "lang", maxAlternatives: "maxAlternatives" }, outputs: { stbClick: "stbClick", stbStart: "stbStart", stbEnd: "stbEnd", stbError: "stbError", stbResult: "stbResult" }, providers: [
             {
                 provide: PromptBoxBaseTool,
                 useExisting: forwardRef(() => PromptBoxSpeechToTextButtonComponent),
@@ -4498,7 +4500,7 @@ class PromptBoxSpeechToTextButtonComponent extends PromptBoxBaseTool {
         ></button>
     `, isInline: true, dependencies: [{ 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: "20.3.25", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBoxSpeechToTextButton',
@@ -5377,8 +5379,8 @@ class PromptBoxComponent {
         this.fileSelectSubscription.add(this.fileSelectButtonComponent.selectAttachments.subscribe((event) => this.handleFileSelectAttachments(event)));
         this.fileSelectSubscription.add(this.fileSelectButtonComponent.sizeChange.subscribe(() => this.update()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PromptBoxComponent, isStandalone: true, selector: "kendo-promptbox", inputs: { disabled: "disabled", focusableId: "focusableId", loading: "loading", placeholder: "placeholder", readonly: "readonly", title: "title", mode: "mode", rows: "rows", maxTextAreaHeight: "maxTextAreaHeight", value: "value", actionButton: "actionButton", fileSelectButton: "fileSelectButton", speechToTextButton: "speechToTextButton" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", promptAction: "promptAction", selectAttachments: "selectAttachments", fileRemove: "fileRemove", speechToTextClick: "speechToTextClick", speechToTextStart: "speechToTextStart", speechToTextEnd: "speechToTextEnd", speechToTextError: "speechToTextError", speechToTextResult: "speechToTextResult" }, host: { properties: { "class.k-prompt-box-singleline": "this.hostSinglelineClass", "class.k-prompt-box-multiline": "this.hostMultilineClass", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: PromptBoxComponent, isStandalone: true, selector: "kendo-promptbox", inputs: { disabled: "disabled", focusableId: "focusableId", loading: "loading", placeholder: "placeholder", readonly: "readonly", title: "title", mode: "mode", rows: "rows", maxTextAreaHeight: "maxTextAreaHeight", value: "value", actionButton: "actionButton", fileSelectButton: "fileSelectButton", speechToTextButton: "speechToTextButton" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", promptAction: "promptAction", selectAttachments: "selectAttachments", fileRemove: "fileRemove", speechToTextClick: "speechToTextClick", speechToTextStart: "speechToTextStart", speechToTextEnd: "speechToTextEnd", speechToTextError: "speechToTextError", speechToTextResult: "speechToTextResult" }, host: { properties: { "class.k-prompt-box-singleline": "this.hostSinglelineClass", "class.k-prompt-box-multiline": "this.hostMultilineClass", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -5574,9 +5576,9 @@ class PromptBoxComponent {
             }
         </div>
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$1, selector: "[kendoPromptBoxLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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: PromptBoxFileComponent, selector: "li[promptBoxFile]", inputs: ["promptBoxFile", "removable", "fileActions", "disabled"], outputs: ["remove"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$2, selector: "[kendoPromptBoxLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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: PromptBoxFileComponent, selector: "li[promptBoxFile]", inputs: ["promptBoxFile", "removable", "fileActions", "disabled"], outputs: ["remove"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PromptBoxComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPromptBox',
@@ -5781,7 +5783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
     `,
                     standalone: true,
                     imports: [
-                        LocalizedMessagesDirective$1,
+                        LocalizedMessagesDirective$2,
                         NgTemplateOutlet,
                         EventsOutsideAngularDirective,
                         PromptBoxActionButtonComponent,
@@ -5927,8 +5929,8 @@ class ChatFileComponent extends ChatItem {
         return this.localization.get(key);
     }
     focus() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ChatFileComponent, isStandalone: true, selector: "li[chatFile]", inputs: { chatFile: "chatFile", removable: "removable", fileActions: "fileActions" }, outputs: { remove: "remove", actionClick: "actionClick", actionsToggle: "actionsToggle", actionButtonClick: "actionButtonClick" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ChatFileComponent, isStandalone: true, selector: "li[chatFile]", inputs: { chatFile: "chatFile", removable: "removable", fileActions: "fileActions" }, outputs: { remove: "remove", actionClick: "actionClick", actionsToggle: "actionsToggle", actionButtonClick: "actionButtonClick" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, providers: [{
                 provide: ChatItem,
                 useExisting: forwardRef(() => ChatFileComponent)
             }], usesInheritance: true, ngImport: i0, template: `
@@ -5969,7 +5971,7 @@ class ChatFileComponent extends ChatItem {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatFileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'li[chatFile]',
@@ -6135,8 +6137,8 @@ class MessageReferenceComponent extends ChatItem {
         return this.localization.get(key);
     }
     focus() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageReferenceComponent, deps: [{ token: i1.LocalizationService }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MessageReferenceComponent, isStandalone: true, selector: "chat-message-reference-content", inputs: { message: "message" }, host: { properties: { "class.k-message-reference-content": "this.hostClass" } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageReferenceComponent, deps: [{ token: i1.LocalizationService }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: MessageReferenceComponent, isStandalone: true, selector: "chat-message-reference-content", inputs: { message: "message" }, host: { properties: { "class.k-message-reference-content": "this.hostClass" } }, providers: [{
                 provide: ChatItem,
                 useExisting: forwardRef(() => MessageReferenceComponent)
             }], usesInheritance: true, ngImport: i0, template: `
@@ -6155,7 +6157,7 @@ class MessageReferenceComponent extends ChatItem {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageReferenceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageReferenceComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'chat-message-reference-content',
@@ -6208,10 +6210,10 @@ class ChatSuggestionTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatSuggestionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatSuggestionTemplateDirective, isStandalone: true, selector: "[kendoChatSuggestionTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatSuggestionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatSuggestionTemplateDirective, isStandalone: true, selector: "[kendoChatSuggestionTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatSuggestionTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatSuggestionTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatSuggestionTemplate]',
@@ -6265,12 +6267,12 @@ class ChatScrollableButtonComponent {
         const buttonType = this.prev ? 'prev' : 'next';
         this.onClick.emit(buttonType);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ChatScrollableButtonComponent, isStandalone: true, selector: "[kendoChatScrollableButton]", inputs: { prev: "prev" }, outputs: { onClick: "onClick" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: ChatScrollableButtonComponent, isStandalone: true, selector: "[kendoChatScrollableButton]", inputs: { prev: "prev" }, outputs: { onClick: "onClick" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
         <kendo-icon-wrapper [name]="scrollButtonIconClass" [svgIcon]="scrollButtonSVGIcon" innerCssClass="k-button-icon"> </kendo-icon-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatScrollableButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatScrollableButtonComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6508,8 +6510,8 @@ class SuggestedActionsComponent extends ChatItem {
         const prevIndex = this.selectedIndex;
         this.selectedIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestedActionsComponent, deps: [{ token: ChatService }, { token: i1.LocalizationService }, { token: SuggestionsScrollService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SuggestedActionsComponent, isStandalone: true, selector: "kendo-chat-suggested-actions", inputs: { actions: "actions", suggestions: "suggestions", tabbable: "tabbable", type: "type", suggestionTemplate: "suggestionTemplate" }, outputs: { dispatchAction: "dispatchAction", dispatchSuggestion: "dispatchSuggestion" }, host: { properties: { "class.k-suggestion-group": "this.defaultClass", "class.k-suggestion-group-scrollable": "this.scrollableClass", "class.k-suggestion-scrollwrap": "this.scrollButtonsClass", "class.k-suggestion-group-scrollable-start": "this.scrollStartClass", "class.k-suggestion-group-scrollable-end": "this.scrollEndClass", "attr.role": "this.role" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SuggestedActionsComponent, deps: [{ token: ChatService }, { token: i1.LocalizationService }, { token: SuggestionsScrollService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: SuggestedActionsComponent, isStandalone: true, selector: "kendo-chat-suggested-actions", inputs: { actions: "actions", suggestions: "suggestions", tabbable: "tabbable", type: "type", suggestionTemplate: "suggestionTemplate" }, outputs: { dispatchAction: "dispatchAction", dispatchSuggestion: "dispatchSuggestion" }, host: { properties: { "class.k-suggestion-group": "this.defaultClass", "class.k-suggestion-group-scrollable": "this.scrollableClass", "class.k-suggestion-scrollwrap": "this.scrollButtonsClass", "class.k-suggestion-group-scrollable-start": "this.scrollStartClass", "class.k-suggestion-group-scrollable-end": "this.scrollEndClass", "attr.role": "this.role" } }, providers: [
             {
                 provide: ChatItem,
                 useExisting: forwardRef(() => SuggestedActionsComponent),
@@ -6600,7 +6602,7 @@ class SuggestedActionsComponent extends ChatItem {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChatScrollableButtonComponent, selector: "[kendoChatScrollableButton]", inputs: ["prev"], outputs: ["onClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestedActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SuggestedActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-suggested-actions',
@@ -6766,10 +6768,10 @@ class ChatMessageBoxEndAffixTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatMessageBoxEndAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxEndAffixTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatMessageBoxEndAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxEndAffixTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageBoxEndAffixTemplate]',
@@ -6796,10 +6798,10 @@ class ChatMessageBoxStartAffixTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatMessageBoxStartAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxStartAffixTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatMessageBoxStartAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxStartAffixTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageBoxStartAffixTemplate]',
@@ -6826,10 +6828,10 @@ class ChatMessageBoxTopAffixTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ChatMessageBoxTopAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTopAffixTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ChatMessageBoxTopAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTopAffixTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatMessageBoxTopAffixTemplate]',
@@ -7049,8 +7051,8 @@ class MessageBoxComponent {
     dispatchSuggestion(suggestion) {
         this.executeSuggestion.emit(suggestion);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageBoxComponent, deps: [{ token: ChatService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MessageBoxComponent, isStandalone: true, selector: "kendo-message-box", inputs: { authorId: "authorId", autoScroll: "autoScroll", suggestions: "suggestions", placeholder: "placeholder", inputValue: "inputValue", localization: "localization", messageBoxTemplate: "messageBoxTemplate", messageBoxStartAffixTemplate: "messageBoxStartAffixTemplate", messageBoxEndAffixTemplate: "messageBoxEndAffixTemplate", messageBoxTopAffixTemplate: "messageBoxTopAffixTemplate", suggestionTemplate: "suggestionTemplate", loading: "loading" }, outputs: { sendMessage: "sendMessage", executeSuggestion: "executeSuggestion", fileSelect: "fileSelect", fileRemove: "fileRemove" }, host: { properties: { "style.border-color": "this.borderColor", "class.k-message-box-wrapper": "this.messageBoxWrapperClass" } }, viewQueries: [{ propertyName: "messageBoxInput", first: true, predicate: ["messageBoxInput"], descendants: true }, { propertyName: "suggestedActionsComponent", first: true, predicate: SuggestedActionsComponent, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageBoxComponent, deps: [{ token: ChatService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: MessageBoxComponent, isStandalone: true, selector: "kendo-message-box", inputs: { authorId: "authorId", autoScroll: "autoScroll", suggestions: "suggestions", placeholder: "placeholder", inputValue: "inputValue", localization: "localization", messageBoxTemplate: "messageBoxTemplate", messageBoxStartAffixTemplate: "messageBoxStartAffixTemplate", messageBoxEndAffixTemplate: "messageBoxEndAffixTemplate", messageBoxTopAffixTemplate: "messageBoxTopAffixTemplate", suggestionTemplate: "suggestionTemplate", loading: "loading" }, outputs: { sendMessage: "sendMessage", executeSuggestion: "executeSuggestion", fileSelect: "fileSelect", fileRemove: "fileRemove" }, host: { properties: { "style.border-color": "this.borderColor", "class.k-message-box-wrapper": "this.messageBoxWrapperClass" } }, viewQueries: [{ propertyName: "messageBoxInput", first: true, predicate: ["messageBoxInput"], descendants: true }, { propertyName: "suggestedActionsComponent", first: true, predicate: SuggestedActionsComponent, descendants: true }], ngImport: i0, template: `
         @if (suggestions?.length > 0) {
         <kendo-chat-suggested-actions
             #suggestedActions
@@ -7143,7 +7145,7 @@ class MessageBoxComponent {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], 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: PromptBoxTopAffixComponent, selector: "kendo-promptbox-top-affix", exportAs: ["kendoPromptBoxTopAffix"] }, { kind: "component", type: PromptBoxEndAffixComponent, selector: "kendo-promptbox-end-affix", exportAs: ["kendoPromptBoxEndAffix"] }, { kind: "component", type: PromptBoxFileSelectButtonComponent, selector: "kendo-promptbox-fileselect-button", inputs: ["restrictions", "multiple", "accept"], outputs: ["selectAttachments"], exportAs: ["kendoPromptBoxFileSelectButton"] }, { 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: "20.3.25", ngImport: i0, type: MessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-message-box',
@@ -7644,8 +7646,8 @@ class MessageComponent extends ChatItem {
             this.cdr.detectChanges();
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: ChatService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MessageComponent, isStandalone: true, selector: "kendo-chat-message", inputs: { message: "message", tabbable: "tabbable", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", statusTemplate: "statusTemplate", showMessageTime: "showMessageTime", authorId: "authorId" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.k-message": "this.cssClass", "class.k-message-failed": "this.failedClass", "class.k-message-removed": "this.removedClass", "attr.tabIndex": "this.tabIndex" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: ChatService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: MessageComponent, isStandalone: true, selector: "kendo-chat-message", inputs: { message: "message", tabbable: "tabbable", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", statusTemplate: "statusTemplate", showMessageTime: "showMessageTime", authorId: "authorId" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.k-message": "this.cssClass", "class.k-message-failed": "this.failedClass", "class.k-message-removed": "this.removedClass", "attr.tabIndex": "this.tabIndex" } }, providers: [
             {
                 provide: ChatItem,
                 useExisting: forwardRef(() => MessageComponent),
@@ -7861,7 +7863,7 @@ class MessageComponent extends ChatItem {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-message',
@@ -8158,8 +8160,8 @@ class AttachmentComponent {
         return this.attachment.contentType || '';
     }
     _attachment;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AttachmentComponent, isStandalone: true, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AttachmentComponent, isStandalone: true, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, template: `
         @if (template) {
           <ng-container *ngTemplateOutlet="template.templateRef; context: context;">
           </ng-container>
@@ -8189,7 +8191,7 @@ class AttachmentComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AttachmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachmentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-attachment',
@@ -8346,8 +8348,8 @@ class MessageAttachmentsComponent extends ChatItem {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageAttachmentsComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MessageAttachmentsComponent, isStandalone: true, selector: "kendo-chat-message-attachments", inputs: { attachments: "attachments", layout: "layout", tabbable: "tabbable", template: "template", localization: "localization" }, host: { properties: { "class.k-card-deck-scrollwrap": "this.carousel" } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageAttachmentsComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: MessageAttachmentsComponent, isStandalone: true, selector: "kendo-chat-message-attachments", inputs: { attachments: "attachments", layout: "layout", tabbable: "tabbable", template: "template", localization: "localization" }, host: { properties: { "class.k-card-deck-scrollwrap": "this.carousel" } }, providers: [{
                 provide: ChatItem,
                 useExisting: forwardRef(() => MessageAttachmentsComponent)
             }], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
@@ -8396,7 +8398,7 @@ class MessageAttachmentsComponent extends ChatItem {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [{
@@ -8767,8 +8769,8 @@ class MessageListComponent {
             return componentElement && (componentElement === clickedElement || componentElement.contains(clickedElement));
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageListComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: i0.Renderer2 }, { token: ChatService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MessageListComponent, isStandalone: true, selector: "kendo-chat-message-list", inputs: { messages: "messages", attachmentTemplate: "attachmentTemplate", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", timestampTemplate: "timestampTemplate", statusTemplate: "statusTemplate", userStatusTemplate: "userStatusTemplate", localization: "localization", authorId: "authorId" }, outputs: { executeAction: "executeAction", navigate: "navigate", resize: "resize" }, host: { properties: { "class.k-message-list-content": "this.cssClass" } }, viewQueries: [{ propertyName: "items", predicate: ChatItem, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageListComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: i0.Renderer2 }, { token: ChatService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: MessageListComponent, isStandalone: true, selector: "kendo-chat-message-list", inputs: { messages: "messages", attachmentTemplate: "attachmentTemplate", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", timestampTemplate: "timestampTemplate", statusTemplate: "statusTemplate", userStatusTemplate: "userStatusTemplate", localization: "localization", authorId: "authorId" }, outputs: { executeAction: "executeAction", navigate: "navigate", resize: "resize" }, host: { properties: { "class.k-message-list-content": "this.cssClass" } }, viewQueries: [{ propertyName: "items", predicate: ChatItem, descendants: true }], ngImport: i0, template: `
         @for (group of view; track trackGroup($index, group); let lastGroup = $last) { @switch (group.type) { @case
         ('date-marker') {
         <div class="k-timestamp">
@@ -8872,7 +8874,7 @@ class MessageListComponent {
         <kendo-resize-sensor (resize)="onResize()"> </kendo-resize-sensor>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MessageComponent, selector: "kendo-chat-message", inputs: ["message", "tabbable", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "statusTemplate", "showMessageTime", "authorId"] }, { kind: "component", type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }, { kind: "component", type: MessageAttachmentsComponent, selector: "kendo-chat-message-attachments", inputs: ["attachments", "layout", "tabbable", "template", "localization"] }, { kind: "component", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "suggestions", "tabbable", "type", "suggestionTemplate"], outputs: ["dispatchAction", "dispatchSuggestion"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "ngmodule", type: ButtonsModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessageListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MessageListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-message-list',
@@ -10147,8 +10149,8 @@ class ChatComponent {
             return userAction;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ChatComponent, isStandalone: true, selector: "kendo-chat", inputs: { messages: "messages", authorId: "authorId", messageBoxType: "messageBoxType", height: "height", width: "width", placeholder: "placeholder", messageWidthMode: "messageWidthMode", timestampVisibility: "timestampVisibility", showUsername: "showUsername", showAvatar: "showAvatar", allowMessageCollapse: "allowMessageCollapse", speechToTextButton: "speechToTextButton", fileSelectButton: "fileSelectButton", messageBoxSettings: "messageBoxSettings", messageToolbarActions: "messageToolbarActions", inputValue: "inputValue", authorMessageSettings: "authorMessageSettings", receiverMessageSettings: "receiverMessageSettings", messageContextMenuActions: "messageContextMenuActions", fileActions: "fileActions", messageFilesLayout: "messageFilesLayout", suggestionsLayout: "suggestionsLayout", quickActionsLayout: "quickActionsLayout", suggestions: "suggestions", sendButton: "sendButton", sendButtonSettings: "sendButtonSettings", scrollMode: "scrollMode", pageSize: "pageSize", autoScrollThreshold: "autoScrollThreshold", total: "total", startIndex: "startIndex", endIndex: "endIndex", pinnedMessages: "pinnedMessages", repliedToMessages: "repliedToMessages", modelFields: "modelFields", scrollToBottomButton: "scrollToBottomButton", loading: "loading" }, outputs: { sendMessage: "sendMessage", resendMessage: "resendMessage", toolbarActionClick: "toolbarActionClick", contextMenuActionClick: "contextMenuActionClick", fileActionClick: "fileActionClick", download: "download", executeAction: "executeAction", suggestionExecute: "suggestionExecute", fileSelect: "fileSelect", fileRemove: "fileRemove", unpin: "unpin", inputValueChange: "inputValueChange", loadMore: "loadMore", referencedMessageClick: "referencedMessageClick" }, host: { properties: { "class": "this.className", "attr.dir": "this.dirAttr" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ChatComponent, isStandalone: true, selector: "kendo-chat", inputs: { messages: "messages", authorId: "authorId", messageBoxType: "messageBoxType", height: "height", width: "width", placeholder: "placeholder", messageWidthMode: "messageWidthMode", timestampVisibility: "timestampVisibility", showUsername: "showUsername", showAvatar: "showAvatar", allowMessageCollapse: "allowMessageCollapse", speechToTextButton: "speechToTextButton", fileSelectButton: "fileSelectButton", messageBoxSettings: "messageBoxSettings", messageToolbarActions: "messageToolbarActions", inputValue: "inputValue", authorMessageSettings: "authorMessageSettings", receiverMessageSettings: "receiverMessageSettings", messageContextMenuActions: "messageContextMenuActions", fileActions: "fileActions", messageFilesLayout: "messageFilesLayout", suggestionsLayout: "suggestionsLayout", quickActionsLayout: "quickActionsLayout", suggestions: "suggestions", sendButton: "sendButton", sendButtonSettings: "sendButtonSettings", scrollMode: "scrollMode", pageSize: "pageSize", autoScrollThreshold: "autoScrollThreshold", total: "total", startIndex: "startIndex", endIndex: "endIndex", pinnedMessages: "pinnedMessages", repliedToMessages: "repliedToMessages", modelFields: "modelFields", scrollToBottomButton: "scrollToBottomButton", loading: "loading" }, outputs: { sendMessage: "sendMessage", resendMessage: "resendMessage", toolbarActionClick: "toolbarActionClick", contextMenuActionClick: "contextMenuActionClick", fileActionClick: "fileActionClick", download: "download", executeAction: "executeAction", suggestionExecute: "suggestionExecute", fileSelect: "fileSelect", fileRemove: "fileRemove", unpin: "unpin", inputValueChange: "inputValueChange", loadMore: "loadMore", referencedMessageClick: "referencedMessageClick" }, host: { properties: { "class": "this.className", "attr.dir": "this.dirAttr" } }, providers: [
             LocalizationService,
             ChatService,
             SuggestionsScrollService,
@@ -10351,9 +10353,9 @@ class ChatComponent {
         @if (showLicenseWatermark) {
         <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$2, selector: "[kendoChatLocalizedMessages]" }, { kind: "directive", type: ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: ["autoScroll", "autoScrollThreshold", "endlessMode", "rangeIsAtEnd"], outputs: ["autoScrollChange", "nearTop", "nearBottom"], exportAs: ["scrollAnchor"] }, { kind: "component", type: MessageListComponent, selector: "kendo-chat-message-list", inputs: ["messages", "attachmentTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "statusTemplate", "userStatusTemplate", "localization", "authorId"], outputs: ["executeAction", "navigate", "resize"] }, { kind: "component", type: MessageBoxComponent, selector: "kendo-message-box", inputs: ["authorId", "autoScroll", "suggestions", "placeholder", "inputValue", "localization", "messageBoxTemplate", "messageBoxStartAffixTemplate", "messageBoxEndAffixTemplate", "messageBoxTopAffixTemplate", "suggestionTemplate", "loading"], outputs: ["sendMessage", "executeSuggestion", "fileSelect", "fileRemove"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: 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"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$3, selector: "[kendoChatLocalizedMessages]" }, { kind: "directive", type: ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: ["autoScroll", "autoScrollThreshold", "endlessMode", "rangeIsAtEnd"], outputs: ["autoScrollChange", "nearTop", "nearBottom"], exportAs: ["scrollAnchor"] }, { kind: "component", type: MessageListComponent, selector: "kendo-chat-message-list", inputs: ["messages", "attachmentTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "statusTemplate", "userStatusTemplate", "localization", "authorId"], outputs: ["executeAction", "navigate", "resize"] }, { kind: "component", type: MessageBoxComponent, selector: "kendo-message-box", inputs: ["authorId", "autoScroll", "suggestions", "placeholder", "inputValue", "localization", "messageBoxTemplate", "messageBoxStartAffixTemplate", "messageBoxEndAffixTemplate", "messageBoxTopAffixTemplate", "suggestionTemplate", "loading"], outputs: ["sendMessage", "executeSuggestion", "fileSelect", "fileRemove"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: 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"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -10564,7 +10566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
     `,
                     standalone: true,
                     imports: [
-                        LocalizedMessagesDirective$2,
+                        LocalizedMessagesDirective$3,
                         ScrollAnchorDirective,
                         MessageListComponent,
                         MessageBoxComponent,
@@ -10774,15 +10776,15 @@ class CustomMessagesComponent extends Messages$2 {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chat-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chat-messages", providers: [
             {
                 provide: Messages$2,
                 useExisting: forwardRef(() => CustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -10838,8 +10840,8 @@ class HeroCardComponent {
     onClick(action) {
         this.executeAction.next(action);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: HeroCardComponent, isStandalone: true, selector: "kendo-chat-hero-card", inputs: { imageUrl: "imageUrl", title: "title", subtitle: "subtitle", actions: "actions" }, outputs: { executeAction: "executeAction" }, host: { properties: { "class.k-card": "this.cssClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: HeroCardComponent, isStandalone: true, selector: "kendo-chat-hero-card", inputs: { imageUrl: "imageUrl", title: "title", subtitle: "subtitle", actions: "actions" }, outputs: { executeAction: "executeAction" }, host: { properties: { "class.k-card": "this.cssClass" } }, ngImport: i0, template: `
         @if (imageUrl) {
           <img class="k-card-image" [src]="imageUrl" />
         }
@@ -10870,7 +10872,7 @@ class HeroCardComponent {
         </div>
         `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeroCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: HeroCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-hero-card',
@@ -10938,10 +10940,10 @@ class Messages extends ComponentMessages {
      * The title for the Speech to Text button.
      */
     speechToTextButtonTitle;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, inputs: { commandsButtonTitle: "commandsButtonTitle", generateButtonTitle: "generateButtonTitle", speechToTextButtonTitle: "speechToTextButtonTitle" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: Messages, isStandalone: true, inputs: { commandsButtonTitle: "commandsButtonTitle", generateButtonTitle: "generateButtonTitle", speechToTextButtonTitle: "speechToTextButtonTitle" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: Messages, decorators: [{
             type: Directive
         }], propDecorators: { commandsButtonTitle: [{
                 type: Input
@@ -10954,27 +10956,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 /**
  * @hidden
  */
-class LocalizedMessagesDirective extends Messages {
+let LocalizedMessagesDirective$1 = class LocalizedMessagesDirective extends Messages {
     service;
     constructor(service) {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoInlineAIPromptLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoInlineAIPromptLocalizedMessages]", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective$1, decorators: [{
             type: Directive,
             args: [{
                     providers: [
                         {
                             provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                            useExisting: forwardRef(() => LocalizedMessagesDirective$1)
                         }
                     ],
                     selector: '[kendoInlineAIPromptLocalizedMessages]',
@@ -11257,8 +11259,8 @@ class InlineAIPromptContentComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptContentComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: InlineAIPromptContentComponent, isStandalone: true, selector: "kendo-inlineaiprompt-content", inputs: { popupElement: "popupElement", promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", appendTo: "appendTo", outputActions: "outputActions", promptCommands: "promptCommands", outputTemplate: "outputTemplate" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, host: { listeners: { "keydown": "onEscapeKey($event)" }, properties: { "class.k-prompt": "this.className", "attr.dir": "this.dirAttr", "style.max-height": "this.maxHeightStyle", "style.width": "this.widthStyle" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptContentComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: InlineAIPromptContentComponent, isStandalone: true, selector: "kendo-inlineaiprompt-content", inputs: { popupElement: "popupElement", promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", appendTo: "appendTo", outputActions: "outputActions", promptCommands: "promptCommands", outputTemplate: "outputTemplate" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, host: { listeners: { "keydown": "onEscapeKey($event)" }, properties: { "class.k-prompt": "this.className", "attr.dir": "this.dirAttr", "style.max-height": "this.maxHeightStyle", "style.width": "this.widthStyle" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -11375,9 +11377,9 @@ class InlineAIPromptContentComponent {
           class="k-hidden"
           (select)="onCommandClick($event)">
         </kendo-contextmenu>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoInlineAIPromptLocalizedMessages]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2.SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "component", type: i3.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: i3.TextAreaPrefixComponent, selector: "kendo-textarea-prefix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaPrefix"] }, { kind: "component", type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: i4.ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: i5.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i5.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: i5.CardBodyComponent, selector: "kendo-card-body" }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedMessagesDirective$1, selector: "[kendoInlineAIPromptLocalizedMessages]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2.SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "component", type: i3.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: i3.TextAreaPrefixComponent, selector: "kendo-textarea-prefix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaPrefix"] }, { kind: "component", type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: i4.ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: i5.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i5.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: i5.CardBodyComponent, selector: "kendo-card-body" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptContentComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoInlineAIPromptContent',
@@ -11502,7 +11504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         </kendo-contextmenu>
         `,
                     standalone: true,
-                    imports: [NgClass, NgTemplateOutlet, LocalizedMessagesDirective, KENDO_BUTTONS, KENDO_TEXTAREA, KENDO_CONTEXTMENU, KENDO_CARD],
+                    imports: [NgClass, NgTemplateOutlet, LocalizedMessagesDirective$1, KENDO_BUTTONS, KENDO_TEXTAREA, KENDO_CONTEXTMENU, KENDO_CARD],
                 }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService, decorators: [{
                     type: Optional
@@ -11587,10 +11589,10 @@ class InlineAIPromptOutputTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: InlineAIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoInlineAIPromptOutputTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: InlineAIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoInlineAIPromptOutputTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoInlineAIPromptOutputTemplate]',
@@ -11780,8 +11782,8 @@ class InlineAIPromptComponent {
     onPromptValueChange(value) {
         this.promptValueChange.emit(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: InlineAIPromptComponent, isStandalone: true, selector: "kendo-inlineaiprompt", inputs: { promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", outputActions: "outputActions", promptCommands: "promptCommands", popupSettings: "popupSettings" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: InlineAIPromptComponent, isStandalone: true, selector: "kendo-inlineaiprompt", inputs: { promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", outputActions: "outputActions", promptCommands: "promptCommands", popupSettings: "popupSettings" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -11829,9 +11831,9 @@ class InlineAIPromptComponent {
             >
             </kendo-inlineaiprompt-content>
         </kendo-popup>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$2.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: InlineAIPromptContentComponent, selector: "kendo-inlineaiprompt-content", inputs: ["popupElement", "promptValue", "placeholder", "promptOutput", "enableSpeechToText", "streaming", "width", "maxHeight", "appendTo", "outputActions", "promptCommands", "outputTemplate"], outputs: ["promptRequest", "commandExecute", "outputActionClick", "promptRequestCancel", "close", "promptValueChange"], exportAs: ["kendoInlineAIPromptContent"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoInlineAIPromptLocalizedMessages]" }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: i1$2.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: InlineAIPromptContentComponent, selector: "kendo-inlineaiprompt-content", inputs: ["popupElement", "promptValue", "placeholder", "promptOutput", "enableSpeechToText", "streaming", "width", "maxHeight", "appendTo", "outputActions", "promptCommands", "outputTemplate"], outputs: ["promptRequest", "commandExecute", "outputActionClick", "promptRequestCancel", "close", "promptValueChange"], exportAs: ["kendoInlineAIPromptContent"] }, { kind: "directive", type: LocalizedMessagesDirective$1, selector: "[kendoInlineAIPromptLocalizedMessages]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoInlineAIPrompt',
@@ -11887,7 +11889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         </kendo-popup>
     `,
                     standalone: true,
-                    imports: [KENDO_POPUP, InlineAIPromptContentComponent, LocalizedMessagesDirective],
+                    imports: [KENDO_POPUP, InlineAIPromptContentComponent, LocalizedMessagesDirective$1],
                 }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { promptValue: [{
                 type: Input
@@ -11955,15 +11957,15 @@ class InlineAIPromptCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: InlineAIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-inlineaiprompt-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: InlineAIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-inlineaiprompt-messages", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => InlineAIPromptCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -11979,62 +11981,2615 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
 /**
- * Utility array that contains all AIPrompt related components and directives.
+ * @hidden
+ */
+class LlmKitMessages extends ComponentMessages {
+    /**
+     * Sets the aria-label for a disclosure head when it has no visible label/secondaryLabel and is currently collapsed.
+     */
+    expandLabel;
+    /**
+     * Sets the aria-label for a disclosure head when it has no visible label/secondaryLabel and is currently expanded.
+     */
+    collapseLabel;
+    /**
+     * Sets the text for the ToolCall's default Approve action.
+     */
+    approveAction;
+    /**
+     * Sets the text for the ToolCall's default Reject action.
+     */
+    rejectAction;
+    /**
+     * Sets the text for the Checkpoint's default action in the startOver state.
+     */
+    startOverAction;
+    /**
+     * Sets the text for the Checkpoint's default action in the restore state.
+     */
+    restoreAction;
+    /**
+     * Sets the text for the Checkpoint's default action in the redo state.
+     */
+    redoAction;
+    /**
+     * Sets the text for the Checkpoint's default stamp shown in the redo state.
+     */
+    checkpointRestoredText;
+    /**
+     * Sets the aria-label for the Citation popover's Previous-source action.
+     */
+    previousSourceAction;
+    /**
+     * Sets the aria-label for the Citation popover's Next-source action.
+     */
+    nextSourceAction;
+    /**
+     * Sets the label shown above the ToolCall's default formatted-JSON `parameters` block.
+     */
+    parametersLabel;
+    /**
+     * Sets the label shown above the ToolCall's default formatted-JSON `result` block.
+     */
+    resultLabel;
+    /**
+     * Sets the default ToolCall badge text for the awaiting approval state.
+     */
+    awaitingApprovalStatus;
+    /**
+     * Sets the default ToolCall badge text for the completed state.
+     */
+    completedStatus;
+    /**
+     * Sets the default ToolCall badge text for the error state.
+     */
+    errorStatus;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LlmKitMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LlmKitMessages, isStandalone: true, inputs: { expandLabel: "expandLabel", collapseLabel: "collapseLabel", approveAction: "approveAction", rejectAction: "rejectAction", startOverAction: "startOverAction", restoreAction: "restoreAction", redoAction: "redoAction", checkpointRestoredText: "checkpointRestoredText", previousSourceAction: "previousSourceAction", nextSourceAction: "nextSourceAction", parametersLabel: "parametersLabel", resultLabel: "resultLabel", awaitingApprovalStatus: "awaitingApprovalStatus", completedStatus: "completedStatus", errorStatus: "errorStatus" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LlmKitMessages, decorators: [{
+            type: Directive
+        }], propDecorators: { expandLabel: [{
+                type: Input
+            }], collapseLabel: [{
+                type: Input
+            }], approveAction: [{
+                type: Input
+            }], rejectAction: [{
+                type: Input
+            }], startOverAction: [{
+                type: Input
+            }], restoreAction: [{
+                type: Input
+            }], redoAction: [{
+                type: Input
+            }], checkpointRestoredText: [{
+                type: Input
+            }], previousSourceAction: [{
+                type: Input
+            }], nextSourceAction: [{
+                type: Input
+            }], parametersLabel: [{
+                type: Input
+            }], resultLabel: [{
+                type: Input
+            }], awaitingApprovalStatus: [{
+                type: Input
+            }], completedStatus: [{
+                type: Input
+            }], errorStatus: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends LlmKitMessages {
+    service;
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoLlmKitLocalizedMessages]", providers: [
+            {
+                provide: LlmKitMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: LlmKitMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoLlmKitLocalizedMessages]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }] });
+
+/**
+ * @hidden
  *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- * import { KENDO_AIPROMPT } from '@progress/kendo-angular-conversational-ui';
+ * Shared internal component used by `Reasoning`, `ChainOfThought`, and `ToolCall`.
+ */
+class AgentStepBase {
+    renderer;
+    ngZone;
+    localization;
+    head;
+    set label(value) {
+        this._label.set(value);
+    }
+    get label() {
+        return this._label();
+    }
+    set secondaryLabel(value) {
+        this._secondaryLabel.set(value);
+    }
+    get secondaryLabel() {
+        return this._secondaryLabel();
+    }
+    set icon(value) {
+        this._icon.set(value);
+    }
+    get icon() {
+        return this._icon();
+    }
+    set svgIcon(value) {
+        this._svgIcon.set(value);
+    }
+    get svgIcon() {
+        return this._svgIcon();
+    }
+    set completed(value) {
+        this._completed.set(value);
+    }
+    get completed() {
+        return this._completed();
+    }
+    set expandable(value) {
+        this._expandable.set(value);
+    }
+    get expandable() {
+        return this._expandable();
+    }
+    set expanded(value) {
+        this._expanded.set(value);
+    }
+    get expanded() {
+        return this._expanded();
+    }
+    set linesAdded(value) {
+        this._linesAdded.set(value);
+    }
+    get linesAdded() {
+        return this._linesAdded();
+    }
+    set linesRemoved(value) {
+        this._linesRemoved.set(value);
+    }
+    get linesRemoved() {
+        return this._linesRemoved();
+    }
+    expandedChange = new EventEmitter();
+    hostClass = true;
+    get completedClass() {
+        return this.completed;
+    }
+    expandSvgIcon = chevronRightIcon;
+    collapseSvgIcon = chevronUpIcon;
+    expandIcon = 'chevron-right';
+    collapseIcon = 'chevron-up';
+    _label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
+    _secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
+    _icon = signal(undefined, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
+    _expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _linesAdded = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesAdded" }] : []));
+    _linesRemoved = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesRemoved" }] : []));
+    subs = new Subscription();
+    constructor(renderer, ngZone, localization) {
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.localization = localization;
+    }
+    /**
+     * A middle-dot separator precedes `secondaryLabel` only when `label` is also shown&mdash;otherwise
+     * `secondaryLabel` would be the first segment in the content region.
+     */
+    get showSepBeforeSecondary() {
+        return !!this.label && !!this.secondaryLabel;
+    }
+    get accessibleLabel() {
+        if (this.label || this.secondaryLabel) {
+            return null;
+        }
+        return this.expandable && this.expanded
+            ? this.localization.get('collapseLabel')
+            : this.localization.get('expandLabel');
+    }
+    ngOnInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.subs.add(this.renderer.listen(this.head.nativeElement, 'click', () => this.toggle()));
+        });
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    toggle() {
+        if (!this.expandable) {
+            return;
+        }
+        this.ngZone.run(() => {
+            const expanded = !this.expanded;
+            this._expanded.set(expanded);
+            this.expandedChange.emit(expanded);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AgentStepBase, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AgentStepBase, isStandalone: true, selector: "[kendoLlmKitAgentStep]", inputs: { label: "label", secondaryLabel: "secondaryLabel", icon: "icon", svgIcon: "svgIcon", completed: "completed", expandable: "expandable", expanded: "expanded", linesAdded: "linesAdded", linesRemoved: "linesRemoved" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.k-agent-step": "this.hostClass", "class.k-agent-completed": "this.completedClass" } }, viewQueries: [{ propertyName: "head", first: true, predicate: ["head"], descendants: true, static: true }], ngImport: i0, template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-expandLabel="kendo.llmkit.expandLabel|The aria-label for a collapsed disclosure head without visible text."
+            expandLabel="Expand"
+            i18n-collapseLabel="kendo.llmkit.collapseLabel|The aria-label for an expanded disclosure head without visible text."
+            collapseLabel="Collapse">
+        </ng-container>
+        <button
+            #head
+            type="button"
+            class="k-agent-step-head"
+            [attr.aria-expanded]="expandable ? (expanded ? 'true' : 'false') : null"
+            [attr.aria-label]="accessibleLabel"
+        >
+            @if (icon || svgIcon) {
+                <kendo-icon-wrapper
+                    innerCssClass="k-agent-step-icon"
+                    size="small"
+                    [name]="icon"
+                    [svgIcon]="svgIcon">
+                </kendo-icon-wrapper>
+            }
+            <span class="k-agent-step-content">
+                @if (label) {
+                    <span class="k-agent-step-label">{{ label }}</span>
+                }
+                @if (secondaryLabel) {
+                    @if (showSepBeforeSecondary) {
+                        <span class="k-agent-step-sep">&middot;</span>
+                    }
+                    <span class="k-agent-step-secondary">{{ secondaryLabel }}</span>
+                }
+                @if (linesAdded !== undefined && linesAdded !== null) {
+                    <span class="k-agent-step-added">+{{ linesAdded }}</span>
+                }
+                @if (linesRemoved !== undefined && linesRemoved !== null) {
+                    <span class="k-agent-step-removed">-{{ linesRemoved }}</span>
+                }
+                <ng-content select="[kendoLlmKitAgentStepBadge]"></ng-content>
+                @if (expandable) {
+                    <kendo-icon-wrapper
+                        innerCssClass="k-agent-step-expand"
+                        size="small"
+                        [name]="expanded ? collapseIcon : expandIcon"
+                        [svgIcon]="expanded ? collapseSvgIcon : expandSvgIcon">
+                    </kendo-icon-wrapper>
+                }
+            </span>
+        </button>
+        @if (expandable && expanded) {
+            <div class="k-agent-step-body">
+                <ng-content></ng-content>
+            </div>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AgentStepBase, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoLlmKitAgentStep]',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [IconWrapperComponent, LocalizedMessagesDirective],
+                    template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-expandLabel="kendo.llmkit.expandLabel|The aria-label for a collapsed disclosure head without visible text."
+            expandLabel="Expand"
+            i18n-collapseLabel="kendo.llmkit.collapseLabel|The aria-label for an expanded disclosure head without visible text."
+            collapseLabel="Collapse">
+        </ng-container>
+        <button
+            #head
+            type="button"
+            class="k-agent-step-head"
+            [attr.aria-expanded]="expandable ? (expanded ? 'true' : 'false') : null"
+            [attr.aria-label]="accessibleLabel"
+        >
+            @if (icon || svgIcon) {
+                <kendo-icon-wrapper
+                    innerCssClass="k-agent-step-icon"
+                    size="small"
+                    [name]="icon"
+                    [svgIcon]="svgIcon">
+                </kendo-icon-wrapper>
+            }
+            <span class="k-agent-step-content">
+                @if (label) {
+                    <span class="k-agent-step-label">{{ label }}</span>
+                }
+                @if (secondaryLabel) {
+                    @if (showSepBeforeSecondary) {
+                        <span class="k-agent-step-sep">&middot;</span>
+                    }
+                    <span class="k-agent-step-secondary">{{ secondaryLabel }}</span>
+                }
+                @if (linesAdded !== undefined && linesAdded !== null) {
+                    <span class="k-agent-step-added">+{{ linesAdded }}</span>
+                }
+                @if (linesRemoved !== undefined && linesRemoved !== null) {
+                    <span class="k-agent-step-removed">-{{ linesRemoved }}</span>
+                }
+                <ng-content select="[kendoLlmKitAgentStepBadge]"></ng-content>
+                @if (expandable) {
+                    <kendo-icon-wrapper
+                        innerCssClass="k-agent-step-expand"
+                        size="small"
+                        [name]="expanded ? collapseIcon : expandIcon"
+                        [svgIcon]="expanded ? collapseSvgIcon : expandSvgIcon">
+                    </kendo-icon-wrapper>
+                }
+            </span>
+        </button>
+        @if (expandable && expanded) {
+            <div class="k-agent-step-body">
+                <ng-content></ng-content>
+            </div>
+        }
+    `
+                }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { head: [{
+                type: ViewChild,
+                args: ['head', { static: true }]
+            }], label: [{
+                type: Input
+            }], secondaryLabel: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], completed: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], linesAdded: [{
+                type: Input
+            }], linesRemoved: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-agent-step']
+            }], completedClass: [{
+                type: HostBinding,
+                args: ['class.k-agent-completed']
+            }] } });
+
+/**
+ * Represents the template for the Reasoning body. Replaces the `content` input when supplied.
  *
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_AIPROMPT],
- *   selector: 'my-app',
- *   template: `<kendo-aiprompt></kendo-aiprompt>`
- * })
- * export class AppComponent {}
+ * @example
+ * ```html
+ * <kendo-reasoning>
+ *   <ng-template kendoReasoningContentTemplate>
+ *     <p>Custom reasoning content.</p>
+ *   </ng-template>
+ * </kendo-reasoning>
  * ```
  */
-const KENDO_AIPROMPT = [
-    AIPromptComponent,
-    PromptViewComponent,
-    OutputViewComponent,
-    CommandViewComponent,
-    CustomViewComponent,
-    AIPromptCustomMessagesComponent,
-    AIPromptToolbarActionsDirective,
-    AIPromptToolbarFocusableDirective,
-    AIPromptOutputTemplateDirective,
-    AIPromptOutputBodyTemplateDirective,
-];
+class ReasoningContentTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReasoningContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ReasoningContentTemplateDirective, isStandalone: true, selector: "[kendoReasoningContentTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReasoningContentTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoReasoningContentTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
 /**
- * Utility array that contains all Chat related components and directives.
+ * Represents the [Kendo UI Reasoning component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/reasoning).
+ * Displays a model's reasoning trace as a single disclosure block, separately from the final answer.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- * import { KENDO_CHAT } from '@progress/kendo-angular-conversational-ui';
- *
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_CHAT],
- *   selector: 'my-app',
- *   template: `<kendo-chat></kendo-chat>`
- * })
- * export class AppComponent {}
+ * ```html
+ * <kendo-reasoning
+ *   [expandable]="true"
+ *   content="Analyzing the request and forming a plan of action."
+ * ></kendo-reasoning>
  * ```
  */
-const KENDO_CHAT = [
-    ChatComponent,
-    CustomMessagesComponent,
-    AttachmentTemplateDirective,
-    AuthorMessageContentTemplateDirective,
-    ReceiverMessageContentTemplateDirective,
-    MessageContentTemplateDirective,
-    AuthorMessageTemplateDirective,
-    ReceiverMessageTemplateDirective,
-    MessageTemplateDirective,
-    HeroCardComponent,
+class ReasoningComponent {
+    localization;
+    /**
+     * Renders the supplied template instead of the `content` input.
+     *
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * Sets the main label shown in the expandable header.
+     *
+     * @default 'Reasoning'
+     */
+    set label(value) {
+        this._label.set(value);
+    }
+    get label() {
+        return this._label();
+    }
+    /**
+     * Sets the secondary descriptive text shown next to the label.
+     */
+    set secondaryLabel(value) {
+        this._secondaryLabel.set(value);
+    }
+    get secondaryLabel() {
+        return this._secondaryLabel();
+    }
+    /**
+     * Sets the text content displayed in the reasoning body.
+     */
+    set content(value) {
+        this._content.set(value);
+    }
+    get content() {
+        return this._content();
+    }
+    /**
+     * Sets the name of a font icon shown in the expandable header.
+     *
+     * @default 'sparkles'
+     */
+    set icon(value) {
+        this._icon.set(value);
+    }
+    get icon() {
+        return this._icon();
+    }
+    /**
+     * Sets the SVG icon shown in the expandable header.
+     *
+     * @default sparklesIcon
+     */
+    set svgIcon(value) {
+        this._svgIcon.set(value);
+    }
+    get svgIcon() {
+        return this._svgIcon();
+    }
+    /**
+     * Sets whether the reasoning block has completed its thinking phase.
+     *
+     * @default false
+     */
+    set completed(value) {
+        this._completed.set(value);
+    }
+    get completed() {
+        return this._completed();
+    }
+    /**
+     * Sets whether the expandable header supports expanding and collapsing the reasoning body.
+     *
+     * @default false
+     */
+    set expandable(value) {
+        this._expandable.set(value);
+    }
+    get expandable() {
+        return this._expandable();
+    }
+    /**
+     * Sets whether the reasoning body is visible. Ignored when `expandable` is `false`.
+     *
+     * @default false
+     */
+    set expanded(value) {
+        this._expanded.set(value);
+    }
+    get expanded() {
+        return this._expanded();
+    }
+    /**
+     * Fires when the user expands or collapses the reasoning body through the expandable header.
+     */
+    expandedChange = new EventEmitter();
+    get direction() {
+        return this._direction();
+    }
+    set direction(value) {
+        this._direction.set(value);
+    }
+    _label = signal('Reasoning', ...(ngDevMode ? [{ debugName: "_label" }] : []));
+    _secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
+    _content = signal(undefined, ...(ngDevMode ? [{ debugName: "_content" }] : []));
+    _icon = signal('sparkles', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _svgIcon = signal(sparklesIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
+    _expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    subscription;
+    constructor(localization) {
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.subscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    handleExpandedChange(expanded) {
+        this.expanded = expanded;
+        this.expandedChange.emit(expanded);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReasoningComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ReasoningComponent, isStandalone: true, selector: "kendo-reasoning", inputs: { label: "label", secondaryLabel: "secondaryLabel", content: "content", icon: "icon", svgIcon: "svgIcon", completed: "completed", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+        ], queries: [{ propertyName: "contentTemplate", first: true, predicate: ReasoningContentTemplateDirective, descendants: true }], exportAs: ["kendoReasoning"], ngImport: i0, template: `
+        <div
+            class="k-reasoning"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="completed"
+            [expandable]="expandable"
+            [expanded]="expanded"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+            @if (contentTemplate) {
+                <ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
+            } @else if (content) {
+                <span>{{ content }}</span>
+            }
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ReasoningComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoReasoning',
+                    selector: 'kendo-reasoning',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+                    ],
+                    imports: [AgentStepBase, NgTemplateOutlet],
+                    template: `
+        <div
+            class="k-reasoning"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="completed"
+            [expandable]="expandable"
+            [expanded]="expanded"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+            @if (contentTemplate) {
+                <ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
+            } @else if (content) {
+                <span>{{ content }}</span>
+            }
+        </div>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { contentTemplate: [{
+                type: ContentChild,
+                args: [ReasoningContentTemplateDirective]
+            }], label: [{
+                type: Input
+            }], secondaryLabel: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], completed: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
+
+/**
+ * Represents the template that replaces each thought row in the `ChainOfThought` component.
+ * The current `Thought` item is available as the `$implicit` template value.
+ *
+ * @example
+ * ```html
+ * <kendo-chainofthought [thoughts]="thoughts">
+ *   <ng-template kendoThoughtTemplate let-thought>
+ *     <div>{{ thought.label }}</div>
+ *   </ng-template>
+ * </kendo-chainofthought>
+ * ```
+ */
+class ThoughtTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ThoughtTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ThoughtTemplateDirective, isStandalone: true, selector: "[kendoThoughtTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ThoughtTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoThoughtTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * @hidden
+ *
+ * Internal component that renders one `Thought` row inside `ChainOfThought`.
+ */
+class ThoughtRowComponent {
+    thoughtTemplate;
+    set thought(value) {
+        this._thought.set(value);
+    }
+    get thought() {
+        return this._thought();
+    }
+    hostClass = true;
+    get completedClass() {
+        return this.thought?.completed === true;
+    }
+    _thought = signal(undefined, ...(ngDevMode ? [{ debugName: "_thought" }] : []));
+    /**
+     * A middle-dot separator precedes `secondaryLabel` only when `label` is also shown&mdash;otherwise
+     * `secondaryLabel` would be the first segment in the content region.
+     */
+    get showSepBeforeSecondary() {
+        return !!this.thought?.label && !!this.thought?.secondaryLabel;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ThoughtRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ThoughtRowComponent, isStandalone: true, selector: "[kendoLlmKitThoughtRow]", inputs: { thoughtTemplate: "thoughtTemplate", thought: "thought" }, host: { properties: { "class.k-thought": "this.hostClass", "class.k-thought-completed": "this.completedClass" } }, ngImport: i0, template: `
+        <span class="k-agent-step-icon-col">
+            @if (thought?.icon || thought?.svgIcon) {
+                <kendo-icon-wrapper
+                    innerCssClass="k-agent-step-icon"
+                    size="small"
+                    [name]="thought.icon"
+                    [svgIcon]="thought.svgIcon">
+                </kendo-icon-wrapper>
+            }
+        </span>
+        <span class="k-agent-step-content">
+            @if (thoughtTemplate) {
+                <ng-container
+                    [ngTemplateOutlet]="thoughtTemplate.templateRef"
+                    [ngTemplateOutletContext]="{ $implicit: thought }"
+                ></ng-container>
+            } @else {
+                @if (thought?.label) {
+                    <span class="k-agent-step-label">{{ thought.label }}</span>
+                }
+                @if (thought?.secondaryLabel) {
+                    @if (showSepBeforeSecondary) {
+                        <span class="k-agent-step-sep">&middot;</span>
+                    }
+                    <span class="k-agent-step-secondary">{{ thought.secondaryLabel }}</span>
+                }
+                @if (thought?.linesAdded !== undefined && thought?.linesAdded !== null) {
+                    <span class="k-agent-step-added">+{{ thought.linesAdded }}</span>
+                }
+                @if (thought?.linesRemoved !== undefined && thought?.linesRemoved !== null) {
+                    <span class="k-agent-step-removed">-{{ thought.linesRemoved }}</span>
+                }
+                @if (thought?.content) {
+                    <span class="k-agent-step-body">{{ thought.content }}</span>
+                }
+            }
+        </span>
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ThoughtRowComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoLlmKitThoughtRow]',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [IconWrapperComponent, NgTemplateOutlet],
+                    template: `
+        <span class="k-agent-step-icon-col">
+            @if (thought?.icon || thought?.svgIcon) {
+                <kendo-icon-wrapper
+                    innerCssClass="k-agent-step-icon"
+                    size="small"
+                    [name]="thought.icon"
+                    [svgIcon]="thought.svgIcon">
+                </kendo-icon-wrapper>
+            }
+        </span>
+        <span class="k-agent-step-content">
+            @if (thoughtTemplate) {
+                <ng-container
+                    [ngTemplateOutlet]="thoughtTemplate.templateRef"
+                    [ngTemplateOutletContext]="{ $implicit: thought }"
+                ></ng-container>
+            } @else {
+                @if (thought?.label) {
+                    <span class="k-agent-step-label">{{ thought.label }}</span>
+                }
+                @if (thought?.secondaryLabel) {
+                    @if (showSepBeforeSecondary) {
+                        <span class="k-agent-step-sep">&middot;</span>
+                    }
+                    <span class="k-agent-step-secondary">{{ thought.secondaryLabel }}</span>
+                }
+                @if (thought?.linesAdded !== undefined && thought?.linesAdded !== null) {
+                    <span class="k-agent-step-added">+{{ thought.linesAdded }}</span>
+                }
+                @if (thought?.linesRemoved !== undefined && thought?.linesRemoved !== null) {
+                    <span class="k-agent-step-removed">-{{ thought.linesRemoved }}</span>
+                }
+                @if (thought?.content) {
+                    <span class="k-agent-step-body">{{ thought.content }}</span>
+                }
+            }
+        </span>
+    `
+                }]
+        }], propDecorators: { thoughtTemplate: [{
+                type: Input
+            }], thought: [{
+                type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-thought']
+            }], completedClass: [{
+                type: HostBinding,
+                args: ['class.k-thought-completed']
+            }] } });
+
+/**
+ * Represents the [Kendo UI ChainOfThought component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/chain-of-thought).
+ * Groups an ordered sequence of thought rows under a single collapsible summary.
+ *
+ * @example
+ * ```html
+ * <kendo-chainofthought [thoughts]="thoughts" [expandable]="true"></kendo-chainofthought>
+ * ```
+ */
+class ChainOfThoughtComponent {
+    localization;
+    /**
+     * Replaces the rendering of each thought row. The current `Thought` item is available as the `$implicit` template value.
+     *
+     * @hidden
+     */
+    thoughtTemplate;
+    /**
+     * Sets the ordered thought rows rendered inside the body.
+     *
+     * @default []
+     */
+    set thoughts(value) {
+        this._thoughts.set(value);
+    }
+    get thoughts() {
+        return this._thoughts();
+    }
+    /**
+     * Sets the main label shown in the expandable header.
+     */
+    set label(value) {
+        this._label.set(value);
+    }
+    get label() {
+        return this._label();
+    }
+    /**
+     * Sets the secondary descriptive text shown next to the label.
+     */
+    set secondaryLabel(value) {
+        this._secondaryLabel.set(value);
+    }
+    get secondaryLabel() {
+        return this._secondaryLabel();
+    }
+    /**
+     * Sets the name of a font icon shown in the expandable header.
+     *
+     * @default 'sparkles'
+     */
+    set icon(value) {
+        this._icon.set(value);
+    }
+    get icon() {
+        return this._icon();
+    }
+    /**
+     * Sets the SVG icon shown in the expandable header.
+     *
+     * @default sparklesIcon
+     */
+    set svgIcon(value) {
+        this._svgIcon.set(value);
+    }
+    get svgIcon() {
+        return this._svgIcon();
+    }
+    /**
+     * Sets the total lines added across the chain, shown in the header.
+     */
+    set linesAdded(value) {
+        this._linesAdded.set(value);
+    }
+    get linesAdded() {
+        return this._linesAdded();
+    }
+    /**
+     * Sets the total lines removed across the chain, shown in the header.
+     */
+    set linesRemoved(value) {
+        this._linesRemoved.set(value);
+    }
+    get linesRemoved() {
+        return this._linesRemoved();
+    }
+    /**
+     * Sets whether the chain has completed.
+     *
+     * @default false
+     */
+    set completed(value) {
+        this._completed.set(value);
+    }
+    get completed() {
+        return this._completed();
+    }
+    /**
+     * Sets whether the expandable header supports expanding and collapsing the thought rows.
+     * Forced to `false` whenever `thoughts` is empty, regardless of the value supplied.
+     *
+     * @default false
+     */
+    set expandable(value) {
+        this._expandable.set(value);
+    }
+    get expandable() {
+        return this._expandable();
+    }
+    /**
+     * Sets whether the thought rows are visible. Ignored when `expandable` is `false`.
+     *
+     * @default false
+     */
+    set expanded(value) {
+        this._expanded.set(value);
+    }
+    get expanded() {
+        return this._expanded();
+    }
+    /**
+     * Fires when the user expands or collapses the ChainOfThought through the expandable header.
+     */
+    expandedChange = new EventEmitter();
+    get direction() {
+        return this._direction();
+    }
+    set direction(value) {
+        this._direction.set(value);
+    }
+    _thoughts = signal([], ...(ngDevMode ? [{ debugName: "_thoughts" }] : []));
+    _label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
+    _secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
+    _icon = signal('sparkles', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _svgIcon = signal(sparklesIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _linesAdded = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesAdded" }] : []));
+    _linesRemoved = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesRemoved" }] : []));
+    _completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
+    _expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _isExpandable = computed(() => this._expandable() && this._thoughts().length > 0, ...(ngDevMode ? [{ debugName: "_isExpandable" }] : []));
+    subscription;
+    constructor(localization) {
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.subscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    /**
+     * @hidden
+     */
+    get isExpandable() {
+        return this._isExpandable();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    handleExpandedChange(expanded) {
+        this._expanded.set(expanded);
+        this.expandedChange.emit(expanded);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChainOfThoughtComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ChainOfThoughtComponent, isStandalone: true, selector: "kendo-chainofthought", inputs: { thoughts: "thoughts", label: "label", secondaryLabel: "secondaryLabel", icon: "icon", svgIcon: "svgIcon", linesAdded: "linesAdded", linesRemoved: "linesRemoved", completed: "completed", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+        ], queries: [{ propertyName: "thoughtTemplate", first: true, predicate: ThoughtTemplateDirective, descendants: true }], exportAs: ["kendoChainOfThought"], ngImport: i0, template: `
+        <div
+            class="k-chain-of-thought"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="completed"
+            [expandable]="isExpandable"
+            [expanded]="expanded"
+            [linesAdded]="linesAdded"
+            [linesRemoved]="linesRemoved"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+        @for (thought of thoughts; track thought.id) {
+            <div
+                kendoLlmKitThoughtRow
+                [thought]="thought"
+                [thoughtTemplate]="thoughtTemplate"
+            ></div>
+        }
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "component", type: ThoughtRowComponent, selector: "[kendoLlmKitThoughtRow]", inputs: ["thoughtTemplate", "thought"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChainOfThoughtComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoChainOfThought',
+                    selector: 'kendo-chainofthought',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+                    ],
+                    imports: [AgentStepBase, ThoughtRowComponent],
+                    template: `
+        <div
+            class="k-chain-of-thought"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="completed"
+            [expandable]="isExpandable"
+            [expanded]="expanded"
+            [linesAdded]="linesAdded"
+            [linesRemoved]="linesRemoved"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+        @for (thought of thoughts; track thought.id) {
+            <div
+                kendoLlmKitThoughtRow
+                [thought]="thought"
+                [thoughtTemplate]="thoughtTemplate"
+            ></div>
+        }
+        </div>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { thoughtTemplate: [{
+                type: ContentChild,
+                args: [ThoughtTemplateDirective]
+            }], thoughts: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], secondaryLabel: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], linesAdded: [{
+                type: Input
+            }], linesRemoved: [{
+                type: Input
+            }], completed: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
+
+/**
+ * @hidden
+ *
+ * Marks the projected content routed into `AgentStepBase`'s badge slot. Used internally by
+ * `ToolCallComponent` for its status badge.
+ */
+class AgentStepBadgeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AgentStepBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AgentStepBadgeDirective, isStandalone: true, selector: "[kendoLlmKitAgentStepBadge]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AgentStepBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoLlmKitAgentStepBadge]',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Represents the template that replaces the default formatted-JSON `parameters` block in the ToolCall component.
+ *
+ * @example
+ * ```html
+ * <kendo-toolcall [parameters]="params">
+ *   <ng-template kendoToolCallParametersTemplate>
+ *     <p>Custom parameters content.</p>
+ *   </ng-template>
+ * </kendo-toolcall>
+ * ```
+ */
+class ToolCallParametersTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallParametersTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolCallParametersTemplateDirective, isStandalone: true, selector: "[kendoToolCallParametersTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallParametersTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoToolCallParametersTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the template that replaces the default approval block and Approve/Reject actions in the ToolCall component when `state` is "awaitingApproval".
+ *
+ * @example
+ * ```html
+ * <kendo-toolcall state="awaitingApproval" (action)="onAction($event)">
+ *   <ng-template kendoToolCallApprovalTemplate>
+ *     <p>Custom approval content.</p>
+ *   </ng-template>
+ * </kendo-toolcall>
+ * ```
+ */
+class ToolCallApprovalTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallApprovalTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolCallApprovalTemplateDirective, isStandalone: true, selector: "[kendoToolCallApprovalTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallApprovalTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoToolCallApprovalTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the template that replaces the default formatted-JSON `result` block in the ToolCall component when `state` is "completed".
+ *
+ * @example
+ * ```html
+ * <kendo-toolcall [result]="result">
+ *   <ng-template kendoToolCallResultTemplate>
+ *     <p>Custom result content.</p>
+ *   </ng-template>
+ * </kendo-toolcall>
+ * ```
+ */
+class ToolCallResultTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallResultTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolCallResultTemplateDirective, isStandalone: true, selector: "[kendoToolCallResultTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallResultTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoToolCallResultTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the template that replaces the default `errorText` block in the ToolCall component when `state` is "error".
+ *
+ * @example
+ * ```html
+ * <kendo-toolcall state="error" errorText="Request timed out.">
+ *   <ng-template kendoToolCallErrorTemplate>
+ *     <p>Custom error content.</p>
+ *   </ng-template>
+ * </kendo-toolcall>
+ * ```
+ */
+class ToolCallErrorTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallErrorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolCallErrorTemplateDirective, isStandalone: true, selector: "[kendoToolCallErrorTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallErrorTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoToolCallErrorTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the [Kendo UI ToolCall component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/tool-call).
+ * Displays a single tool or function invocation as a disclosure block, including its parameters, approval actions, result, or error.
+ *
+ * @example
+ * ```html
+ * <kendo-toolcall
+ *   label="get_weather"
+ *   state="completed"
+ *   [expandable]="true"
+ *   [parameters]="{ city: 'Sofia' }"
+ *   [result]="{ tempC: 24 }"
+ * ></kendo-toolcall>
+ * ```
+ */
+class ToolCallComponent {
+    localization;
+    /**
+     * Replaces the default formatted-JSON `parameters` block.
+     *
+     * @hidden
+     */
+    paramsTemplate;
+    /**
+     * Replaces the default Approve/Reject approval block shown when `state` is `awaitingApproval`.
+     *
+     * @hidden
+     */
+    approvalTemplate;
+    /**
+     * Replaces the default formatted-JSON `result` block.
+     *
+     * @hidden
+     */
+    resultTemplate;
+    /**
+     * Replaces the default `errorText` block shown when `state` is `error`.
+     *
+     * @hidden
+     */
+    errorTemplate;
+    /**
+     * Sets the raw tool input data, rendered as formatted JSON by default.
+     */
+    set parameters(value) {
+        this._parameters.set(value);
+    }
+    get parameters() {
+        return this._parameters();
+    }
+    /**
+     * Sets the raw tool result data, rendered as formatted JSON by default when `state` is "completed".
+     */
+    set result(value) {
+        this._result.set(value);
+    }
+    get result() {
+        return this._result();
+    }
+    /**
+     * Sets the error message displayed when `state` is "error".
+     */
+    set errorText(value) {
+        this._errorText.set(value);
+    }
+    get errorText() {
+        return this._errorText();
+    }
+    /**
+     * Sets the tool or function name shown in the expandable header.
+     */
+    set label(value) {
+        this._label.set(value);
+    }
+    get label() {
+        return this._label();
+    }
+    /**
+     * Sets the file, command, or target context shown next to the tool or function name.
+     */
+    set secondaryLabel(value) {
+        this._secondaryLabel.set(value);
+    }
+    get secondaryLabel() {
+        return this._secondaryLabel();
+    }
+    /**
+     * Sets the text shown above the default approval actions when `state` is "awaitingApproval".
+     */
+    set approvalText(value) {
+        this._approvalText.set(value);
+    }
+    get approvalText() {
+        return this._approvalText();
+    }
+    /**
+     * Sets the name of a font icon shown in the expandable header.
+     *
+     * @default 'wrench'
+     */
+    set icon(value) {
+        this._icon.set(value);
+    }
+    get icon() {
+        return this._icon();
+    }
+    /**
+     * Sets the SVG icon shown in the expandable header.
+     *
+     * @default wrenchIcon
+     */
+    set svgIcon(value) {
+        this._svgIcon.set(value);
+    }
+    get svgIcon() {
+        return this._svgIcon();
+    }
+    get statusText() {
+        switch (this.state) {
+            case 'awaitingApproval':
+                return this.messageFor('awaitingApprovalStatus');
+            case 'completed':
+                return this.messageFor('completedStatus');
+            case 'error':
+                return this.messageFor('errorStatus');
+            default:
+                return undefined;
+        }
+    }
+    /**
+     * Sets the name of a font icon shown in the status badge. When not set, the icon is derived from `state`.
+     */
+    set statusFontIcon(value) {
+        this._statusIconName.set(value);
+        this._statusIconNameSet.set(true);
+    }
+    get statusFontIcon() {
+        if (this._statusIconNameSet()) {
+            return this._statusIconName();
+        }
+        switch (this.state) {
+            case 'completed':
+                return 'check-circle';
+            case 'awaitingApproval':
+                return 'clock';
+            case 'error':
+                return 'exclamation-circle';
+            default:
+                return undefined;
+        }
+    }
+    /**
+     * Sets the SVG icon shown in the status badge. When not set, the component derives the icon from `state`.
+     */
+    set statusSVGIcon(value) {
+        this._statusIcon.set(value);
+        this._statusIconSet.set(true);
+    }
+    get statusSVGIcon() {
+        if (this._statusIconSet()) {
+            return this._statusIcon();
+        }
+        switch (this.state) {
+            case 'completed':
+                return checkCircleIcon;
+            case 'awaitingApproval':
+                return clockIcon;
+            case 'error':
+                return exclamationCircleIcon;
+            default:
+                return undefined;
+        }
+    }
+    /**
+     *
+     * Gets the badge color derived from the tool call state.
+     */
+    get badgeThemeColor() {
+        switch (this.state) {
+            case 'completed':
+                return 'success';
+            case 'error':
+                return 'error';
+            case 'awaitingApproval':
+                return 'warning';
+            default:
+                return 'success';
+        }
+    }
+    /**
+     * Sets the current state of the tool call.
+     *
+     * @default 'active'
+     */
+    set state(value) {
+        this._state.set(value);
+    }
+    get state() {
+        return this._state();
+    }
+    /**
+     * Sets whether the expandable header supports expanding and collapsing the tool call details.
+     *
+     * @default false
+     */
+    set expandable(value) {
+        this._expandable.set(value);
+    }
+    get expandable() {
+        return this._expandable();
+    }
+    /**
+     * Sets whether the tool call details are visible. Ignored when `expandable` is `false`.
+     *
+     * @default false
+     */
+    set expanded(value) {
+        this._expanded.set(value);
+    }
+    get expanded() {
+        return this._expanded();
+    }
+    /**
+     * Fires when the user expands or collapses the tool call details through the expandable header.
+     */
+    expandedChange = new EventEmitter();
+    /**
+     * Fires when the user selects the Approve or Reject action while `state` is "awaitingApproval".
+     */
+    action = new EventEmitter();
+    get direction() {
+        return this._direction();
+    }
+    set direction(value) {
+        this._direction.set(value);
+    }
+    _parameters = signal(undefined, ...(ngDevMode ? [{ debugName: "_parameters" }] : []));
+    _result = signal(undefined, ...(ngDevMode ? [{ debugName: "_result" }] : []));
+    _errorText = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorText" }] : []));
+    _label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
+    _secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
+    _approvalText = signal(undefined, ...(ngDevMode ? [{ debugName: "_approvalText" }] : []));
+    _icon = signal('wrench', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _svgIcon = signal(wrenchIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _statusIconName = signal(undefined, ...(ngDevMode ? [{ debugName: "_statusIconName" }] : []));
+    _statusIconNameSet = signal(false, ...(ngDevMode ? [{ debugName: "_statusIconNameSet" }] : []));
+    _statusIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_statusIcon" }] : []));
+    _statusIconSet = signal(false, ...(ngDevMode ? [{ debugName: "_statusIconSet" }] : []));
+    _state = signal('active', ...(ngDevMode ? [{ debugName: "_state" }] : []));
+    _expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    subscription;
+    constructor(localization) {
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.subscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    /**
+     * @hidden
+     */
+    get agentStepCompleted() {
+        return this.state === 'completed';
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    handleExpandedChange(expanded) {
+        this.expanded = expanded;
+        this.expandedChange.emit(expanded);
+    }
+    /**
+     * @hidden
+     */
+    handleAction(action) {
+        this.action.emit({ action: action });
+    }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ToolCallComponent, isStandalone: true, selector: "kendo-toolcall", inputs: { parameters: "parameters", result: "result", errorText: "errorText", label: "label", secondaryLabel: "secondaryLabel", approvalText: "approvalText", icon: "icon", svgIcon: "svgIcon", statusFontIcon: "statusFontIcon", statusSVGIcon: "statusSVGIcon", state: "state", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange", action: "action" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [LocalizationService, { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }], queries: [{ propertyName: "paramsTemplate", first: true, predicate: ToolCallParametersTemplateDirective, descendants: true }, { propertyName: "approvalTemplate", first: true, predicate: ToolCallApprovalTemplateDirective, descendants: true }, { propertyName: "resultTemplate", first: true, predicate: ToolCallResultTemplateDirective, descendants: true }, { propertyName: "errorTemplate", first: true, predicate: ToolCallErrorTemplateDirective, descendants: true }], exportAs: ["kendoToolCall"], ngImport: i0, template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-approveAction="kendo.llmkit.approveAction|The text for the ToolCall's default Approve action."
+            approveAction="Approve"
+            i18n-rejectAction="kendo.llmkit.rejectAction|The text for the ToolCall's default Reject action."
+            rejectAction="Reject"
+            i18n-parametersLabel="
+                kendo.llmkit.parametersLabel|The label shown above the ToolCall's default formatted-JSON parameters
+                block.
+            "
+            parametersLabel="Parameters"
+            i18n-resultLabel="
+                kendo.llmkit.resultLabel|The label shown above the ToolCall's default formatted-JSON result block.
+            "
+            resultLabel="Result"
+            i18n-awaitingApprovalStatus="
+                kendo.llmkit.awaitingApprovalStatus|The default ToolCall badge text for the awaiting approval state.
+            "
+            awaitingApprovalStatus="Awaiting approval"
+            i18n-completedStatus="kendo.llmkit.completedStatus|The default ToolCall badge text for the completed state."
+            completedStatus="Completed"
+            i18n-errorStatus="kendo.llmkit.errorStatus|The default ToolCall badge text for the error state."
+            errorStatus="Error"
+        >
+        </ng-container>
+        <div
+            class="k-tool-call"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="agentStepCompleted"
+            [expandable]="expandable"
+            [expanded]="expanded"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+            @if (state !== 'active') {
+                <kendo-badge
+                    kendoLlmKitAgentStepBadge
+                    size="small"
+                    rounded="full"
+                    position="none"
+                    [align]="null"
+                    [themeColor]="badgeThemeColor"
+                >
+                    @if (statusSVGIcon) {
+                        <kendo-icon-wrapper
+                            size="small"
+                            [name]="statusFontIcon"
+                            [svgIcon]="statusSVGIcon">
+                        </kendo-icon-wrapper>
+                    }
+                    {{ statusText }}
+                </kendo-badge>
+            }
+            @if (paramsTemplate || (parameters !== undefined && parameters !== null)) {
+                <div class="k-tool-call-label">{{ messageFor('parametersLabel') }}</div>
+                @if (paramsTemplate) {
+                    <ng-container [ngTemplateOutlet]="paramsTemplate.templateRef"></ng-container>
+                } @else {
+                    <pre class="k-pre"><code class="k-code">{{ parameters | json }}</code></pre>
+                }
+            }
+            @switch (state) {
+                @case ('awaitingApproval') {
+                    <kendo-card width="100%">
+                        @if (approvalTemplate) {
+                            <ng-container [ngTemplateOutlet]="approvalTemplate.templateRef"></ng-container>
+                        } @else if (approvalText) {
+                            <kendo-card-body>{{ approvalText }}</kendo-card-body>
+                            <kendo-card-actions layout="end" orientation="horizontal">
+                                <button kendoButton fillMode="outline" (click)="handleAction('reject')">
+                                    {{ messageFor('rejectAction') }}
+                                </button>
+                                <button kendoButton themeColor="primary" (click)="handleAction('approve')">
+                                    {{ messageFor('approveAction') }}
+                                </button>
+                            </kendo-card-actions>
+                        }
+                    </kendo-card>
+                }
+                @case ('completed') {
+                    @if (resultTemplate || (result !== undefined && result !== null)) {
+                        <div class="k-tool-call-label">{{ messageFor('resultLabel') }}</div>
+                        @if (resultTemplate) {
+                            <ng-container [ngTemplateOutlet]="resultTemplate.templateRef"></ng-container>
+                        } @else {
+                            <pre class="k-pre"><code class="k-code">{{ result | json }}</code></pre>
+                        }
+                    }
+                }
+                @case ('error') {
+                    @if (errorTemplate) {
+                        <ng-container [ngTemplateOutlet]="errorTemplate.templateRef"></ng-container>
+                    } @else if (errorText) {
+                        <div class="k-messagebox k-messagebox-error">{{ errorText }}</div>
+                    }
+                }
+            }
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "directive", type: AgentStepBadgeDirective, selector: "[kendoLlmKitAgentStepBadge]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: CardBodyComponent, selector: "kendo-card-body" }, { kind: "component", type: CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolCallComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoToolCall',
+                    selector: 'kendo-toolcall',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [LocalizationService, { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }],
+                    imports: [
+                        AgentStepBase,
+                        AgentStepBadgeDirective,
+                        NgTemplateOutlet,
+                        JsonPipe,
+                        IconWrapperComponent,
+                        ButtonComponent,
+                        CardComponent,
+                        CardBodyComponent,
+                        CardActionsComponent,
+                        BadgeComponent,
+                        LocalizedMessagesDirective,
+                    ],
+                    template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-approveAction="kendo.llmkit.approveAction|The text for the ToolCall's default Approve action."
+            approveAction="Approve"
+            i18n-rejectAction="kendo.llmkit.rejectAction|The text for the ToolCall's default Reject action."
+            rejectAction="Reject"
+            i18n-parametersLabel="
+                kendo.llmkit.parametersLabel|The label shown above the ToolCall's default formatted-JSON parameters
+                block.
+            "
+            parametersLabel="Parameters"
+            i18n-resultLabel="
+                kendo.llmkit.resultLabel|The label shown above the ToolCall's default formatted-JSON result block.
+            "
+            resultLabel="Result"
+            i18n-awaitingApprovalStatus="
+                kendo.llmkit.awaitingApprovalStatus|The default ToolCall badge text for the awaiting approval state.
+            "
+            awaitingApprovalStatus="Awaiting approval"
+            i18n-completedStatus="kendo.llmkit.completedStatus|The default ToolCall badge text for the completed state."
+            completedStatus="Completed"
+            i18n-errorStatus="kendo.llmkit.errorStatus|The default ToolCall badge text for the error state."
+            errorStatus="Error"
+        >
+        </ng-container>
+        <div
+            class="k-tool-call"
+            kendoLlmKitAgentStep
+            [label]="label"
+            [secondaryLabel]="secondaryLabel"
+            [icon]="icon"
+            [svgIcon]="svgIcon"
+            [completed]="agentStepCompleted"
+            [expandable]="expandable"
+            [expanded]="expanded"
+            (expandedChange)="handleExpandedChange($event)"
+        >
+            @if (state !== 'active') {
+                <kendo-badge
+                    kendoLlmKitAgentStepBadge
+                    size="small"
+                    rounded="full"
+                    position="none"
+                    [align]="null"
+                    [themeColor]="badgeThemeColor"
+                >
+                    @if (statusSVGIcon) {
+                        <kendo-icon-wrapper
+                            size="small"
+                            [name]="statusFontIcon"
+                            [svgIcon]="statusSVGIcon">
+                        </kendo-icon-wrapper>
+                    }
+                    {{ statusText }}
+                </kendo-badge>
+            }
+            @if (paramsTemplate || (parameters !== undefined && parameters !== null)) {
+                <div class="k-tool-call-label">{{ messageFor('parametersLabel') }}</div>
+                @if (paramsTemplate) {
+                    <ng-container [ngTemplateOutlet]="paramsTemplate.templateRef"></ng-container>
+                } @else {
+                    <pre class="k-pre"><code class="k-code">{{ parameters | json }}</code></pre>
+                }
+            }
+            @switch (state) {
+                @case ('awaitingApproval') {
+                    <kendo-card width="100%">
+                        @if (approvalTemplate) {
+                            <ng-container [ngTemplateOutlet]="approvalTemplate.templateRef"></ng-container>
+                        } @else if (approvalText) {
+                            <kendo-card-body>{{ approvalText }}</kendo-card-body>
+                            <kendo-card-actions layout="end" orientation="horizontal">
+                                <button kendoButton fillMode="outline" (click)="handleAction('reject')">
+                                    {{ messageFor('rejectAction') }}
+                                </button>
+                                <button kendoButton themeColor="primary" (click)="handleAction('approve')">
+                                    {{ messageFor('approveAction') }}
+                                </button>
+                            </kendo-card-actions>
+                        }
+                    </kendo-card>
+                }
+                @case ('completed') {
+                    @if (resultTemplate || (result !== undefined && result !== null)) {
+                        <div class="k-tool-call-label">{{ messageFor('resultLabel') }}</div>
+                        @if (resultTemplate) {
+                            <ng-container [ngTemplateOutlet]="resultTemplate.templateRef"></ng-container>
+                        } @else {
+                            <pre class="k-pre"><code class="k-code">{{ result | json }}</code></pre>
+                        }
+                    }
+                }
+                @case ('error') {
+                    @if (errorTemplate) {
+                        <ng-container [ngTemplateOutlet]="errorTemplate.templateRef"></ng-container>
+                    } @else if (errorText) {
+                        <div class="k-messagebox k-messagebox-error">{{ errorText }}</div>
+                    }
+                }
+            }
+        </div>
+    `,
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { paramsTemplate: [{
+                type: ContentChild,
+                args: [ToolCallParametersTemplateDirective]
+            }], approvalTemplate: [{
+                type: ContentChild,
+                args: [ToolCallApprovalTemplateDirective]
+            }], resultTemplate: [{
+                type: ContentChild,
+                args: [ToolCallResultTemplateDirective]
+            }], errorTemplate: [{
+                type: ContentChild,
+                args: [ToolCallErrorTemplateDirective]
+            }], parameters: [{
+                type: Input
+            }], result: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], secondaryLabel: [{
+                type: Input
+            }], approvalText: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], statusFontIcon: [{
+                type: Input
+            }], statusSVGIcon: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
+
+/**
+ * Represents the template that replaces the default content for each source in the Citation popover.
+ * The current `CitationSource` item is available as the `$implicit` template value.
+ *
+ * @example
+ * ```html
+ * <kendo-citation [sources]="sources">
+ *   <ng-template kendoCitationBodyTemplate let-source>
+ *     <h6>{{ source.title }}</h6>
+ *   </ng-template>
+ * </kendo-citation>
+ * ```
+ */
+class CitationBodyTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CitationBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: CitationBodyTemplateDirective, isStandalone: true, selector: "[kendoCitationBodyTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CitationBodyTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCitationBodyTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the [Kendo UI Citation component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/citation).
+ * Displays an inline chip for a cited resource and a paginated hover/focus popover with its source details.
+ *
+ * @example
+ * ```html
+ * <kendo-citation
+ *   [sources]="[{ title: 'Kendo UI', description: 'Component docs', url: 'https://www.telerik.com/kendo-angular-ui' }]"
+ * ></kendo-citation>
+ * ```
+ */
+class CitationComponent {
+    localization;
+    renderer;
+    /**
+     * Replaces the default resource popover body content for each source. The template context is set to the current `CitationSource`.
+     *
+     * @hidden
+     */
+    popoverBodyTemplate;
+    /**
+     * Sets the sources associated with the citation, in display order.
+     *
+     * @default []
+     */
+    set sources(value) {
+        this._sources.set(value);
+        this._currentPage.set(1);
+    }
+    get sources() {
+        return this._sources();
+    }
+    /**
+     * Sets the label shown in the citation chip. When not set, the label defaults to the hostname
+     * of the first source's URL, optionally followed by the count of additional sources.
+     */
+    set label(value) {
+        this._label.set(value);
+        this._labelSet.set(true);
+    }
+    get label() {
+        if (this._labelSet()) {
+            return this._label();
+        }
+        return this._defaultLabel();
+    }
+    /**
+    * Sets the name of a font icon rendered inside the citation chip.
+    *
+    * @default 'globe'
+    */
+    set icon(value) {
+        this._icon.set(value);
+    }
+    get icon() {
+        return this._icon();
+    }
+    /**
+    * Sets the SVG icon shown in the citation chip.
+     *
+     * @default globeIcon
+     */
+    set svgIcon(value) {
+        this._svgIcon.set(value);
+    }
+    get svgIcon() {
+        return this._svgIcon();
+    }
+    /**
+     * Sets the font icon shown before each source URL in the default popover view.
+     *
+     * @default 'globe'
+     */
+    set sourceIcon(value) {
+        this._sourceIcon.set(value);
+    }
+    get sourceIcon() {
+        return this._sourceIcon();
+    }
+    /**
+     * Sets the SVG icon shown before each source URL in the default popover view.
+     *
+     * @default globeIcon
+     */
+    set sourceSVGIcon(value) {
+        this._sourceSVGIcon.set(value);
+    }
+    get sourceSVGIcon() {
+        return this._sourceSVGIcon();
+    }
+    /**
+     * Sets whether the chip displays the count of additional sources.
+     *
+     * @default true
+     */
+    set showAdditionalCount(value) {
+        this._showAdditionalCount.set(value);
+    }
+    get showAdditionalCount() {
+        return this._showAdditionalCount();
+    }
+    /**
+     * Sets the interaction that displays the citation popover.
+     *
+     * @default 'hover'
+     */
+    set showOn(value) {
+        this._showOn.set(value);
+    }
+    get showOn() {
+        return this._showOn();
+    }
+    /**
+     * Fires when the citation popover is about to open after the user hovers over or clicks the citation.
+     */
+    open = new EventEmitter();
+    get direction() {
+        return this._direction();
+    }
+    set direction(value) {
+        this._direction.set(value);
+    }
+    /**
+     * @hidden
+     */
+    get popoverVisible() {
+        return this._popoverVisible();
+    }
+    /**
+     * @hidden
+     *
+     * 1-based index of the source currently shown in the resource popover.
+     */
+    get currentPage() {
+        return this._currentPage();
+    }
+    previousIcon = arrowLeftIcon;
+    nextIcon = arrowRightIcon;
+    _sources = signal([], ...(ngDevMode ? [{ debugName: "_sources" }] : []));
+    _label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
+    _labelSet = signal(false, ...(ngDevMode ? [{ debugName: "_labelSet" }] : []));
+    _icon = signal('globe', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _svgIcon = signal(globeIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _sourceIcon = signal('globe', ...(ngDevMode ? [{ debugName: "_sourceIcon" }] : []));
+    _sourceSVGIcon = signal(globeIcon, ...(ngDevMode ? [{ debugName: "_sourceSVGIcon" }] : []));
+    _showAdditionalCount = signal(true, ...(ngDevMode ? [{ debugName: "_showAdditionalCount" }] : []));
+    _showOn = signal('hover', ...(ngDevMode ? [{ debugName: "_showOn" }] : []));
+    _popoverVisible = signal(false, ...(ngDevMode ? [{ debugName: "_popoverVisible" }] : []));
+    _currentPage = signal(1, ...(ngDevMode ? [{ debugName: "_currentPage" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _defaultLabel = computed(() => this.getDefaultLabel(), ...(ngDevMode ? [{ debugName: "_defaultLabel" }] : []));
+    _popoverElement = signal(undefined, ...(ngDevMode ? [{ debugName: "_popoverElement" }] : []));
+    subscription;
+    popoverViewPositionEffect = effect(() => {
+        const popoverElement = this._popoverElement();
+        const currentPage = this._currentPage();
+        if (popoverElement) {
+            this.renderer.setStyle(popoverElement, '--kendo-citation-popover-view-current', `${currentPage}`, RendererStyleFlags2.DashCase);
+        }
+    }, ...(ngDevMode ? [{ debugName: "popoverViewPositionEffect" }] : []));
+    constructor(localization, renderer) {
+        this.localization = localization;
+        this.renderer = renderer;
+        validatePackage(packageMetadata);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.subscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    handlePopoverShow() {
+        this._currentPage.set(1);
+        this.open.emit({ sources: this.sources });
+    }
+    /**
+     * @hidden
+     */
+    handlePopoverShown(anchor) {
+        const popoverElement = this.getPopoverElement(anchor);
+        if (popoverElement) {
+            this.renderer.addClass(popoverElement, 'k-citation-popover');
+        }
+        this._popoverElement.set(popoverElement);
+        this._popoverVisible.set(true);
+    }
+    /**
+     * @hidden
+     */
+    handlePopoverHidden(anchor) {
+        const popoverElement = this._popoverElement();
+        if (anchor.popupRef && popoverElement) {
+            this.renderer.removeClass(popoverElement, 'k-citation-popover');
+        }
+        this._popoverElement.set(undefined);
+        this._popoverVisible.set(false);
+    }
+    /**
+     * @hidden
+     */
+    previous() {
+        if (this.currentPage > 1) {
+            this._currentPage.update(page => page - 1);
+        }
+    }
+    /**
+     * @hidden
+     */
+    next() {
+        if (this.currentPage < this.sources.length) {
+            this._currentPage.update(page => page + 1);
+        }
+    }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    getDefaultLabel() {
+        const sources = this._sources();
+        if (!sources.length) {
+            return '';
+        }
+        const primaryLabel = this.getSourceHostname(sources[0].url) ?? sources[0].title ?? '';
+        const additionalCount = this._showAdditionalCount() && sources.length > 1
+            ? sources.length - 1
+            : 0;
+        return additionalCount ? `${primaryLabel} +${additionalCount}` : primaryLabel;
+    }
+    getSourceHostname(url) {
+        if (!url) {
+            return undefined;
+        }
+        try {
+            return new URL(url).hostname;
+        }
+        catch {
+            // Keep the raw URL when it cannot be parsed as an absolute URL.
+            return url;
+        }
+    }
+    getPopoverElement(anchor) {
+        return anchor.popupRef.popupElement.querySelector('.k-popover') ?? undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CitationComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: CitationComponent, isStandalone: true, selector: "kendo-citation", inputs: { sources: "sources", label: "label", icon: "icon", svgIcon: "svgIcon", sourceIcon: "sourceIcon", sourceSVGIcon: "sourceSVGIcon", showAdditionalCount: "showAdditionalCount", showOn: "showOn" }, outputs: { open: "open" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+        ], queries: [{ propertyName: "popoverBodyTemplate", first: true, predicate: CitationBodyTemplateDirective, descendants: true }], exportAs: ["kendoCitation"], ngImport: i0, template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-previousSourceAction="kendo.llmkit.previousSourceAction|The aria-label for the Citation popover's Previous-source action."
+            previousSourceAction="Previous source"
+            i18n-nextSourceAction="kendo.llmkit.nextSourceAction|The aria-label for the Citation popover's Next-source action."
+            nextSourceAction="Next source">
+        </ng-container>
+        @if (sources.length > 0) {
+            <kendo-chip
+                #anchor="kendoPopoverAnchor"
+                class="k-citation"
+                [label]="label"
+                [icon]="icon"
+                [svgIcon]="svgIcon"
+                size="small"
+                fillMode="outline"
+                rounded="full"
+                [selected]="popoverVisible"
+                kendoPopoverAnchor
+                [popover]="popoverRef"
+                [showOn]="showOn"
+            ></kendo-chip>
+            <kendo-popover
+                #popoverRef
+                position="bottom"
+                [callout]="false"
+                [width]="318"
+                (show)="handlePopoverShow()"
+                (shown)="handlePopoverShown(anchor)"
+                (hidden)="handlePopoverHidden(anchor)"
+            >
+                <ng-template kendoPopoverTitleTemplate>
+                    <span class="k-citation-pages">{{ currentPage }}/{{ sources.length }}</span>
+                    <kendo-buttongroup class="k-button-group-flat">
+                        <button
+                            kendoButton
+                            fillMode="flat"
+                            size="small"
+                            icon="arrow-left"
+                            [svgIcon]="previousIcon"
+                            [attr.aria-label]="messageFor('previousSourceAction')"
+                            [disabled]="currentPage === 1"
+                            (click)="previous()"
+                        ></button>
+                        <button
+                            kendoButton
+                            fillMode="flat"
+                            size="small"
+                            icon="arrow-right"
+                            [svgIcon]="nextIcon"
+                            [attr.aria-label]="messageFor('nextSourceAction')"
+                            [disabled]="currentPage === sources.length"
+                            (click)="next()"
+                        ></button>
+                    </kendo-buttongroup>
+                </ng-template>
+                <ng-template kendoPopoverBodyTemplate>
+                    @for (source of sources; track $index) {
+                        <div class="k-citation-popover-view">
+                            @if (popoverBodyTemplate) {
+                                <ng-container
+                                    [ngTemplateOutlet]="popoverBodyTemplate.templateRef"
+                                    [ngTemplateOutletContext]="{ $implicit: source }"
+                                ></ng-container>
+                            } @else {
+                                @if (source.title) {
+                                    <div class="k-citation-popover-view-title">{{ source.title }}</div>
+                                }
+                                @if (source.url) {
+                                    <a [href]="source.url" class="k-citation-popover-view-source">
+                                        <kendo-icon-wrapper size="small" [name]="sourceIcon" [svgIcon]="sourceSVGIcon"></kendo-icon-wrapper>
+                                        {{ source.url }}
+                                    </a>
+                                }
+                                @if (source.description) {
+                                    <span class="k-citation-popover-view-body">{{ source.description }}</span>
+                                }
+                            }
+                        </div>
+                    }
+                </ng-template>
+            </kendo-popover>
+        } @else {
+            <kendo-chip
+                class="k-citation"
+                [label]="label"
+                [icon]="icon"
+                [svgIcon]="svgIcon"
+                size="small"
+                fillMode="outline"
+                rounded="full"
+            ></kendo-chip>
+        }
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: PopoverComponent, selector: "kendo-popover", inputs: ["position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "directive", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", exportAs: ["kendoPopoverAnchor"] }, { kind: "directive", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]" }, { kind: "directive", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CitationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoCitation',
+                    selector: 'kendo-citation',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+                    ],
+                    imports: [
+                        NgTemplateOutlet,
+                        ChipComponent,
+                        IconWrapperComponent,
+                        ButtonComponent,
+                        ButtonGroupComponent,
+                        PopoverComponent,
+                        PopoverAnchorDirective,
+                        PopoverTitleTemplateDirective,
+                        PopoverBodyTemplateDirective,
+                        LocalizedMessagesDirective
+                    ],
+                    template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-previousSourceAction="kendo.llmkit.previousSourceAction|The aria-label for the Citation popover's Previous-source action."
+            previousSourceAction="Previous source"
+            i18n-nextSourceAction="kendo.llmkit.nextSourceAction|The aria-label for the Citation popover's Next-source action."
+            nextSourceAction="Next source">
+        </ng-container>
+        @if (sources.length > 0) {
+            <kendo-chip
+                #anchor="kendoPopoverAnchor"
+                class="k-citation"
+                [label]="label"
+                [icon]="icon"
+                [svgIcon]="svgIcon"
+                size="small"
+                fillMode="outline"
+                rounded="full"
+                [selected]="popoverVisible"
+                kendoPopoverAnchor
+                [popover]="popoverRef"
+                [showOn]="showOn"
+            ></kendo-chip>
+            <kendo-popover
+                #popoverRef
+                position="bottom"
+                [callout]="false"
+                [width]="318"
+                (show)="handlePopoverShow()"
+                (shown)="handlePopoverShown(anchor)"
+                (hidden)="handlePopoverHidden(anchor)"
+            >
+                <ng-template kendoPopoverTitleTemplate>
+                    <span class="k-citation-pages">{{ currentPage }}/{{ sources.length }}</span>
+                    <kendo-buttongroup class="k-button-group-flat">
+                        <button
+                            kendoButton
+                            fillMode="flat"
+                            size="small"
+                            icon="arrow-left"
+                            [svgIcon]="previousIcon"
+                            [attr.aria-label]="messageFor('previousSourceAction')"
+                            [disabled]="currentPage === 1"
+                            (click)="previous()"
+                        ></button>
+                        <button
+                            kendoButton
+                            fillMode="flat"
+                            size="small"
+                            icon="arrow-right"
+                            [svgIcon]="nextIcon"
+                            [attr.aria-label]="messageFor('nextSourceAction')"
+                            [disabled]="currentPage === sources.length"
+                            (click)="next()"
+                        ></button>
+                    </kendo-buttongroup>
+                </ng-template>
+                <ng-template kendoPopoverBodyTemplate>
+                    @for (source of sources; track $index) {
+                        <div class="k-citation-popover-view">
+                            @if (popoverBodyTemplate) {
+                                <ng-container
+                                    [ngTemplateOutlet]="popoverBodyTemplate.templateRef"
+                                    [ngTemplateOutletContext]="{ $implicit: source }"
+                                ></ng-container>
+                            } @else {
+                                @if (source.title) {
+                                    <div class="k-citation-popover-view-title">{{ source.title }}</div>
+                                }
+                                @if (source.url) {
+                                    <a [href]="source.url" class="k-citation-popover-view-source">
+                                        <kendo-icon-wrapper size="small" [name]="sourceIcon" [svgIcon]="sourceSVGIcon"></kendo-icon-wrapper>
+                                        {{ source.url }}
+                                    </a>
+                                }
+                                @if (source.description) {
+                                    <span class="k-citation-popover-view-body">{{ source.description }}</span>
+                                }
+                            }
+                        </div>
+                    }
+                </ng-template>
+            </kendo-popover>
+        } @else {
+            <kendo-chip
+                class="k-citation"
+                [label]="label"
+                [icon]="icon"
+                [svgIcon]="svgIcon"
+                size="small"
+                fillMode="outline"
+                rounded="full"
+            ></kendo-chip>
+        }
+    `
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }], propDecorators: { popoverBodyTemplate: [{
+                type: ContentChild,
+                args: [CitationBodyTemplateDirective]
+            }], sources: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], sourceIcon: [{
+                type: Input
+            }], sourceSVGIcon: [{
+                type: Input
+            }], showAdditionalCount: [{
+                type: Input
+            }], showOn: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
+
+/**
+ * Represents the template for the content displayed between the Checkpoint's two separator lines.
+ * Replaces the default action or restored-state content.
+ *
+ * @example
+ * ```html
+ * <kendo-checkpoint [state]="state" displayMode="always">
+ *   <ng-template kendoCheckpointTemplate>
+ *     <button kendoButton fillMode="flat" size="xsmall">Custom action</button>
+ *   </ng-template>
+ * </kendo-checkpoint>
+ * ```
+ */
+class CheckpointTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CheckpointTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: CheckpointTemplateDirective, isStandalone: true, selector: "[kendoCheckpointTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CheckpointTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCheckpointTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Represents the [Kendo UI Checkpoint component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/checkpoint).
+ * Displays a decorative separator between conversation turns with a restore or redo action.
+ *
+ * @example
+ * ```html
+ * <kendo-checkpoint state="restore" (action)="onCheckpointAction($event)"></kendo-checkpoint>
+ * ```
+ */
+class CheckpointComponent {
+    localization;
+    /**
+     * Renders the supplied template between the two separator lines instead of the default state-specific content.
+     *
+     * @hidden
+     */
+    template;
+    /**
+     * Sets the current state of the Checkpoint.
+     */
+    set state(value) {
+        this._state.set(value);
+    }
+    get state() {
+        return this._state();
+    }
+    /**
+     * Sets whether the Checkpoint is always visible or visible only when the user hovers over it.
+     *
+     * @default 'hover'
+     */
+    set displayMode(value) {
+        this._displayMode.set(value);
+    }
+    get displayMode() {
+        return this._displayMode();
+    }
+    /**
+     * Fires when the user clicks the Checkpoint. The event arguments contain the current `state`.
+     */
+    action = new EventEmitter();
+    hostClass = true;
+    get checkpointVisibleClass() {
+        return this._displayMode() === 'always';
+    }
+    get direction() {
+        return this._direction();
+    }
+    set direction(value) {
+        this._direction.set(value);
+    }
+    _state = signal(undefined, ...(ngDevMode ? [{ debugName: "_state" }] : []));
+    _displayMode = signal('hover', ...(ngDevMode ? [{ debugName: "_displayMode" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    subscription;
+    constructor(localization) {
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.subscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @hidden
+     * Emits the `action` event with the current `state` on click.
+     */
+    emitAction() {
+        this.action.emit({ action: this.state });
+    }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CheckpointComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: CheckpointComponent, isStandalone: true, selector: "kendo-checkpoint", inputs: { state: "state", displayMode: "displayMode" }, outputs: { action: "action" }, host: { properties: { "class.k-checkpoint": "this.hostClass", "class.k-checkpoint-visible": "this.checkpointVisibleClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+        ], queries: [{ propertyName: "template", first: true, predicate: CheckpointTemplateDirective, descendants: true }], exportAs: ["kendoCheckpoint"], ngImport: i0, template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-startOverAction="kendo.llmkit.startOverAction|The text for the Checkpoint's default action in the startOver state."
+            startOverAction="Start Over"
+            i18n-restoreAction="kendo.llmkit.restoreAction|The text for the Checkpoint's default action in the restore state."
+            restoreAction="Restore Checkpoint"
+            i18n-redoAction="kendo.llmkit.redoAction|The text for the Checkpoint's default action in the redo state."
+            redoAction="Redo"
+            i18n-checkpointRestoredText="kendo.llmkit.checkpointRestoredText|The text for the Checkpoint's default stamp shown in the redo state."
+            checkpointRestoredText="Checkpoint Restored">
+        </ng-container>
+        <span class="k-checkpoint-line" aria-hidden="true"></span>
+        @if (template) {
+            <ng-container [ngTemplateOutlet]="template.templateRef"></ng-container>
+        } @else {
+            @switch (state) {
+                @case ('startOver') {
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('startOverAction') }}</button>
+                }
+                @case ('restore') {
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('restoreAction') }}</button>
+                }
+                @case ('redo') {
+                    <span class="k-checkpoint-stamp">{{ messageFor('checkpointRestoredText') }}</span>
+                    <span>&middot;</span>
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('redoAction') }}</button>
+                }
+            }
+        }
+        <span class="k-checkpoint-line" aria-hidden="true"></span>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CheckpointComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoCheckpoint',
+                    selector: 'kendo-checkpoint',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
+                    ],
+                    imports: [NgTemplateOutlet, ButtonComponent, LocalizedMessagesDirective],
+                    template: `
+        <ng-container
+            kendoLlmKitLocalizedMessages
+            i18n-startOverAction="kendo.llmkit.startOverAction|The text for the Checkpoint's default action in the startOver state."
+            startOverAction="Start Over"
+            i18n-restoreAction="kendo.llmkit.restoreAction|The text for the Checkpoint's default action in the restore state."
+            restoreAction="Restore Checkpoint"
+            i18n-redoAction="kendo.llmkit.redoAction|The text for the Checkpoint's default action in the redo state."
+            redoAction="Redo"
+            i18n-checkpointRestoredText="kendo.llmkit.checkpointRestoredText|The text for the Checkpoint's default stamp shown in the redo state."
+            checkpointRestoredText="Checkpoint Restored">
+        </ng-container>
+        <span class="k-checkpoint-line" aria-hidden="true"></span>
+        @if (template) {
+            <ng-container [ngTemplateOutlet]="template.templateRef"></ng-container>
+        } @else {
+            @switch (state) {
+                @case ('startOver') {
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('startOverAction') }}</button>
+                }
+                @case ('restore') {
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('restoreAction') }}</button>
+                }
+                @case ('redo') {
+                    <span class="k-checkpoint-stamp">{{ messageFor('checkpointRestoredText') }}</span>
+                    <span>&middot;</span>
+                    <button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('redoAction') }}</button>
+                }
+            }
+        }
+        <span class="k-checkpoint-line" aria-hidden="true"></span>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { template: [{
+                type: ContentChild,
+                args: [CheckpointTemplateDirective]
+            }], state: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-checkpoint']
+            }], checkpointVisibleClass: [{
+                type: HostBinding,
+                args: ['class.k-checkpoint-visible']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
+
+/**
+ * Represents the custom messages component shared by the LLM Kit primitives (`Reasoning`, `ChainOfThought`,
+ * `ToolCall`, `Citation`, and `Checkpoint`).
+ *
+ * Use this component to override the default messages for the LLM Kit primitives
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/globalization#custom-messages)).
+ *
+ * @example
+ * ```html
+ * <kendo-llmkit-messages
+ *   approveAction="Allow"
+ *   rejectAction="Deny">
+ * </kendo-llmkit-messages>
+ * ```
+ */
+class LlmKitCustomMessagesComponent extends LlmKitMessages {
+    service;
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LlmKitCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: LlmKitCustomMessagesComponent, isStandalone: true, selector: "kendo-llmkit-messages", providers: [
+            {
+                provide: LlmKitMessages,
+                useExisting: forwardRef(() => LlmKitCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: LlmKitCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: LlmKitMessages,
+                            useExisting: forwardRef(() => LlmKitCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-llmkit-messages',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }] });
+
+/**
+ * Utility array that contains all AIPrompt related components and directives.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { KENDO_AIPROMPT } from '@progress/kendo-angular-conversational-ui';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_AIPROMPT],
+ *   selector: 'my-app',
+ *   template: `<kendo-aiprompt></kendo-aiprompt>`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+const KENDO_AIPROMPT = [
+    AIPromptComponent,
+    PromptViewComponent,
+    OutputViewComponent,
+    CommandViewComponent,
+    CustomViewComponent,
+    AIPromptCustomMessagesComponent,
+    AIPromptToolbarActionsDirective,
+    AIPromptToolbarFocusableDirective,
+    AIPromptOutputTemplateDirective,
+    AIPromptOutputBodyTemplateDirective,
+];
+/**
+ * Utility array that contains all Chat related components and directives.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { KENDO_CHAT } from '@progress/kendo-angular-conversational-ui';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CHAT],
+ *   selector: 'my-app',
+ *   template: `<kendo-chat></kendo-chat>`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+const KENDO_CHAT = [
+    ChatComponent,
+    CustomMessagesComponent,
+    AttachmentTemplateDirective,
+    AuthorMessageContentTemplateDirective,
+    ReceiverMessageContentTemplateDirective,
+    MessageContentTemplateDirective,
+    AuthorMessageTemplateDirective,
+    ReceiverMessageTemplateDirective,
+    MessageTemplateDirective,
+    HeroCardComponent,
     ChatMessageBoxTemplateDirective,
     ChatMessageBoxStartAffixTemplateDirective,
     ChatMessageBoxEndAffixTemplateDirective,
@@ -12096,6 +14651,39 @@ const KENDO_PROMPTBOX = [
     PromptBoxFileSelectButtonComponent,
     PromptBoxHeaderTemplateDirective
 ];
+/**
+ * Utility array that contains all LLM Kit related components and directives.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { KENDO_LLM_KIT } from '@progress/kendo-angular-conversational-ui';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_LLM_KIT],
+ *   selector: 'my-app',
+ *   template: `<kendo-reasoning content="Analyzing the request."></kendo-reasoning>`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+const KENDO_LLM_KIT = [
+    ReasoningComponent,
+    ChainOfThoughtComponent,
+    ToolCallComponent,
+    CitationComponent,
+    CheckpointComponent,
+    LlmKitCustomMessagesComponent,
+    ReasoningContentTemplateDirective,
+    ThoughtTemplateDirective,
+    ToolCallParametersTemplateDirective,
+    ToolCallApprovalTemplateDirective,
+    ToolCallResultTemplateDirective,
+    ToolCallErrorTemplateDirective,
+    CitationBodyTemplateDirective,
+    CheckpointTemplateDirective
+];
 /**
  * Utility array that contains all `@progress/kendo-angular-conversational-ui` related components and directives.
  *
@@ -12120,7 +14708,8 @@ const KENDO_CONVERSATIONALUI = [
     ...KENDO_AIPROMPT,
     ...KENDO_CHAT,
     ...KENDO_INLINEAIPROMPT,
-    ...KENDO_PROMPTBOX
+    ...KENDO_PROMPTBOX,
+    ...KENDO_LLM_KIT
 ];
 
 // IMPORTANT: NgModule export kept for backwards compatibility
@@ -12143,11 +14732,11 @@ const KENDO_CONVERSATIONALUI = [
  * ```
  */
 class AIPromptModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", 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: "20.3.25", ngImport: i0, type: AIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", 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: "20.3.26", ngImport: i0, type: AIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AIPromptModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIPromptModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_AIPROMPT],
@@ -12179,11 +14768,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * ```
  */
 class ChatModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ChatModule, imports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective], exports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatModule, providers: [IconsService, ResizeBatchService], imports: [ChatComponent, HeroCardComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", ngImport: i0, type: ChatModule, imports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective], exports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatModule, providers: [IconsService, ResizeBatchService], imports: [ChatComponent, HeroCardComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChatModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChatModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CHAT],
@@ -12212,11 +14801,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * ```
  */
 class ConversationalUIModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConversationalUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ConversationalUIModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, ChatComponent, HeroCardComponent, InlineAIPromptComponent, PromptBoxComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ConversationalUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", ngImport: i0, type: ConversationalUIModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent, LlmKitCustomMessagesComponent, ReasoningContentTemplateDirective, ThoughtTemplateDirective, ToolCallParametersTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallResultTemplateDirective, ToolCallErrorTemplateDirective, CitationBodyTemplateDirective, CheckpointTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent, LlmKitCustomMessagesComponent, ReasoningContentTemplateDirective, ThoughtTemplateDirective, ToolCallParametersTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallResultTemplateDirective, ToolCallErrorTemplateDirective, CitationBodyTemplateDirective, CheckpointTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, ChatComponent, HeroCardComponent, InlineAIPromptComponent, PromptBoxComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConversationalUIModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ConversationalUIModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CONVERSATIONALUI],
@@ -12245,11 +14834,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * ```
  */
 class InlineAIPromptModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptModule, imports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent], exports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [InlineAIPromptComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptModule, imports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent], exports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [InlineAIPromptComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_INLINEAIPROMPT],
@@ -12331,10 +14920,10 @@ class InlineAIPromptService {
         });
         return component;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptService, deps: [{ token: i1$2.PopupService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptService, deps: [{ token: i1$2.PopupService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineAIPromptService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: InlineAIPromptService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -12401,5 +14990,5 @@ class InlineAIPromptSettings {
  * Generated bundle index. Do not edit.
  */
 
-export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptOutputBodyTemplateDirective, AIPromptOutputTemplateDirective, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, AuthorMessageTemplateDirective, ChatComponent, ChatHeaderTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatModule, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatTimestampTemplateDirective, ChatUserStatusTemplateDirective, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, InlineAIPromptComponent, InlineAIPromptCustomMessagesComponent, InlineAIPromptModule, InlineAIPromptOutputTemplateDirective, InlineAIPromptService, InlineAIPromptSettings, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, KENDO_INLINEAIPROMPT, KENDO_PROMPTBOX, MessageContentTemplateDirective, MessageTemplateDirective, NoDataTemplateDirective, OutputViewComponent, PromptBoxActionButtonComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxEndAffixComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, PromptBoxSpeechToTextButtonComponent, PromptBoxStartAffixComponent, PromptBoxTopAffixComponent, PromptViewComponent, ReceiverMessageContentTemplateDirective, ReceiverMessageTemplateDirective, SendMessageEvent };
+export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptOutputBodyTemplateDirective, AIPromptOutputTemplateDirective, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, AuthorMessageTemplateDirective, ChainOfThoughtComponent, ChatComponent, ChatHeaderTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatModule, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatTimestampTemplateDirective, ChatUserStatusTemplateDirective, CheckpointComponent, CheckpointTemplateDirective, CitationBodyTemplateDirective, CitationComponent, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, InlineAIPromptComponent, InlineAIPromptCustomMessagesComponent, InlineAIPromptModule, InlineAIPromptOutputTemplateDirective, InlineAIPromptService, InlineAIPromptSettings, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, KENDO_INLINEAIPROMPT, KENDO_LLM_KIT, KENDO_PROMPTBOX, LlmKitCustomMessagesComponent, LlmKitMessages, LocalizedMessagesDirective, MessageContentTemplateDirective, MessageTemplateDirective, NoDataTemplateDirective, OutputViewComponent, PromptBoxActionButtonComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxEndAffixComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, PromptBoxSpeechToTextButtonComponent, PromptBoxStartAffixComponent, PromptBoxTopAffixComponent, PromptViewComponent, ReasoningComponent, ReasoningContentTemplateDirective, ReceiverMessageContentTemplateDirective, ReceiverMessageTemplateDirective, SendMessageEvent, ThoughtTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallComponent, ToolCallErrorTemplateDirective, ToolCallParametersTemplateDirective, ToolCallResultTemplateDirective };