@progress/kendo-angular-grid 11.0.0-develop.79 → 11.0.0-develop.80

package/common/size-options.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the possible size options of the Grid.
+ * @default `medium`
+ */
+export declare type GridSize = 'small' | 'medium' | 'none';

package/esm2020/common/size-options.mjs

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

package/esm2020/filtering/base-filter-cell.component.mjs

@@ -91,6 +91,10 @@ export class BaseFilterCellComponent {
     constructor(filterService) {
         this.filterService = filterService;
         this.operatorList = new QueryList();
+        /**
+         * @hidden
+         */
+        this.size = 'medium';
     }
     get hostClasses() {
         return true;

package/esm2020/filtering/cell/autocomplete-filter-cell.component.mjs

@@ -8,13 +8,15 @@ import { ColumnComponent } from '../../columns/column.component';
 import { FilterService } from '../filter.service';
 import { BaseFilterCellComponent, localizeOperators } from '../base-filter-cell.component';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../columns/column.component";
 import * as i3 from "@progress/kendo-angular-l10n";
-import * as i4 from "./filter-cell-wrapper.component";
-import * as i5 from "@progress/kendo-angular-dropdowns";
-import * as i6 from "../filter-input.directive";
+import * as i4 from "../../layout/sizing-options.service";
+import * as i5 from "./filter-cell-wrapper.component";
+import * as i6 from "@progress/kendo-angular-dropdowns";
+import * as i7 from "../filter-input.directive";
 const stringOperators = localizeOperators({
     "filterContainsOperator": "contains",
     "filterNotContainsOperator": "doesnotcontain",
@@ -31,12 +33,14 @@ const stringOperators = localizeOperators({
  * @hidden
  */
 export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
-    constructor(filterService, column, localization) {
+    constructor(filterService, column, localization, sizingOptionsService) {
         super(filterService);
         this.localization = localization;
         this.showOperators = true;
+        this.size = 'medium';
         this.defaultOperators = stringOperators(this.localization);
         this.column = column;
+        this.subs = sizingOptionsService.changes.subscribe(size => this.size = size);
     }
     set valueField(value) {
         this._valueField = value;
@@ -50,8 +54,13 @@ export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : "contains";
     }
+    ngOnDestroy() {
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
+    }
 }
-AutoCompleteFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+AutoCompleteFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.LocalizationService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AutoCompleteFilterCellComponent, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", filter: "filter", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -61,11 +70,12 @@ AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             <kendo-autocomplete
                 kendoFilterInput
                 [data]="data"
+                [size]="size"
                 [valueField]="valueField"
                 [value]="currentFilter?.value">
             </kendo-autocomplete>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "focusableId", "data", "value", "valueField", "placeholder", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }], directives: [{ type: i6.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: i5.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i6.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "focusableId", "data", "value", "valueField", "placeholder", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }], directives: [{ type: i7.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -79,13 +89,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             <kendo-autocomplete
                 kendoFilterInput
                 [data]="data"
+                [size]="size"
                 [valueField]="valueField"
                 [value]="currentFilter?.value">
             </kendo-autocomplete>
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ColumnComponent }, { type: i3.LocalizationService }]; }, propDecorators: { showOperators: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ColumnComponent }, { type: i3.LocalizationService }, { type: i4.SizingOptionsService }]; }, propDecorators: { showOperators: [{
                 type: Input
             }], column: [{
                 type: Input

package/esm2020/filtering/cell/boolean-filter-cell.component.mjs

@@ -7,13 +7,15 @@ import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BooleanFilterComponent } from '../boolean-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "./filter-cell-wrapper.component";
-import * as i4 from "@progress/kendo-angular-dropdowns";
-import * as i5 from "../filter-input.directive";
-import * as i6 from "../../navigation/focusable.directive";
+import * as i3 from "../../layout/sizing-options.service";
+import * as i4 from "./filter-cell-wrapper.component";
+import * as i5 from "@progress/kendo-angular-dropdowns";
+import * as i6 from "../filter-input.directive";
+import * as i7 from "../../navigation/focusable.directive";
 /**
  * Represents a Boolean filter-cell component.
  *
@@ -31,9 +33,17 @@ import * as i6 from "../../navigation/focusable.directive";
  *   ```
  */
 export class BooleanFilterCellComponent extends BooleanFilterComponent {
-    constructor(filterService, localization, cd) {
+    constructor(filterService, localization, cd, sizingService) {
         super(filterService, localization);
         this.cd = cd;
+        /**
+         * @hidden
+         */
+        this.size = 'medium';
+        this.subs = sizingService.changes.subscribe((size) => this.size = size);
+    }
+    ngOnDestroy() {
+        this.subs && this.subs.unsubscribe();
     }
     localizationChange() {
         super.localizationChange();
@@ -48,7 +58,7 @@ export class BooleanFilterCellComponent extends BooleanFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-BooleanFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BooleanFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BooleanFilterCellComponent, selector: "kendo-grid-boolean-filter-cell", usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -58,6 +68,7 @@ BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <kendo-dropdownlist
                 kendoFilterInput
                 kendoGridFocusable
+                [size]="size"
                 [columnLabel]="columnLabel"
                 [defaultItem]="defaultItem"
                 [data]="items"
@@ -68,7 +79,7 @@ BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [value]="currentFilter?.value">
             </kendo-dropdownlist>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
+    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i6.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i7.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -82,6 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             <kendo-dropdownlist
                 kendoFilterInput
                 kendoGridFocusable
+                [size]="size"
                 [columnLabel]="columnLabel"
                 [defaultItem]="defaultItem"
                 [data]="items"
@@ -94,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.SizingOptionsService }]; } });

package/esm2020/filtering/cell/date-filter-cell.component.mjs

@@ -7,13 +7,15 @@ import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DateFilterComponent } from '../date-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "./filter-cell-wrapper.component";
-import * as i4 from "@progress/kendo-angular-dateinputs";
-import * as i5 from "../filter-input.directive";
-import * as i6 from "../../navigation/focusable.directive";
+import * as i3 from "../../layout/sizing-options.service";
+import * as i4 from "./filter-cell-wrapper.component";
+import * as i5 from "@progress/kendo-angular-dateinputs";
+import * as i6 from "../filter-input.directive";
+import * as i7 from "../../navigation/focusable.directive";
 /**
  * Represents a date-filter cell component.
  *
@@ -32,7 +34,7 @@ import * as i6 from "../../navigation/focusable.directive";
  *   ```
  */
 export class DateFilterCellComponent extends DateFilterComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, localization, sizingService) {
         super(filterService, localization);
         this.localization = localization;
         /**
@@ -40,6 +42,10 @@ export class DateFilterCellComponent extends DateFilterComponent {
          * @type {boolean}
          */
         this.showOperators = true;
+        this.subs = sizingService.changes.subscribe((size) => this.size = size);
+    }
+    ngOnDestroy() {
+        this.subs && this.subs.unsubscribe();
     }
     /**
      * @hidden
@@ -56,7 +62,7 @@ export class DateFilterCellComponent extends DateFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateFilterCellComponent, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -71,6 +77,7 @@ DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 [columnLabel]="columnLabel"
                 [value]="currentFilter?.value"
                 [format]="format"
+                [size]="size"
                 [formatPlaceholder]="formatPlaceholder"
                 [placeholder]="placeholder"
                 [activeView]="activeView"
@@ -87,7 +94,7 @@ DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 </kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i4.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
+    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i5.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i6.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i7.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -106,6 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [columnLabel]="columnLabel"
                 [value]="currentFilter?.value"
                 [format]="format"
+                [size]="size"
                 [formatPlaceholder]="formatPlaceholder"
                 [placeholder]="placeholder"
                 [activeView]="activeView"
@@ -124,6 +132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { showOperators: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { showOperators: [{
                 type: Input
             }] } });

package/esm2020/filtering/cell/filter-cell-operators.component.mjs

@@ -6,18 +6,26 @@ import { Component, Input, Output, EventEmitter, HostBinding, ViewChild } from '
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { Keys } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@progress/kendo-angular-dropdowns";
-import * as i3 from "@angular/common";
-import * as i4 from "../../navigation/focusable.directive";
+import * as i2 from "../../layout/sizing-options.service";
+import * as i3 from "@progress/kendo-angular-dropdowns";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@angular/common";
+import * as i6 from "../../navigation/focusable.directive";
 /**
  * Represents a component which accommodates the filter operators.
  */
 export class FilterCellOperatorsComponent {
-    constructor(localization) {
+    constructor(localization, sizing) {
         this.localization = localization;
+        this.sizing = sizing;
         this.clearText = 'Clear';
+        /**
+         * @hidden
+         */
+        this.size = 'medium';
         /**
          * The filter operators that will be displayed.
          */
@@ -78,15 +86,16 @@ export class FilterCellOperatorsComponent {
         }
     }
     ngOnInit() {
-        this.subscription = this.localization.changes.subscribe(() => this.clearText = this.localization.get("filterClearButton"));
+        this.subs = this.localization.changes.subscribe(() => this.clearText = this.localization.get('filterClearButton'));
+        this.subs.add(this.sizing.changes.subscribe((size) => this.size = size));
     }
     ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
         }
     }
 }
-FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value" }, 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
@@ -101,18 +110,19 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
             textField="text"
             [popupSettings]="{ width: 'auto' }"
             valueField="value"
+            [size]="size"
             (keydown)="dropdownKeydown($event)">
         </kendo-dropdownlist>
         <button type="button"
+            kendoButton
             kendoGridFocusable
             *ngIf="showButton"
-            class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle k-icon-button"
+            icon="filter-clear"
             [title]="clearText"
+            [size]="size"
             (click)="clearClick()"
-            (keydown)="clearKeydown($event)">
-                <span class="k-icon k-button-icon k-i-filter-clear"></span>
-        </button>
-    `, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
+            (keydown)="clearKeydown($event)"></button>
+    `, isInline: true, components: [{ type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
             type: Component,
             args: [{
@@ -131,20 +141,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             textField="text"
             [popupSettings]="{ width: 'auto' }"
             valueField="value"
+            [size]="size"
             (keydown)="dropdownKeydown($event)">
         </kendo-dropdownlist>
         <button type="button"
+            kendoButton
             kendoGridFocusable
             *ngIf="showButton"
-            class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle k-icon-button"
+            icon="filter-clear"
             [title]="clearText"
+            [size]="size"
             (click)="clearClick()"
-            (keydown)="clearKeydown($event)">
-                <span class="k-icon k-button-icon k-i-filter-clear"></span>
-        </button>
+            (keydown)="clearKeydown($event)"></button>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.SizingOptionsService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell-operator']
             }], dropdown: [{

package/esm2020/filtering/cell/filter-cell.component.mjs

@@ -14,6 +14,7 @@ import * as i2 from "./filter-cell-host.directive";
  */
 export class FilterCellComponent {
     constructor() {
+        this.size = 'medium';
         this._templateContext = {};
     }
     get filter() {
@@ -36,7 +37,7 @@ export class FilterCellComponent {
     }
 }
 FilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
+FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: { column: "column", filter: "filter", size: "size" }, ngImport: i0, template: `
         <ng-container *ngIf="isFilterable">
             <ng-container [ngSwitch]="hasTemplate">
                 <ng-container *ngSwitchCase="false">
@@ -77,4 +78,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], filter: [{
                 type: Input
+            }], size: [{
+                type: Input
             }] } });

package/esm2020/filtering/cell/numeric-filter-cell.component.mjs

@@ -7,13 +7,15 @@ import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "./filter-cell-wrapper.component";
-import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "../../navigation/focusable.directive";
-import * as i6 from "../filter-input.directive";
+import * as i3 from "../../layout/sizing-options.service";
+import * as i4 from "./filter-cell-wrapper.component";
+import * as i5 from "@progress/kendo-angular-inputs";
+import * as i6 from "../../navigation/focusable.directive";
+import * as i7 from "../filter-input.directive";
 /**
  * Represents a numeric filter cell.
  *
@@ -30,7 +32,7 @@ import * as i6 from "../filter-input.directive";
  *   ```
  */
 export class NumericFilterCellComponent extends NumericFilterComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, localization, sizingService) {
         super(filterService, localization);
         this.localization = localization;
         /**
@@ -45,6 +47,10 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
          * @type {boolean}
          */
         this.showOperators = true;
+        this.subs = sizingService.changes.subscribe((size) => this.size = size);
+    }
+    ngOnDestroy() {
+        this.subs && this.subs.unsubscribe();
     }
     /**
      * @hidden
@@ -61,7 +67,7 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NumericFilterCellComponent, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -82,6 +88,7 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [spinners]="spinners"
                 [min]="min"
                 [max]="max"
+                [size]="size"
                 [step]="step"
             >
                 <kendo-numerictextbox-messages
@@ -91,7 +98,7 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i4.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"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i4.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: i5.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i6.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.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"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i5.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i7.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -116,6 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [spinners]="spinners"
                 [min]="min"
                 [max]="max"
+                [size]="size"
                 [step]="step"
             >
                 <kendo-numerictextbox-messages
@@ -127,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { filterDelay: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input
             }], showOperators: [{
                 type: Input

package/esm2020/filtering/cell/string-filter-cell.component.mjs

@@ -7,14 +7,16 @@ import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { StringFilterComponent } from "../string-filter.component";
 import { replaceMessagePlaceholder } from '../../utils';
+import { SizingOptionsService } from '../../layout/sizing-options.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "./filter-cell-wrapper.component";
-import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "@angular/forms";
+import * as i3 from "../../layout/sizing-options.service";
+import * as i4 from "./filter-cell-wrapper.component";
+import * as i5 from "@progress/kendo-angular-inputs";
 import * as i6 from "../../navigation/focusable.directive";
 import * as i7 from "../filter-input.directive";
+import * as i8 from "@angular/forms";
 /**
  * Represents a string-filter cell component
  * ([see example]({% slug filter_row %}#toc-hiding-filter-operators)).
@@ -34,7 +36,7 @@ import * as i7 from "../filter-input.directive";
  *   ```
  */
 export class StringFilterCellComponent extends StringFilterComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, localization, sizingService) {
         super(filterService, localization);
         /**
          * Determines the delay time (in milliseconds) before the filter value is submitted.
@@ -48,6 +50,12 @@ export class StringFilterCellComponent extends StringFilterComponent {
          * @type {boolean}
          */
         this.showOperators = true;
+        this.subs = sizingService.changes.subscribe((size) => this.size = size);
+    }
+    ngOnDestroy() {
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     /**
      * @hidden
@@ -58,7 +66,7 @@ export class StringFilterCellComponent extends StringFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: StringFilterCellComponent, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -66,15 +74,16 @@ StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [operators]="operators"
             [defaultOperator]="operator"
             [showOperators]="showOperators">
-            <input
+            <kendo-textbox
                 kendoTextBox
+                [size]="size"
                 kendoGridFocusable
                 kendoFilterInput
                 [columnLabel]="columnLabel"
                 [filterDelay]="filterDelay"
-                [ngModel]="currentFilter?.value" />
+                [ngModel]="currentFilter?.value"></kendo-textbox>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }], directives: [{ type: i4.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i7.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }], directives: [{ type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i7.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StringFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -86,17 +95,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             [operators]="operators"
             [defaultOperator]="operator"
             [showOperators]="showOperators">
-            <input
+            <kendo-textbox
                 kendoTextBox
+                [size]="size"
                 kendoGridFocusable
                 kendoFilterInput
                 [columnLabel]="columnLabel"
                 [filterDelay]="filterDelay"
-                [ngModel]="currentFilter?.value" />
+                [ngModel]="currentFilter?.value"></kendo-textbox>
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { filterDelay: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input
             }], showOperators: [{
                 type: Input

package/esm2020/filtering/filter-row.component.mjs

@@ -58,7 +58,7 @@ FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalRowIndex]="logicalRowIndex"
                 [logicalColIndex]="lockedColumnsCount + columnIndex"
       ></td>
-    `, isInline: true, components: [{ type: i3.FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterRowComponent, decorators: [{
             type: Component,
             args: [{