@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/column-menu/column-menu-chooser.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, Input, Output, EventEmitter, ElementRef } from '@angular/core';
-import { ColumnInfoService } from '../common/column-info.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { columnsIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../common/provider.service';
-import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import { ColumnChooserContentComponent } from './column-chooser-content.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-import * as i2 from "../common/column-info.service";
-/**
- * Represents the column-menu item for selecting columns in the Grid. [See example](slug:columnmenu_grid#toc-column-chooser-item).
- *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register it as a column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) passed by
- * the template to the `service` input of the `kendo-grid-columnmenu-chooser` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
- *
- * @example
- * ```html
- * <kendo-grid [columnMenu]="true" ...>
- *   <ng-template kendoGridColumnMenuTemplate let-service="service">
- *     <kendo-grid-columnmenu-chooser [service]="service"> </kendo-grid-columnmenu-chooser>
- *   </ng-template>
- * </kendo-grid>
- * ```
- * @example
- * ```html
- * <kendo-grid-column field="ProductName">
- *   <ng-template kendoGridColumnMenuTemplate let-service="service">
- *     <kendo-grid-columnmenu-chooser [service]="service"></kendo-grid-columnmenu-chooser>
- *   </ng-template>
- * </kendo-grid-column>
- * ```
- */
-export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
-    ctx;
-    columnInfoService;
-    hostElement;
-    /**
-     * Fires when the content expands.
-     */
-    expand = new EventEmitter();
-    /**
-     * Fires when the content collapses.
-     */
-    collapse = new EventEmitter();
-    /**
-     * Specifies if the content is expanded.
-     * @default false
-     */
-    expanded = false;
-    /**
-     * @hidden
-     */
-    isLast = false;
-    /**
-     * @hidden
-     */
-    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-    get columns() {
-        return this.columnInfoService.leafNamedColumns;
-    }
-    columnsIcon = columnsIcon;
-    constructor(ctx, columnInfoService, hostElement) {
-        super();
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-        this.hostElement = hostElement;
-    }
-    /**
-     * @hidden
-     */
-    onCollapse() {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
-        this.collapse.emit();
-    }
-    /**
-     * @hidden
-     */
-    onExpand() {
-        this.expanded = true;
-        this.expand.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuChooserComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuChooserComponent, isStandalone: true, selector: "kendo-grid-columnmenu-chooser", inputs: { expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-columnmenu-item
-            [text]="ctx.localization.get('columns')"
-            icon="columns"
-            [svgIcon]="columnsIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-column-chooser-content
-                    [columns]="columns"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    [closeOnReset]="false"
-                    [service]="service"
-                    (close)="close()"
-                >
-                </kendo-grid-column-chooser-content>
-            </ng-template>
-        </kendo-grid-columnmenu-item>
-    `, isInline: true, dependencies: [{ 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]" }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-columnmenu-chooser',
-                    template: `
-        <kendo-grid-columnmenu-item
-            [text]="ctx.localization.get('columns')"
-            icon="columns"
-            [svgIcon]="columnsIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-column-chooser-content
-                    [columns]="columns"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    [closeOnReset]="false"
-                    [service]="service"
-                    (close)="close()"
-                >
-                </kendo-grid-column-chooser-content>
-            </ng-template>
-        </kendo-grid-columnmenu-item>
-    `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnChooserContentComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.ColumnInfoService }, { type: i0.ElementRef }], propDecorators: { expand: [{
-                type: Output
-            }], collapse: [{
-                type: Output
-            }], expanded: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }] } });

package/esm2022/column-menu/column-menu-container.component.mjs

@@ -1,67 +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 { ColumnMenuItemDirective } from './column-menu-item.directive';
-import { Component, ContentChildren, Inject, NgZone, QueryList } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { ColumnMenuService } from './column-menu.service';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-menu.service";
-/**
- * @hidden
- */
-export class ColumnMenuContainerComponent {
-    service;
-    ngZone;
-    columnMenuItems;
-    templateMenuItems = [];
-    constructor(service, ngZone) {
-        this.service = service;
-        this.ngZone = ngZone;
-        service.columnMenuContainer = this;
-    }
-    ngAfterViewInit() {
-        if (this.columnMenuItems.length) {
-            this.columnMenuItems.first.isFirst = true;
-            this.columnMenuItems.last.isLast = true;
-        }
-        else if (this.templateMenuItems.length) {
-            this.templateMenuItems[0].isFirst = true;
-            this.templateMenuItems[this.templateMenuItems.length - 1].isLast = true;
-        }
-        else {
-            return;
-        }
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            const firstFocusable = this.service.menuTabbingService.firstFocusable;
-            if (firstFocusable instanceof DropDownListComponent) {
-                firstFocusable.wrapper.nativeElement.focus({ preventScroll: true });
-            }
-            else {
-                firstFocusable?.focus({ preventScroll: true });
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: i1.ColumnMenuService }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuContainerComponent, isStandalone: true, selector: "kendo-grid-columnmenu-container", queries: [{ propertyName: "columnMenuItems", predicate: ColumnMenuItemDirective, descendants: true }], ngImport: i0, template: `
-        <ng-content></ng-content>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-columnmenu-container',
-                    template: `
-        <ng-content></ng-content>
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnMenuService }, { type: i0.NgZone, decorators: [{
-                    type: Inject,
-                    args: [NgZone]
-                }] }], propDecorators: { columnMenuItems: [{
-                type: ContentChildren,
-                args: [ColumnMenuItemDirective, { descendants: true }]
-            }] } });

package/esm2022/column-menu/column-menu-expandable-item.interface.mjs

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

package/esm2022/column-menu/column-menu-filter.component.mjs

@@ -1,152 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
-import { filterIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../common/provider.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { FilterMenuContainerComponent } from '../filtering/menu/filter-menu-container.component';
-import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-/**
- * Represents the column-menu item for editing column filters in the Grid. [See example](slug:columnmenu_grid#toc-filter-item).
- *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) that the template passes to the `service` input of the `kendo-grid-columnmenu-filter` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
- *
- * @example
- * ```html
- * <kendo-grid [columnMenu]="true" ...>
- *   <ng-template kendoGridColumnMenuTemplate let-service="service">
- *     <kendo-grid-columnmenu-filter [service]="service">
- *     </kendo-grid-columnmenu-filter>
- *   </ng-template>
- * </kendo-grid>
- * ```
- * @example
- * ```html
- * <kendo-grid-column field="ProductName">
- *   <ng-template kendoGridColumnMenuTemplate let-service="service">
- *     <kendo-grid-columnmenu-filter [service]="service">
- *     </kendo-grid-columnmenu-filter>
- *   </ng-template>
- * </kendo-grid-column>
- * ```
- */
-export class ColumnMenuFilterComponent extends ColumnMenuItemBase {
-    ctx;
-    hostElement;
-    /**
-     * Emits when the content expands.
-     */
-    expand = new EventEmitter();
-    /**
-     * Emits when the content collapses.
-     */
-    collapse = new EventEmitter();
-    /**
-     * Specifies if the content is expanded.
-     * @default false
-     */
-    expanded = false;
-    /**
-     * Specifies if this is the last item in the menu.
-     * @hidden
-     */
-    isLast = false;
-    /**
-     * Sets the CSS class for the actions container.
-     * @hidden
-     */
-    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-    /**
-     * Defines the SVG icon for the filter.
-     */
-    filterIcon = filterIcon;
-    constructor(ctx, hostElement) {
-        super();
-        this.ctx = ctx;
-        this.hostElement = hostElement;
-    }
-    /**
-     * @hidden
-     */
-    onCollapse() {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
-        this.collapse.emit();
-    }
-    /**
-     * @hidden
-     */
-    onExpand() {
-        this.expanded = true;
-        this.expand.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuFilterComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuFilterComponent, isStandalone: true, selector: "kendo-grid-columnmenu-filter", inputs: { expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-columnmenu-item
-            [text]="ctx.localization.get('filter')"
-            icon="filter"
-            [svgIcon]="filterIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-filter-menu-container
-                    [column]="service.column"
-                    [menuTabbingService]="service.menuTabbingService"
-                    [filter]="service.filter"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                    (close)="close()">
-                </kendo-grid-filter-menu-container>
-            </ng-template>
-        </kendo-grid-columnmenu-item>
-    `, isInline: true, dependencies: [{ 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]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-columnmenu-filter',
-                    template: `
-        <kendo-grid-columnmenu-item
-            [text]="ctx.localization.get('filter')"
-            icon="filter"
-            [svgIcon]="filterIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-filter-menu-container
-                    [column]="service.column"
-                    [menuTabbingService]="service.menuTabbingService"
-                    [filter]="service.filter"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                    (close)="close()">
-                </kendo-grid-filter-menu-container>
-            </ng-template>
-        </kendo-grid-columnmenu-item>
-    `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, FilterMenuContainerComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i0.ElementRef }], propDecorators: { expand: [{
-                type: Output
-            }], collapse: [{
-                type: Output
-            }], expanded: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }] } });

