@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/rendering/toolbar/toolbar-focusable.directive.mjs

@@ -1,83 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, ElementRef } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { ContextService } from '../../common/provider.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/provider.service";
-/**
- * Adds keyboard navigation support to toolbar elements in the Grid.
- *
- * Apply this directive to toolbar elements that should be focusable and navigable with the keyboard.
- *
- * @example
- * ```html
- * <kendo-toolbar>
- *   <button kendoGridToolbarFocusable>Button</button>
- * </kendo-toolbar>
- * ```
- */
-export class GridToolbarFocusableDirective {
-    host;
-    ctx;
-    /**
-     * @hidden
-     */
-    get element() {
-        return this.host.nativeElement;
-    }
-    /**
-     * @hidden
-     */
-    get toolbarPosition() {
-        return isDocumentAvailable() && this.host.nativeElement.closest('.k-toolbar')?.getAttribute('position');
-    }
-    constructor(host, ctx) {
-        this.host = host;
-        this.ctx = ctx;
-    }
-    ngAfterViewInit() {
-        if (!isDocumentAvailable() || !this.toolbarPosition || !this.isToolbarNavigable) {
-            return;
-        }
-        this.ctx[`${this.toolbarPosition}ToolbarNavigation`]?.navigableElements.push(this.element);
-        this.ctx[`${this.toolbarPosition}ToolbarNavigation`]?.notify();
-    }
-    ngOnDestroy() {
-        if (!isDocumentAvailable() || !this.toolbarPosition) {
-            return;
-        }
-        const elements = this.ctx[`${this.toolbarPosition}ToolbarNavigation`].navigableElements;
-        this.ctx[`${this.toolbarPosition}ToolbarNavigation`].navigableElements = elements.filter(el => el !== this.element);
-        this.ctx[`${this.toolbarPosition}ToolbarNavigation`].notify();
-    }
-    get isToolbarNavigable() {
-        if (typeof this.ctx.grid.navigable === 'boolean') {
-            return this.ctx.grid.navigable;
-        }
-        if (Array.isArray(this.ctx.grid.navigable)) {
-            return this.ctx.grid.navigable.includes('toolbar');
-        }
-        return false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GridToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoGridToolbarFocusable],\n        [kendoGridAddCommand],\n        [kendoGridCancelCommand],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridExcelCommand],\n        [kendoGridPDFCommand]\n    ", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridToolbarFocusableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `
-        [kendoGridToolbarFocusable],
-        [kendoGridAddCommand],
-        [kendoGridCancelCommand],
-        [kendoGridEditCommand],
-        [kendoGridRemoveCommand],
-        [kendoGridSaveCommand],
-        [kendoGridExcelCommand],
-        [kendoGridPDFCommand]
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ContextService }] });

package/esm2022/rendering/toolbar/toolbar-navigation.service.mjs

