@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-tool.directive.mjs

@@ -1,273 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, NgZone, ChangeDetectorRef, Input, Output, EventEmitter } from '@angular/core';
-import { RefreshService, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { isPresent } from '@progress/kendo-angular-common';
-import { Subscription } from 'rxjs';
-import { sparklesIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../../../../common/provider.service';
-import { filter, take } from 'rxjs/operators';
-import { ToolbarToolBase } from '../../../../common/toolbar-tool-base.directive';
-import { ToolbarToolName } from '../../../../navigation/toolbar-tool-name';
-import { WindowService } from '@progress/kendo-angular-dialog';
-import { AiAssistantComponent } from './ai-assistant.component';
-import { DEFAULT_AI_REQUEST_OPTIONS } from './models';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../../../../common/provider.service";
-/**
- * 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}.
- */
-export 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(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
-        const hasOverflowIcon = isPresent(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
-        const hasIcon = hasToolbarIcon && hasOverflowIcon;
-        const hasSvgIcon = isPresent(this.host.toolbarOptions.svgIcon) && isPresent(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: "18.2.14", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1.WindowService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridAIAssistantTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.WindowService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i2.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
-            }] } });

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

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { HttpHeaders } from "@angular/common/http";
-import { PreventableEvent } from "@progress/kendo-angular-common";
-/**
- * @hidden
- */
-export 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.
- */
-export class GridAIAssistantResponseSuccessEvent extends PreventableEvent {
-    /**
-     * 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.
- */
-export class GridAIAssistantResponseErrorEvent extends PreventableEvent {
-    /**
-     * The HTTP error response from the AI service.
-     */
-    error;
-    constructor(error) {
-        super();
-        this.error = error;
-    }
-}

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

@@ -1,92 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { filterBy } from "@progress/kendo-data-query";
-import { parseDate } from "@progress/kendo-angular-intl";
-/**
- * @hidden
- * Converts date strings in a filter to Date objects.
- */
-export 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
- */
-export 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.
- */
-export 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;
-};

package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs

@@ -1,238 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, NgZone, Input, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { RefreshService, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { closest, isPresent } from '@progress/kendo-angular-common';
-import { Subscription } from 'rxjs';
-import { columnsIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../../../common/provider.service';
-import { filter, take } from 'rxjs/operators';
-import { AdaptiveGridService } from '../../../common/adaptiveness.service';
-import { ColumnInfoService } from '../../../common/column-info.service';
-import { ToolbarToolBase } from '../../../common/toolbar-tool-base.directive';
-import { ToolbarToolName } from '../../../navigation/toolbar-tool-name';
-import { ColumnChooserContentComponent } from '../../../column-menu/column-chooser-content.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-popup";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../../../common/provider.service";
-import * as i4 from "../../../common/adaptiveness.service";
-import * as i5 from "../../../common/column-info.service";
-let incrementingId = 0;
-/**
- * Represents a column chooser toolbar 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 kendoGridColumnChooserTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class ColumnChooserToolbarDirective extends ToolbarToolBase {
-    renderer;
-    popupSerivce;
-    host;
-    ctx;
-    zone;
-    refresh;
-    adaptiveGridService;
-    columnInfoService;
-    /**
-     * When `true`, changes to column visibility apply immediately.
-     *
-     * @default false
-     */
-    autoSync = false;
-    /**
-     * When `true`, enables the hiding of all columns.
-     *
-     * @default true
-     */
-    allowHideAll = true;
-    /**
-     * When `true`, enables the columns' filtering.
-     *
-     * @default true
-     */
-    filterable = true;
-    /**
-     * When `true`, displays a select all checkbox.
-     *
-     * @default true
-     */
-    showSelectAll = true;
-    /**
-     * @hidden
-     */
-    get columns() {
-        return this.columnInfoService.leafNamedColumns;
-    }
-    popupRef;
-    subs = new Subscription();
-    actionSheetCloseSub;
-    nextId = incrementingId++;
-    constructor(renderer, popupSerivce, host, ctx, zone, refresh, adaptiveGridService, columnInfoService, cdr) {
-        super(host, ToolbarToolName.columns, ctx, zone, cdr);
-        this.renderer = renderer;
-        this.popupSerivce = popupSerivce;
-        this.host = host;
-        this.ctx = ctx;
-        this.zone = zone;
-        this.refresh = refresh;
-        this.adaptiveGridService = adaptiveGridService;
-        this.columnInfoService = columnInfoService;
-    }
-    ngOnInit() {
-        this.subs.add(this.host.click.subscribe(e => this.onClick(e)));
-        const hasToolbarIcon = isPresent(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
-        const hasOverflowIcon = isPresent(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
-        const hasIcon = hasToolbarIcon && hasOverflowIcon;
-        const hasSvgIcon = isPresent(this.host.toolbarOptions.svgIcon) && isPresent(this.host.overflowOptions.svgIcon);
-        if (!hasIcon) {
-            this.host.icon = 'columns';
-        }
-        if (!hasSvgIcon) {
-            this.host.svgIcon = columnsIcon;
-        }
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.zone.onStable.pipe(take(1)).subscribe(() => {
-            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
-            this.buttonElement?.setAttribute('aria-expanded', 'false');
-            this.buttonElement?.setAttribute('title', this.ctx.localization.get('columns'));
-        });
-        this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
-            if (tool.overflows && this.popupRef) {
-                this.popupRef.close();
-            }
-        }));
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.subs.unsubscribe();
-        if (this.actionSheetCloseSub) {
-            this.actionSheetCloseSub.unsubscribe();
-            this.actionSheetCloseSub = null;
-        }
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
-            if (!this.ctx.grid.isActionSheetExpanded) {
-                this.adaptiveGridService.viewType = 'columnChooserToolbarTool';
-                this.adaptiveGridService.columns = this.columns;
-                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 {
-            this.togglePopup();
-        }
-    }
-    togglePopup() {
-        if (!this.popupRef) {
-            const direction = this.ctx.localization.rtl ? 'right' : 'left';
-            this.popupRef = this.popupSerivce.open({
-                anchor: this.buttonElement,
-                content: ColumnChooserContentComponent,
-                positionMode: 'absolute',
-                anchorAlign: { vertical: 'bottom', horizontal: direction },
-                popupAlign: { vertical: 'top', horizontal: direction }
-            });
-            this.adaptiveGridService.popupRef = this.popupRef;
-            const popupElement = this.popupRef.popupElement;
-            const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
-            const popupAriaElement = popupElement.querySelector('.k-popup');
-            this.zone.runOutsideAngular(() => {
-                this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                    if (e.key === 'Escape') {
-                        this.closePopup(true);
-                    }
-                });
-            });
-            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);
-            this.host.selected = true;
-            const columnChooserContent = this.popupRef.content.instance;
-            columnChooserContent.columnInfoService = this.columnInfoService;
-            columnChooserContent.ctx = this.ctx;
-            columnChooserContent.showSelectAll = this.showSelectAll;
-            columnChooserContent.filterable = this.filterable;
-            columnChooserContent.isLast = true;
-            columnChooserContent.autoSync = this.autoSync;
-            columnChooserContent.allowHideAll = this.allowHideAll;
-            columnChooserContent.applyText = this.ctx.localization.get('columnsApply');
-            columnChooserContent.resetText = this.ctx.localization.get('columnsReset');
-            columnChooserContent.columns = this.columns;
-            columnChooserContent.filteredColumns = this.columnInfoService?.leafNamedColumns.filter(column => {
-                if (column.includeInChooser !== false) {
-                    column.initiallyChecked = column.currentlyChecked = !column.hidden;
-                    return true;
-                }
-                return false;
-            });
-            this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-                this.closePopup(true);
-            }));
-            this.subs.add(columnChooserContent.columnList.apply.subscribe((changed) => {
-                if (changed.length) {
-                    this.cdr.markForCheck();
-                    this.columnInfoService.changeVisibility(changed);
-                }
-                this.closePopup();
-            }));
-            this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
-                if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
-                    this.zone.run(() => {
-                        this.closePopup();
-                    });
-                }
-            }));
-        }
-        else {
-            this.closePopup();
-        }
-    }
-    closePopup(focusAnchor = false) {
-        this.popupRef.close();
-        this.popupRef = null;
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.removeAttribute('aria-controls');
-        this.host.selected = false;
-        focusAnchor && this.buttonElement?.focus({ preventScroll: true });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i4.AdaptiveGridService }, { token: i5.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnChooserToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridColumnChooserTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.PopupService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i2.RefreshService }, { type: i4.AdaptiveGridService }, { type: i5.ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
-                type: Input
-            }], allowHideAll: [{
-                type: Input
-            }], filterable: [{
-                type: Input
-            }], showSelectAll: [{
-                type: Input
-            }] } });