@progress/kendo-angular-grid 20.1.0-develop.24 → 20.1.0-develop.25

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -6,11 +6,11 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, Inject, Directive, SkipSelf, Input, isDevMode, QueryList, Component, ContentChildren, ContentChild, forwardRef, Host, Output, HostBinding, Pipe, TemplateRef, ChangeDetectionStrategy, ViewChildren, ViewChild, Self, NgZone, HostListener, ElementRef, ViewContainerRef, ViewEncapsulation, inject, Injector, NgModule } from '@angular/core';
 import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
 import * as i1$3 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeNumpadKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, PreventableEvent as PreventableEvent$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeNumpadKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, pencilIcon, saveIcon, trashIcon, fileExcelIcon, filePdfIcon, sparklesIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, tableWizardIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon } from '@progress/kendo-svg-icons';
+import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, pencilIcon, saveIcon, trashIcon, fileExcelIcon, filePdfIcon, sparklesIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, auditTime, bufferCount, flatMap } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -22812,8 +22812,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1760339667,
-    version: '20.1.0-develop.24',
+    publishDate: 1760349490,
+    version: '20.1.0-develop.25',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -29623,684 +29623,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: [GroupToolbarToolComponent]
             }] } });
 
-/**
- * @hidden
- */
-const DEFAULT_AI_REQUEST_OPTIONS = {
-    headers: new HttpHeaders({
-        'Content-Type': 'application/json'
-    }),
-    role: 'user',
-    method: 'POST',
-    responseType: 'json'
-};
-/**
- * Represents the event data when the AI Assistant request completes successfully.
- */
-class GridToolbarAIResponseSuccessEvent extends PreventableEvent$1 {
-    /**
-     * The HTTP response from the AI service.
-     */
-    response;
-    constructor(response) {
-        super();
-        this.response = response;
-    }
-}
-/**
- * Represents the event data when the AI Assistant request completes with an error.
- */
-class GridToolbarAIResponseErrorEvent extends PreventableEvent$1 {
-    /**
-     * The HTTP error response from the AI service.
-     */
-    error;
-    constructor(error) {
-        super();
-        this.error = error;
-    }
-}
-
-/**
- * @hidden
- * Converts date strings in a filter to Date objects.
- */
-const convertDateStringsInFilter = (filter) => {
-    if (!filter) {
-        return filter;
-    }
-    if (filter.filters && Array.isArray(filter.filters)) {
-        return {
-            ...filter,
-            filters: filter.filters.map(f => convertDateStringsInFilter(f))
-        };
-    }
-    if (filter.field && filter.value !== undefined) {
-        if (typeof filter.value === 'string' && isDateOperator(filter.operator)) {
-            const date = parseDate(filter.value);
-            return {
-                ...filter,
-                value: date || filter.value
-            };
-        }
-    }
-    return filter;
-};
-/**
- * @hidden
- */
-const isDateOperator = (operator) => {
-    const dateOperators = [
-        'eq', 'neq', 'lt', 'lte', 'gt', 'gte'
-    ];
-    return dateOperators.includes(operator);
-};
-/**
- * @hidden
- * Processes cell highlights for a specific filter and item.
- */
-const processCellHighlights = (filter, rowIndex, columns, highlightItems) => {
-    Object.keys(filter.cells).forEach((columnField) => {
-        const actualColumnIndex = Array.from(columns).findIndex((col) => col.field === columnField);
-        if (actualColumnIndex !== -1) {
-            highlightItems.push({
-                itemKey: rowIndex,
-                columnKey: actualColumnIndex,
-            });
-        }
-    });
-};
-/**
- * @hidden
- * Processes filtered results and adds highlight items.
- */
-const processFilteredResults = (filteredResults, data, filter, columns, highlightItems) => {
-    filteredResults?.forEach((item) => {
-        const rowIndex = data.findIndex((dataItem) => dataItem === item);
-        if (filter.cells && Object.keys(filter.cells).length > 0) {
-            processCellHighlights(filter, rowIndex, columns, highlightItems);
-        }
-        else {
-            highlightItems.push({
-                itemKey: rowIndex,
-            });
-        }
-    });
-};
-/**
- * @hidden
- * Highlights items in a grid based on the provided filters and columns.
- * @param data - The data to be highlighted.
- * @param filters - The composite highlight descriptors containing the filters and logic.
- * @param columns - The columns of the grid.
- * @returns An array of HighlightItem objects representing the highlighted items.
- */
-const highlightBy = (data, filters, columns) => {
-    const highlightItems = [];
-    filters.forEach((filter) => {
-        const processedFilters = filter.filters.map((filter) => convertDateStringsInFilter(filter));
-        const filteredResults = filterBy(data, {
-            logic: filter.logic || "and",
-            filters: processedFilters,
-        });
-        processFilteredResults(filteredResults, data, filter, columns, highlightItems);
-    });
-    return highlightItems;
-};
-
-/**
- * @hidden
- */
-class AiAssistantComponent {
-    http;
-    ctx;
-    columnInfoService;
-    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: '' };
-    columns = [];
-    idCounter = 0;
-    constructor(http, ctx, columnInfoService) {
-        this.http = http;
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-    }
-    ngAfterViewInit() {
-        this.columns = this.columnInfoService.leafNamedColumns.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: this.columns,
-            promptMessage: ev.prompt,
-            url: this.requestUrl,
-            requestOptions: {
-                ...this.requestOptions
-            }
-        };
-        if (!this.requestOptions.body) {
-            const requestBody = {
-                role: this.requestData.requestOptions.role,
-                contents: [
-                    {
-                        text: this.requestData.promptMessage
-                    }
-                ],
-                columns: this.requestData.columns
-            };
-            this.requestData.requestOptions.body = requestBody;
-        }
-        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;
-        const responseSuccessEvent = new GridToolbarAIResponseSuccessEvent(response);
-        this.aiToolDirective.responseSuccess.emit(responseSuccessEvent);
-        if (responseSuccessEvent.isDefaultPrevented()) {
-            this.deleteLoadingOutput();
-            return;
-        }
-        const isFilterable = Boolean(this.ctx.grid.filterable);
-        const isSortable = Boolean(this.ctx.grid.sortable);
-        const isGroupable = Boolean(this.ctx.grid.groupable);
-        if (isFilterable && responseBody.filter) {
-            this.processFilterResponse(responseBody.filter);
-        }
-        if (isSortable && responseBody.sort) {
-            this.processArrayResponse(responseBody.sort, this.ctx.grid.currentState.sort || [], (item) => item.field, (mergedArray) => this.ctx.grid.sortChange.next(mergedArray));
-        }
-        if (isGroupable && responseBody.group) {
-            this.processArrayResponse(responseBody.group, this.ctx.grid.currentState.group || [], (item) => item.field, (mergedArray) => this.ctx.grid.groupChange.next(mergedArray));
-        }
-        if (this.ctx.highlightDirective && responseBody.highlight) {
-            this.processHighlightResponse(responseBody.highlight);
-        }
-        const responseContentStart = [`${this.ctx.localization.get('aiAssistantOutputCardBodyContent')} \n`];
-        const responseContentBody = responseBody.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 GridToolbarAIResponseErrorEvent(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;
-        }
-    }
-    processArrayResponse(newItems, currentItems, getField, updateGrid) {
-        if (newItems?.length === 0) {
-            updateGrid([]);
-        }
-        else if (newItems?.length) {
-            let mergedArray = [...newItems];
-            const newFields = newItems.map(getField);
-            const existingItemsToKeep = currentItems.filter(item => !newFields.includes(getField(item)));
-            mergedArray = [...mergedArray, ...existingItemsToKeep];
-            updateGrid(mergedArray);
-        }
-    }
-    processHighlightResponse(highlight) {
-        if (highlight.length === 0) {
-            this.ctx.highlightDirective['setState']([]);
-            return;
-        }
-        const highlightedItems = highlightBy(this.ctx.dataBindingDirective['originalData'], highlight, this.columns);
-        this.ctx.highlightDirective['setState'](highlightedItems);
-    }
-    processFilterResponse(filter) {
-        const processedFilter = convertDateStringsInFilter(filter);
-        const clearFilter = Object.keys(processedFilter).length === 0;
-        if (clearFilter) {
-            this.ctx.grid.filterChange.next(undefined);
-        }
-        else if (processedFilter?.filters.length) {
-            const currentFilter = this.ctx.grid.currentState.filter;
-            let mergedFilter = processedFilter;
-            if (currentFilter && currentFilter.filters?.length > 0) {
-                mergedFilter = {
-                    logic: 'and',
-                    filters: [
-                        currentFilter,
-                        processedFilter
-                    ]
-                };
-            }
-            this.ctx.grid.filterChange.next(mergedFilter);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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>
-            <ng-template *ngIf="streaming && aiPrompt.streaming" 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>
-            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
-                <p>{{output.output}}</p>
-            </ng-template>
-            <kendo-aiprompt-messages
-                [generateOutput]="message('aiAssistantApplyButtonText')"
-            ></kendo-aiprompt-messages>
-        </kendo-aiprompt>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "16.2.12", ngImport: i0, type: AiAssistantComponent, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    imports: [NgIf, 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>
-            <ng-template *ngIf="streaming && aiPrompt.streaming" 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>
-            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
-                <p>{{output.output}}</p>
-            </ng-template>
-            <kendo-aiprompt-messages
-                [generateOutput]="message('aiAssistantApplyButtonText')"
-            ></kendo-aiprompt-messages>
-        </kendo-aiprompt>
-    `
-                }]
-        }], ctorParameters: function () { return [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }]; }, propDecorators: { aiPrompt: [{
-                type: ViewChild,
-                args: [AIPromptComponent]
-            }] } });
-
-/**
- * Represents an AI Assistant tool of the Grid.
- * Use this directive on any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
- *
- * @example
- * ```html-no-run
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button kendoGridAIAssistantTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-class AIAssistantToolbarDirective extends ToolbarToolBase {
-    windowService;
-    host;
-    ctx;
-    zone;
-    refresh;
-    /**
-     * The URL to which the AI Assistant tool sends the AI request.
-     * - When you set this property, the AI Assistant tool sends and handles an HTTP request to the provided `requestUrl`. You can handle the `promptRequest` event to modify the request options before the tool sends it.
-     * - When you do not set this property, the AI Assistant tool does not send an HTTP request. You should handle the `promptRequest` event to send and handle a custom HTTP request.
-     */
-    requestUrl;
-    /**
-     * Configures the request options that the AI Assistant tool sends with the AI request.
-     *
-     * @default { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), role: 'user', method: 'POST', responseType: 'json', withCredentials: false }
-     */
-    requestOptions;
-    /**
-     * Configures the initial settings for the AI Assistant Window when opened.
-     */
-    aiWindowSettings;
-    /**
-     * Configures the initial settings for the AI Prompt component that the AI Assistant Window component uses when opened.
-     */
-    aiPromptSettings;
-    /**
-     * Determines whether to close the AI Assistant Window automatically after a successful request.
-     * @default true
-     */
-    autoClose = true;
-    /**
-     * Determines whether to keep the AI Prompt's outputs after closing the AI Assistant Window.
-     * @default false
-     */
-    keepOutputHistory = false;
-    /**
-     * Emits an event before the AI Assistant tool sends the AI request.
-     *  - When you provide a `requestUrl`, you can handle the event to modify the request options.
-     *  - When you do not provide a `requestUrl`, you can handle the event to perform an entirely custom request.
-     */
-    promptRequest = new EventEmitter();
-    /**
-     * Emits an event when the user clicks the cancel button.
-     */
-    cancelRequest = new EventEmitter();
-    /**
-     * Emits an event when the AI Assistant tool completes the AI request successfully.
-     * The event contains the response from the AI service and is preventable to allow stopping the default response handling.
-     */
-    responseSuccess = new EventEmitter();
-    /**
-     * Emits an event when the AI Assistant tool completes the AI request with an error.
-     * The event contains the error response from the AI service and is preventable to allow stopping the default error handling.
-     */
-    responseError = new EventEmitter();
-    /**
-     * Emits an event when the AI Assistant tool closes.
-     */
-    close = new EventEmitter();
-    /**
-     * Emits an event when the AI Assistant tool opens.
-     */
-    open = new EventEmitter();
-    tableWizardIcon = tableWizardIcon;
-    emitOpenClose = false;
-    promptOutputs = [];
-    windowRef;
-    subs = new Subscription();
-    defaultAiPromptSettings = {
-        speechToTextButton: true,
-        generateButtonSVGIcon: this.tableWizardIcon,
-        generateButtonIcon: 'table-wizard'
-    };
-    constructor(windowService, host, ctx, zone, refresh, cdr) {
-        super(host, ToolbarToolName.aiAssistant, ctx, zone, cdr);
-        this.windowService = windowService;
-        this.host = host;
-        this.ctx = ctx;
-        this.zone = zone;
-        this.refresh = refresh;
-        this.host.rounded = 'full';
-        this.host.themeColor = 'primary';
-        this.host.showText = 'never';
-    }
-    ngOnInit() {
-        this.subs.add(this.host.click.subscribe(() => this.onClick()));
-        const hasToolbarIcon = isPresent$1(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
-        const hasOverflowIcon = isPresent$1(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
-        const hasIcon = hasToolbarIcon && hasOverflowIcon;
-        const hasSvgIcon = isPresent$1(this.host.toolbarOptions.svgIcon) && isPresent$1(this.host.overflowOptions.svgIcon);
-        if (!hasIcon) {
-            this.host.icon = 'sparkles';
-        }
-        if (!hasSvgIcon) {
-            this.host.svgIcon = sparklesIcon;
-        }
-        this.requestOptions = { ...DEFAULT_AI_REQUEST_OPTIONS, ...this.requestOptions };
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.zone.onStable.pipe(take(1)).subscribe(() => {
-            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
-            this.buttonElement?.setAttribute('aria-expanded', 'false');
-            const needsTitle = this.host.showText !== 'always' && this.host.showText !== 'toolbar';
-            if (needsTitle && !this.host.title) {
-                this.buttonElement?.setAttribute('title', this.ctx.localization.get('aiAssistantToolbarToolText'));
-            }
-        });
-        this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
-            if (tool.overflows && this.windowRef) {
-                this.windowRef.close();
-            }
-        }));
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.subs.unsubscribe();
-        this.promptOutputs = [];
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        this.emitOpenClose = true;
-        this.toggleWindow();
-    }
-    /**
-     * Toggles the AI Assistant window.
-     */
-    toggleWindow() {
-        if (!this.windowRef) {
-            this.openWindow();
-        }
-        else {
-            this.closeWindow();
-        }
-    }
-    openWindow() {
-        if (!this.keepOutputHistory) {
-            this.promptOutputs = [];
-        }
-        const defaultWindowWidth = 437;
-        const rtl = this.ctx.localization.rtl;
-        const defaultWindowSettings = {
-            left: rtl ? this.buttonElement.offsetLeft - (this.aiWindowSettings.width || defaultWindowWidth) : this.buttonElement.offsetLeft + this.buttonElement.offsetWidth,
-            top: this.buttonElement.offsetTop + this.buttonElement.offsetHeight,
-            width: defaultWindowWidth,
-            title: this.ctx.localization.get('aiAssistantWindowTitle'),
-            cssClass: 'k-grid-assistant-window',
-            content: AiAssistantComponent,
-            autoFocusedElement: '.k-input-inner',
-            appendTo: this.ctx.grid.windowContainer
-        };
-        this.aiWindowSettings = {
-            ...defaultWindowSettings,
-            ...this.aiWindowSettings
-        };
-        this.windowRef = this.windowService.open(this.aiWindowSettings);
-        this.windowRef.window.instance.messages = {
-            closeTitle: this.ctx.localization.get('aiAssistantWindowCloseTitle'),
-            maximizeTitle: this.ctx.localization.get('aiAssistantWindowMaximizeTitle'),
-            minimizeTitle: this.ctx.localization.get('aiAssistantWindowMinimizeTitle'),
-            restoreTitle: this.ctx.localization.get('aiAssistantWindowRestoreTitle')
-        };
-        const aiPrompt = this.windowRef.content.instance;
-        aiPrompt.requestUrl = this.requestUrl;
-        aiPrompt.requestOptions = this.requestOptions;
-        aiPrompt.aiToolDirective = this;
-        aiPrompt.disabledGenerateButton = this.aiPromptSettings?.disabledGenerateButton;
-        aiPrompt.streaming = this.aiPromptSettings?.streaming || false;
-        aiPrompt.activeView = this.aiPromptSettings?.activeView || 0;
-        aiPrompt.aiPromptSettings = { ...this.defaultAiPromptSettings, ...this.aiPromptSettings };
-        if (!aiPrompt.aiPromptSettings.promptOutputs) {
-            aiPrompt.aiPromptSettings.promptOutputs = this.promptOutputs;
-        }
-        if (this.emitOpenClose) {
-            this.zone.onStable.pipe(take(1)).subscribe(() => {
-                const event = {
-                    aiWindow: this.windowRef.window.instance,
-                    aiPrompt: this.windowRef.content.instance.aiPrompt
-                };
-                this.open.emit(event);
-                this.emitOpenClose = false;
-            });
-        }
-        this.subs.add(this.windowRef.window.instance.close.subscribe(() => {
-            this.emitOpenClose = true;
-            this.closeWindow(true);
-        }));
-        this.host.selected = true;
-    }
-    closeWindow(focusAnchor = false) {
-        this.windowRef.close();
-        if (this.emitOpenClose) {
-            this.close.emit();
-            this.emitOpenClose = false;
-        }
-        this.windowRef = null;
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.removeAttribute('aria-controls');
-        this.host.selected = false;
-        focusAnchor && this.buttonElement?.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i54.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridAIAssistantTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1$7.WindowService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i54.RefreshService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { requestUrl: [{
-                type: Input
-            }], requestOptions: [{
-                type: Input
-            }], aiWindowSettings: [{
-                type: Input
-            }], aiPromptSettings: [{
-                type: Input
-            }], autoClose: [{
-                type: Input
-            }], keepOutputHistory: [{
-                type: Input
-            }], promptRequest: [{
-                type: Output
-            }], cancelRequest: [{
-                type: Output
-            }], responseSuccess: [{
-                type: Output
-            }], responseError: [{
-                type: Output
-            }], close: [{
-                type: Output
-            }], open: [{
-                type: Output
-            }] } });
-
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -31095,7 +30417,6 @@ class GridComponent {
         this._customToolbarTemplate = customToolbarTemplate;
     }
     columnMenuTemplates;
-    aiAssistantToolbarTool;
     lockedHeader;
     header;
     footer = new QueryList();
@@ -32665,7 +31986,7 @@ class GridComponent {
             ColumnMenuService,
             MenuTabbingService,
             DataMappingService
-        ], queries: [{ propertyName: "aiAssistantToolbarTool", first: true, predicate: AIAssistantToolbarDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGridLocalizedMessages
             i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
             groupPanelEmpty="Drag a column header and drop it here to group by that column"
@@ -33468,10 +32789,10 @@ class GridComponent {
             </kendo-pager-info>
         </ng-template>
         <div #dialogContainer></div>
+        <div #windowContainer></div>
 
         <kendo-grid-adaptive-renderer *ngIf="isAdaptiveModeEnabled"></kendo-grid-adaptive-renderer>
         <kendo-resize-sensor *ngIf="isVirtual" (resize)="onResize()"></kendo-resize-sensor>
-        <div *ngIf="aiAssistantToolbarTool" #windowContainer></div>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass", "rowHeight", "detailRowHeight"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "component", type: i53.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i53.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i53.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i53.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i53.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i53.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i53.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i53.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i53.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], encapsulation: i0.ViewEncapsulation.None });
@@ -34337,10 +33658,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </kendo-pager-info>
         </ng-template>
         <div #dialogContainer></div>
+        <div #windowContainer></div>
 
         <kendo-grid-adaptive-renderer *ngIf="isAdaptiveModeEnabled"></kendo-grid-adaptive-renderer>
         <kendo-resize-sensor *ngIf="isVirtual" (resize)="onResize()"></kendo-resize-sensor>
-        <div *ngIf="aiAssistantToolbarTool" #windowContainer></div>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
@@ -34549,9 +33870,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], columnMenuTemplates: [{
                 type: ContentChildren,
                 args: [ColumnMenuTemplateDirective]
-            }], aiAssistantToolbarTool: [{
-                type: ContentChild,
-                args: [AIAssistantToolbarDirective]
             }], lockedHeader: [{
                 type: ViewChild,
                 args: ['lockedHeader']
@@ -37436,518 +36754,1196 @@ class FilterCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridFilterTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }]; } });
+
+/**
+ * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
+ * element inside a ToolbarComponent used in the Grid.
+ *
+ * When you click the toolbar button with this directive, the
+ * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-toolbar>
+ *     <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
+ *   </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+class EditCommandToolbarDirective extends ToolbarEditingToolBase {
+    editService;
+    constructor(editService, host, selection, ctx, zone, cdr) {
+        super(host, ToolbarToolName.edit, ctx, zone, cdr, editService, selection);
+        this.editService = editService;
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        if (!this.isSelectionPresent) {
+            return;
+        }
+        this.editService.beginEdit(this.lastSelectionIndex);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridEditTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ * Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
+ * element inside a ToolbarComponent used in the Grid.
+ *
+ * When you click the toolbar button with this directive, the
+ * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Save" kendoGridSaveTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
+    editService;
+    constructor(editService, host, selection, ctx, zone, cdr) {
+        super(host, ToolbarToolName.save, ctx, zone, cdr, editService, selection);
+        this.editService = editService;
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        if (this.editService.hasNewItem) {
+            this.editService.save();
+        }
+        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
+            this.editService.save(this.lastSelectionIndex);
+        }
+        else {
+            this.editService.editedIndices.forEach(i => this.editService.save(i.index));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridSaveTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ * Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
+ * element inside a ToolbarComponent used in the Grid.
+ *
+ * When you click the toolbar button with this directive, the
+ * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-toolbar>
+ *      <kendo-toolbar-button text="Remove row" kendoGridRemoveTool></kendo-toolbar-button>
+ *   </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
+    editService;
+    selection;
+    constructor(editService, host, selection, ctx, zone, cdr) {
+        super(host, ToolbarToolName.remove, ctx, zone, cdr, editService, selection);
+        this.editService = editService;
+        this.selection = selection;
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        if (this.isSelectionPresent) {
+            this.editService.remove(this.lastSelectionIndex);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RemoveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRemoveTool]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridRemoveTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ * Represents the `cancel` command in the Grid.
+ * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
+ *
+ * When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Cancel" kendoGridCancelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
+    editService;
+    constructor(editService, host, selection, ctx, zone, cdr) {
+        super(host, ToolbarToolName.cancel, ctx, zone, cdr, editService, selection);
+        this.editService = editService;
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        if (this.editService.hasNewItem) {
+            this.editService.endEdit();
+        }
+        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
+            this.editService.endEdit(this.lastSelectionIndex);
+        }
+        else {
+            this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridCancelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+
+let incrementingId = 0;
+/**
+ * Represents the toolbar tool for grouping columns of the Grid.
+ * Use this directive on any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
+ * When you click the toolbar button with this directive, the `group` event is triggered.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Group" kendoGridGroupTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+class GroupCommandToolbarDirective {
+    host;
+    popupService;
+    ctx;
+    ngZone;
+    renderer;
+    adaptiveGridService;
+    popupRef;
+    nextId = incrementingId++;
+    toolSubs = new Subscription();
+    popupSubs;
+    actionSheetCloseSub;
+    removeClickListener;
+    constructor(host, popupService, ctx, ngZone, renderer, adaptiveGridService) {
+        this.host = host;
+        this.popupService = popupService;
+        this.ctx = ctx;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.adaptiveGridService = adaptiveGridService;
+    }
+    ngOnInit() {
+        this.toolSubs = this.host.click.subscribe(e => this.onClick(e));
+        this.toolSubs.add(this.ctx.grid.groupChange.subscribe(group => {
+            this.host.showBadge = this.isGroupingApplied(group);
+        }));
+        this.host.hasBadgeContainer = true;
+        this.host.showBadge = this.isGroupingApplied(this.ctx.grid.group);
+        const hasToolbarIcon = isPresent$1(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
+        const hasOverflowIcon = isPresent$1(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
+        const hasIcon = hasToolbarIcon && hasOverflowIcon;
+        const hasSvgIcon = isPresent$1(this.host.toolbarOptions.svgIcon) && isPresent$1(this.host.overflowOptions.svgIcon);
+        if (!hasIcon) {
+            this.host.icon = 'group';
+        }
+        if (!hasSvgIcon) {
+            this.host.svgIcon = groupIcon;
+        }
+    }
+    ngAfterViewInit() {
+        if (!isPresent$1(this.host.text)) {
+            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+                this.host.text = this.ctx.localization.get(`groupToolbarToolText`);
+            });
+        }
+        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.setAttribute('title', this.ctx.localization.get('groupToolbarToolText'));
+    }
+    ngOnDestroy() {
+        if (this.toolSubs) {
+            this.toolSubs.unsubscribe();
+        }
+        if (this.popupSubs) {
+            this.popupSubs.unsubscribe();
+        }
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+        if (this.actionSheetCloseSub) {
+            this.actionSheetCloseSub.unsubscribe();
+            this.actionSheetCloseSub = null;
+        }
+        if (this.removeClickListener) {
+            this.removeClickListener();
+            this.removeClickListener = null;
+        }
+    }
+    onClick(e) {
+        e.preventDefault();
+        if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
+            if (!this.ctx.grid.isActionSheetExpanded) {
+                this.adaptiveGridService.viewType = 'groupToolbarTool';
+                this.ctx.grid.adaptiveRenderer.actionSheet.toggle(true);
+                this.host.selected = true;
+                this.actionSheetCloseSub = this.ctx.grid.adaptiveRenderer.actionSheet.collapse.subscribe(() => this.host.selected = false);
+            }
+        }
+        else {
+            if (this.popupRef) {
+                this.closePopup();
+                return;
+            }
+            this.openPopup();
+        }
+    }
+    openPopup() {
+        const direction = this.ctx.localization.rtl ? 'right' : 'left';
+        this.popupRef = this.popupService.open({
+            anchor: this.buttonElement,
+            content: GroupToolbarToolComponent,
+            popupClass: 'k-grid-columnmenu-popup',
+            positionMode: 'absolute',
+            anchorAlign: { vertical: 'bottom', horizontal: direction },
+            popupAlign: { vertical: 'top', horizontal: direction }
+        });
+        this.adaptiveGridService.popupRef = this.popupRef;
+        this.setPopupAttributes();
+        this.host.selected = true;
+        this.ngZone.runOutsideAngular(() => {
+            if (!isDocumentAvailable()) {
+                return;
+            }
+            this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
+                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
+                    this.ngZone.run(() => {
+                        this.closePopup();
+                    });
+                }
+            });
+        });
+        this.popupSubs = this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
+            this.popupSubs?.unsubscribe();
+            this.popupSubs = null;
+            this.closePopup();
+        });
+        this.initPopupProperties();
+    }
+    setPopupAttributes() {
+        const popupElement = this.popupRef.popupElement;
+        const popupId = `k-group-tool-${this.nextId}-popup`;
+        const popupAriaElement = popupElement.querySelector('.k-popup');
+        this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
+        this.renderer.setAttribute(popupAriaElement, 'id', popupId);
+        this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'true');
+        this.buttonElement?.setAttribute('aria-controls', popupId);
+    }
+    initPopupProperties() {
+        this.popupRef.content.instance.ctx = this.ctx;
+        this.popupRef.content.instance.hostButton = this.host;
+        this.popupSubs.add(this.popupRef.content.instance.groupClear.subscribe(() => {
+            this.closePopup();
+        }));
+        this.popupSubs.add(this.popupRef.content.instance.close.subscribe(() => {
+            this.closePopup();
+        }));
+    }
+    closePopup() {
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
+        this.host.selected = false;
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+        if (this.popupSubs) {
+            this.popupSubs.unsubscribe();
+            this.popupSubs = null;
+        }
+        if (this.removeClickListener) {
+            this.removeClickListener();
+            this.removeClickListener = null;
+        }
+    }
+    get buttonElement() {
+        return this.host.getButton();
+    }
+    isGroupingApplied(group) {
+        return isPresent$1(group) && group.length > 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GroupCommandToolbarDirective, isStandalone: true, selector: "[kendoGridGroupTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridGroupTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }]; } });
+
+/**
+ * Stores the row and cell highlight state of the Grid.
+ *
+ * @example
+ * ```typescript
+ * <kendo-grid kendoGridHighlight="ProductID"></kendo-grid>
+ *
+ * <kendo-grid [kendoGridHighlight]="myKey"></kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link GridComponent}.
+ */
+class HighlightDirective {
+    ctx;
+    /**
+     * Stores the highlighted items keys.
+     * @default []
+     */
+    highlightedKeys = [];
+    /**
+     * Sets the item key to store in `highlightedKeys`. The Grid uses the row index as the default item key.
+     */
+    highlightItemKey;
+    /**
+     * Sets the column key for a data cell. The Grid uses the column index as the default column key.
+     */
+    highlightColumnKey;
+    rowHighlightState = new Set();
+    cellHighlightState = new PairSet();
+    constructor(ctx) {
+        this.ctx = ctx;
+        this.ctx.highlightDirective = this;
+    }
+    ngOnChanges(changes) {
+        if (isPresent$1(changes['highlightedKeys'])) {
+            this.setState(this.highlightedKeys);
+        }
+    }
+    ngOnDestroy() {
+        this.reset();
+        this.ctx.highlightDirective = null;
+    }
+    /**
+     * @hidden
+     */
+    isRowHighlighted(row) {
+        return this.rowHighlightState.has(this.getItemKey(row));
+    }
+    /**
+     * @hidden
+     */
+    isCellHighlighted(row, column, colIndex) {
+        const highlightItem = this.getHighlightItem(row, column, colIndex);
+        return this.cellHighlightState.has(highlightItem.itemKey, highlightItem.columnKey);
+    }
+    getItemKey(row) {
+        if (this.highlightItemKey) {
+            if (typeof this.highlightItemKey === "string") {
+                return row.data?.[this.highlightItemKey];
+            }
+            if (typeof this.highlightItemKey === "function") {
+                return this.highlightItemKey(row);
+            }
+        }
+        return row.index;
+    }
+    getHighlightItem(row, col, colIndex) {
+        const itemIdentifiers = {};
+        itemIdentifiers.itemKey = this.getItemKey(row);
+        if (!isPresent$1(col) && !isPresent$1(colIndex)) {
+            return itemIdentifiers;
+        }
+        if (this.highlightColumnKey) {
+            if (typeof this.highlightColumnKey === "string") {
+                itemIdentifiers.columnKey = row.dataItem[this.highlightColumnKey];
+            }
+            if (typeof this.highlightColumnKey === "function") {
+                itemIdentifiers.columnKey = this.highlightColumnKey(col, colIndex);
+            }
+        }
+        return {
+            itemKey: itemIdentifiers.itemKey,
+            columnKey: itemIdentifiers.columnKey ? itemIdentifiers.columnKey : colIndex
+        };
+    }
+    setState(highlightedKeys) {
+        this.reset();
+        if (!highlightedKeys || highlightedKeys.length === 0) {
+            return;
+        }
+        const rowHighlights = highlightedKeys.filter(item => !isPresent$1(item.columnKey));
+        const cellHighlights = highlightedKeys.filter(item => isPresent$1(item.columnKey));
+        if (cellHighlights.length > 0) {
+            this.cellHighlightState = new PairSet(cellHighlights, 'itemKey', 'columnKey');
+        }
+        if (rowHighlights.length > 0) {
+            rowHighlights.forEach(item => {
+                this.rowHighlightState.add(item.itemKey);
+            });
+        }
+    }
+    reset() {
+        this.rowHighlightState.clear();
+        this.cellHighlightState.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HighlightDirective, isStandalone: true, selector: "[kendoGridHighlight]", inputs: { highlightedKeys: "highlightedKeys", highlightItemKey: ["kendoGridHighlight", "highlightItemKey"], highlightColumnKey: "highlightColumnKey" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridFilterTool]',
+                    selector: '[kendoGridHighlight]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }]; } });
+        }], ctorParameters: function () { return [{ type: ContextService }]; }, propDecorators: { highlightedKeys: [{
+                type: Input
+            }], highlightItemKey: [{
+                type: Input,
+                args: ["kendoGridHighlight"]
+            }], highlightColumnKey: [{
+                type: Input
+            }] } });
 
 /**
- * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
- * element inside a ToolbarComponent used in the Grid.
- *
- * When you click the toolbar button with this directive, the
- * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-toolbar>
- *     <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
- *   </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
+ * @hidden
  */
