@progress/kendo-angular-conversational-ui 14.4.0-develop.2 → 14.4.0-develop.20

package/esm2020/ai-prompt/common/toolbar-focusable.directive.mjs

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { ToolbarNavigationService } from './toolbar-navigation.service';
+import { Keys, focusableSelector } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbar-navigation.service";
+/**
+ * @hidden
+ */
+export class AIPromptToolbarFocusableDirective {
+    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() {
+        return this.host.nativeElement;
+    }
+    ngAfterViewInit() {
+        this.renderer.setAttribute(this.element, 'tabindex', this.navigationService.isActive(this) ? '0' : '-1');
+        this.element.addEventListener('keydown', this.keyDownHandler, { capture: true });
+        this.element.addEventListener('click', this.clickHandler, { capture: true });
+    }
+    ngOnDestroy() {
+        this.navigationService.unregister(this);
+        this.element.removeEventListener('keydown', this.keyDownHandler, { capture: true });
+        this.element.removeEventListener('click', this.clickHandler, { capture: true });
+    }
+    activate() {
+        this.renderer.setAttribute(this.element, 'tabindex', '0');
+        this.element.focus();
+    }
+}
+AIPromptToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+AIPromptToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoAIPromptToolbarFocusable]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ToolbarNavigationService }, { type: i0.Renderer2 }]; } });

package/esm2020/ai-prompt/common/toolbar-navigation.service.mjs

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class ToolbarNavigationService {
+    constructor(localizationService) {
+        this.localizationService = localizationService;
+        this.focusableElements = [];
+        this.currentFocusedIndex = 0;
+    }
+    register(tool) {
+        if (!this.focusableElements.some(el => el === tool)) {
+            this.focusableElements.push(tool);
+        }
+    }
+    unregister(tool) {
+        this.currentFocusedIndex = 0;
+        this.focusableElements = this.focusableElements.filter(el => el !== tool);
+    }
+    isActive(focusable) {
+        return this.focusableElements[this.currentFocusedIndex] === focusable;
+    }
+    setActiveIndex(tool) {
+        this.currentFocusedIndex = Math.max(this.focusableElements.indexOf(tool), 0);
+    }
+    move(direction) {
+        let delta = direction === 'right' ? 1 : -1;
+        if (this.localizationService.rtl) {
+            delta = -delta;
+        }
+        this.currentFocusedIndex += delta;
+        if (this.currentFocusedIndex < 0) {
+            this.currentFocusedIndex = this.focusableElements.length - 1;
+        }
+        else if (this.currentFocusedIndex >= this.focusableElements.length) {
+            this.currentFocusedIndex = 0;
+        }
+        this.focusableElements[this.currentFocusedIndex].activate();
+    }
+    focusFirst() {
+        this.focusableElements[this.currentFocusedIndex].activate();
+    }
+}
+ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/ai-prompt/localization/custom-messages.component.mjs

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ */
+export class AIPromptCustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+AIPromptCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+AIPromptCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AIPromptCustomMessagesComponent, selector: "kendo-aiprompt-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-aiprompt-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/ai-prompt/localization/localized-messages.directive.mjs

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoAIPromptLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoAIPromptLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

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

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* 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 {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.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: "13.3.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/ai-prompt/models/command-execute-event.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/command.interface.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/index.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/output-rating-change-event.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/prompt-output.interface.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/prompt-request-event.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/models/view-type.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/ai-prompt/templates/toolbar-actions.template.mjs

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that allows you to define additional ToolBar actions.
+ * The actions will be rendered right after all views' ToolBar buttons.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoAIPromptToolbarActionsTemplate` directive inside the `<kendo-aiprompt>` tag.
+ */
+export class AIPromptToolbarActionsDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+AIPromptToolbarActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AIPromptToolbarActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: AIPromptToolbarActionsDirective, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoAIPromptToolbarActionsTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2020/ai-prompt/utils.mjs

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from "@angular/core";
+import { commentIcon, moreHorizontalIcon, sparklesIcon } from "@progress/kendo-svg-icons";
+/**
+ * @hidden
+ */
+export const MY_TOKEN = new InjectionToken('COMMAND_TOKEN');
+/**
+ * @hidden
+ */
+export const DEFAULT_SVG_ICONS = {
+    prompt: sparklesIcon,
+    output: commentIcon,
+    command: moreHorizontalIcon
+};
+/**
+ * @hidden
+ */
+export const DEFAULT_ICONS = {
+    prompt: 'sparkles',
+    output: 'comment',
+    command: 'more-horizontal'
+};

package/esm2020/ai-prompt/views/base-view.mjs

@@ -0,0 +1,89 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, TemplateRef, Directive, HostBinding, Inject, ViewChild } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { isPresent } from '@progress/kendo-angular-common';
+import { DEFAULT_ICONS, DEFAULT_SVG_ICONS, MY_TOKEN } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class BaseView {
+    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];
+        }
+    }
+    /**
+     * The text of the ToolBar button corresponding to the view.
+     */
+    set buttonText(value) {
+        this._buttonText = value;
+    }
+    get buttonText() {
+        return isPresent(this._buttonText) ?
+            this._buttonText :
+            this.messageFor(`${this.viewType}View`);
+    }
+    /**
+    * The font icon of the ToolBar button corresponding to the view.
+    */
+    set icon(value) {
+        if (isPresent(value)) {
+            this._icon = value;
+        }
+        else {
+            this.icon = DEFAULT_ICONS[this.viewType];
+        }
+    }
+    get icon() {
+        return this._icon;
+    }
+    /**
+    * The SVG icon of the ToolBar button corresponding to the view.
+    */
+    set svgIcon(value) {
+        if (isPresent(value)) {
+            this._svgIcon = value;
+        }
+        else {
+            this.svgIcon = DEFAULT_SVG_ICONS[this.viewType];
+        }
+    }
+    get svgIcon() {
+        return this._svgIcon;
+    }
+    /**
+     * @hidden
+     */
+    messageFor(text) {
+        return this.localization.get(text);
+    }
+}
+BaseView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+BaseView.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseView, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MY_TOKEN]
+                }] }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-prompt-view']
+            }], template: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], buttonText: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }] } });

