@progress/kendo-angular-grid 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/rendering/details/detail-expand-event.mjs

@@ -7,6 +7,14 @@ import { PreventableEvent } from '../../common/preventable-event';
  * Arguments for the `detailExpand` event.
  */
 export class DetailExpandEvent extends PreventableEvent {
+    /**
+     * The expanded row `dataItem`.
+     */
+    dataItem;
+    /**
+     * The expanded row index.
+     */
+    index;
     constructor(args) {
         super();
         Object.assign(this, args);

package/{esm2020 → esm2022}/rendering/details/detail-template.directive.mjs

@@ -24,10 +24,7 @@ import * as i0 from "@angular/core";
  *
  */
 export class DetailTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._condition = () => true;
-    }
+    templateRef;
     /**
      * Defines the function that indicates if a given detail row and the associated **Expand** or **Collapse** button will be displayed.
      */
@@ -40,10 +37,14 @@ export class DetailTemplateDirective {
     get showIf() {
         return this._condition;
     }
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    _condition = () => true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DetailTemplateDirective, isStandalone: true, selector: "[kendoGridDetailTemplate]", inputs: { showIf: ["kendoGridDetailTemplateShowIf", "showIf"] }, ngImport: i0 });
 }
-DetailTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DetailTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DetailTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DetailTemplateDirective, isStandalone: true, selector: "[kendoGridDetailTemplate]", inputs: { showIf: ["kendoGridDetailTemplateShowIf", "showIf"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DetailTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridDetailTemplate]',

package/{esm2020 → esm2022}/rendering/details/details.service.mjs

@@ -11,10 +11,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DetailsService {
-    constructor() {
-        this.changes = new Subject();
-        this.rowState = new Set();
-    }
+    userCallback;
+    changes = new Subject();
+    rowState = new Set();
     ngOnDestroy() {
         this.rowState.clear();
     }
@@ -49,9 +48,9 @@ export class DetailsService {
         this.changes.next(eventArg);
         return eventArg.isDefaultPrevented();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsService });
 }
-DetailsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DetailsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DetailsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DetailsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DetailsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/rendering/details-expand.directive.mjs

