@progress/kendo-angular-grid 21.4.1 → 22.0.0-develop.1

package/esm2022/rendering/toolbar/tools/filter-command-tool.directive.mjs

@@ -1,219 +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, Renderer2 } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { Subscription } from 'rxjs';
-import { filterIcon } from '@progress/kendo-svg-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { ContextService } from '../../../common/provider.service';
-import { closest, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
-import { ColumnInfoService } from '../../../common/column-info.service';
-import { take } from 'rxjs/operators';
-import { FilterService } from '../../../filtering/filter.service';
-import { FilterToolWrapperComponent } from './filter-tool-wrapper.component';
-import { AdaptiveGridService } from '../../../common/adaptiveness.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "@progress/kendo-angular-popup";
-import * as i3 from "../../../common/provider.service";
-import * as i4 from "../../../filtering/filter.service";
-import * as i5 from "../../../common/column-info.service";
-import * as i6 from "../../../common/adaptiveness.service";
-let incrementingId = 0;
-/**
- * Represents the toolbar tool for filtering 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 `filter` event is triggered.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Filter" kendoGridFilterTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class FilterCommandToolbarDirective {
-    host;
-    popupService;
-    ctx;
-    filterService;
-    columnInfoService;
-    ngZone;
-    renderer;
-    adaptiveGridService;
-    popupRef;
-    nextId = incrementingId++;
-    toolSubs = new Subscription();
-    popupSubs;
-    actionSheetCloseSub;
-    removeClickListener;
-    /**
-     * @hidden
-     */
-    isFilterApplied(filter) {
-        return isPresent(filter) && filter.filters?.length > 0;
-    }
-    constructor(host, popupService, ctx, filterService, columnInfoService, ngZone, renderer, adaptiveGridService) {
-        this.host = host;
-        this.popupService = popupService;
-        this.ctx = ctx;
-        this.filterService = filterService;
-        this.columnInfoService = columnInfoService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.adaptiveGridService = adaptiveGridService;
-    }
-    ngOnInit() {
-        this.toolSubs = this.host.click.subscribe(e => this.onClick(e));
-        this.toolSubs.add(this.filterService.changes.subscribe(filter => {
-            this.host.showBadge = this.isFilterApplied(filter);
-        }));
-        this.host.hasBadgeContainer = true;
-        this.host.showBadge = this.isFilterApplied(this.ctx.grid.filter);
-        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 = 'filter';
-        }
-        if (!hasSvgIcon) {
-            this.host.svgIcon = filterIcon;
-        }
-    }
-    ngAfterViewInit() {
-        if (!isPresent(this.host.text)) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-                this.host.text = this.ctx.localization.get(`filterToolbarToolText`);
-            });
-        }
-        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.setAttribute('title', this.ctx.localization.get('filterToolbarToolText'));
-    }
-    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.popupRef) {
-            this.closePopup();
-            return;
-        }
-        this.openPopup();
-    }
-    openPopup() {
-        const direction = this.ctx.localization.rtl ? 'right' : 'left';
-        if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
-            if (!this.ctx.grid.isActionSheetExpanded) {
-                this.adaptiveGridService.viewType = 'filterToolbarTool';
-                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.popupRef = this.popupService.open({
-                anchor: this.buttonElement,
-                content: FilterToolWrapperComponent,
-                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(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-filter-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.columnInfoService = this.columnInfoService;
-        this.popupRef.content.instance.ctx = this.ctx;
-        this.popupRef.content.instance.filterService = this.filterService;
-        this.popupRef.content.instance.hostButton = this.host;
-        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();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.PopupService }, { token: i3.ContextService }, { token: i4.FilterService }, { token: i5.ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridFilterTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.PopupService }, { type: i3.ContextService }, { type: i4.FilterService }, { type: i5.ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.AdaptiveGridService }] });

package/esm2022/rendering/toolbar/tools/filter-tool-wrapper.component.mjs

@@ -1,151 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, EventEmitter, HostBinding, Injector, Output, ViewChild, ViewContainerRef, HostListener } from '@angular/core';
-import { ContextService } from '../../../common/provider.service';
-import { filterClearIcon } from '@progress/kendo-svg-icons';
-import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
-import { FilterService } from '../../../filtering/filter.service';
-import { FilterToolbarToolComponent } from './filter-toolbar-tool.component';
-import { SinglePopupService } from '../../../common/single-popup.service';
-import { ScrollSyncService } from '../../../scrolling/scroll-sync.service';
-import { ColumnInfoService } from '../../../common/column-info.service';
-import { cloneFilters } from '../../../common/filter-descriptor-differ';
-import { AdaptiveGridService } from '../../../common/adaptiveness.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-buttons";
-/**
- * @hidden
- */
-export class FilterToolWrapperComponent {
-    injector;
-    container;
-    wrapperClasses = true;
-    onEscKeyDown(event) {
-        event.preventDefault();
-        this.close.emit();
-        this.hostButton?.focus(event);
-    }
-    onClick(event) {
-        if (this.hostButton.location !== 'toolbar') {
-            event.stopImmediatePropagation();
-        }
-    }
-    close = new EventEmitter();
-    hostButton;
-    clearIcon = filterClearIcon;
-    columnInfoService;
-    set ctx(ctx) {
-        this._ctx = ctx;
-        this.filter = ctx.grid.filter;
-        this.createPopup();
-    }
-    get ctx() {
-        return this._ctx;
-    }
-    set filterService(filterService) {
-        this._filterService = filterService;
-        this.subscriptions = this._filterService.changes.subscribe(filter => {
-            this.filter = filter;
-        });
-        this.createPopup();
-    }
-    get filterService() {
-        return this._filterService;
-    }
-    columnMenuService;
-    popupRef;
-    filter;
-    subscriptions;
-    _ctx;
-    _filterService;
-    constructor(injector) {
-        this.injector = injector;
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-        if (this.popupRef) {
-            this.popupRef.destroy();
-            this.popupRef = null;
-        }
-    }
-    clear() {
-        if (!this.filter || this.filter.filters?.length === 0) {
-            return;
-        }
-        this.filter = { logic: 'and', filters: [] };
-        this.popupRef.instance.filter = cloneFilters(this.filter);
-        this.filterService.filter(this.filter);
-        this.close.emit();
-    }
-    createPopup() {
-        if (this._ctx && this._filterService && this.container && !this.popupRef) {
-            const customInjector = Injector.create({
-                providers: [
-                    { provide: FilterService, useValue: this._filterService },
-                    { provide: ContextService, useValue: this._ctx },
-                    { provide: ColumnInfoService, useValue: this.columnInfoService },
-                    AdaptiveGridService,
-                    SinglePopupService,
-                    ScrollSyncService
-                ],
-                parent: this.injector
-            });
-            this.popupRef = this.container.createComponent(FilterToolbarToolComponent, {
-                injector: customInjector
-            });
-            this.subscriptions.add(this.popupRef.instance.close.subscribe(() => this.close.emit()));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterToolWrapperComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FilterToolWrapperComponent, isStandalone: true, selector: "kendo-filter-tool-wrapper", outputs: { close: "close" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)", "click": "onClick($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-        <ng-container #container></ng-container>
-        <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
-            <button kendoButton
-                    [svgIcon]="clearIcon"
-                    icon="filter-clear"
-                    (click)="clear()">
-                    {{ctx?.localization.get('filterClearAllButton')}}
-            </button>
-        </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterToolWrapperComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-tool-wrapper',
-                    template: `
-        <ng-container #container></ng-container>
-        <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
-            <button kendoButton
-                    [svgIcon]="clearIcon"
-                    icon="filter-clear"
-                    (click)="clear()">
-                    {{ctx?.localization.get('filterClearAllButton')}}
-            </button>
-        </div>
-    `,
-                    standalone: true,
-                    imports: [KENDO_BUTTON]
-                }]
-        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], wrapperClasses: [{
-                type: HostBinding,
-                args: ['class.k-column-menu']
-            }, {
-                type: HostBinding,
-                args: ['class.k-column-menu-md']
-            }], onEscKeyDown: [{
-                type: HostListener,
-                args: ['keydown.escape', ['$event']]
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], close: [{
-                type: Output
-            }] } });

