@progress/kendo-angular-grid 7.4.2 → 11.0.0-develop.100

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

@@ -1,17 +1,22 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 // eslint-disable no-access-missing-member
 import { Component, Input } from '@angular/core';
+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",
@@ -28,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;
@@ -47,9 +54,14 @@ 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: "12.2.16", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutoCompleteFilterCellComponent, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", filter: "filter", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
+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"
             [filter]="filter"
@@ -58,12 +70,13 @@ 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
+    `, 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: [{
                     selector: 'kendo-grid-autocomplete-filter-cell',
@@ -76,13 +89,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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/{esm2015/filtering/cell/boolean-filter-cell.component.js → esm2020/filtering/cell/boolean-filter-cell.component.mjs}

@@ -1,17 +1,21 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component } from '@angular/core';
+import { Component, ChangeDetectorRef } from '@angular/core';
+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.
  *
@@ -29,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();
@@ -46,8 +58,8 @@ export class BooleanFilterCellComponent extends BooleanFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-BooleanFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BooleanFilterCellComponent, selector: "kendo-grid-boolean-filter-cell", usesInheritance: true, ngImport: i0, template: `
+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"
             [filter]="filter"
@@ -56,6 +68,7 @@ BooleanFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <kendo-dropdownlist
                 kendoFilterInput
                 kendoGridFocusable
+                [size]="size"
                 [columnLabel]="columnLabel"
                 [defaultItem]="defaultItem"
                 [data]="items"
@@ -66,8 +79,8 @@ 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterCellComponent, decorators: [{
+    `, 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: [{
                     selector: 'kendo-grid-boolean-filter-cell',
@@ -80,6 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             <kendo-dropdownlist
                 kendoFilterInput
                 kendoGridFocusable
+                [size]="size"
                 [columnLabel]="columnLabel"
                 [defaultItem]="defaultItem"
                 [data]="items"
@@ -92,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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/{esm2015/filtering/cell/date-filter-cell.component.js → esm2020/filtering/cell/date-filter-cell.component.mjs}

@@ -1,17 +1,21 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
+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.
  *
@@ -30,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;
         /**
@@ -38,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
@@ -54,8 +62,8 @@ export class DateFilterCellComponent extends DateFilterComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateFilterCellComponent, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
+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"
             [filter]="filter"
@@ -69,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"
@@ -85,8 +94,8 @@ 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterCellComponent, decorators: [{
+    `, isInline: true, components: [{ type: i4.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "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: [{
                     selector: 'kendo-grid-date-filter-cell',
@@ -104,6 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [columnLabel]="columnLabel"
                 [value]="currentFilter?.value"
                 [format]="format"
+                [size]="size"
                 [formatPlaceholder]="formatPlaceholder"
                 [placeholder]="placeholder"
                 [activeView]="activeView"
@@ -122,6 +132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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/{esm2015/filtering/cell/filter-cell-component.factory.js → esm2020/filtering/cell/filter-cell-component.factory.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { StringFilterCellComponent } from './string-filter-cell.component';

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

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive } from "@angular/core";
+import { Directive, ViewContainerRef, ComponentFactoryResolver } from "@angular/core";
 import { FilterHostDirective } from "../filter-host.directive";
 import { isNullOrEmptyString } from "../../utils";
 import { filterComponentFactory } from "./filter-cell-component.factory";
@@ -22,9 +22,9 @@ export class FilterCellHostDirective extends FilterHostDirective {
         return StringFilterCellComponent;
     }
 }
-FilterCellHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterCellHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterCellHostDirective, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellHostDirective, decorators: [{
+FilterCellHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+FilterCellHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellHostDirective, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterCellHost]'

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

@@ -1,21 +1,31 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, Output, EventEmitter, HostBinding, ViewChild } from '@angular/core';
+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.
          */
@@ -32,7 +42,7 @@ export class FilterCellOperatorsComponent {
         this.valueChange = new EventEmitter();
         /**
          * Fires when the **Clear** button is clicked.
-         * @type {EventEmitter<{}>}
+         * @type {EventEmitter<undefined>}
          */
         this.clear = new EventEmitter();
     }
@@ -76,16 +86,17 @@ 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: "12.2.16", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: `
+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
             *ngIf="showOperators"
@@ -99,19 +110,20 @@ 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
+            (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: [{
                     selector: 'kendo-grid-filter-cell-operators',
@@ -129,20 +141,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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/{esm2015/filtering/cell/filter-cell-template.directive.js → esm2020/filtering/cell/filter-cell-template.directive.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Optional } from '@angular/core';
+import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the filter-cell template ([see example]({% slug filter_row %}#toc-custom-filters)).
@@ -12,9 +12,9 @@ export class FilterCellTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-FilterCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FilterCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterCellTemplateDirective, selector: "[kendoGridFilterCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellTemplateDirective, decorators: [{
+FilterCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FilterCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellTemplateDirective, selector: "[kendoGridFilterCellTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFilterCellTemplate]'

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, HostBinding } from '@angular/core';
+import { FilterService } from '../filter.service';
 import { isPresent, isNullOrEmptyString } from '../../utils';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
 import * as i0 from "@angular/core";
@@ -32,8 +33,8 @@ export class FilterCellWrapperComponent extends FilterInputWrapperComponent {
         this.applyFilter(filter);
     }
 }
-FilterCellWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
-FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterCellWrapperComponent, 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: `
+FilterCellWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterCellWrapperComponent, 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"
@@ -43,7 +44,7 @@ FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             [(value)]="currentOperator">
         </kendo-grid-filter-cell-operators>
     `, isInline: true, components: [{ type: i2.FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value"], outputs: ["valueChange", "clear"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-filter-wrapper-cell',

package/{esm2015/filtering/cell/filter-cell.component.js → esm2020/filtering/cell/filter-cell.component.mjs}

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
+import { ColumnComponent } from '../../columns/column.component';
 import { isPresent, isNullOrEmptyString } from '../../utils';
 import { cloneFilters } from '../../common/filter-descriptor-differ';
 import * as i0 from "@angular/core";
@@ -13,6 +14,7 @@ import * as i2 from "./filter-cell-host.directive";
  */
 export class FilterCellComponent {
     constructor() {
+        this.size = 'medium';
         this._templateContext = {};
     }
     get filter() {
@@ -34,8 +36,8 @@ export class FilterCellComponent {
         return isPresent(this.column) && !isNullOrEmptyString(this.column.field) && this.column.filterable;
     }
 }
-FilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
+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", size: "size" }, ngImport: i0, template: `
         <ng-container *ngIf="isFilterable">
             <ng-container [ngSwitch]="hasTemplate">
                 <ng-container *ngSwitchCase="false">
@@ -51,7 +53,7 @@ FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             </ng-container>
         </ng-container>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.FilterCellHostDirective, selector: "[kendoFilterCellHost]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridFilterCell]',
@@ -76,4 +78,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], filter: [{
                 type: Input
+            }], size: [{
+                type: Input
             }] } });