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

package/esm2020/ai-prompt/common/output-card.component.mjs

@@ -0,0 +1,199 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { guid, isPresent } from '@progress/kendo-angular-common';
+import { arrowRotateCwIcon, copyIcon, thumbDownIcon, thumbDownOutlineIcon, thumbUpIcon, thumbUpOutlineIcon } from '@progress/kendo-svg-icons';
+import { AIPromptService } from './aiprompt.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./aiprompt.service";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class AIPromptOutputCardComponent {
+    constructor(localization, service) {
+        this.localization = localization;
+        this.service = service;
+        this.hostClass = true;
+        this.listItemRole = 'listitem';
+        this.tabIndex = 0;
+        this.ariaKeyShortcuts = 'Enter';
+        this.copyIcon = copyIcon;
+        this.retryIcon = arrowRotateCwIcon;
+        this.positiveRatingIcon = thumbUpOutlineIcon;
+        this.negativeRatingIcon = thumbDownOutlineIcon;
+        this.titleId = `k-output-card-${guid()}`;
+    }
+    get ariaDescribedBy() {
+        return this.titleId;
+    }
+    messageFor(text) {
+        return this.localization.get(text);
+    }
+    get showRating() {
+        return this.service.showOutputRating;
+    }
+    get outputTitle() {
+        if (isPresent(this.promptOutput.title)) {
+            return this.promptOutput.title;
+        }
+        else {
+            const titleMessage = this.promptOutput.isRetry ? 'outputRetryTitle' : 'outputTitle';
+            return this.messageFor(titleMessage);
+        }
+    }
+    handleRetry() {
+        if (this.promptOutput.commandId) {
+            const eventArgs = {
+                command: this.service.getFlattenPromptCommands().find(c => c.id === this.promptOutput.commandId),
+                sender: this.service.aiPrompt,
+                isRetry: true
+            };
+            this.service.executeEvent.next(eventArgs);
+        }
+        else {
+            const eventArgs = {
+                prompt: this.promptOutput.prompt,
+                sender: this.service.aiPrompt,
+                isRetry: true
+            };
+            this.service.requestEvent.next(eventArgs);
+        }
+    }
+    handleCopy() {
+        navigator.clipboard.writeText(this.promptOutput.output);
+        this.service.outputCopyEvent.next(this.promptOutput);
+    }
+    handleRating(ratingType) {
+        const eventArgs = {
+            promptOutput: this.promptOutput,
+            rating: ratingType
+        };
+        this.service.outputRatingChangeEvent.next(eventArgs);
+        if (ratingType === 'positive') {
+            this.positiveRatingIcon = thumbUpIcon;
+            this.negativeRatingIcon = thumbDownOutlineIcon;
+        }
+        else {
+            this.negativeRatingIcon = thumbDownIcon;
+            this.positiveRatingIcon = thumbUpOutlineIcon;
+        }
+    }
+}
+AIPromptOutputCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptOutputCardComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
+AIPromptOutputCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AIPromptOutputCardComponent, 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"
+                [attr.id]="titleId">{{outputTitle}}
+            </div>
+            <div class="k-card-subtitle">{{promptOutput.prompt}}</div>
+        </div>
+        <div class="k-card-body">
+            <p>{{promptOutput.output}}</p>
+        </div>
+        <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
+            <button kendoButton
+                fillMode="flat"
+                themeColor="primary"
+                rounded="full"
+                icon="copy"
+                [svgIcon]="copyIcon"
+                (click)="handleCopy()"
+            >{{messageFor('copyOutput')}}</button>
+            <button kendoButton
+                fillMode="flat"
+                rounded="full"
+                icon="arrow-rotate-cw"
+                [svgIcon]="retryIcon"
+                (click)="handleRetry()"
+            >{{messageFor('retryGeneration')}}</button>
+            <ng-container *ngIf="showRating">
+                <span class="k-spacer"></span>
+                <button kendoButton
+                    fillMode="flat"
+                    icon="thumb-up-outline"
+                    [svgIcon]="positiveRatingIcon"
+                    (click)="handleRating('positive')">
+                </button>
+                <button kendoButton
+                    fillMode="flat"
+                    icon="thumb-down-outline"
+                    [svgIcon]="negativeRatingIcon"
+                    (click)="handleRating('negative')">
+                </button>
+            </ng-container>
+        </div>
+    `, isInline: true, components: [{ type: i3.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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptOutputCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoAIPromptOutputCard]',
+                    template: `
+        <div class="k-card-header">
+            <div
+                class="k-card-title"
+                [attr.id]="titleId">{{outputTitle}}
+            </div>
+            <div class="k-card-subtitle">{{promptOutput.prompt}}</div>
+        </div>
+        <div class="k-card-body">
+            <p>{{promptOutput.output}}</p>
+        </div>
+        <div class="k-actions k-actions-start k-actions-horizontal k-card-actions">
+            <button kendoButton
+                fillMode="flat"
+                themeColor="primary"
+                rounded="full"
+                icon="copy"
+                [svgIcon]="copyIcon"
+                (click)="handleCopy()"
+            >{{messageFor('copyOutput')}}</button>
+            <button kendoButton
+                fillMode="flat"
+                rounded="full"
+                icon="arrow-rotate-cw"
+                [svgIcon]="retryIcon"
+                (click)="handleRetry()"
+            >{{messageFor('retryGeneration')}}</button>
+            <ng-container *ngIf="showRating">
+                <span class="k-spacer"></span>
+                <button kendoButton
+                    fillMode="flat"
+                    icon="thumb-up-outline"
+                    [svgIcon]="positiveRatingIcon"
+                    (click)="handleRating('positive')">
+                </button>
+                <button kendoButton
+                    fillMode="flat"
+                    icon="thumb-down-outline"
+                    [svgIcon]="negativeRatingIcon"
+                    (click)="handleRating('negative')">
+                </button>
+            </ng-container>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.AIPromptService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card']
+            }], listItemRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaDescribedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], ariaKeyShortcuts: [{
+                type: HostBinding,
+                args: ['attr.aria-keyshortcuts']
+            }], promptOutput: [{
+                type: Input
+            }] } });

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
+            }] } });