@@ -1,58 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, Renderer2 } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class GridToolbarNavigationService {
-    renderer;
-    toolbarElement;
-    navigableElements = [];
-    currentActiveIndex = 0;
-    defaultFocusableSelector = `
-        [kendogridtoolbarfocusable],
-        [kendogridaddcommand],
-        [kendogridcancelcommand],
-        [kendogrideditcommand],
-        [kendogridremovecommand],
-        [kendogridsavecommand],
-        [kendogridexcelcommand],
-        [kendogridpdfcommand]
-    `;
-    constructor(renderer) {
-        this.renderer = renderer;
-    }
-    notify() {
-        // ensure focusable elements are in the same order as in the DOM
-        this.navigableElements = this.findNavigableElements();
-        this.currentActiveIndex = 0;
-        this.updateFocus();
-    }
-    findNavigableElements() {
-        return Array.from(this.toolbarElement.querySelectorAll(this.defaultFocusableSelector) || []);
-    }
-    focus() {
-        this.navigableElements[this.currentActiveIndex]?.focus();
-    }
-    updateFocus() {
-        if (!this.navigableElements.length) {
-            return;
-        }
-        this.navigableElements.forEach(el => {
-            this.renderer.setAttribute(el, 'tabindex', '-1');
-        });
-        this.renderer.setAttribute(this.navigableElements[this.currentActiveIndex], 'tabindex', '0');
-        if (isDocumentAvailable() && document.activeElement.closest('.k-toolbar')) {
-            this.navigableElements[this.currentActiveIndex].focus();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridToolbarNavigationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridToolbarNavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });

package/esm2022/rendering/toolbar/toolbar-position.mjs

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

package/esm2022/rendering/toolbar/toolbar-template.directive.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the toolbar template of the Grid.
- *
- * The template context provides:
- * - `position`—The position where the toolbar template renders. Possible values: `top`, `bottom`, and `both`.
- *
- * @example
- * ```html
- * <kendo-grid [data]="gridData" style="height: 200px">
- *    <ng-template kendoGridToolbarTemplate [position]="position" let-position="position">
- *       <button (click)="onClick()">Custom action</button>
- *    </ng-template>
- *    <kendo-grid-column field="ProductName">
- *    </kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class ToolbarTemplateDirective {
-    templateRef;
-    _position = 'top';
-    /**
-     * Sets the position of the toolbar. ([See example]({% slug toolbartemplate_grid %}#toc-setting-the-toolbar-position)).
-     *
-     * @default 'top'
-     */
-    set position(position) {
-        this._position = position;
-    }
-    get position() {
-        return this._position;
-    }
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridToolbarTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { position: [{
-                type: Input,
-                args: ["position"]
-            }] } });

package/esm2022/rendering/toolbar/toolbar.component.mjs

@@ -1,159 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, ElementRef, HostBinding, HostListener } from '@angular/core';
-import { closestInScope, isDocumentAvailable, isFocusable } from '@progress/kendo-angular-common';
-import { ContextService } from './../../common/provider.service';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "./../../common/provider.service";
-/**
- * @hidden
- */
-export class ToolbarComponent {
-    ctx;
-    wrapper;
-    context = {};
-    role = 'toolbar';
-    hostClasses = true;
-    get sizeSmallClass() {
-        return this.size === 'small';
-    }
-    get sizeMediumClass() {
-        return this.size === 'medium' || !this.size;
-    }
-    set position(value) {
-        this.context.position = value;
-    }
-    set size(size) {
-        this._size = size;
-        if (size === 'none') {
-            this.wrapper.nativeElement.classList.remove('k-toolbar-sm', 'k-toolbar-md');
-        }
-    }
-    get size() {
-        return this._size;
-    }
-    clickHandler(ev) {
-        if (this.navigable && isDocumentAvailable()) {
-            const closestFocusableElement = closestInScope(ev.target, isFocusable, this.wrapper.nativeElement)?.closest('[kendoGridToolbarFocusable]');
-            const targetIndex = this.navigationService.navigableElements.indexOf(closestFocusableElement);
-            if (targetIndex > -1) {
-                this.navigationService.currentActiveIndex = targetIndex;
-            }
-            this.navigationService.updateFocus();
-            if (ev.target === this.wrapper.nativeElement) {
-                this.navigationService.focus();
-            }
-        }
-    }
-    arrowLeftListener() {
-        if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            this.navigationService.currentActiveIndex--;
-            if (this.navigationService.currentActiveIndex < 0) {
-                this.navigationService.currentActiveIndex = this.navigationService.navigableElements.length - 1;
-            }
-            this.navigationService.updateFocus();
-        }
-    }
-    arrowRightListener() {
-        if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            this.navigationService.currentActiveIndex++;
-            if (this.navigationService.currentActiveIndex >= this.navigationService.navigableElements.length) {
-                this.navigationService.currentActiveIndex = 0;
-            }
-            this.navigationService.updateFocus();
-        }
-    }
-    homeKeyListener(e) {
-        if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            e.preventDefault();
-            this.navigationService.currentActiveIndex = 0;
-            this.navigationService.updateFocus();
-        }
-    }
-    endKeyListener(e) {
-        if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            e.preventDefault();
-            this.navigationService.currentActiveIndex = this.navigationService.navigableElements.length - 1;
-            this.navigationService.updateFocus();
-        }
-    }
-    navigable;
-    get toolbarTemplateRef() {
-        return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
-    }
-    _size = 'medium';
-    navigationService;
-    constructor(ctx, wrapper) {
-        this.ctx = ctx;
-        this.wrapper = wrapper;
-        this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
-        if (this.navigationService) {
-            this.navigationService.toolbarElement = this.wrapper.nativeElement;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
-        @if (toolbarTemplateRef) {
-          <ng-template
-            [ngTemplateOutlet]="toolbarTemplateRef"
-          [ngTemplateOutletContext]="context"></ng-template>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-toolbar',
-                    template: `
-        @if (toolbarTemplateRef) {
-          <ng-template
-            [ngTemplateOutlet]="toolbarTemplateRef"
-          [ngTemplateOutletContext]="context"></ng-template>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i0.ElementRef }], propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-grid-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }], sizeSmallClass: [{
-                type: HostBinding,
-                args: ['class.k-toolbar-sm']
-            }], sizeMediumClass: [{
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
-            }], position: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], clickHandler: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], arrowLeftListener: [{
-                type: HostListener,
-                args: ['keydown.arrowleft', ['$event']]
-            }], arrowRightListener: [{
-                type: HostListener,
-                args: ['keydown.arrowright', ['$event']]
-            }], homeKeyListener: [{
-                type: HostListener,
-                args: ['keydown.home', ['$event']]
-            }], endKeyListener: [{
-                type: HostListener,
-                args: ['keydown.end', ['$event']]
-            }], navigable: [{
-                type: Input
-            }] } });

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-assistant.component.mjs

@@ -1,272 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ViewChild, NgZone } from '@angular/core';
-import { AIPromptComponent, OutputViewComponent, PromptViewComponent, AIPromptCustomMessagesComponent, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective } from '@progress/kendo-angular-conversational-ui';
-import { HttpClient, HttpRequest } from '@angular/common/http';
-import { ContextService } from './../../../../common/provider.service';
-import { ColumnInfoService } from './../../../../common/column-info.service';
-import { GridAIAssistantResponseSuccessEvent, GridAIAssistantResponseErrorEvent } from './models';
-import { GridAIRequestResponseService } from './ai-request-response.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http";
-import * as i2 from "./../../../../common/provider.service";
-import * as i3 from "./../../../../common/column-info.service";
-import * as i4 from "./ai-request-response.service";
-/**
- * @hidden
- */
-export class AiAssistantComponent {
-    http;
-    ctx;
-    columnInfoService;
-    zone;
-    aiRequestResponseService;
-    aiPrompt;
-    activeView = 0;
-    requestUrl;
-    requestOptions;
-    aiPromptSettings;
-    aiToolDirective;
-    streaming = false;
-    disabledGenerateButton = false;
-    lastMessage;
-    requestData;
-    currentRequestSubscription = null;
-    //Remove this when the AI Assistant has a built-in loading indicator
-    loadingOutput = { id: 'k-loading-item', output: '', prompt: '' };
-    // flat columns used for highlight utilities (expects { field })
-    columns = [];
-    leafColumns = [];
-    idCounter = 0;
-    constructor(http, ctx, columnInfoService, zone, aiRequestResponseService) {
-        this.http = http;
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-        this.zone = zone;
-        this.aiRequestResponseService = aiRequestResponseService;
-    }
-    ngAfterViewInit() {
-        // Preserve a flat columns array (fields) for highlight utilities.
-        // Use leafNamedColumns as the canonical list of leaf columns with display titles.
-        this.leafColumns = this.columnInfoService.leafNamedColumns || [];
-        this.columns = this.leafColumns.map((col) => ({ field: col.field }));
-    }
-    ngOnDestroy() {
-        this.unsubscribeCurrentRequest();
-    }
-    message(message) {
-        return this.ctx.localization.get(message);
-    }
-    cancelRequest() {
-        this.aiToolDirective.cancelRequest.emit();
-        this.unsubscribeCurrentRequest();
-        this.streaming = false;
-    }
-    onPromptRequest(ev) {
-        if (this.aiToolDirective.promptOutputs.length === 0) {
-            this.aiToolDirective.promptOutputs.push(this.loadingOutput);
-        }
-        this.unsubscribeCurrentRequest();
-        this.streaming = true;
-        this.activeView = 1;
-        if (ev.prompt) {
-            this.lastMessage = ev.prompt;
-        }
-        this.requestData = {
-            columns: [], // Will be populated by service
-            promptMessage: ev.prompt,
-            url: this.requestUrl,
-            requestOptions: {
-                ...this.requestOptions
-            }
-        };
-        if (!this.requestOptions.body) {
-            this.requestData.requestOptions.body = this.aiRequestResponseService.buildRequestBody(this.requestData.promptMessage, this.requestData.requestOptions.role);
-        }
-        this.aiToolDirective.promptRequest.emit({ requestData: this.requestData, isRetry: ev.isRetry });
-        if (!this.requestUrl) {
-            return;
-        }
-        this.currentRequestSubscription = this.sendPromptRequest().subscribe((res) => {
-            if (res.body) {
-                this.processResponse(res);
-                this.streaming = false;
-            }
-            this.currentRequestSubscription = null;
-        }, (error) => {
-            this.handleError(error);
-            this.streaming = false;
-            this.currentRequestSubscription = null;
-        });
-    }
-    sendPromptRequest() {
-        const request = new HttpRequest(this.requestData.requestOptions.method, this.requestData.url, this.requestData.requestOptions.body, this.requestData.requestOptions);
-        return this.http.request(request);
-    }
-    processResponse(response) {
-        if (this.aiToolDirective.autoClose) {
-            this.aiToolDirective.emitOpenClose = true;
-            this.aiToolDirective.toggleWindow();
-        }
-        const responseBody = response.body || { commands: [] };
-        const responseSuccessEvent = new GridAIAssistantResponseSuccessEvent(response);
-        this.aiToolDirective.responseSuccess.emit(responseSuccessEvent);
-        if (responseSuccessEvent.isDefaultPrevented()) {
-            this.deleteLoadingOutput();
-            return;
-        }
-        const messages = [];
-        if (responseBody.message) {
-            messages.push(responseBody.message);
-        }
-        const commandMessages = this.aiRequestResponseService.processCommands(responseBody.commands || [], this.columns, this.leafColumns);
-        messages.push(...commandMessages);
-        const responseContentStart = [`${this.ctx.localization.get('aiAssistantOutputCardBodyContent')} \n`];
-        const responseContentBody = messages
-            .map((output, idx) => `${idx + 1} ${output}`)
-            .join('\n');
-        const output = {
-            id: this.idCounter++,
-            title: this.ctx.localization.get('aiAssistantOutputCardTitle'),
-            prompt: this.lastMessage,
-            output: responseContentStart.concat(responseContentBody).join(''),
-        };
-        this.deleteLoadingOutput();
-        this.aiToolDirective.promptOutputs.unshift(output);
-    }
-    handleError(error) {
-        const responseErrorEvent = new GridAIAssistantResponseErrorEvent(error);
-        this.aiToolDirective.responseError.emit(responseErrorEvent);
-        if (responseErrorEvent.isDefaultPrevented()) {
-            this.deleteLoadingOutput();
-            return;
-        }
-        const output = {
-            id: this.idCounter++,
-            prompt: this.lastMessage,
-            output: error.message
-        };
-        this.deleteLoadingOutput();
-        this.aiToolDirective.promptOutputs.unshift(output);
-    }
-    deleteLoadingOutput() {
-        if (this.aiToolDirective.promptOutputs[0]?.id === this.loadingOutput.id) {
-            this.aiToolDirective.promptOutputs.splice(0, 1);
-        }
-    }
-    unsubscribeCurrentRequest() {
-        if (this.currentRequestSubscription) {
-            this.currentRequestSubscription.unsubscribe();
-            this.currentRequestSubscription = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1.HttpClient }, { token: i2.ContextService }, { token: i3.ColumnInfoService }, { token: i0.NgZone }, { token: i4.GridAIRequestResponseService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AiAssistantComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aiPrompt", first: true, predicate: AIPromptComponent, descendants: true }], ngImport: i0, template: `
-        <kendo-aiprompt
-          #aiPrompt
-          [promptSuggestions]="aiPromptSettings?.promptSuggestions"
-          [showOutputRating]="aiPromptSettings?.showOutputRating"
-          [streaming]="streaming"
-          [speechToTextButton]="aiPromptSettings?.speechToTextButton"
-          [(activeView)]="activeView"
-          [generateButtonSVGIcon]="aiPromptSettings?.generateButtonSVGIcon"
-          [generateButtonIcon]="aiPromptSettings?.generateButtonIcon"
-          [disabledGenerateButton]="disabledGenerateButton || promptView.textAreaValue?.length === 0"
-          [promptOutputs]="aiPromptSettings?.promptOutputs"
-          [textAreaSettings]="aiPromptSettings?.textAreaSettings"
-          (promptRequest)="onPromptRequest($event)"
-          (promptRequestCancel)="cancelRequest()"
-          >
-          <kendo-aiprompt-prompt-view #promptView></kendo-aiprompt-prompt-view>
-          <kendo-aiprompt-output-view></kendo-aiprompt-output-view>
-          @if (streaming && aiPrompt.streaming; as output) {
-            <ng-template kendoAIPromptOutputTemplate let-output>
-              <div class="k-card">
-                <div class="k-card-header">
-                  <div class="k-card-title">
-                    <span class="k-skeleton k-skeleton-text k-skeleton-pulse" [style.width.px]="200"></span>
-                  </div>
-                  <div class="k-card-subtitle">
-                    <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
-                  </div>
-                </div>
-                <div class="k-card-body">
-                  <span class="k-skeleton k-skeleton-rect k-skeleton-pulse" style="height: 80px;"></span>
-                </div>
-                <div class="k-card-actions">
-                  <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
-                </div>
-              </div>
-            </ng-template>
-          }
-          @if (!(streaming && aiPrompt.streaming); as output) {
-            <ng-template kendoAIPromptOutputBodyTemplate let-output>
-              <p>{{output.output}}</p>
-            </ng-template>
-          }
-          <kendo-aiprompt-messages
-            [generateOutput]="message('aiAssistantApplyButtonText')"
-          ></kendo-aiprompt-messages>
-        </kendo-aiprompt>
-        `, isInline: true, dependencies: [{ kind: "component", type: AIPromptComponent, selector: "kendo-aiprompt", inputs: ["activeView", "promptCommands", "promptSuggestions", "promptOutputs", "showOutputRating", "streaming", "speechToTextButton", "textAreaSettings", "generateButtonSVGIcon", "generateButtonIcon", "disabledGenerateButton"], outputs: ["activeViewChange", "promptRequest", "commandExecute", "outputCopy", "outputRatingChange", "promptRequestCancel"], exportAs: ["kendoAIPrompt"] }, { kind: "component", type: AIPromptCustomMessagesComponent, selector: "kendo-aiprompt-messages" }, { kind: "component", type: PromptViewComponent, selector: "kendo-aiprompt-prompt-view" }, { kind: "component", type: OutputViewComponent, selector: "kendo-aiprompt-output-view" }, { kind: "directive", type: AIPromptOutputTemplateDirective, selector: "[kendoAIPromptOutputTemplate]" }, { kind: "directive", type: AIPromptOutputBodyTemplateDirective, selector: "[kendoAIPromptOutputBodyTemplate]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AiAssistantComponent, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    imports: [AIPromptComponent, AIPromptCustomMessagesComponent, PromptViewComponent, OutputViewComponent, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective],
-                    template: `
-        <kendo-aiprompt
-          #aiPrompt
-          [promptSuggestions]="aiPromptSettings?.promptSuggestions"
-          [showOutputRating]="aiPromptSettings?.showOutputRating"
-          [streaming]="streaming"
-          [speechToTextButton]="aiPromptSettings?.speechToTextButton"
-          [(activeView)]="activeView"
-          [generateButtonSVGIcon]="aiPromptSettings?.generateButtonSVGIcon"
-          [generateButtonIcon]="aiPromptSettings?.generateButtonIcon"
-          [disabledGenerateButton]="disabledGenerateButton || promptView.textAreaValue?.length === 0"
-          [promptOutputs]="aiPromptSettings?.promptOutputs"
-          [textAreaSettings]="aiPromptSettings?.textAreaSettings"
-          (promptRequest)="onPromptRequest($event)"
-          (promptRequestCancel)="cancelRequest()"
-          >
-          <kendo-aiprompt-prompt-view #promptView></kendo-aiprompt-prompt-view>
-          <kendo-aiprompt-output-view></kendo-aiprompt-output-view>
-          @if (streaming && aiPrompt.streaming; as output) {
-            <ng-template kendoAIPromptOutputTemplate let-output>
-              <div class="k-card">
-                <div class="k-card-header">
-                  <div class="k-card-title">
-                    <span class="k-skeleton k-skeleton-text k-skeleton-pulse" [style.width.px]="200"></span>
-                  </div>
-                  <div class="k-card-subtitle">
-                    <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
-                  </div>
-                </div>
-                <div class="k-card-body">
-                  <span class="k-skeleton k-skeleton-rect k-skeleton-pulse" style="height: 80px;"></span>
-                </div>
-                <div class="k-card-actions">
-                  <span class="k-skeleton k-skeleton-text k-skeleton-pulse" style="width: 100%;"></span>
-                </div>
-              </div>
-            </ng-template>
-          }
-          @if (!(streaming && aiPrompt.streaming); as output) {
-            <ng-template kendoAIPromptOutputBodyTemplate let-output>
-              <p>{{output.output}}</p>
-            </ng-template>
-          }
-          <kendo-aiprompt-messages
-            [generateOutput]="message('aiAssistantApplyButtonText')"
-          ></kendo-aiprompt-messages>
-        </kendo-aiprompt>
-        `
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ContextService }, { type: i3.ColumnInfoService }, { type: i0.NgZone }, { type: i4.GridAIRequestResponseService }], propDecorators: { aiPrompt: [{
-                type: ViewChild,
-                args: [AIPromptComponent]
-            }] } });