@progress/kendo-angular-treelist 5.0.2-dev.202206011453 → 5.0.3-dev.202206220646

package/column-menu/column-menu-item-base.d.ts

@@ -21,5 +21,5 @@ export declare class ColumnMenuItemBase implements OnInit {
      */
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemBase, "ng-component", never, { "service": "service"; }, {}, never, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnMenuItemBase, never, never, { "service": "service"; }, {}, never>;
 }

package/columns/column-base.d.ts

@@ -516,5 +516,5 @@ export declare class ColumnBase implements OnChanges {
     constructor(parent?: ColumnBase, optionChanges?: OptionChangesService);
     ngOnChanges(_changes: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "ng-component", never, { "resizable": "resizable"; "reorderable": "reorderable"; "minResizableWidth": "minResizableWidth"; "title": "title"; "width": "width"; "autoSize": "autoSize"; "locked": "locked"; "hidden": "hidden"; "media": "media"; "lockable": "lockable"; "columnMenu": "columnMenu"; "includeInChooser": "includeInChooser"; "style": "style"; "headerStyle": "headerStyle"; "footerStyle": "footerStyle"; "cssClass": "class"; "headerClass": "headerClass"; "footerClass": "footerClass"; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnBase, never, never, { "resizable": "resizable"; "reorderable": "reorderable"; "minResizableWidth": "minResizableWidth"; "title": "title"; "width": "width"; "autoSize": "autoSize"; "locked": "locked"; "hidden": "hidden"; "media": "media"; "lockable": "lockable"; "columnMenu": "columnMenu"; "includeInChooser": "includeInChooser"; "style": "style"; "headerStyle": "headerStyle"; "footerStyle": "footerStyle"; "cssClass": "class"; "headerClass": "headerClass"; "footerClass": "footerClass"; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"]>;
 }

package/esm2015/binding-directives/base-binding.directive.js

@@ -5,6 +5,7 @@
 import { Input, Directive } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { process, aggregateBy } from '@progress/kendo-data-query';
+import { isChanged } from '@progress/kendo-angular-common';
 import { anyChanged } from '../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "./data-bound-tree-component";
@@ -65,6 +66,9 @@ export class BaseBindingDirective {
         if (anyChanged(['sort', 'filter', 'aggregate'], changes)) {
             this.rebind();
         }
+        if (isChanged('data', changes, false)) {
+            this.updateData(changes.data.currentValue);
+        }
     }
     /**
      * @hidden
@@ -143,6 +147,10 @@ export class BaseBindingDirective {
         // maybe move the aggregates implementation here ???
         return aggregateBy(list, this._aggregate);
     }
+    updateData(value) {
+        this.originalData = value || [];
+        this.dataChanged = true;
+    }
 }
 BaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
 BaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseBindingDirective, inputs: { sort: "sort", filter: "filter", aggregate: "aggregate" }, usesOnChanges: true, ngImport: i0 });

package/esm2015/binding-directives/flat-binding.directive.js

@@ -42,13 +42,6 @@ export class FlatBindingDirective extends BaseBindingDirective {
         this.idGetter = getter(value);
         this.idSetter = setter(value);
     }
-    /**
-     * The array of data which will be used to populate the TreeList.
-     */
-    set data(value) {
-        this.originalData = value || [];
-        this.dataChanged = true;
-    }
     getChildren(item) {
         const id = this.itemKey(item);
         const children = id === ROOT_ID ?

package/esm2015/binding-directives/hierarchy-binding.directive.js

@@ -30,13 +30,6 @@ export class HierarchyBindingDirective extends BaseBindingDirective {
         this.childrenGetter = getter(value);
         this.childrenSetter = setter(value);
     }
-    /**
-     * The array of data which will be used to populate the TreeList.
-     */
-    set data(value) {
-        this.originalData = value || [];
-        this.dataChanged = true;
-    }
     getChildren(item) {
         return item ? this.childrenGetter(item) || [] : this.originalData;
     }

package/esm2015/column-menu/column-menu-item-base.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input, isDevMode } from '@angular/core';
+import { Directive, HostBinding, Input, isDevMode } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -23,13 +23,11 @@ export class ColumnMenuItemBase {
         this.service.close();
     }
 }
-ColumnMenuItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuItemBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuItemBase, selector: "ng-component", inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0, template: '', isInline: true });
+ColumnMenuItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ColumnMenuItemBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuItemBase, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], propDecorators: { service: [{
                 type: Input
             }], hostClass: [{

package/esm2015/columns/column-base.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ContentChild, ContentChildren, Input, QueryList } from '@angular/core';
+import { ContentChild, ContentChildren, Directive, Input, QueryList } from '@angular/core';
 import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
 import { FooterTemplateDirective } from '../rendering/footer-template.directive';
 import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
@@ -224,13 +224,11 @@ export class ColumnBase {
         }
     }
 }
-ColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnBase, selector: "ng-component", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
+ColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+ColumnBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ColumnBase, inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnBase, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: ColumnBase }, { type: i1.OptionChangesService }]; }, propDecorators: { resizable: [{
                 type: Input
             }], reorderable: [{

package/esm2015/filtering/base-filter-cell.component.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ContentChildren, QueryList, HostBinding } from '@angular/core';
+import { Directive, ContentChildren, QueryList, HostBinding } from '@angular/core';
 import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { isPresent, observe } from '../utils';
 import { FilterOperatorBase, toJSON } from './operators/filter-operator.base';
@@ -84,8 +84,7 @@ export const localizeOperators = operators => localization => Object.keys(operat
     value: operators[key]
 }));
 /**
- * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_grid %}#toc-filter-row)).
- * @hidden
+ * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_treelist %}#toc-row-filtering)).
  */
 export class BaseFilterCellComponent {
     constructor(filterService) {
@@ -144,13 +143,11 @@ export class BaseFilterCellComponent {
         this.filterService.filter(filter);
     }
 }
-BaseFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
-BaseFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BaseFilterCellComponent, selector: "ng-component", inputs: { operators: "operators" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0, template: '', isInline: true });
+BaseFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+BaseFilterCellComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseFilterCellComponent, inputs: { operators: "operators" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']

package/esm2015/filtering/boolean-filter.component.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 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 { Input, HostBinding, Directive } from '@angular/core';
 import { BaseFilterCellComponent } from './base-filter-cell.component';
 import * as i0 from "@angular/core";
 import * as i1 from "./filter.service";
@@ -69,13 +69,11 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
         this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
     }
 }
-BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BooleanFilterComponent, selector: "ng-component", inputs: { column: "column", filter: "filter" }, host: { properties: { "class.k-filtercell-boolean": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+BooleanFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BooleanFilterComponent, inputs: { column: "column", filter: "filter" }, host: { properties: { "class.k-filtercell-boolean": "this.hostClasses" } }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BooleanFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell-boolean']

package/esm2015/filtering/date-filter.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 // eslint-disable no-access-missing-member
-import { Component, Input } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { BaseFilterCellComponent, localizeOperators } from './base-filter-cell.component';
 import { isNullOrEmptyString, extractFormat } from "../utils";
 import { toJSON } from './operators/filter-operator.base';
@@ -106,13 +106,11 @@ export class DateFilterComponent extends BaseFilterCellComponent {
         }
     }
 }
-DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateFilterComponent, selector: "ng-component", inputs: { column: "column", filter: "filter", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+DateFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateFilterComponent, inputs: { column: "column", filter: "filter", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{

package/esm2015/filtering/filter-input-wrapper.component.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, ContentChild } from "@angular/core";
+import { Input, ContentChild, Directive } from "@angular/core";
 import { FilterInputDirective } from "./filter-input.directive";
 import { isPresent, isNullOrEmptyString, isBlank, isChanged } from "../utils";
 import { BaseFilterCellComponent } from "./base-filter-cell.component";
@@ -97,13 +97,11 @@ export class FilterInputWrapperComponent extends BaseFilterCellComponent {
         }
     }
 }
-FilterInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
-FilterInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterInputWrapperComponent, selector: "ng-component", inputs: { column: "column", filter: "filter", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+FilterInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+FilterInputWrapperComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterInputWrapperComponent, inputs: { column: "column", filter: "filter", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{

package/esm2015/filtering/numeric-filter.component.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 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 { Directive, Input } from '@angular/core';
 import { BaseFilterCellComponent, localizeOperators } from './base-filter-cell.component';
 import { isNullOrEmptyString, extractFormat } from '../utils';
 import { toJSON } from './operators/filter-operator.base';
@@ -96,13 +96,11 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
         }
     }
 }
-NumericFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterComponent, selector: "ng-component", inputs: { column: "column", filter: "filter", operator: "operator", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+NumericFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+NumericFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterComponent, inputs: { column: "column", filter: "filter", operator: "operator", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{

package/esm2015/filtering/operators/filter-operator.base.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Inject, Input } from '@angular/core';
+import { Directive, Inject, Input } from '@angular/core';
 import { isNullOrEmptyString } from '../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -74,13 +74,11 @@ export class FilterOperatorBase {
         }
     }
 }
-FilterOperatorBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterOperatorBase, deps: [{ token: 'filterOperator' }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterOperatorBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterOperatorBase, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: '', isInline: true });
+FilterOperatorBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterOperatorBase, deps: [{ token: 'filterOperator' }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+FilterOperatorBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterOperatorBase, inputs: { text: "text" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterOperatorBase, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['filterOperator']

package/esm2015/filtering/string-filter.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 // eslint-disable no-access-missing-member
-import { Component, Input } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { BaseFilterCellComponent, localizeOperators } from './base-filter-cell.component';
 import { toJSON } from './operators/filter-operator.base';
 import * as i0 from "@angular/core";
@@ -66,13 +66,11 @@ export class StringFilterComponent extends BaseFilterCellComponent {
         }
     }
 }
-StringFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StringFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StringFilterComponent, selector: "ng-component", inputs: { column: "column", filter: "filter", operator: "operator" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+StringFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StringFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+StringFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: StringFilterComponent, inputs: { column: "column", filter: "filter", operator: "operator" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StringFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1654095107,
+    publishDate: 1655880313,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/pager/pager-element.component.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 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 { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./pager-context.service";
@@ -76,11 +76,9 @@ export class PagerElementComponent {
         }
     }
 }
-PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerElementComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PagerElementComponent, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+            type: Directive,
+            args: [{}]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });