@progress/kendo-angular-conversational-ui 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/ai-prompt/common/toolbar-focusable.directive.mjs

@@ -11,32 +11,13 @@ import * as i1 from "./toolbar-navigation.service";
  * @hidden
  */
 export class AIPromptToolbarFocusableDirective {
+    host;
+    navigationService;
+    renderer;
     constructor(host, navigationService, renderer) {
         this.host = host;
         this.navigationService = navigationService;
         this.renderer = renderer;
-        this.keyDownHandler = (e) => {
-            const targetsSelf = e.target === this.element;
-            const isLeftArrow = e.keyCode === Keys.ArrowLeft;
-            const isRightArrow = e.keyCode === Keys.ArrowRight;
-            const isArrow = isLeftArrow || isRightArrow;
-            if (!targetsSelf || !isArrow) {
-                return;
-            }
-            this.renderer.setAttribute(this.element, 'tabindex', '-1');
-            this.element.querySelectorAll(focusableSelector).forEach(el => {
-                this.renderer.setAttribute(el, 'tabindex', '-1');
-            });
-            if (isRightArrow) {
-                this.navigationService.move('right');
-            }
-            else if (isLeftArrow) {
-                this.navigationService.move('left');
-            }
-        };
-        this.clickHandler = () => {
-            this.navigationService.setActiveIndex(this);
-        };
         navigationService.register(this);
     }
     get element() {
@@ -56,10 +37,32 @@ export class AIPromptToolbarFocusableDirective {
         this.renderer.setAttribute(this.element, 'tabindex', '0');
         this.element.focus();
     }
+    keyDownHandler = (e) => {
+        const targetsSelf = e.target === this.element;
+        const isLeftArrow = e.keyCode === Keys.ArrowLeft;
+        const isRightArrow = e.keyCode === Keys.ArrowRight;
+        const isArrow = isLeftArrow || isRightArrow;
+        if (!targetsSelf || !isArrow) {
+            return;
+        }
+        this.renderer.setAttribute(this.element, 'tabindex', '-1');
+        this.element.querySelectorAll(focusableSelector).forEach(el => {
+            this.renderer.setAttribute(el, 'tabindex', '-1');
+        });
+        if (isRightArrow) {
+            this.navigationService.move('right');
+        }
+        else if (isLeftArrow) {
+            this.navigationService.move('left');
+        }
+    };
+    clickHandler = () => {
+        this.navigationService.setActiveIndex(this);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptToolbarFocusableDirective, isStandalone: true, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
 }
-AIPromptToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-AIPromptToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AIPromptToolbarFocusableDirective, isStandalone: true, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptToolbarFocusable]',

package/{esm2020 → esm2022}/ai-prompt/common/toolbar-navigation.service.mjs

@@ -10,10 +10,11 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class ToolbarNavigationService {
+    localizationService;
+    focusableElements = [];
+    currentFocusedIndex = 0;
     constructor(localizationService) {
         this.localizationService = localizationService;
-        this.focusableElements = [];
-        this.currentFocusedIndex = 0;
     }
     register(tool) {
         if (!this.focusableElements.some(el => el === tool)) {
@@ -47,9 +48,9 @@ export class ToolbarNavigationService {
     focusFirst() {
         this.focusableElements[this.currentFocusedIndex].activate();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService });
 }
-ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/{esm2020 → esm2022}/ai-prompt/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example]({% slug globalization_chat %}#toc-custom-messages)).
  */
 export class AIPromptCustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export class AIPromptCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-aiprompt-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-AIPromptCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-AIPromptCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-aiprompt-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/ai-prompt/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoAIPromptLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoAIPromptLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/ai-prompt/localization/messages.mjs

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+    /**
+     * The Toolbar button text for the Prompt view.
+     */
+    promptView;
+    /**
+     * The Toolbar button text for the Output view.
+     */
+    outputView;
+    /**
+     * The text for the Generate button in the Prompt view.
+     */
+    generateOutput;
+    /**
+     * The placeholder text for the Prompt View text area.
+     */
+    promptPlaceholder;
+    /**
+     * The Copy button text in each Output view card.
+     */
+    copyOutput;
+    /**
+     * The Retry button text in each Output view card.
+     */
+    retryGeneration;
+    /**
+     * The title of each Output view card.
+     */
+    outputTitle;
+    /**
+     * The title of each Output view retry card.
+     */
+    outputRetryTitle;
+    /**
+     * The title of the Prompt suggestions button.
+     */
+    promptSuggestions;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, inputs: { promptView: "promptView", outputView: "outputView", generateOutput: "generateOutput", promptPlaceholder: "promptPlaceholder", copyOutput: "copyOutput", retryGeneration: "retryGeneration", outputTitle: "outputTitle", outputRetryTitle: "outputRetryTitle", promptSuggestions: "promptSuggestions" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
+            type: Directive
+        }], propDecorators: { promptView: [{
+                type: Input
+            }], outputView: [{
+                type: Input
+            }], generateOutput: [{
+                type: Input
+            }], promptPlaceholder: [{
+                type: Input
+            }], copyOutput: [{
+                type: Input
+            }], retryGeneration: [{
+                type: Input
+            }], outputTitle: [{
+                type: Input
+            }], outputRetryTitle: [{
+                type: Input
+            }], promptSuggestions: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/ai-prompt/templates/toolbar-actions.template.mjs

@@ -11,13 +11,14 @@ import * as i0 from "@angular/core";
  * with the `kendoAIPromptToolbarActionsTemplate` directive inside the `<kendo-aiprompt>` tag.
  */
 export class AIPromptToolbarActionsDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIPromptToolbarActionsDirective, isStandalone: true, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
 }
-AIPromptToolbarActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-AIPromptToolbarActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AIPromptToolbarActionsDirective, isStandalone: true, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAIPromptToolbarActionsTemplate]',

package/{esm2020 → esm2022}/ai-prompt/views/base-view.mjs

@@ -12,10 +12,16 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class BaseView {
+    viewType;
+    localization;
+    hostClasses = true;
+    /**
+     * @hidden
+     */
+    template;
     constructor(viewType, localization) {
         this.viewType = viewType;
         this.localization = localization;
-        this.hostClasses = true;
         if (this.viewType !== 'custom') {
             this.icon = DEFAULT_ICONS[this.viewType];
             this.svgIcon = DEFAULT_SVG_ICONS[this.viewType];
@@ -66,10 +72,13 @@ export class BaseView {
     messageFor(text) {
         return this.localization.get(text);
     }
+    _buttonText;
+    _icon;
+    _svgIcon;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseView, 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 });
 }
-BaseView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseView.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseView, 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: "15.2.10", ngImport: i0, type: BaseView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseView, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/ai-prompt/views/command-view.component.mjs

@@ -14,14 +14,15 @@ import * as i2 from "../common/aiprompt.service";
  * The component for rendering the AIPrompt Command View.
  */
 export class CommandViewComponent extends BaseView {
+    service;
     constructor(localization, service) {
         super('command', localization);
         this.service = service;
-        /**
-         * @hidden
-         */
-        this.panelBarItems = [];
     }
+    /**
+     * @hidden
+     */
+    panelBarItems = [];
     ngOnInit() {
         if (this.service.promptCommands) {
             this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
@@ -53,12 +54,11 @@ export class CommandViewComponent extends BaseView {
             children: c.children ? this.getPanelBarItems(c.children) : null
         }));
     }
-}
-CommandViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-CommandViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandViewComponent, isStandalone: true, selector: "kendo-aiprompt-command-view", providers: [{
-            provide: BaseView,
-            useExisting: forwardRef(() => CommandViewComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandViewComponent, isStandalone: true, selector: "kendo-aiprompt-command-view", providers: [{
+                provide: BaseView,
+                useExisting: forwardRef(() => CommandViewComponent)
+            }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <kendo-panelbar
                 [items]="panelBarItems"
@@ -68,7 +68,8 @@ CommandViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             ></kendo-panelbar>
         </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: "15.2.10", ngImport: i0, type: CommandViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-command-view',

package/{esm2020 → esm2022}/ai-prompt/views/custom-view.component.mjs

@@ -14,13 +14,17 @@ export class CustomViewComponent extends BaseView {
     constructor(localization) {
         super('custom', localization);
     }
+    /**
+     * Sets the content of the Custom view as a template reference.
+     */
+    viewTemplate;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 });
 }
-CustomViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: CustomViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-custom-view',

package/{esm2020 → esm2022}/ai-prompt/views/output-view.component.mjs

@@ -15,6 +15,7 @@ import * as i2 from "../common/aiprompt.service";
  * The component for rendering the AIPrompt Output View.
  */
 export class OutputViewComponent extends BaseView {
+    service;
     constructor(localization, service) {
         super('output', localization);
         this.service = service;
@@ -25,12 +26,11 @@ export class OutputViewComponent extends BaseView {
     get promptOutputs() {
         return this.service.promptOutputs;
     }
-}
-OutputViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-OutputViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
-            provide: BaseView,
-            useExisting: forwardRef(() => OutputViewComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
+                provide: BaseView,
+                useExisting: forwardRef(() => OutputViewComponent)
+            }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <div
                 class="k-card-list"
@@ -42,7 +42,8 @@ OutputViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OutputViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-output-view',

package/{esm2020 → esm2022}/ai-prompt/views/prompt-view.component.mjs

@@ -18,17 +18,10 @@ import * as i2 from "../common/aiprompt.service";
  * The component for rendering the AIPrompt Prompt View.
  */
 export class PromptViewComponent extends BaseView {
+    service;
     constructor(localization, service) {
         super('prompt', localization);
         this.service = service;
-        /**
-         * @hidden
-         */
-        this.showSuggestions = true;
-        /**
-         * @hidden
-         */
-        this.contentId = `k-prompt-suggestions-${guid()}`;
     }
     /**
      * @hidden
@@ -38,6 +31,14 @@ export class PromptViewComponent extends BaseView {
             { font: 'chevron-up', svg: chevronUpIcon } :
             { font: 'chevron-down', svg: chevronDownIcon };
     }
+    /**
+     * @hidden
+     */
+    showSuggestions = true;
+    /**
+     * @hidden
+     */
+    contentId = `k-prompt-suggestions-${guid()}`;
     /**
      * @hidden
      */
@@ -60,14 +61,13 @@ export class PromptViewComponent extends BaseView {
     suggestionClick(suggestion) {
         this.textAreaValue = this.service.promptValue = suggestion;
     }
-}
-PromptViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
-PromptViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
-        {
-            provide: BaseView,
-            useExisting: forwardRef(() => PromptViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
+            {
+                provide: BaseView,
+                useExisting: forwardRef(() => PromptViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <kendo-textarea
                 [placeholder]="messageFor('promptPlaceholder')"
@@ -99,8 +99,9 @@ PromptViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 </div>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PromptViewComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PromptViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-aiprompt-prompt-view',

package/{esm2020 → esm2022}/chat/api/execute-action-event.mjs

@@ -8,6 +8,14 @@ import { PreventableEvent } from "./preventable-event";
  * a quick action button. Calling `preventDefault()` suppresses the built-in action handler.
  */
 export class ExecuteActionEvent extends PreventableEvent {
+    /**
+     * The action that will be executed.
+     */
+    action;
+    /**
+     * The message that contains the action.
+     */
+    message;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/chat/api/post-message-event.mjs

@@ -7,6 +7,13 @@
  *
  */
 export class SendMessageEvent {
+    /**
+     * The message which contains the metadata and the user input.
+     *
+     * > The Chat does not automatically append the message to its data.
+     * > For more information, refer to the article on [data binding]({% slug databinding_chat %}).
+     */
+    message;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/chat/api/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses

package/{esm2020 → esm2022}/chat/attachment-template.directive.mjs

@@ -17,13 +17,14 @@ import * as i0 from "@angular/core";
  * {% endmeta %}
  */
 export class AttachmentTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AttachmentTemplateDirective, isStandalone: true, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
 }
-AttachmentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-AttachmentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AttachmentTemplateDirective, isStandalone: true, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChatAttachmentTemplate]',

package/{esm2020 → esm2022}/chat/attachment.component.mjs

@@ -19,18 +19,20 @@ export class AttachmentComponent {
     get attachment() {
         return this._attachment;
     }
+    template;
     get image() {
         return this.contentType.indexOf('image/') === 0;
     }
     get unknown() {
         return !this.image;
     }
+    context;
     get contentType() {
         return this.attachment.contentType || '';
     }
-}
-AttachmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AttachmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AttachmentComponent, isStandalone: true, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, template: `
+    _attachment;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AttachmentComponent, isStandalone: true, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, template: `
         <ng-container *ngIf="template">
             <ng-container *ngTemplateOutlet="template.templateRef; context: context;">
             </ng-container>
@@ -51,7 +53,8 @@ AttachmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-attachment',

package/{esm2020 → esm2022}/chat/cards/hero-card.component.mjs

@@ -11,19 +11,32 @@ import * as i0 from "@angular/core";
  * Hero cards host a single large image and action buttons with text content.
  */
 export class HeroCardComponent {
-    constructor() {
-        this.cssClass = true;
-        /**
-         * Fires when the user clicks a button.
-         */
-        this.executeAction = new EventEmitter();
-    }
+    /**
+     * The URL of the hero card image.
+     */
+    imageUrl;
+    /**
+     * The title of the hero card.
+     */
+    title;
+    /**
+     * The subtitle of the hero card.
+     */
+    subtitle;
+    /**
+     * An array with the possible quick actions for this hero card.
+     */
+    actions;
+    cssClass = true;
+    /**
+     * Fires when the user clicks a button.
+     */
+    executeAction = new EventEmitter();
     onClick(action) {
         this.executeAction.next(action);
     }
-}
-HeroCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeroCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "16.2.12", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
         <img class="k-card-image" [src]="imageUrl" *ngIf="imageUrl" />
         <div class="k-card-body">
         <h5 class="k-card-title" *ngIf="title">
@@ -45,8 +58,9 @@ HeroCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             </button>
         </span>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeroCardComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeroCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chat-hero-card',