-class EditCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.edit, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-    }
+const DEFAULT_AI_REQUEST_OPTIONS = {
+    headers: new HttpHeaders({
+        'Content-Type': 'application/json'
+    }),
+    role: 'user',
+    method: 'POST',
+    responseType: 'json'
+};
+/**
+ * Represents the event data when the AI Assistant request completes successfully.
+ */
+class GridToolbarAIResponseSuccessEvent extends PreventableEvent$1 {
     /**
-     * @hidden
+     * The HTTP response from the AI service.
      */
-    onClick(e) {
-        e.preventDefault();
-        if (!this.isSelectionPresent) {
-            return;
-        }
-        this.editService.beginEdit(this.lastSelectionIndex);
+    response;
+    constructor(response) {
+        super();
+        this.response = response;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridEditTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
-
 /**
- * Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
- * element inside a ToolbarComponent used in the Grid.
- *
- * When you click the toolbar button with this directive, the
- * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Save" kendoGridSaveTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
+ * Represents the event data when the AI Assistant request completes with an error.
  */
-class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.save, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-    }
+class GridToolbarAIResponseErrorEvent extends PreventableEvent$1 {
     /**
-     * @hidden
+     * The HTTP error response from the AI service.
      */
-    onClick(e) {
-        e.preventDefault();
-        if (this.editService.hasNewItem) {
-            this.editService.save();
-        }
-        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
-            this.editService.save(this.lastSelectionIndex);
-        }
-        else {
-            this.editService.editedIndices.forEach(i => this.editService.save(i.index));
-        }
+    error;
+    constructor(error) {
+        super();
+        this.error = error;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridSaveTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
 
 /**
- * Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
- * element inside a ToolbarComponent used in the Grid.
- *
- * When you click the toolbar button with this directive, the
- * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-toolbar>
- *      <kendo-toolbar-button text="Remove row" kendoGridRemoveTool></kendo-toolbar-button>
- *   </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
+ * @hidden
+ * Converts date strings in a filter to Date objects.
  */
-class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    selection;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.remove, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-        this.selection = selection;
+const convertDateStringsInFilter = (filter) => {
+    if (!filter) {
+        return filter;
     }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.isSelectionPresent) {
-            this.editService.remove(this.lastSelectionIndex);
+    if (filter.filters && Array.isArray(filter.filters)) {
+        return {
+            ...filter,
+            filters: filter.filters.map(f => convertDateStringsInFilter(f))
+        };
+    }
+    if (filter.field && filter.value !== undefined) {
+        if (typeof filter.value === 'string' && isDateOperator(filter.operator)) {
+            const date = parseDate(filter.value);
+            return {
+                ...filter,
+                value: date || filter.value
+            };
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RemoveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRemoveTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridRemoveTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+    return filter;
+};
+/**
+ * @hidden
+ */
+const isDateOperator = (operator) => {
+    const dateOperators = [
+        'eq', 'neq', 'lt', 'lte', 'gt', 'gte'
+    ];
+    return dateOperators.includes(operator);
+};
+/**
+ * @hidden
+ * Processes cell highlights for a specific filter and item.
+ */
+const processCellHighlights = (filter, rowIndex, columns, highlightItems) => {
+    Object.keys(filter.cells).forEach((columnField) => {
+        const actualColumnIndex = Array.from(columns).findIndex((col) => col.field === columnField);
+        if (actualColumnIndex !== -1) {
+            highlightItems.push({
+                itemKey: rowIndex,
+                columnKey: actualColumnIndex,
+            });
+        }
+    });
+};
+/**
+ * @hidden
+ * Processes filtered results and adds highlight items.
+ */
+const processFilteredResults = (filteredResults, data, filter, columns, highlightItems) => {
+    filteredResults?.forEach((item) => {
+        const rowIndex = data.findIndex((dataItem) => dataItem === item);
+        if (filter.cells && Object.keys(filter.cells).length > 0) {
+            processCellHighlights(filter, rowIndex, columns, highlightItems);
+        }
+        else {
+            highlightItems.push({
+                itemKey: rowIndex,
+            });
+        }
+    });
+};
+/**
+ * @hidden
+ * Highlights items in a grid based on the provided filters and columns.
+ * @param data - The data to be highlighted.
+ * @param filters - The composite highlight descriptors containing the filters and logic.
+ * @param columns - The columns of the grid.
+ * @returns An array of HighlightItem objects representing the highlighted items.
+ */
+const highlightBy = (data, filters, columns) => {
+    const highlightItems = [];
+    filters.forEach((filter) => {
+        const processedFilters = filter.filters.map((filter) => convertDateStringsInFilter(filter));
+        const filteredResults = filterBy(data, {
+            logic: filter.logic || "and",
+            filters: processedFilters,
+        });
+        processFilteredResults(filteredResults, data, filter, columns, highlightItems);
+    });
+    return highlightItems;
+};
 
 /**
- * Represents the `cancel` command in the Grid.
- * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
- *
- * When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Cancel" kendoGridCancelTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
+ * @hidden
  */
-class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.cancel, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
+class AiAssistantComponent {
+    http;
+    ctx;
+    columnInfoService;
+    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: '' };
+    columns = [];
+    idCounter = 0;
+    constructor(http, ctx, columnInfoService) {
+        this.http = http;
+        this.ctx = ctx;
+        this.columnInfoService = columnInfoService;
     }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.editService.hasNewItem) {
-            this.editService.endEdit();
+    ngAfterViewInit() {
+        this.columns = this.columnInfoService.leafNamedColumns.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);
         }
-        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
-            this.editService.endEdit(this.lastSelectionIndex);
+        this.unsubscribeCurrentRequest();
+        this.streaming = true;
+        this.activeView = 1;
+        if (ev.prompt) {
+            this.lastMessage = ev.prompt;
         }
-        else {
-            this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
+        this.requestData = {
+            columns: this.columns,
+            promptMessage: ev.prompt,
+            url: this.requestUrl,
+            requestOptions: {
+                ...this.requestOptions
+            }
+        };
+        if (!this.requestOptions.body) {
+            const requestBody = {
+                role: this.requestData.requestOptions.role,
+                contents: [
+                    {
+                        text: this.requestData.promptMessage
+                    }
+                ],
+                columns: this.requestData.columns
+            };
+            this.requestData.requestOptions.body = requestBody;
+        }
+        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;
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
+    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;
+        const responseSuccessEvent = new GridToolbarAIResponseSuccessEvent(response);
+        this.aiToolDirective.responseSuccess.emit(responseSuccessEvent);
+        if (responseSuccessEvent.isDefaultPrevented()) {
+            this.deleteLoadingOutput();
+            return;
+        }
+        const isFilterable = Boolean(this.ctx.grid.filterable);
+        const isSortable = Boolean(this.ctx.grid.sortable);
+        const isGroupable = Boolean(this.ctx.grid.groupable);
+        if (isFilterable && responseBody.filter) {
+            this.processFilterResponse(responseBody.filter);
+        }
+        if (isSortable && responseBody.sort) {
+            this.processArrayResponse(responseBody.sort, this.ctx.grid.currentState.sort || [], (item) => item.field, (mergedArray) => this.ctx.grid.sortChange.next(mergedArray));
+        }
+        if (isGroupable && responseBody.group) {
+            this.processArrayResponse(responseBody.group, this.ctx.grid.currentState.group || [], (item) => item.field, (mergedArray) => this.ctx.grid.groupChange.next(mergedArray));
+        }
+        if (this.ctx.highlightDirective && responseBody.highlight) {
+            this.processHighlightResponse(responseBody.highlight);
+        }
+        const responseContentStart = [`${this.ctx.localization.get('aiAssistantOutputCardBodyContent')} \n`];
+        const responseContentBody = responseBody.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 GridToolbarAIResponseErrorEvent(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;
+        }
+    }
+    processArrayResponse(newItems, currentItems, getField, updateGrid) {
+        if (newItems?.length === 0) {
+            updateGrid([]);
+        }
+        else if (newItems?.length) {
+            let mergedArray = [...newItems];
+            const newFields = newItems.map(getField);
+            const existingItemsToKeep = currentItems.filter(item => !newFields.includes(getField(item)));
+            mergedArray = [...mergedArray, ...existingItemsToKeep];
+            updateGrid(mergedArray);
+        }
+    }
+    processHighlightResponse(highlight) {
+        if (highlight.length === 0) {
+            this.ctx.highlightDirective['setState']([]);
+            return;
+        }
+        const highlightedItems = highlightBy(this.ctx.dataBindingDirective['originalData'], highlight, this.columns);
+        this.ctx.highlightDirective['setState'](highlightedItems);
+    }
+    processFilterResponse(filter) {
+        const processedFilter = convertDateStringsInFilter(filter);
+        const clearFilter = Object.keys(processedFilter).length === 0;
+        if (clearFilter) {
+            this.ctx.grid.filterChange.next(undefined);
+        }
+        else if (processedFilter?.filters.length) {
+            const currentFilter = this.ctx.grid.currentState.filter;
+            let mergedFilter = processedFilter;
+            if (currentFilter && currentFilter.filters?.length > 0) {
+                mergedFilter = {
+                    logic: 'and',
+                    filters: [
+                        currentFilter,
+                        processedFilter
+                    ]
+                };
+            }
+            this.ctx.grid.filterChange.next(mergedFilter);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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>
+            <ng-template *ngIf="streaming && aiPrompt.streaming" 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>
+            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
+                <p>{{output.output}}</p>
+            </ng-template>
+            <kendo-aiprompt-messages
+                [generateOutput]="message('aiAssistantApplyButtonText')"
+            ></kendo-aiprompt-messages>
+        </kendo-aiprompt>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "16.2.12", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AiAssistantComponent, decorators: [{
+            type: Component,
             args: [{
-                    selector: '[kendoGridCancelTool]',
-                    standalone: true
+                    standalone: true,
+                    imports: [NgIf, 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>
+            <ng-template *ngIf="streaming && aiPrompt.streaming" 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>
+            <ng-template *ngIf="!(streaming && aiPrompt.streaming)" kendoAIPromptOutputBodyTemplate let-output>
+                <p>{{output.output}}</p>
+            </ng-template>
+            <kendo-aiprompt-messages
+                [generateOutput]="message('aiAssistantApplyButtonText')"
+            ></kendo-aiprompt-messages>
+        </kendo-aiprompt>
+    `
                 }]
-        }], ctorParameters: function () { return [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }]; }, propDecorators: { aiPrompt: [{
+                type: ViewChild,
+                args: [AIPromptComponent]
+            }] } });
 
-let incrementingId = 0;
 /**
- * Represents the toolbar tool for grouping columns of the Grid.
+ * Represents an AI Assistant tool of the Grid.
  * Use this directive on any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
- * When you click the toolbar button with this directive, the `group` event is triggered.
  *
  * @example
- * ```html
+ * ```html-no-run
  * <kendo-grid>
  *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Group" kendoGridGroupTool></kendo-toolbar-button>
+ *         <kendo-toolbar-button kendoGridAIAssistantTool></kendo-toolbar-button>
  *      </kendo-toolbar>
  * </kendo-grid>
  * ```
  * @remarks
  * Applied to: {@link ToolBarButtonComponent}.
  */
-class GroupCommandToolbarDirective {
+class AIAssistantToolbarDirective extends ToolbarToolBase {
+    windowService;
     host;
-    popupService;
     ctx;
-    ngZone;
-    renderer;
-    adaptiveGridService;
-    popupRef;
-    nextId = incrementingId++;
-    toolSubs = new Subscription();
-    popupSubs;
-    actionSheetCloseSub;
-    removeClickListener;
-    constructor(host, popupService, ctx, ngZone, renderer, adaptiveGridService) {
+    zone;
+    refresh;
+    /**
+     * The URL to which the AI Assistant tool sends the AI request.
+     * - When you set this property, the AI Assistant tool sends and handles an HTTP request to the provided `requestUrl`. You can handle the `promptRequest` event to modify the request options before the tool sends it.
+     * - When you do not set this property, the AI Assistant tool does not send an HTTP request. You should handle the `promptRequest` event to send and handle a custom HTTP request.
+     */
+    requestUrl;
+    /**
+     * Configures the request options that the AI Assistant tool sends with the AI request.
+     *
+     * @default { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), role: 'user', method: 'POST', responseType: 'json', withCredentials: false }
+     */
+    requestOptions;
+    /**
+     * Configures the initial settings for the AI Assistant Window when opened.
+     */
+    aiWindowSettings;
+    /**
+     * Configures the initial settings for the AI Prompt component that the AI Assistant Window component uses when opened.
+     */
+    aiPromptSettings;
+    /**
+     * Determines whether to close the AI Assistant Window automatically after a successful request.
+     * @default true
+     */
+    autoClose = true;
+    /**
+     * Determines whether to keep the AI Prompt's outputs after closing the AI Assistant Window.
+     * @default false
+     */
+    keepOutputHistory = false;
+    /**
+     * Emits an event before the AI Assistant tool sends the AI request.
+     *  - When you provide a `requestUrl`, you can handle the event to modify the request options.
+     *  - When you do not provide a `requestUrl`, you can handle the event to perform an entirely custom request.
+     */
+    promptRequest = new EventEmitter();
+    /**
+     * Emits an event when the user clicks the cancel button.
+     */
+    cancelRequest = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool completes the AI request successfully.
+     * The event contains the response from the AI service and is preventable to allow stopping the default response handling.
+     */
+    responseSuccess = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool completes the AI request with an error.
+     * The event contains the error response from the AI service and is preventable to allow stopping the default error handling.
+     */
+    responseError = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool closes.
+     */
+    close = new EventEmitter();
+    /**
+     * Emits an event when the AI Assistant tool opens.
+     */
+    open = new EventEmitter();
+    tableWizardIcon = tableWizardIcon;
+    emitOpenClose = false;
+    promptOutputs = [];
+    windowRef;
+    subs = new Subscription();
+    defaultAiPromptSettings = {
+        speechToTextButton: true,
+        generateButtonSVGIcon: this.tableWizardIcon,
+        generateButtonIcon: 'table-wizard'
+    };
+    constructor(windowService, host, ctx, zone, refresh, cdr) {
+        super(host, ToolbarToolName.aiAssistant, ctx, zone, cdr);
+        this.windowService = windowService;
         this.host = host;
-        this.popupService = popupService;
         this.ctx = ctx;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.adaptiveGridService = adaptiveGridService;
+        this.zone = zone;
+        this.refresh = refresh;
+        this.host.rounded = 'full';
+        this.host.themeColor = 'primary';
+        this.host.showText = 'never';
     }
     ngOnInit() {
-        this.toolSubs = this.host.click.subscribe(e => this.onClick(e));
-        this.toolSubs.add(this.ctx.grid.groupChange.subscribe(group => {
-            this.host.showBadge = this.isGroupingApplied(group);
-        }));
-        this.host.hasBadgeContainer = true;
-        this.host.showBadge = this.isGroupingApplied(this.ctx.grid.group);
+        this.subs.add(this.host.click.subscribe(() => this.onClick()));
         const hasToolbarIcon = isPresent$1(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
         const hasOverflowIcon = isPresent$1(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
         const hasIcon = hasToolbarIcon && hasOverflowIcon;
         const hasSvgIcon = isPresent$1(this.host.toolbarOptions.svgIcon) && isPresent$1(this.host.overflowOptions.svgIcon);
         if (!hasIcon) {
-            this.host.icon = 'group';
+            this.host.icon = 'sparkles';
         }
         if (!hasSvgIcon) {
-            this.host.svgIcon = groupIcon;
+            this.host.svgIcon = sparklesIcon;
         }
+        this.requestOptions = { ...DEFAULT_AI_REQUEST_OPTIONS, ...this.requestOptions };
     }
     ngAfterViewInit() {
-        if (!isPresent$1(this.host.text)) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-                this.host.text = this.ctx.localization.get(`groupToolbarToolText`);
-            });
-        }
-        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.setAttribute('title', this.ctx.localization.get('groupToolbarToolText'));
-    }
-    ngOnDestroy() {
-        if (this.toolSubs) {
-            this.toolSubs.unsubscribe();
-        }
-        if (this.popupSubs) {
-            this.popupSubs.unsubscribe();
-        }
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-        if (this.actionSheetCloseSub) {
-            this.actionSheetCloseSub.unsubscribe();
-            this.actionSheetCloseSub = null;
-        }
-        if (this.removeClickListener) {
-            this.removeClickListener();
-            this.removeClickListener = null;
-        }
-    }
-    onClick(e) {
-        e.preventDefault();
-        if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
-            if (!this.ctx.grid.isActionSheetExpanded) {
-                this.adaptiveGridService.viewType = 'groupToolbarTool';
-                this.ctx.grid.adaptiveRenderer.actionSheet.toggle(true);
-                this.host.selected = true;
-                this.actionSheetCloseSub = this.ctx.grid.adaptiveRenderer.actionSheet.collapse.subscribe(() => this.host.selected = false);
-            }
-        }
-        else {
-            if (this.popupRef) {
-                this.closePopup();
-                return;
+        super.ngAfterViewInit();
+        this.zone.onStable.pipe(take(1)).subscribe(() => {
+            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'false');
+            const needsTitle = this.host.showText !== 'always' && this.host.showText !== 'toolbar';
+            if (needsTitle && !this.host.title) {
+                this.buttonElement?.setAttribute('title', this.ctx.localization.get('aiAssistantToolbarToolText'));
             }
-            this.openPopup();
-        }
-    }
-    openPopup() {
-        const direction = this.ctx.localization.rtl ? 'right' : 'left';
-        this.popupRef = this.popupService.open({
-            anchor: this.buttonElement,
-            content: GroupToolbarToolComponent,
-            popupClass: 'k-grid-columnmenu-popup',
-            positionMode: 'absolute',
-            anchorAlign: { vertical: 'bottom', horizontal: direction },
-            popupAlign: { vertical: 'top', horizontal: direction }
         });
-        this.adaptiveGridService.popupRef = this.popupRef;
-        this.setPopupAttributes();
-        this.host.selected = true;
-        this.ngZone.runOutsideAngular(() => {
-            if (!isDocumentAvailable()) {
-                return;
+        this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
+            if (tool.overflows && this.windowRef) {
+                this.windowRef.close();
             }
-            this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
-                    this.ngZone.run(() => {
-                        this.closePopup();
-                    });
-                }
-            });
-        });
-        this.popupSubs = this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-            this.popupSubs?.unsubscribe();
-            this.popupSubs = null;
-            this.closePopup();
-        });
-        this.initPopupProperties();
-    }
-    setPopupAttributes() {
-        const popupElement = this.popupRef.popupElement;
-        const popupId = `k-group-tool-${this.nextId}-popup`;
-        const popupAriaElement = popupElement.querySelector('.k-popup');
-        this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
-        this.renderer.setAttribute(popupAriaElement, 'id', popupId);
-        this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.buttonElement?.setAttribute('aria-expanded', 'true');
-        this.buttonElement?.setAttribute('aria-controls', popupId);
-    }
-    initPopupProperties() {
-        this.popupRef.content.instance.ctx = this.ctx;
-        this.popupRef.content.instance.hostButton = this.host;
-        this.popupSubs.add(this.popupRef.content.instance.groupClear.subscribe(() => {
-            this.closePopup();
         }));
-        this.popupSubs.add(this.popupRef.content.instance.close.subscribe(() => {
-            this.closePopup();
-        }));
-    }
-    closePopup() {
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.removeAttribute('aria-controls');
-        this.host.selected = false;
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-        if (this.popupSubs) {
-            this.popupSubs.unsubscribe();
-            this.popupSubs = null;
-        }
-        if (this.removeClickListener) {
-            this.removeClickListener();
-            this.removeClickListener = null;
-        }
-    }
-    get buttonElement() {
-        return this.host.getButton();
-    }
-    isGroupingApplied(group) {
-        return isPresent$1(group) && group.length > 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GroupCommandToolbarDirective, isStandalone: true, selector: "[kendoGridGroupTool]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridGroupTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }]; } });
-
-/**
- * Stores the row and cell highlight state of the Grid.
- *
- * @example
- * ```typescript
- * <kendo-grid kendoGridHighlight="ProductID"></kendo-grid>
- *
- * <kendo-grid [kendoGridHighlight]="myKey"></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-class HighlightDirective {
-    ctx;
-    /**
-     * Stores the highlighted items keys.
-     * @default []
-     */
-    highlightedKeys = [];
-    /**
-     * Sets the item key to store in `highlightedKeys`. The Grid uses the row index as the default item key.
-     */
-    highlightItemKey;
-    /**
-     * Sets the column key for a data cell. The Grid uses the column index as the default column key.
-     */
-    highlightColumnKey;
-    rowHighlightState = new Set();
-    cellHighlightState = new PairSet();
-    constructor(ctx) {
-        this.ctx = ctx;
-        this.ctx.highlightDirective = this;
-    }
-    ngOnChanges(changes) {
-        if (isPresent$1(changes['highlightedKeys'])) {
-            this.setState(this.highlightedKeys);
-        }
     }
     ngOnDestroy() {
-        this.reset();
-        this.ctx.highlightDirective = null;
+        super.ngOnDestroy();
+        this.subs.unsubscribe();
+        this.promptOutputs = [];
     }
     /**
      * @hidden
      */
-    isRowHighlighted(row) {
-        return this.rowHighlightState.has(this.getItemKey(row));
+    onClick() {
+        this.emitOpenClose = true;
+        this.toggleWindow();
     }
     /**
-     * @hidden
+     * Toggles the AI Assistant window.
      */
-    isCellHighlighted(row, column, colIndex) {
-        const highlightItem = this.getHighlightItem(row, column, colIndex);
-        return this.cellHighlightState.has(highlightItem.itemKey, highlightItem.columnKey);
-    }
-    getItemKey(row) {
-        if (this.highlightItemKey) {
-            if (typeof this.highlightItemKey === "string") {
-                return row.data?.[this.highlightItemKey];
-            }
-            if (typeof this.highlightItemKey === "function") {
-                return this.highlightItemKey(row);
-            }
-        }
-        return row.index;
-    }
-    getHighlightItem(row, col, colIndex) {
-        const itemIdentifiers = {};
-        itemIdentifiers.itemKey = this.getItemKey(row);
-        if (!isPresent$1(col) && !isPresent$1(colIndex)) {
-            return itemIdentifiers;
+    toggleWindow() {
+        if (!this.windowRef) {
+            this.openWindow();
         }
-        if (this.highlightColumnKey) {
-            if (typeof this.highlightColumnKey === "string") {
-                itemIdentifiers.columnKey = row.dataItem[this.highlightColumnKey];
-            }
-            if (typeof this.highlightColumnKey === "function") {
-                itemIdentifiers.columnKey = this.highlightColumnKey(col, colIndex);
-            }
+        else {
+            this.closeWindow();
         }
-        return {
-            itemKey: itemIdentifiers.itemKey,
-            columnKey: itemIdentifiers.columnKey ? itemIdentifiers.columnKey : colIndex
-        };
     }
-    setState(highlightedKeys) {
-        this.reset();
-        if (!highlightedKeys || highlightedKeys.length === 0) {
-            return;
+    openWindow() {
+        if (!this.keepOutputHistory) {
+            this.promptOutputs = [];
         }
-        const rowHighlights = highlightedKeys.filter(item => !isPresent$1(item.columnKey));
-        const cellHighlights = highlightedKeys.filter(item => isPresent$1(item.columnKey));
-        if (cellHighlights.length > 0) {
-            this.cellHighlightState = new PairSet(cellHighlights, 'itemKey', 'columnKey');
+        const defaultWindowWidth = 437;
+        const rtl = this.ctx.localization.rtl;
+        const defaultWindowSettings = {
+            left: rtl ? this.buttonElement.offsetLeft - (this.aiWindowSettings.width || defaultWindowWidth) : this.buttonElement.offsetLeft + this.buttonElement.offsetWidth,
+            top: this.buttonElement.offsetTop + this.buttonElement.offsetHeight,
+            width: defaultWindowWidth,
+            title: this.ctx.localization.get('aiAssistantWindowTitle'),
+            cssClass: 'k-grid-assistant-window',
+            content: AiAssistantComponent,
+            autoFocusedElement: '.k-input-inner',
+            appendTo: this.ctx.grid.windowContainer
+        };
+        this.aiWindowSettings = {
+            ...defaultWindowSettings,
+            ...this.aiWindowSettings
+        };
+        this.windowRef = this.windowService.open(this.aiWindowSettings);
+        this.windowRef.window.instance.messages = {
+            closeTitle: this.ctx.localization.get('aiAssistantWindowCloseTitle'),
+            maximizeTitle: this.ctx.localization.get('aiAssistantWindowMaximizeTitle'),
+            minimizeTitle: this.ctx.localization.get('aiAssistantWindowMinimizeTitle'),
+            restoreTitle: this.ctx.localization.get('aiAssistantWindowRestoreTitle')
+        };
+        const aiPrompt = this.windowRef.content.instance;
+        aiPrompt.requestUrl = this.requestUrl;
+        aiPrompt.requestOptions = this.requestOptions;
+        aiPrompt.aiToolDirective = this;
+        aiPrompt.disabledGenerateButton = this.aiPromptSettings?.disabledGenerateButton;
+        aiPrompt.streaming = this.aiPromptSettings?.streaming || false;
+        aiPrompt.activeView = this.aiPromptSettings?.activeView || 0;
+        aiPrompt.aiPromptSettings = { ...this.defaultAiPromptSettings, ...this.aiPromptSettings };
+        if (!aiPrompt.aiPromptSettings.promptOutputs) {
+            aiPrompt.aiPromptSettings.promptOutputs = this.promptOutputs;
         }
-        if (rowHighlights.length > 0) {
-            rowHighlights.forEach(item => {
-                this.rowHighlightState.add(item.itemKey);
+        if (this.emitOpenClose) {
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                const event = {
+                    aiWindow: this.windowRef.window.instance,
+                    aiPrompt: this.windowRef.content.instance.aiPrompt
+                };
+                this.open.emit(event);
+                this.emitOpenClose = false;
             });
         }
+        this.subs.add(this.windowRef.window.instance.close.subscribe(() => {
+            this.emitOpenClose = true;
+            this.closeWindow(true);
+        }));
+        this.host.selected = true;
     }
-    reset() {
-        this.rowHighlightState.clear();
-        this.cellHighlightState.clear();
+    closeWindow(focusAnchor = false) {
+        this.windowRef.close();
+        if (this.emitOpenClose) {
+            this.close.emit();
+            this.emitOpenClose = false;
+        }
+        this.windowRef = null;
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
+        this.host.selected = false;
+        focusAnchor && this.buttonElement?.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HighlightDirective, isStandalone: true, selector: "[kendoGridHighlight]", inputs: { highlightedKeys: "highlightedKeys", highlightItemKey: ["kendoGridHighlight", "highlightItemKey"], highlightColumnKey: "highlightColumnKey" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i54.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridHighlight]',
+                    selector: '[kendoGridAIAssistantTool]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: ContextService }]; }, propDecorators: { highlightedKeys: [{
+        }], ctorParameters: function () { return [{ type: i1$7.WindowService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i54.RefreshService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { requestUrl: [{
                 type: Input
-            }], highlightItemKey: [{
-                type: Input,
-                args: ["kendoGridHighlight"]
-            }], highlightColumnKey: [{
+            }], requestOptions: [{
+                type: Input
+            }], aiWindowSettings: [{
+                type: Input
+            }], aiPromptSettings: [{
                 type: Input
+            }], autoClose: [{
+                type: Input
+            }], keepOutputHistory: [{
+                type: Input
+            }], promptRequest: [{
+                type: Output
+            }], cancelRequest: [{
+                type: Output
+            }], responseSuccess: [{
+                type: Output
+            }], responseError: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], open: [{
+                type: Output
             }] } });
 
 /**