package/esm2020/ai-prompt/views/command-view.component.mjs

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BaseView } from './base-view';
+import { AIPromptService } from '../common/aiprompt.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/aiprompt.service";
+import * as i3 from "@progress/kendo-angular-layout";
+/**
+ * The component for rendering the **Command** view.
+ */
+export class CommandViewComponent extends BaseView {
+    constructor(localization, service) {
+        super('command', localization);
+        this.service = service;
+        this.panelBarItems = [];
+    }
+    ngOnInit() {
+        this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
+    }
+    itemClickHandler(ev) {
+        if (ev.item.children) {
+            return;
+        }
+        const selectedCommand = this.service.getFlattenPromptCommands().find(c => c.id == ev.item.id);
+        if (selectedCommand) {
+            const eventArgs = {
+                command: selectedCommand,
+                sender: this.service.aiPrompt,
+                isRetry: false
+            };
+            this.service.executeEvent.next(eventArgs);
+        }
+    }
+    getPanelBarItems(commands) {
+        return commands.map(c => ({
+            title: c.text,
+            id: c.id,
+            icon: c.icon,
+            svgIcon: c.svgIcon,
+            children: c.children ? this.getPanelBarItems(c.children) : null
+        }));
+    }
+}
+CommandViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+CommandViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CommandViewComponent, selector: "kendo-aiprompt-command-view", providers: [{
+            provide: BaseView,
+            useExisting: forwardRef(() => CommandViewComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <kendo-panelbar
+                [items]="panelBarItems"
+                [animate]="false"
+                [selectable]="false"
+                (itemClick)="itemClickHandler($event)"
+            ></kendo-panelbar>
+        </ng-template>
+    `, isInline: true, components: [{ type: i3.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: "13.3.12", ngImport: i0, type: CommandViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-aiprompt-command-view',
+                    providers: [{
+                            provide: BaseView,
+                            useExisting: forwardRef(() => CommandViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <kendo-panelbar
+                [items]="panelBarItems"
+                [animate]="false"
+                [selectable]="false"
+                (itemClick)="itemClickHandler($event)"
+            ></kendo-panelbar>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.AIPromptService }]; } });

package/esm2020/ai-prompt/views/custom-view.component.mjs

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, Input, TemplateRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BaseView } from './base-view';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * The component for rendering a **Custom** view.
+ */
+export class CustomViewComponent extends BaseView {
+    constructor(localization) {
+        super('custom', localization);
+    }
+}
+CustomViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CustomViewComponent, 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: "13.3.12", ngImport: i0, type: CustomViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-aiprompt-custom-view',
+                    providers: [{
+                            provide: BaseView,
+                            useExisting: forwardRef(() => CustomViewComponent)
+                        }],
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { viewTemplate: [{
+                type: Input
+            }] } });

package/esm2020/ai-prompt/views/index.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { CommandViewComponent } from './command-view.component';
+export { CustomViewComponent } from './custom-view.component';
+export { OutputViewComponent } from './output-view.component';
+export { PromptViewComponent } from './prompt-view.component';

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

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BaseView } from './base-view';
+import { AIPromptService } from '../common/aiprompt.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/aiprompt.service";
+import * as i3 from "../common/output-card.component";
+import * as i4 from "@angular/common";
+/**
+ * The component for rendering the **Output** view.
+ */
+export class OutputViewComponent extends BaseView {
+    constructor(localization, service) {
+        super('output', localization);
+        this.service = service;
+    }
+    /**
+     * @hidden
+     */
+    get promptOutputs() {
+        return this.service.promptOutputs;
+    }
+}
+OutputViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+OutputViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: OutputViewComponent, selector: "kendo-aiprompt-output-view", providers: [{
+            provide: BaseView,
+            useExisting: forwardRef(() => OutputViewComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <div
+                class="k-card-list"
+                role="list">
+                <div *ngFor="let output of promptOutputs"
+                    kendoAIPromptOutputCard
+                    [promptOutput]="output">
+                </div>
+            </div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i3.AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OutputViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-aiprompt-output-view',
+                    providers: [{
+                            provide: BaseView,
+                            useExisting: forwardRef(() => OutputViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <div
+                class="k-card-list"
+                role="list">
+                <div *ngFor="let output of promptOutputs"
+                    kendoAIPromptOutputCard
+                    [promptOutput]="output">
+                </div>
+            </div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.AIPromptService }]; } });