package/esm2022/rendering/toolbar/tools/filter-toolbar-tool.component.mjs

@@ -1,223 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, EventEmitter, NgZone, Output, QueryList, ViewChildren } from '@angular/core';
-import { ContextService } from '../../../common/provider.service';
-import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
-import { FilterMenuContainerComponent } from '../../../filtering/menu/filter-menu-container.component';
-import { FilterService } from '../../../filtering/filter.service';
-import { ColumnMenuItemComponent } from '../../../column-menu/column-menu-item.component';
-import { ColumnMenuItemContentTemplateDirective } from '../../../column-menu/column-menu-item-content-template.directive';
-import { ColumnInfoService } from '../../../common/column-info.service';
-import { cloneFilters } from '../../../common/filter-descriptor-differ';
-import { AdaptiveGridService } from '../../../common/adaptiveness.service';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../filtering/filter.service";
-import * as i2 from "../../../common/provider.service";
-import * as i3 from "../../../common/column-info.service";
-import * as i4 from "../../../common/adaptiveness.service";
-/**
- * @hidden
- */
-export class FilterToolbarToolComponent {
-    element;
-    filterService;
-    ctx;
-    columnInfoService;
-    ngZone;
-    adaptiveGridService;
-    filterItems;
-    menuItems;
-    filterContainers;
-    close = new EventEmitter();
-    get hostStyles() {
-        return {
-            'maxHeight': '400px',
-            'overflowX': 'hidden',
-            'overflowY': 'auto'
-        };
-    }
-    columnMenuService;
-    columns;
-    filter;
-    isFilterApplied(column) {
-        if (!this.filter?.filters) {
-            return false;
-        }
-        if (Array.isArray(this.filter.filters)) {
-            for (const filterGroup of this.filter.filters) {
-                if (filterGroup.filters && Array.isArray(filterGroup.filters)) {
-                    for (const filter of filterGroup.filters) {
-                        if (filter.field === column.field) {
-                            return true;
-                        }
-                    }
-                }
-                else if (filterGroup.field === column.field) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    isItemFocused(filterItem) {
-        return this.currentFocusedItem === filterItem;
-    }
-    onItemFocus(item) {
-        this.currentFocusedItem = item;
-    }
-    onItemFocusOut() {
-        this.currentFocusedItem = null;
-    }
-    currentFocusedItem = null;
-    subscriptions;
-    constructor(element, filterService, ctx, columnInfoService, ngZone, adaptiveGridService) {
-        this.element = element;
-        this.filterService = filterService;
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-        this.ngZone = ngZone;
-        this.adaptiveGridService = adaptiveGridService;
-    }
-    ngOnInit() {
-        this.columns = this.columnInfoService.leafNamedColumns.filter(column => column?.filterable);
-        this.filter = this.ctx.grid.filter;
-        this.subscriptions = this.filterService.changes.subscribe(filter => {
-            this.filter = cloneFilters(filter);
-        });
-    }
-    ngAfterViewInit() {
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.filterItems?.get(0)?.nativeElement.focus({ preventScroll: true });
-        });
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    navigateView(column) {
-        if (this.ctx.grid.isActionSheetExpanded && this.adaptiveGridService.viewType === 'filterToolbarTool') {
-            const componentRef = this.ctx.grid.adaptiveRenderer.filterToolbarToolTemplate.createComponent(FilterMenuContainerComponent);
-            componentRef.instance.column = this.getColumnComponent(column);
-            componentRef.instance.filter = this.filter;
-            this.subscriptions.add(componentRef.instance.close.subscribe(() => {
-                this.adaptiveGridService.reset();
-            }));
-            this.adaptiveGridService.filterMenuContainerComponentRef = componentRef;
-            this.adaptiveGridService.secondaryView = 'columnFilter';
-            this.adaptiveGridService.column = this.getColumnComponent(column);
-            this.ctx.grid.adaptiveRenderer.actionSheet.nextView();
-        }
-    }
-    getColumnComponent(column) {
-        return column;
-    }
-    handleClose(filterItem) {
-        filterItem.expanded = false;
-        filterItem.contentState = 'collapsed';
-        const filterContainer = this.filterContainers.find(container => container.column === filterItem.column);
-        if (filterContainer) {
-            // reset the child filter to ensure it is reinitialized based on the global filter on the next open
-            filterContainer.resetChildFilters();
-        }
-    }
-    toggleItem(event, index) {
-        const menuItem = this.menuItems.get(index);
-        if (!menuItem || event.target.closest('.k-filter-menu-container')) {
-            return;
-        }
-        if (menuItem.expanded) {
-            this.filterContainers.get(index).isExpanded = false;
-            menuItem.expanded = false;
-            menuItem.contentState = 'collapsed';
-        }
-        else {
-            this.filterContainers.get(index).isExpanded = true;
-            menuItem.expanded = true;
-            menuItem.contentState = 'expanded';
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterToolbarToolComponent, deps: [{ token: i0.ElementRef }, { token: i1.FilterService }, { token: i2.ContextService }, { token: i3.ColumnInfoService }, { token: i0.NgZone }, { token: i4.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterToolbarToolComponent, isStandalone: true, selector: "kendo-filter-toolbar-tool", outputs: { close: "close" }, viewQueries: [{ propertyName: "filterItems", predicate: ["filterItem"], descendants: true, read: ElementRef }, { propertyName: "menuItems", predicate: ["filterItem"], descendants: true }, { propertyName: "filterContainers", predicate: ["filterContainer"], descendants: true }], ngImport: i0, template: `
-        <div [style]="hostStyles">
-          @for (column of columns; track column; let i = $index) {
-            <kendo-grid-columnmenu-item
-              class="k-columnmenu-item-wrapper" #filterItem
-              role="button"
-              tabindex="0"
-              [column]="getColumnComponent(column)"
-              [text]="column.title || getColumnComponent(column).field"
-              (focus)="onItemFocus(filterItem)"
-              (focusout)="onItemFocusOut()"
-              (keydown.enter)="toggleItem($event, i)"
-              [indicatorIcon]="isFilterApplied(column)"
-              (itemClick)="navigateView(getColumnComponent(column))"
-              [expanded]="false"
-              [focused]="isItemFocused(filterItem)">
-              <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-filter-menu-container
-                  #filterContainer
-                  (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                  [column]="getColumnComponent(column)"
-                  [filter]="filter"
-                  [isExpanded]="false"
-                  (close)="handleClose(filterItem)">
-                </kendo-grid-filter-menu-container>
-              </ng-template>
-            </kendo-grid-columnmenu-item>
-          }
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterToolbarToolComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-toolbar-tool',
-                    template: `
-        <div [style]="hostStyles">
-          @for (column of columns; track column; let i = $index) {
-            <kendo-grid-columnmenu-item
-              class="k-columnmenu-item-wrapper" #filterItem
-              role="button"
-              tabindex="0"
-              [column]="getColumnComponent(column)"
-              [text]="column.title || getColumnComponent(column).field"
-              (focus)="onItemFocus(filterItem)"
-              (focusout)="onItemFocusOut()"
-              (keydown.enter)="toggleItem($event, i)"
-              [indicatorIcon]="isFilterApplied(column)"
-              (itemClick)="navigateView(getColumnComponent(column))"
-              [expanded]="false"
-              [focused]="isItemFocused(filterItem)">
-              <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-filter-menu-container
-                  #filterContainer
-                  (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                  [column]="getColumnComponent(column)"
-                  [filter]="filter"
-                  [isExpanded]="false"
-                  (close)="handleClose(filterItem)">
-                </kendo-grid-filter-menu-container>
-              </ng-template>
-            </kendo-grid-columnmenu-item>
-          }
-        </div>
-        `,
-                    standalone: true,
-                    imports: [KENDO_BUTTON, FilterMenuContainerComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FilterService }, { type: i2.ContextService }, { type: i3.ColumnInfoService }, { type: i0.NgZone }, { type: i4.AdaptiveGridService }], propDecorators: { filterItems: [{
-                type: ViewChildren,
-                args: ['filterItem', { read: ElementRef }]
-            }], menuItems: [{
-                type: ViewChildren,
-                args: ['filterItem']
-            }], filterContainers: [{
-                type: ViewChildren,
-                args: ['filterContainer']
-            }], close: [{
-                type: Output
-            }] } });