@@ -14,28 +14,11 @@ import * as i1 from "../grid.component";
  * A directive which controls the expanded state of the master detail rows. ([see example](slug:master_detail_expanded_state_grid#toc-built-in-directive))
  */
 export class ExpandDetailsDirective {
-    constructor(grid) {
-        this.grid = grid;
-        /**
-         * Fires when the expandedDetailKeys are changed.
-         */
-        this.expandedDetailKeysChange = new EventEmitter();
-        /**
-         * Defines the collection that will store the expanded keys.
-         */
-        this.expandedDetailKeys = [];
-        /**
-         * Specifies if the items should be initially expanded.
-         * When set to `true` items added to the `expandedDetailKeys` collection will be collapsed, and items that are not present in it will be expanded.
-         *
-         * @default false
-         */
-        this.initiallyExpanded = false;
-        this.expandedState = new Set();
-        this.subscriptions = new Subscription();
-        this.grid.isDetailExpanded = this.isExpanded.bind(this);
-        this.subscriptions.add(merge(this.grid.detailExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.detailCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
-    }
+    grid;
+    /**
+     * Fires when the expandedDetailKeys are changed.
+     */
+    expandedDetailKeysChange = new EventEmitter();
     /**
      * Defines the item key that will be stored in the `expandedDetailKeys` collection ([see example]({% slug master_detail_expanded_state_grid %}#toc-built-in-directive)).
      */
@@ -61,6 +44,26 @@ export class ExpandDetailsDirective {
     set expandDetailBy(key) {
         this.expandDetailsKey = key;
     }
+    /**
+     * Defines the collection that will store the expanded keys.
+     */
+    expandedDetailKeys = [];
+    /**
+     * Specifies if the items should be initially expanded.
+     * When set to `true` items added to the `expandedDetailKeys` collection will be collapsed, and items that are not present in it will be expanded.
+     *
+     * @default false
+     */
+    initiallyExpanded = false;
+    expandedState = new Set();
+    lastExpandedState;
+    _expandBy;
+    subscriptions = new Subscription();
+    constructor(grid) {
+        this.grid = grid;
+        this.grid.isDetailExpanded = this.isExpanded.bind(this);
+        this.subscriptions.add(merge(this.grid.detailExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.detailCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
+    }
     ngOnChanges(changes) {
         // skip reinitialization if the user data is the same as the last state change
         if (isPresent(changes['expandedDetailKeys']) && this.lastExpandedState !== this.expandedDetailKeys) {
@@ -96,10 +99,10 @@ export class ExpandDetailsDirective {
         this.lastExpandedState = Array.from(this.expandedState);
         this.expandedDetailKeysChange.emit(this.lastExpandedState);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandDetailsDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpandDetailsDirective, isStandalone: true, selector: "[kendoGridExpandDetailsBy]", inputs: { expandDetailsKey: ["kendoGridExpandDetailsBy", "expandDetailsKey"], expandDetailBy: "expandDetailBy", expandedDetailKeys: "expandedDetailKeys", initiallyExpanded: "initiallyExpanded" }, outputs: { expandedDetailKeysChange: "expandedDetailKeysChange" }, exportAs: ["kendoGridExpandDetailsBy"], usesOnChanges: true, ngImport: i0 });
 }
-ExpandDetailsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandDetailsDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandDetailsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpandDetailsDirective, isStandalone: true, selector: "[kendoGridExpandDetailsBy]", inputs: { expandDetailsKey: ["kendoGridExpandDetailsBy", "expandDetailsKey"], expandDetailBy: "expandDetailBy", expandedDetailKeys: "expandedDetailKeys", initiallyExpanded: "initiallyExpanded" }, outputs: { expandedDetailKeysChange: "expandedDetailKeysChange" }, exportAs: ["kendoGridExpandDetailsBy"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandDetailsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandDetailsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridExpandDetailsBy]',

package/{esm2020 → esm2022}/rendering/footer/footer-template.directive.mjs

@@ -30,13 +30,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class FooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoGridFooterTemplate]", ngImport: i0 });
 }
-FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoGridFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFooterTemplate]',

package/{esm2020 → esm2022}/rendering/footer/footer.component.mjs

@@ -19,18 +19,22 @@ import * as i1 from "./../../common/column-info.service";
  * @hidden
  */
 export class FooterComponent {
-    constructor(columnInfoService) {
-        this.columnInfoService = columnInfoService;
-        this.columns = [];
-        this.groups = [];
-        this.lockedColumnsCount = 0;
-        this.logicalRowIndex = 0;
-        this.hostClass = true;
-        this.hostRole = 'rowgroup';
-    }
+    columnInfoService;
+    columns = [];
+    groups = [];
+    detailTemplate;
+    scrollable;
+    lockedColumnsCount = 0;
+    logicalRowIndex = 0;
+    totalColumns;
     get footerClass() {
         return !this.scrollable;
     }
+    hostClass = true;
+    hostRole = 'rowgroup';
+    constructor(columnInfoService) {
+        this.columnInfoService = columnInfoService;
+    }
     get columnsToRender() {
         return columnsToRender(this.columns || []);
     }
@@ -51,9 +55,8 @@ export class FooterComponent {
     isColumnGroupComponent(column) {
         return isColumnGroupComponent(column);
     }
-}
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterComponent, deps: [{ token: i1.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, deps: [{ token: i1.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
     <ng-container>
         <tr
             [class.k-footer-template]="true"
@@ -98,7 +101,8 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         </tr>
     </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridFooter]',

package/{esm2020 → esm2022}/rendering/footer/footer.module.mjs

@@ -27,11 +27,11 @@ import * as i14 from "../grid-table.directive";
  * This module is deprecated and will be removed in a future major version release.
  */
 export class FooterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FooterModule, imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, FooterComponent], exports: [FooterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterModule, providers: [IconsService] });
 }
-FooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FooterModule, imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, FooterComponent], exports: [FooterComponent] });
-FooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterModule, providers: [IconsService], imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i7.ColGroupComponent, i12.SpanColumnComponent, i13.LoadingComponent, FooterComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [FooterComponent],

package/{esm2020 → esm2022}/rendering/grid-table.directive.mjs

@@ -8,11 +8,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class GridTableDirective {
-    constructor(wrapper) {
-        this.wrapper = wrapper;
-        this.hostClass = true;
-        this._size = 'medium';
-    }
+    wrapper;
+    hostClass = true;
     get sizeSmallClass() {
         return this.size === 'small';
     }
@@ -28,10 +25,14 @@ export class GridTableDirective {
     get size() {
         return this._size;
     }
+    _size = 'medium';
+    constructor(wrapper) {
+        this.wrapper = wrapper;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridTableDirective, isStandalone: true, selector: "[kendoGridTable]", inputs: { size: "size" }, host: { properties: { "class.k-table": "this.hostClass", "class.k-table-sm": "this.sizeSmallClass", "class.k-table-md": "this.sizeMediumClass" } }, ngImport: i0 });
 }
-GridTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-GridTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridTableDirective, isStandalone: true, selector: "[kendoGridTable]", inputs: { size: "size" }, host: { properties: { "class.k-table": "this.hostClass", "class.k-table-sm": "this.sizeSmallClass", "class.k-table-md": "this.sizeMediumClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridTableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridTable]',

package/{esm2020 → esm2022}/rendering/groups-expand.directive.mjs

@@ -27,21 +27,11 @@ const DEFAULT_KEY_GETTER = (groupRowArgs) => ({
  * ([see example]({% slug groups_expanded_state_grid %}#toc-built-in-directive)).
  */
 export class ExpandGroupDirective {
-    constructor(grid) {
-        this.grid = grid;
-        /**
-         * Fires when the expandedGroupKeys are changed.
-         */
-        this.expandedGroupKeysChange = new EventEmitter();
-        /**
-         * Specifies if the group items should be initially expanded.
-         * @default false
-         */
-        this.groupsInitiallyExpanded = false;
-        this.subscriptions = new Subscription();
-        this.grid.isGroupExpanded = this.isExpanded.bind(this);
-        this.subscriptions.add(merge(this.grid.groupExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.groupCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
-    }
+    grid;
+    /**
+     * Fires when the expandedGroupKeys are changed.
+     */
+    expandedGroupKeysChange = new EventEmitter();
     /**
      * Defines the item format that will be stored in the `expandedGroupKeys`
      * ([see example]({% slug groups_expanded_state_grid %}#toc-custom-group-key-format)).
@@ -63,6 +53,19 @@ export class ExpandGroupDirective {
     set expandedGroupKeys(expandedGroups) {
         this._expandedGroupKeys = (expandedGroups || []).slice();
     }
+    /**
+     * Specifies if the group items should be initially expanded.
+     * @default false
+     */
+    groupsInitiallyExpanded = false;
+    _expandGroupBy;
+    _expandedGroupKeys;
+    subscriptions = new Subscription();
+    constructor(grid) {
+        this.grid = grid;
+        this.grid.isGroupExpanded = this.isExpanded.bind(this);
+        this.subscriptions.add(merge(this.grid.groupExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.groupCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
+    }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
@@ -114,10 +117,10 @@ export class ExpandGroupDirective {
         }
         this.expandedGroupKeysChange.emit(this.expandedGroupKeys.slice());
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandGroupDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpandGroupDirective, isStandalone: true, selector: "[kendoGridExpandGroupBy]", inputs: { expandGroupBy: ["kendoGridExpandGroupBy", "expandGroupBy"], expandedGroupKeys: "expandedGroupKeys", groupsInitiallyExpanded: "groupsInitiallyExpanded" }, outputs: { expandedGroupKeysChange: "expandedGroupKeysChange" }, exportAs: ["kendoGridExpandGroupBy"], ngImport: i0 });
 }
-ExpandGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandGroupDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpandGroupDirective, isStandalone: true, selector: "[kendoGridExpandGroupBy]", inputs: { expandGroupBy: ["kendoGridExpandGroupBy", "expandGroupBy"], expandedGroupKeys: "expandedGroupKeys", groupsInitiallyExpanded: "groupsInitiallyExpanded" }, outputs: { expandedGroupKeysChange: "expandedGroupKeysChange" }, exportAs: ["kendoGridExpandGroupBy"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridExpandGroupBy]',

package/{esm2020 → esm2022}/rendering/header/header-template.directive.mjs

@@ -27,13 +27,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class HeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGridHeaderTemplate]", ngImport: i0 });
 }
-HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoGridHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridHeaderTemplate]',

package/{esm2020 → esm2022}/rendering/header/header.component.mjs

@@ -76,50 +76,76 @@ const modifierKeys = ['alt', 'ctrl', 'shift', 'meta'];
  * @hidden
  */
 export class HeaderComponent {
-    constructor(popupService, hint, cue, reorderService, idService, sortService, columnInfoService, cd, contextService, navigationService, zone) {
-        this.popupService = popupService;
-        this.hint = hint;
-        this.cue = cue;
-        this.reorderService = reorderService;
-        this.idService = idService;
-        this.sortService = sortService;
-        this.columnInfoService = columnInfoService;
-        this.cd = cd;
-        this.contextService = contextService;
-        this.navigationService = navigationService;
-        this.zone = zone;
-        this.columns = [];
-        this.groups = [];
-        this.sort = new Array();
-        this.sortable = false;
-        this.groupable = false;
-        this.lockedColumnsCount = 0;
-        this.resizable = false;
-        this.reorderable = false;
-        this.columnMenu = false;
-        this.totalColumnsCount = 0;
-        this.size = 'medium';
-        this.sortedFields = {};
-        this.hostClass = true;
-        this.dropTargets = new QueryList();
-        this.sortAscSmallIcon = sortAscSmallIcon;
-        this.sortDescSmallIcon = sortDescSmallIcon;
-        this.subscription = new Subscription();
-        this.stopSorting = false;
-    }
+    popupService;
+    hint;
+    cue;
+    reorderService;
+    idService;
+    sortService;
+    columnInfoService;
+    cd;
+    contextService;
+    navigationService;
+    zone;
+    /**
+     * @hidden
+     */
+    totalColumnLevels;
+    columns = [];
+    groups = [];
+    detailTemplate;
+    scrollable;
+    filterable;
+    sort = new Array();
+    filter;
+    sortable = false;
+    groupable = false;
+    lockedColumnsCount = 0;
+    resizable = false;
+    reorderable = false;
+    columnMenu = false;
+    columnMenuTemplate;
+    totalColumnsCount = 0;
+    totalColumns;
+    tabIndex;
+    size = 'medium';
+    sortedFields = {};
     get headerClass() {
         return !this.scrollable;
     }
+    hostClass = true;
     get sortableLabel() {
         return this.contextService.localization.get('sortable');
     }
     get columnMenuSettings() {
         return this.columnMenu;
     }
+    dropTargets = new QueryList();
+    filterMenus;
+    columnMenus;
     // Number of unlocked columns in the next table, if any
     get unlockedColumnsCount() {
         return this.totalColumnsCount - this.lockedColumnsCount - this.columns.length;
     }
+    sortAscSmallIcon = sortAscSmallIcon;
+    sortDescSmallIcon = sortDescSmallIcon;
+    subscription = new Subscription();
+    targetSubscription;
+    stopSorting = false;
+    _leafColumns;
+    constructor(popupService, hint, cue, reorderService, idService, sortService, columnInfoService, cd, contextService, navigationService, zone) {
+        this.popupService = popupService;
+        this.hint = hint;
+        this.cue = cue;
+        this.reorderService = reorderService;
+        this.idService = idService;
+        this.sortService = sortService;
+        this.columnInfoService = columnInfoService;
+        this.cd = cd;
+        this.contextService = contextService;
+        this.navigationService = navigationService;
+        this.zone = zone;
+    }
     sortColumn(descriptor) {
         this.sortService.sort(descriptor);
     }
@@ -465,9 +491,8 @@ export class HeaderComponent {
             target: target.context.column
         });
     }
-}
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.IdService }, { token: i6.SortService }, { token: i7.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.IdService }, { token: i6.SortService }, { token: i7.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <ng-container>
         <tr *ngFor="let i of columnLevels; let levelIndex = index"
             kendoGridLogicalRow
@@ -689,7 +714,8 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         ></tr>
     </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridHeader]',

package/{esm2020 → esm2022}/rendering/header/header.module.mjs

@@ -110,25 +110,25 @@ const importedModules = [
  * This module is deprecated and will be removed in a future major version release.
  */
 export class HeaderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.FilterRowComponent, i7.FilterCellComponent, i8.FilterCellTemplateDirective, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i13.FilterCellHostDirective, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i49.FilterInputDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i49.FilterInputDirective, i50.FilterMenuComponent, i51.FilterMenuContainerComponent, i52.FilterMenuInputWrapperComponent, i53.StringFilterMenuInputComponent, i54.StringFilterMenuComponent, i55.FilterMenuTemplateDirective, i56.NumericFilterMenuComponent, i57.NumericFilterMenuInputComponent, i58.DateFilterMenuInputComponent, i59.DateFilterMenuComponent, i60.FilterMenuHostDirective, i61.BooleanFilterMenuComponent, i62.FilterMenuDropDownListDirective, i63.BooleanFilterRadioButtonDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i64.DraggableColumnDirective, i65.DropTargetDirective, i66.ColumnMenuChooserItemCheckedDirective, i67.ColumnListComponent, i68.ColumnChooserComponent, i69.ColumnMenuChooserComponent, i70.ColumnMenuFilterComponent, i71.ColumnMenuItemComponent, i72.ColumnMenuItemContentTemplateDirective, i73.ColumnMenuSortComponent, i74.ColumnMenuComponent, i75.ColumnMenuLockComponent, i76.ColumnMenuTemplateDirective, i77.ColumnMenuContainerComponent, i78.ColumnMenuItemDirective, i79.ColumnMenuStickComponent, i80.ColumnMenuPositionComponent, i81.ColumnMenuAutoSizeColumnComponent, i82.ColumnMenuAutoSizeAllColumnsComponent, i83.HeaderComponent, i84.HeaderTemplateDirective, i85.ColumnHandleDirective, i86.SelectAllCheckboxDirective], exports: [i83.HeaderComponent, i84.HeaderTemplateDirective, i85.ColumnHandleDirective, i86.SelectAllCheckboxDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, providers: [
+            PopupService,
+            ResizeBatchService,
+            IconsService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService,
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            NavigationService
+        ], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i30.FilterCellOperatorsComponent, i30.FilterCellOperatorsComponent, i50.FilterMenuComponent, i51.FilterMenuContainerComponent, i52.FilterMenuInputWrapperComponent, i53.StringFilterMenuInputComponent, i54.StringFilterMenuComponent, i56.NumericFilterMenuComponent, i57.NumericFilterMenuInputComponent, i58.DateFilterMenuInputComponent, i59.DateFilterMenuComponent, i68.ColumnChooserComponent, i69.ColumnMenuChooserComponent, i70.ColumnMenuFilterComponent, i71.ColumnMenuItemComponent, i73.ColumnMenuSortComponent, i74.ColumnMenuComponent, i75.ColumnMenuLockComponent, i79.ColumnMenuStickComponent, i80.ColumnMenuPositionComponent, i81.ColumnMenuAutoSizeColumnComponent, i82.ColumnMenuAutoSizeAllColumnsComponent, i83.HeaderComponent] });
 }
-HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.FilterRowComponent, i7.FilterCellComponent, i8.FilterCellTemplateDirective, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i13.FilterCellHostDirective, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i49.FilterInputDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i49.FilterInputDirective, i50.FilterMenuComponent, i51.FilterMenuContainerComponent, i52.FilterMenuInputWrapperComponent, i53.StringFilterMenuInputComponent, i54.StringFilterMenuComponent, i55.FilterMenuTemplateDirective, i56.NumericFilterMenuComponent, i57.NumericFilterMenuInputComponent, i58.DateFilterMenuInputComponent, i59.DateFilterMenuComponent, i60.FilterMenuHostDirective, i61.BooleanFilterMenuComponent, i62.FilterMenuDropDownListDirective, i63.BooleanFilterRadioButtonDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.LoadingComponent, i29.GridTableDirective, i64.DraggableColumnDirective, i65.DropTargetDirective, i66.ColumnMenuChooserItemCheckedDirective, i67.ColumnListComponent, i68.ColumnChooserComponent, i69.ColumnMenuChooserComponent, i70.ColumnMenuFilterComponent, i71.ColumnMenuItemComponent, i72.ColumnMenuItemContentTemplateDirective, i73.ColumnMenuSortComponent, i74.ColumnMenuComponent, i75.ColumnMenuLockComponent, i76.ColumnMenuTemplateDirective, i77.ColumnMenuContainerComponent, i78.ColumnMenuItemDirective, i79.ColumnMenuStickComponent, i80.ColumnMenuPositionComponent, i81.ColumnMenuAutoSizeColumnComponent, i82.ColumnMenuAutoSizeAllColumnsComponent, i83.HeaderComponent, i84.HeaderTemplateDirective, i85.ColumnHandleDirective, i86.SelectAllCheckboxDirective], exports: [i83.HeaderComponent, i84.HeaderTemplateDirective, i85.ColumnHandleDirective, i86.SelectAllCheckboxDirective] });
-HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, providers: [
-        PopupService,
-        ResizeBatchService,
-        IconsService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService,
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        NavigationService
-    ], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.FilterRowComponent, i7.FilterCellComponent, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i28.LoadingComponent, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i28.LoadingComponent, i30.FilterCellOperatorsComponent, i31.ContainsFilterOperatorComponent, i32.DoesNotContainFilterOperatorComponent, i33.EndsWithFilterOperatorComponent, i34.EqualFilterOperatorComponent, i35.IsEmptyFilterOperatorComponent, i36.IsNotEmptyFilterOperatorComponent, i37.IsNotNullFilterOperatorComponent, i38.IsNullFilterOperatorComponent, i39.NotEqualFilterOperatorComponent, i40.StartsWithFilterOperatorComponent, i41.GreaterFilterOperatorComponent, i42.GreaterOrEqualToFilterOperatorComponent, i43.LessFilterOperatorComponent, i44.LessOrEqualToFilterOperatorComponent, i45.AfterFilterOperatorComponent, i46.AfterEqFilterOperatorComponent, i47.BeforeEqFilterOperatorComponent, i48.BeforeFilterOperatorComponent, i50.FilterMenuComponent, i51.FilterMenuContainerComponent, i52.FilterMenuInputWrapperComponent, i53.StringFilterMenuInputComponent, i54.StringFilterMenuComponent, i56.NumericFilterMenuComponent, i57.NumericFilterMenuInputComponent, i58.DateFilterMenuInputComponent, i59.DateFilterMenuComponent, i61.BooleanFilterMenuComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i28.LoadingComponent, i67.ColumnListComponent, i68.ColumnChooserComponent, i69.ColumnMenuChooserComponent, i70.ColumnMenuFilterComponent, i71.ColumnMenuItemComponent, i73.ColumnMenuSortComponent, i74.ColumnMenuComponent, i75.ColumnMenuLockComponent, i77.ColumnMenuContainerComponent, i79.ColumnMenuStickComponent, i80.ColumnMenuPositionComponent, i81.ColumnMenuAutoSizeColumnComponent, i82.ColumnMenuAutoSizeAllColumnsComponent, i83.HeaderComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GRID_HEADER_EXPORTS],