@progress/kendo-angular-grid 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/excel/excel.module.mjs

@@ -4,12 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
 import { IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
+import { KENDO_EXCELEXPORT } from '@progress/kendo-angular-excel-export';
 import { KENDO_GRID_EXCEL_EXPORT } from '../directives';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-icons";
 import * as i2 from "./excel.component";
 import * as i3 from "./excel-command.directive";
+import * as i4 from "./excel-command-tool.directive";
+import * as i5 from "@progress/kendo-angular-excel-export";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -33,15 +35,15 @@ import * as i3 from "./excel-command.directive";
  * ```
  */
 export class ExcelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective, i5.ExcelExportComponent, i5.ColumnComponent, i5.ColumnGroupComponent, i5.FooterTemplateDirective, i5.GroupFooterTemplateDirective, i5.GroupHeaderColumnTemplateDirective, i5.GroupHeaderTemplateDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective, i5.ExcelExportComponent, i5.ColumnComponent, i5.ColumnGroupComponent, i5.FooterTemplateDirective, i5.GroupFooterTemplateDirective, i5.GroupHeaderColumnTemplateDirective, i5.GroupHeaderTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, i3.ExcelCommandDirective, i5.ExcelExportComponent, i5.ColumnComponent, i5.ColumnGroupComponent] });
 }
-ExcelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, KENDO_GRID_EXCEL_EXPORT, ExcelExportModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...KENDO_ICONS, ...KENDO_GRID_EXCEL_EXPORT],
-                    exports: [...KENDO_GRID_EXCEL_EXPORT, ExcelExportModule],
+                    imports: [...KENDO_ICONS, ...KENDO_GRID_EXCEL_EXPORT, ...KENDO_EXCELEXPORT],
+                    exports: [...KENDO_GRID_EXCEL_EXPORT, ...KENDO_EXCELEXPORT],
                     providers: [IconsService]
                 }]
         }] });

package/{esm2020 → esm2022}/excel/excel.service.mjs

@@ -9,10 +9,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ExcelService {
-    constructor() {
-        this.saveToExcel = new EventEmitter();
-        this.exportClick = new EventEmitter();
-    }
+    saveToExcel = new EventEmitter();
+    exportClick = new EventEmitter();
     save(component) {
         if (this.saveToExcel.observers.length === 0) {
             if (isDevMode()) {
@@ -23,9 +21,9 @@ export class ExcelService {
             this.saveToExcel.emit(component);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService });
 }
-ExcelService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExcelService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/filtering/base-filter-cell.component.mjs

@@ -88,23 +88,32 @@ export const localizeOperators = operators => localization => Object.keys(operat
  * An abstract base class for the filter-cell component ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
  */
 export class BaseFilterCellComponent {
-    constructor(filterService) {
-        this.filterService = filterService;
-        this.operatorList = new QueryList();
-        /**
-         * @hidden
-         */
-        this.size = 'medium';
-    }
+    filterService;
     get hostClasses() {
         return true;
     }
+    operatorList = new QueryList();
     get operators() {
         return this._operators?.length ? this._operators : this.defaultOperators;
     }
     set operators(values) {
         this._operators = values;
     }
+    /**
+     * @hidden
+     */
+    size = 'medium';
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter;
+    defaultOperators;
+    _operators;
+    operationListSubscription;
+    constructor(filterService) {
+        this.filterService = filterService;
+    }
     /**
      * @hidden
      */
@@ -146,10 +155,10 @@ export class BaseFilterCellComponent {
     applyFilter(filter) {
         this.filterService.filter(filter);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterCellComponent, inputs: { operators: "operators", filter: "filter" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
 }
-BaseFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseFilterCellComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseFilterCellComponent, inputs: { operators: "operators" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { hostClasses: [{
@@ -160,4 +169,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [FilterOperatorBase]
             }], operators: [{
                 type: Input
+            }], filter: [{
+                type: Input
             }] } });

package/{esm2020 → esm2022}/filtering/boolean-filter.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 // eslint-disable no-access-missing-member
-import { Input, HostBinding, Component } from '@angular/core';
+import { Input, Component } from '@angular/core';
 import { ColumnComponent } from '../columns/column.component';
 import { FilterService } from './filter.service';
 import { BaseFilterCellComponent } from './base-filter-cell.component';
@@ -15,31 +15,16 @@ import * as i2 from "../common/provider.service";
  * @hidden
  */
 export class BooleanFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, ctx) {
-        super(filterService);
-        this.ctx = ctx;
-        /**
-         * @hidden
-         */
-        this.operator = "eq";
-        /**
-         * @hidden
-         */
-        this.items = [
-            { text: this.ctx.localization.get("filterIsTrue"), value: true },
-            { text: this.ctx.localization.get("filterIsFalse"), value: false }
-        ];
-        /**
-         * @hidden
-         */
-        this.defaultItem = { text: this.ctx.localization.get("filterBooleanAll"), value: null };
-    }
+    ctx;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
     /**
      * @hidden
      */
-    get hostClasses() {
-        return true;
-    }
+    operator = "eq";
     /**
      * The current filter for the associated column field.
      * @readonly
@@ -56,6 +41,18 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : this.operator;
     }
+    items;
+    defaultItem;
+    subscription;
+    constructor(filterService, ctx) {
+        super(filterService);
+        this.ctx = ctx;
+        this.items = [
+            { text: this.ctx.localization.get("filterIsTrue"), value: true },
+            { text: this.ctx.localization.get("filterIsFalse"), value: false }
+        ];
+        this.defaultItem = { text: this.ctx.localization.get("filterBooleanAll"), value: null };
+    }
     ngOnInit() {
         this.subscription = this.ctx.localization.changes.subscribe(this.localizationChange.bind(this));
     }
@@ -72,20 +69,15 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
         ];
         this.defaultItem = { text: this.ctx.localization.get("filterBooleanAll"), value: null };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterComponent, selector: "kendo-grid-boolean-filter-base", inputs: { column: "column" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterComponent, selector: "kendo-grid-boolean-filter-base", inputs: { column: "column", filter: "filter" }, host: { properties: { "class.k-filtercell-boolean": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-boolean-filter-base',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }]; }, propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-filtercell-boolean']
-            }], column: [{
-                type: Input
-            }], filter: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }]; }, propDecorators: { column: [{
                 type: Input
             }] } });

package/{esm2020 → esm2022}/filtering/cell/autocomplete-filter-cell.component.mjs

@@ -33,15 +33,10 @@ const stringOperators = localizeOperators({
  * @hidden
  */
 export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
-    constructor(filterService, column, ctx, sizingOptionsService) {
-        super(filterService);
-        this.ctx = ctx;
-        this.showOperators = true;
-        this.size = 'medium';
-        this.defaultOperators = stringOperators(this.ctx.localization);
-        this.column = column;
-        this.subs = sizingOptionsService.changes.subscribe(size => this.size = size);
-    }
+    ctx;
+    showOperators = true;
+    column;
+    data;
     set valueField(value) {
         this._valueField = value;
     }
@@ -54,14 +49,23 @@ export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : "contains";
     }
+    size = 'medium';
+    _valueField;
+    subs;
+    constructor(filterService, column, ctx, sizingOptionsService) {
+        super(filterService);
+        this.ctx = ctx;
+        this.defaultOperators = stringOperators(this.ctx.localization);
+        this.column = column;
+        this.subs = sizingOptionsService.changes.subscribe(size => this.size = size);
+    }
     ngOnDestroy() {
         if (this.subs) {
             this.subs.unsubscribe();
         }
     }
-}
-AutoCompleteFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.ContextService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AutoCompleteFilterCellComponent, isStandalone: true, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", filter: "filter", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.ContextService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutoCompleteFilterCellComponent, isStandalone: true, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -76,7 +80,8 @@ AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             </kendo-autocomplete>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-autocomplete-filter-cell',
@@ -102,8 +107,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], column: [{
                 type: Input
-            }], filter: [{
-                type: Input
             }], data: [{
                 type: Input
             }], valueField: [{

package/{esm2020 → esm2022}/filtering/cell/boolean-filter-cell.component.mjs

@@ -34,13 +34,15 @@ import * as i3 from "../../layout/sizing-options.service";
  * ```
  */
 export class BooleanFilterCellComponent extends BooleanFilterComponent {
+    cd;
+    /**
+     * @hidden
+     */
+    size = 'medium';
+    subs;
     constructor(filterService, ctx, cd, sizingService) {
         super(filterService, ctx);
         this.cd = cd;
-        /**
-         * @hidden
-         */
-        this.size = 'medium';
         this.subs = sizingService.changes.subscribe((size) => this.size = size);
     }
     ngOnDestroy() {
@@ -58,9 +60,8 @@ export class BooleanFilterCellComponent extends BooleanFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-BooleanFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterCellComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-cell", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterCellComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-cell", usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -81,7 +82,8 @@ BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </kendo-dropdownlist>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterCellComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-boolean-filter-cell',

package/{esm2020 → esm2022}/filtering/cell/date-filter-cell.component.mjs

@@ -34,28 +34,30 @@ import * as i3 from "../../layout/sizing-options.service";
  * ```
  */
 export class DateFilterCellComponent extends DateFilterComponent {
+    ctx;
+    /**
+     *  Represents a [DatePicker](slug:overview_datepicker) filter-cell component.
+     * [See example](slug:filter_row#toc-built-in-filter-row-components).
+     * @example
+     *
+     * ```html
+     * <kendo-grid-column field="Discontinued">
+     *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+     *     <kendo-grid-date-filter-cell
+     *       [column]="column"
+     *       [filter]="filter">
+     *     </kendo-grid-date-filter-cell>
+     *   </ng-template>
+     * </kendo-grid-column>
+     * ```
+     * @type {boolean}
+     * @default true
+     */
+    showOperators = true;
+    subs;
     constructor(filterService, ctx, sizingService) {
         super(filterService, ctx);
         this.ctx = ctx;
-        /**
-         *  Represents a [DatePicker](slug:overview_datepicker) filter-cell component.
-         * [See example](slug:filter_row#toc-built-in-filter-row-components).
-         * @example
-         *
-         * ```html
-         * <kendo-grid-column field="Discontinued">
-         *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
-         *     <kendo-grid-date-filter-cell
-         *       [column]="column"
-         *       [filter]="filter">
-         *     </kendo-grid-date-filter-cell>
-         *   </ng-template>
-         * </kendo-grid-column>
-         * ```
-         * @type {boolean}
-         * @default true
-         */
-        this.showOperators = true;
         this.subs = sizingService.changes.subscribe((size) => this.size = size);
     }
     ngOnDestroy() {
@@ -75,9 +77,8 @@ export class DateFilterCellComponent extends DateFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterCellComponent, isStandalone: true, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterCellComponent, isStandalone: true, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -109,7 +110,8 @@ DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterCellComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-date-filter-cell',

package/{esm2020 → esm2022}/filtering/cell/filter-cell-host.directive.mjs

@@ -21,10 +21,10 @@ export class FilterCellHostDirective extends FilterHostDirective {
         }
         return StringFilterCellComponent;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCellHostDirective, isStandalone: true, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
 }
-FilterCellHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterCellHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellHostDirective, isStandalone: true, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterCellHost]',

package/{esm2020 → esm2022}/filtering/cell/filter-cell-operators.component.mjs

@@ -34,46 +34,67 @@ import * as i2 from "../../layout/sizing-options.service";
  * ```
  */
 export class FilterCellOperatorsComponent {
-    constructor(ctx, sizing) {
-        this.ctx = ctx;
-        this.sizing = sizing;
-        this.clearText = 'Clear';
-        this.filterClearIcon = filterClearIcon;
-        /**
-         * @hidden
-         */
-        this.filterSVGIcon = filterIcon;
-        /**
-         * @hidden
-         */
-        this.size = 'medium';
-        /**
-         * The filter operators that will be displayed.
-         */
-        this.operators = [];
-        /**
-         * Determines if the list of operators will be displayed.
-         * @type {boolean}
-         * @default true
-         */
-        this.showOperators = true;
-        /**
-         * Fires when the operator is selected.
-         * @type {EventEmitter<string>}
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Fires when the **Clear** button is clicked.
-         * @type {EventEmitter<undefined>}
-         */
-        this.clear = new EventEmitter();
-    }
+    ctx;
+    sizing;
+    clearText = 'Clear';
+    filterClearIcon = filterClearIcon;
+    /**
+     * @hidden
+     */
+    filterSVGIcon = filterIcon;
+    /**
+     * @hidden
+     */
+    size = 'medium';
     /**
      * @hidden
      */
     get hostClasses() {
         return true;
     }
+    /**
+     * @hidden
+     */
+    dropdown;
+    /**
+     * The filter operators that will be displayed.
+     */
+    operators = [];
+    /**
+     * Determines if the **Clear** button will be displayed.
+     * @type {boolean}
+     */
+    showButton;
+    /**
+     * Determines if the list of operators will be displayed.
+     * @type {boolean}
+     * @default true
+     */
+    showOperators = true;
+    /**
+     * The selected operator.
+     * @type {string}
+     */
+    value;
+    /**
+     * The Grid column which the filter operators are associated with.
+     */
+    column;
+    /**
+     * Fires when the operator is selected.
+     * @type {EventEmitter<string>}
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Fires when the **Clear** button is clicked.
+     * @type {EventEmitter<undefined>}
+     */
+    clear = new EventEmitter();
+    subs;
+    constructor(ctx, sizing) {
+        this.ctx = ctx;
+        this.sizing = sizing;
+    }
     /**
      * @hidden
      */
@@ -124,9 +145,8 @@ export class FilterCellOperatorsComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.ContextService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellOperatorsComponent, isStandalone: true, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value", column: "column" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.ContextService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterCellOperatorsComponent, isStandalone: true, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value", column: "column" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
         <kendo-dropdownlist
             #dropdown
             *ngIf="showOperators"
@@ -156,7 +176,8 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             (click)="clearClick()"
             (keydown)="clearKeydown($event)"></button>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: 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: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-filter-cell-operators',

package/{esm2020 → esm2022}/filtering/cell/filter-cell-template.directive.mjs

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

package/{esm2020 → esm2022}/filtering/cell/filter-cell-wrapper.component.mjs

@@ -14,27 +14,26 @@ const EMPTY_FILTER_OPERATORS = ['isnull', 'isnotnull', 'isempty', 'isnotempty'];
  * @hidden
  */
 export class FilterCellWrapperComponent extends FilterInputWrapperComponent {
-    constructor(filterService) {
-        super(filterService);
-        this.showOperators = true;
-    }
     get hostClasses() {
         return true;
     }
     get overrideBaseClasses() {
         return false;
     }
+    showOperators = true;
     get showButton() {
         const filter = this.currentFilter;
         return isPresent(filter) && (!isNullOrEmptyString(filter.value) ||
             EMPTY_FILTER_OPERATORS.indexOf(String(filter.operator)) >= 0);
     }
+    constructor(filterService) {
+        super(filterService);
+    }
     filterChange(filter) {
         this.applyFilter(filter);
     }
-}
-FilterCellWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
-FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellWrapperComponent, isStandalone: true, selector: "kendo-grid-filter-wrapper-cell", inputs: { showOperators: "showOperators" }, host: { properties: { "class.k-filtercell-wrapper": "this.hostClasses", "class.k-filtercell": "this.overrideBaseClasses" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterCellWrapperComponent, isStandalone: true, selector: "kendo-grid-filter-wrapper-cell", inputs: { showOperators: "showOperators" }, host: { properties: { "class.k-filtercell-wrapper": "this.hostClasses", "class.k-filtercell": "this.overrideBaseClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <ng-content></ng-content>
         <kendo-grid-filter-cell-operators
             [showOperators]="showOperators"
@@ -45,7 +44,8 @@ FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             [(value)]="currentOperator">
         </kendo-grid-filter-cell-operators>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value", "column"], outputs: ["valueChange", "clear"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-filter-wrapper-cell',