package/esm2022/column-menu/column-menu-item-base.mjs

@@ -1,44 +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 { Input, isDevMode, HostBinding, Component } from '@angular/core';
-import { ColumnMenuService } from './column-menu.service';
-import { ColumnMenuErrorMessages } from '../common/error-messages';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ColumnMenuItemBase {
-    /**
-     * Represents the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) class.
-     * This input is required.
-     */
-    service;
-    hostClass = true;
-    ngOnInit() {
-        if (isDevMode() && !this.service) {
-            throw new Error(ColumnMenuErrorMessages.serviceInput);
-        }
-    }
-    /**
-     * @hidden
-     */
-    close() {
-        this.service.close();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuItemBase, selector: "kendo-grid-column-menu-item-base", inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-column-menu-item-base',
-                    template: ``
-                }]
-        }], propDecorators: { service: [{
-                type: Input
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-columnmenu-item-wrapper']
-            }] } });

package/esm2022/column-menu/column-menu-item-content-template.directive.mjs

@@ -1,45 +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, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the content template of the
- * [`ColumnMenuItemComponent`]({% slug api_grid_columnmenuitemcomponent %}) component.
- * Use this directive to specify the content of a column menu item.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoGridColumnMenuItemContentTemplate` directive inside a `<kendo-grid-columnmenu-item>`.
- *
- * @example
- * ```html
- * <kendo-grid [data]="data" [columnMenu]="true" ...>
- *   <ng-template kendoGridColumnMenuTemplate>
- *     <kendo-grid-columnmenu-item text="Text" [expanded]="true">
- *       <ng-template kendoGridColumnMenuItemContentTemplate>
- *         Content
- *       </ng-template>
- *     </kendo-grid-columnmenu-item>
- *   </ng-template>
- *   <kendo-grid-column field="ID"></kendo-grid-column>
- *   ...
- * </kendo-grid>
- * ```
- */
-export class ColumnMenuItemContentTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoGridColumnMenuItemContentTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridColumnMenuItemContentTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });