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

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

@@ -33,23 +33,30 @@ import * as i3 from "../../layout/sizing-options.service";
  * ```
  */
 export class NumericFilterCellComponent extends NumericFilterComponent {
+    ctx;
+    /**
+     * Determines the delay time (in milliseconds) before the filter value is submitted.
+     * A value of `0` indicates no delay. The default value is `500`.
+     * @type {boolean}\
+     * @default 500
+     */
+    filterDelay = 500;
+    /**
+     * Determines if the drop-down filter operators will be displayed.
+     * The default value is `true`.
+     * @type {boolean}
+     * @default true
+     */
+    showOperators = true;
+    /**
+    * The placeholder text for the filter input.
+    * @type {string}
+    */
+    placeholder;
+    subs;
     constructor(filterService, ctx, sizingService) {
         super(filterService, ctx);
         this.ctx = ctx;
-        /**
-         * Determines the delay time (in milliseconds) before the filter value is submitted.
-         * A value of `0` indicates no delay. The default value is `500`.
-         * @type {boolean}\
-         * @default 500
-         */
-        this.filterDelay = 500;
-        /**
-         * Determines if the drop-down filter operators will be displayed.
-         * The default value is `true`.
-         * @type {boolean}
-         * @default true
-         */
-        this.showOperators = true;
         this.subs = sizingService.changes.subscribe((size) => this.size = size);
     }
     ngOnDestroy() {
@@ -69,9 +76,8 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterCellComponent, isStandalone: true, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterCellComponent, 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: NumericFilterCellComponent, isStandalone: true, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -103,7 +109,8 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-numeric-filter-cell',

package/{esm2020 → esm2022}/filtering/cell/row-filtering.module.mjs

@@ -70,25 +70,25 @@ const ENTRY_COMPONENTS = [
  * This module is deprecated and will be removed in a future major version release.
  */
 export class RowFilterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RowFilterModule, imports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.LoadingComponent, i24.GridTableDirective, i25.FilterCellOperatorsComponent, i26.ContainsFilterOperatorComponent, i27.DoesNotContainFilterOperatorComponent, i28.EndsWithFilterOperatorComponent, i29.EqualFilterOperatorComponent, i30.IsEmptyFilterOperatorComponent, i31.IsNotEmptyFilterOperatorComponent, i32.IsNotNullFilterOperatorComponent, i33.IsNullFilterOperatorComponent, i34.NotEqualFilterOperatorComponent, i35.StartsWithFilterOperatorComponent, i36.GreaterFilterOperatorComponent, i37.GreaterOrEqualToFilterOperatorComponent, i38.LessFilterOperatorComponent, i39.LessOrEqualToFilterOperatorComponent, i40.AfterFilterOperatorComponent, i41.AfterEqFilterOperatorComponent, i42.BeforeEqFilterOperatorComponent, i43.BeforeFilterOperatorComponent, i44.FilterInputDirective], exports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.LoadingComponent, i24.GridTableDirective, i25.FilterCellOperatorsComponent, i26.ContainsFilterOperatorComponent, i27.DoesNotContainFilterOperatorComponent, i28.EndsWithFilterOperatorComponent, i29.EqualFilterOperatorComponent, i30.IsEmptyFilterOperatorComponent, i31.IsNotEmptyFilterOperatorComponent, i32.IsNotNullFilterOperatorComponent, i33.IsNullFilterOperatorComponent, i34.NotEqualFilterOperatorComponent, i35.StartsWithFilterOperatorComponent, i36.GreaterFilterOperatorComponent, i37.GreaterOrEqualToFilterOperatorComponent, i38.LessFilterOperatorComponent, i39.LessOrEqualToFilterOperatorComponent, i40.AfterFilterOperatorComponent, i41.AfterEqFilterOperatorComponent, i42.BeforeEqFilterOperatorComponent, i43.BeforeFilterOperatorComponent, i44.FilterInputDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowFilterModule, providers: [
+            PopupService,
+            ResizeBatchService,
+            IconsService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService,
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            NavigationService
+        ], imports: [i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i25.FilterCellOperatorsComponent] });
 }
-RowFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RowFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, imports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.LoadingComponent, i24.GridTableDirective, i25.FilterCellOperatorsComponent, i26.ContainsFilterOperatorComponent, i27.DoesNotContainFilterOperatorComponent, i28.EndsWithFilterOperatorComponent, i29.EqualFilterOperatorComponent, i30.IsEmptyFilterOperatorComponent, i31.IsNotEmptyFilterOperatorComponent, i32.IsNotNullFilterOperatorComponent, i33.IsNullFilterOperatorComponent, i34.NotEqualFilterOperatorComponent, i35.StartsWithFilterOperatorComponent, i36.GreaterFilterOperatorComponent, i37.GreaterOrEqualToFilterOperatorComponent, i38.LessFilterOperatorComponent, i39.LessOrEqualToFilterOperatorComponent, i40.AfterFilterOperatorComponent, i41.AfterEqFilterOperatorComponent, i42.BeforeEqFilterOperatorComponent, i43.BeforeFilterOperatorComponent, i44.FilterInputDirective], exports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.LoadingComponent, i24.GridTableDirective, i25.FilterCellOperatorsComponent, i26.ContainsFilterOperatorComponent, i27.DoesNotContainFilterOperatorComponent, i28.EndsWithFilterOperatorComponent, i29.EqualFilterOperatorComponent, i30.IsEmptyFilterOperatorComponent, i31.IsNotEmptyFilterOperatorComponent, i32.IsNotNullFilterOperatorComponent, i33.IsNullFilterOperatorComponent, i34.NotEqualFilterOperatorComponent, i35.StartsWithFilterOperatorComponent, i36.GreaterFilterOperatorComponent, i37.GreaterOrEqualToFilterOperatorComponent, i38.LessFilterOperatorComponent, i39.LessOrEqualToFilterOperatorComponent, i40.AfterFilterOperatorComponent, i41.AfterEqFilterOperatorComponent, i42.BeforeEqFilterOperatorComponent, i43.BeforeFilterOperatorComponent, i44.FilterInputDirective] });
-RowFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, providers: [
-        PopupService,
-        ResizeBatchService,
-        IconsService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService,
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        NavigationService
-    ], imports: [i1.FilterRowComponent, i2.FilterCellComponent, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i17.ColGroupComponent, i22.SpanColumnComponent, i23.LoadingComponent, i25.FilterCellOperatorsComponent, i26.ContainsFilterOperatorComponent, i27.DoesNotContainFilterOperatorComponent, i28.EndsWithFilterOperatorComponent, i29.EqualFilterOperatorComponent, i30.IsEmptyFilterOperatorComponent, i31.IsNotEmptyFilterOperatorComponent, i32.IsNotNullFilterOperatorComponent, i33.IsNullFilterOperatorComponent, i34.NotEqualFilterOperatorComponent, i35.StartsWithFilterOperatorComponent, i36.GreaterFilterOperatorComponent, i37.GreaterOrEqualToFilterOperatorComponent, i38.LessFilterOperatorComponent, i39.LessOrEqualToFilterOperatorComponent, i40.AfterFilterOperatorComponent, i41.AfterEqFilterOperatorComponent, i42.BeforeEqFilterOperatorComponent, i43.BeforeFilterOperatorComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GRID_FILTER_ROW],

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

@@ -35,21 +35,27 @@ import * as i4 from "@angular/forms";
  * ```
  */
 export class StringFilterCellComponent extends StringFilterComponent {
+    /**
+     * Determines the delay time (in milliseconds) before the filter value is submitted.
+     * A value of `0` indicates no delay.
+     * @type {boolean}
+     * @default 500
+     */
+    filterDelay = 500;
+    /**
+     * Determines if the drop-down filter operators will be displayed.
+     * @type {boolean}
+     * @default true
+     */
+    showOperators = true;
+    /**
+     * The placeholder text for the filter input.
+     * @type {string}
+     */
+    placeholder;
+    subs;
     constructor(filterService, ctx, sizingService) {
         super(filterService, ctx);
-        /**
-         * Determines the delay time (in milliseconds) before the filter value is submitted.
-         * A value of `0` indicates no delay.
-         * @type {boolean}
-         * @default 500
-         */
-        this.filterDelay = 500;
-        /**
-         * Determines if the drop-down filter operators will be displayed.
-         * @type {boolean}
-         * @default true
-         */
-        this.showOperators = true;
         this.subs = sizingService.changes.subscribe((size) => this.size = size);
     }
     ngOnDestroy() {
@@ -65,9 +71,8 @@ export class StringFilterCellComponent extends StringFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterCellComponent, isStandalone: true, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterCellComponent, 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: StringFilterCellComponent, isStandalone: true, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -85,7 +90,8 @@ StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 [ngModel]="currentFilter?.value"></kendo-textbox>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterCellComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-string-filter-cell',

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

@@ -27,39 +27,18 @@ const dateOperators = localizeOperators({
  * @hidden
  */
 export class DateFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, ctx) {
-        super(filterService);
-        this.ctx = ctx;
-        /**
-         * The default filter operator. Defaults to `contains`.
-         * @type {string}
-         * @default 'gte'
-         */
-        this.operator = "gte";
-        /**
-         * Defines the active view that the calendar initially renders.
-         * By default, the active view is `month`.
-         * You have to set `activeView` within the `topView`-`bottomView` range.
-         * @default 'month'
-         */
-        this.activeView = "month";
-        /**
-         * Defines the bottommost calendar view, to which the user can navigate.
-         * @default 'month'
-         */
-        this.bottomView = "month";
-        /**
-         * Defines the topmost calendar view, to which the user can navigate.
-         * @default 'century'
-         */
-        this.topView = "century";
-        /**
-         * Determines whether to display a week number column in the `month` view of the Calendar.
-         * @default false
-         */
-        this.weekNumber = false;
-        this.defaultOperators = dateOperators(this.ctx.localization);
-    }
+    ctx;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * The default filter operator. Defaults to `contains`.
+     * @type {string}
+     * @default 'gte'
+     */
+    operator = "gte";
     /**
      * The current filter for the associated column field.
      * @readonly
@@ -85,6 +64,48 @@ export class DateFilterComponent extends BaseFilterCellComponent {
     get format() {
         return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;
     }
+    /**
+     * Specifies the smallest value that is valid.
+     * @type {Date}
+     */
+    min;
+    /**
+     * Specifies the greatest value that is valid.
+     * @type {Date}
+     */
+    max;
+    /**
+     * Defines the descriptions of the format sections in the input field.
+     * [See example](slug:placeholders_datepicker#toc-format-sections-description).
+     */
+    formatPlaceholder;
+    /**
+     * Specifies the hint that the component displays when its value is `null`.
+     * [See example](slug:placeholders_datepicker#toc-text-hints).
+     */
+    placeholder;
+    /**
+     * Defines the active view that the calendar initially renders.
+     * By default, the active view is `month`.
+     * You have to set `activeView` within the `topView`-`bottomView` range.
+     * @default 'month'
+     */
+    activeView = "month";
+    /**
+     * Defines the bottommost calendar view, to which the user can navigate.
+     * @default 'month'
+     */
+    bottomView = "month";
+    /**
+     * Defines the topmost calendar view, to which the user can navigate.
+     * @default 'century'
+     */
+    topView = "century";
+    /**
+     * Determines whether to display a week number column in the `month` view of the Calendar.
+     * @default false
+     */
+    weekNumber = false;
     /**
      * The current filter operator for the associated column field.
      * @readonly
@@ -97,6 +118,13 @@ export class DateFilterComponent extends BaseFilterCellComponent {
         return this.column && !isNullOrEmptyString(this.column.format) ?
             extractFormat(this.column.format) : "d";
     }
+    _format;
+    subscription;
+    constructor(filterService, ctx) {
+        super(filterService);
+        this.ctx = ctx;
+        this.defaultOperators = dateOperators(this.ctx.localization);
+    }
     ngOnInit() {
         this.subscription = this.ctx.localization.changes.subscribe(this.localizationChange.bind(this));
     }
@@ -112,10 +140,10 @@ export class DateFilterComponent extends BaseFilterCellComponent {
             this.operators = toJSON(this.operatorList.toArray());
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterComponent, selector: "kendo-grid-date-filter-base", inputs: { column: "column", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterComponent, selector: "kendo-grid-date-filter-base", inputs: { column: "column", filter: "filter", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-date-filter-base',
@@ -123,8 +151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }]; }, propDecorators: { column: [{
                 type: Input
-            }], filter: [{
-                type: Input
             }], operator: [{
                 type: Input
             }], format: [{

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

@@ -10,6 +10,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterHostDirective {
+    host;
+    resolver;
+    column;
+    filter;
+    component;
     constructor(host, resolver) {
         this.host = host;
         this.resolver = resolver;
@@ -40,10 +45,10 @@ export class FilterHostDirective {
         instance.column = column;
         instance.filter = filter;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterHostDirective, selector: "[kendoGridFilterHostBase]", inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
 }
-FilterHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterHostDirective, selector: "[kendoGridFilterHostBase]", inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFilterHostBase]'

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

@@ -16,9 +16,8 @@ const isEmptyValueOperator = (operator) => EMPTY_VALUE_OPERATORS.has(operator);
  * @hidden
  */
 export class FilterInputWrapperComponent extends BaseFilterCellComponent {
-    constructor(filterService) {
-        super(filterService);
-    }
+    column;
+    input;
     get currentFilter() {
         return this.filterByField(this.column.field);
     }
@@ -58,6 +57,12 @@ export class FilterInputWrapperComponent extends BaseFilterCellComponent {
         }
         this.input.disabled = disabled;
     }
+    _defaultOperator;
+    _operator;
+    changeSubscription;
+    constructor(filterService) {
+        super(filterService);
+    }
     ngAfterContentInit() {
         if (isPresent(this.input)) {
             this.changeSubscription = this.input.change.subscribe(this.onChange.bind(this));
@@ -98,16 +103,14 @@ export class FilterInputWrapperComponent extends BaseFilterCellComponent {
             this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterInputWrapperComponent, inputs: { column: "column", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-FilterInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-FilterInputWrapperComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputWrapperComponent, inputs: { column: "column", filter: "filter", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { column: [{
                 type: Input
-            }], filter: [{
-                type: Input
             }], input: [{
                 type: ContentChild,
                 args: [FilterInputDirective, { static: false }]

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

@@ -13,13 +13,26 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterInputDirective {
+    element;
+    renderer;
+    change = new EventEmitter();
+    composing = false;
+    kendoInput;
+    filterDelay = 500;
+    columnLabel;
+    set value(value) {
+        this.accessor.writeValue(value);
+    }
+    set disabled(value) {
+        this.accessor.setDisabledState(value);
+    }
+    accessor;
+    changeRequests = new Subject();
+    changeRequestsSubscription;
+    unsubscribeEvents;
     constructor(valueAccessors, ngZone, element, renderer) {
         this.element = element;
         this.renderer = renderer;
-        this.change = new EventEmitter();
-        this.composing = false;
-        this.filterDelay = 500;
-        this.changeRequests = new Subject();
         this.accessor = valueAccessors[0];
         ngZone.runOutsideAngular(() => {
             const unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', () => this.composing = true);
@@ -30,12 +43,6 @@ export class FilterInputDirective {
             };
         });
     }
-    set value(value) {
-        this.accessor.writeValue(value);
-    }
-    set disabled(value) {
-        this.accessor.setDisabledState(value);
-    }
     ngAfterViewInit() {
         this.addAriaAttributes();
         this.accessor.registerOnChange(x => this.filterDelay > 0 ?
@@ -78,10 +85,10 @@ export class FilterInputDirective {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 }
-FilterInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-FilterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterInput]',

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

@@ -17,12 +17,18 @@ import * as i2 from "./../common/column-info.service";
  * @hidden
  */
 export class FilterRowComponent {
+    ctx;
+    columnInfoService;
+    columns = [];
+    filter;
+    groups = [];
+    detailTemplate;
+    logicalRowIndex;
+    lockedColumnsCount;
+    filterRowClass = true;
     constructor(ctx, columnInfoService) {
         this.ctx = ctx;
         this.columnInfoService = columnInfoService;
-        this.columns = [];
-        this.groups = [];
-        this.filterRowClass = true;
     }
     addStickyStyles(column) {
         const sticky = column.sticky ? this.columnInfoService.stickyColumnsStyles(column) : null;
@@ -37,9 +43,8 @@ export class FilterRowComponent {
         const colIndex = this.lockedColumnsCount + columnIndex;
         return this.detailTemplate?.templateRef ? colIndex + 1 : colIndex;
     }
-}
-FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
         <td
             class="k-table-td"
             [class.k-group-cell]="true"
@@ -66,7 +71,8 @@ FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [logicalColIndex]="getLogicalColIndex(columnIndex)"
       ></td>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridFilterRow]',

package/{esm2020 → esm2022}/filtering/filter.service.mjs

@@ -15,13 +15,11 @@ export class FilterService {
     /**
      * @hidden
      */
-    constructor(menuTabbingService) {
-        /**
-         * Fires when the filter descriptors is set.
-         */
-        this.changes = new Subject();
-        this.menuTabbingService = menuTabbingService;
-    }
+    menuTabbingService;
+    /**
+     * Fires when the filter descriptors is set.
+     */
+    changes = new Subject();
     /**
      * Sets the filter descriptor.
      *
@@ -30,10 +28,16 @@ export class FilterService {
     filter(value) {
         this.changes.next(value);
     }
+    /**
+     * @hidden
+     */
+    constructor(menuTabbingService) {
+        this.menuTabbingService = menuTabbingService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, deps: [{ token: i1.MenuTabbingService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService });
 }
-FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, deps: [{ token: i1.MenuTabbingService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MenuTabbingService, decorators: [{
                     type: Optional

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

@@ -32,21 +32,33 @@ import * as i1 from "../../common/provider.service";
  * ```
  */
 export class BooleanFilterMenuComponent extends BooleanFilterComponent {
-    constructor(ctx) {
-        super(null, ctx);
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        this.idPrefix = guid();
-    }
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    /**
+     * The current menu filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter = { filters: [], logic: "and" };
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    /**
+     * @hidden
+     */
+    menuTabbingService;
+    idPrefix = guid();
+    /**
+     * @hidden
+     */
+    radioButtons;
+    constructor(ctx) {
+        super(null, ctx);
+    }
     ngAfterViewInit() {
         this.filterService.menuTabbingService.firstFocusable = this.radioButtons.first.radioButtonEl;
         if (!this.menuTabbingService?.isTabbedInterface) {
@@ -93,9 +105,8 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
                 <input type="radio"
@@ -113,7 +124,8 @@ BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </li>
         </ul>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-boolean-filter-menu',