@progress/kendo-angular-filter 15.0.2-develop.8 → 15.1.0-develop.1

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

@@ -19,6 +19,7 @@ export class BaseFilterRowComponent {
         this.localization = localization;
         this.renderer = renderer;
         this.valueChange = new EventEmitter();
+        this.itemNumber = 0;
     }
     get toolbarElement() {
         return this.element.nativeElement.querySelector('.k-toolbar');

package/esm2020/filter-group.component.mjs

@@ -40,11 +40,30 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
             logic: 'or',
             filters: []
         };
+        /**
+         * @hidden
+         */
+        this.trackByFunction = (index) => {
+            return index;
+        };
         this.operators = [];
     }
     get filterItems() {
         return this._filterItems.toArray();
     }
+    /**
+     * @hidden
+     */
+    handleExpressionValueChange(isRemoveOperation) {
+        if (isRemoveOperation) {
+            // due to tracking by index, the filters should first be set to [] so that all rerender afterwards
+            const filtersCopy = this.currentItem.filters;
+            this.currentItem.filters = [];
+            this.cdr.detectChanges();
+            this.currentItem.filters = filtersCopy;
+        }
+        this.valueChange.emit(isRemoveOperation);
+    }
     ngOnInit() {
         this.operators = this.getLogicOperators();
         this.localizationSubscription = this.localization.changes.subscribe(() => {
@@ -159,9 +178,9 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
@@ -238,9 +257,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">

package/esm2020/filter.component.mjs

@@ -66,6 +66,7 @@ export class FilterComponent {
          */
         this.valueChange = new EventEmitter();
         this._value = { filters: [], logic: 'and' };
+        this._currentFilter = { logic: 'and', filters: [] };
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
     }
@@ -117,6 +118,11 @@ export class FilterComponent {
      */
     set value(value) {
         const clonedValue = JSON.parse(JSON.stringify(value));
+        if (this.filtersTypeChanged(this.value, clonedValue)) {
+            // due to tracking group items by index, the filters should first be set to [] when the value is changed programmatically
+            this.currentFilter.filters = [];
+            this.cdr.detectChanges();
+        }
         this._value = clonedValue;
         if (this.filters.length > 0) {
             this.setValue(this.value);
@@ -170,8 +176,14 @@ export class FilterComponent {
     /**
      * @hidden
      */
-    getCurrentFilter() {
-        return this.filterService.normalizedValue;
+    get currentFilter() {
+        return this._currentFilter;
+    }
+    /**
+     * @hidden
+     */
+    set currentFilter(value) {
+        this._currentFilter = value;
     }
     /**
      * @hidden
@@ -224,6 +236,7 @@ export class FilterComponent {
     setValue(items) {
         this.normalizeValue(items);
         this.filterService.normalizedValue = items;
+        this.currentFilter = items;
         this.cdr.detectChanges();
         this.navigationService.reset(this.filterItems);
     }
@@ -246,6 +259,29 @@ export class FilterComponent {
     messageFor(key) {
         return this.localization.get(key);
     }
+    /**
+     * @hidden
+     */
+    filtersTypeChanged(previousValue, newValue) {
+        if (!(previousValue?.filters) && !(newValue?.filters)) {
+            return previousValue?.operator != newValue?.operator ||
+                previousValue?.field != newValue?.field;
+        }
+        if (!(previousValue?.filters) || !(newValue?.filters)) {
+            return true;
+        }
+        const previousFilters = previousValue.filters;
+        const newFilters = newValue.filters;
+        if (previousFilters.length !== newFilters.length) {
+            return true;
+        }
+        for (let i = 0; i < previousFilters.length; i++) {
+            if (this.filtersTypeChanged(previousFilters[i], newFilters[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
 }
 FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterComponent, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
@@ -374,7 +410,7 @@ FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>
@@ -513,7 +549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-filter',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708007793,
-    version: '15.0.2-develop.8',
+    publishDate: 1708505203,
+    version: '15.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-filter.mjs

@@ -235,8 +235,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-filter',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708007793,
-    version: '15.0.2-develop.8',
+    publishDate: 1708505203,
+    version: '15.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -484,6 +484,7 @@ class BaseFilterRowComponent {
         this.localization = localization;
         this.renderer = renderer;
         this.valueChange = new EventEmitter();
+        this.itemNumber = 0;
     }
     get toolbarElement() {
         return this.element.nativeElement.querySelector('.k-toolbar');
@@ -1197,11 +1198,30 @@ class FilterGroupComponent extends BaseFilterRowComponent {
             logic: 'or',
             filters: []
         };
+        /**
+         * @hidden
+         */
+        this.trackByFunction = (index) => {
+            return index;
+        };
         this.operators = [];
     }
     get filterItems() {
         return this._filterItems.toArray();
     }
+    /**
+     * @hidden
+     */
+    handleExpressionValueChange(isRemoveOperation) {
+        if (isRemoveOperation) {
+            // due to tracking by index, the filters should first be set to [] so that all rerender afterwards
+            const filtersCopy = this.currentItem.filters;
+            this.currentItem.filters = [];
+            this.cdr.detectChanges();
+            this.currentItem.filters = filtersCopy;
+        }
+        this.valueChange.emit(isRemoveOperation);
+    }
     ngOnInit() {
         this.operators = this.getLogicOperators();
         this.localizationSubscription = this.localization.changes.subscribe(() => {
@@ -1316,9 +1336,9 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
@@ -1395,9 +1415,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
@@ -1582,6 +1602,7 @@ class FilterComponent {
          */
         this.valueChange = new EventEmitter();
         this._value = { filters: [], logic: 'and' };
+        this._currentFilter = { logic: 'and', filters: [] };
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
     }
@@ -1633,6 +1654,11 @@ class FilterComponent {
      */
     set value(value) {
         const clonedValue = JSON.parse(JSON.stringify(value));
+        if (this.filtersTypeChanged(this.value, clonedValue)) {
+            // due to tracking group items by index, the filters should first be set to [] when the value is changed programmatically
+            this.currentFilter.filters = [];
+            this.cdr.detectChanges();
+        }
         this._value = clonedValue;
         if (this.filters.length > 0) {
             this.setValue(this.value);
@@ -1685,8 +1711,14 @@ class FilterComponent {
     /**
      * @hidden
      */
-    getCurrentFilter() {
-        return this.filterService.normalizedValue;
+    get currentFilter() {
+        return this._currentFilter;
+    }
+    /**
+     * @hidden
+     */
+    set currentFilter(value) {
+        this._currentFilter = value;
     }
     /**
      * @hidden
@@ -1739,6 +1771,7 @@ class FilterComponent {
     setValue(items) {
         this.normalizeValue(items);
         this.filterService.normalizedValue = items;
+        this.currentFilter = items;
         this.cdr.detectChanges();
         this.navigationService.reset(this.filterItems);
     }
@@ -1761,6 +1794,29 @@ class FilterComponent {
     messageFor(key) {
         return this.localization.get(key);
     }
+    /**
+     * @hidden
+     */
+    filtersTypeChanged(previousValue, newValue) {
+        if (!(previousValue === null || previousValue === void 0 ? void 0 : previousValue.filters) && !(newValue === null || newValue === void 0 ? void 0 : newValue.filters)) {
+            return (previousValue === null || previousValue === void 0 ? void 0 : previousValue.operator) != (newValue === null || newValue === void 0 ? void 0 : newValue.operator) ||
+                (previousValue === null || previousValue === void 0 ? void 0 : previousValue.field) != (newValue === null || newValue === void 0 ? void 0 : newValue.field);
+        }
+        if (!(previousValue === null || previousValue === void 0 ? void 0 : previousValue.filters) || !(newValue === null || newValue === void 0 ? void 0 : newValue.filters)) {
+            return true;
+        }
+        const previousFilters = previousValue.filters;
+        const newFilters = newValue.filters;
+        if (previousFilters.length !== newFilters.length) {
+            return true;
+        }
+        for (let i = 0; i < previousFilters.length; i++) {
+            if (this.filtersTypeChanged(previousFilters[i], newFilters[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
 }
 FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterComponent, deps: [{ token: FilterService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterComponent, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
@@ -1889,7 +1945,7 @@ FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>
@@ -2028,7 +2084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>

package/fesm2020/progress-kendo-angular-filter.mjs

@@ -235,8 +235,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-filter',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708007793,
-    version: '15.0.2-develop.8',
+    publishDate: 1708505203,
+    version: '15.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -483,6 +483,7 @@ class BaseFilterRowComponent {
         this.localization = localization;
         this.renderer = renderer;
         this.valueChange = new EventEmitter();
+        this.itemNumber = 0;
     }
     get toolbarElement() {
         return this.element.nativeElement.querySelector('.k-toolbar');
@@ -1196,11 +1197,30 @@ class FilterGroupComponent extends BaseFilterRowComponent {
             logic: 'or',
             filters: []
         };
+        /**
+         * @hidden
+         */
+        this.trackByFunction = (index) => {
+            return index;
+        };
         this.operators = [];
     }
     get filterItems() {
         return this._filterItems.toArray();
     }
+    /**
+     * @hidden
+     */
+    handleExpressionValueChange(isRemoveOperation) {
+        if (isRemoveOperation) {
+            // due to tracking by index, the filters should first be set to [] so that all rerender afterwards
+            const filtersCopy = this.currentItem.filters;
+            this.currentItem.filters = [];
+            this.cdr.detectChanges();
+            this.currentItem.filters = filtersCopy;
+        }
+        this.valueChange.emit(isRemoveOperation);
+    }
     ngOnInit() {
         this.operators = this.getLogicOperators();
         this.localizationSubscription = this.localization.changes.subscribe(() => {
@@ -1315,9 +1335,9 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
@@ -1394,9 +1414,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
       </div>
 
       <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index;">
+        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
           <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="valueChange.emit($event)" [currentItem]="item" [index]="i">
+            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
             </kendo-filter-expression>
           </li>
           <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
@@ -1581,6 +1601,7 @@ class FilterComponent {
          */
         this.valueChange = new EventEmitter();
         this._value = { filters: [], logic: 'and' };
+        this._currentFilter = { logic: 'and', filters: [] };
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
     }
@@ -1632,6 +1653,11 @@ class FilterComponent {
      */
     set value(value) {
         const clonedValue = JSON.parse(JSON.stringify(value));
+        if (this.filtersTypeChanged(this.value, clonedValue)) {
+            // due to tracking group items by index, the filters should first be set to [] when the value is changed programmatically
+            this.currentFilter.filters = [];
+            this.cdr.detectChanges();
+        }
         this._value = clonedValue;
         if (this.filters.length > 0) {
             this.setValue(this.value);
@@ -1685,8 +1711,14 @@ class FilterComponent {
     /**
      * @hidden
      */
-    getCurrentFilter() {
-        return this.filterService.normalizedValue;
+    get currentFilter() {
+        return this._currentFilter;
+    }
+    /**
+     * @hidden
+     */
+    set currentFilter(value) {
+        this._currentFilter = value;
     }
     /**
      * @hidden
@@ -1739,6 +1771,7 @@ class FilterComponent {
     setValue(items) {
         this.normalizeValue(items);
         this.filterService.normalizedValue = items;
+        this.currentFilter = items;
         this.cdr.detectChanges();
         this.navigationService.reset(this.filterItems);
     }
@@ -1761,6 +1794,29 @@ class FilterComponent {
     messageFor(key) {
         return this.localization.get(key);
     }
+    /**
+     * @hidden
+     */
+    filtersTypeChanged(previousValue, newValue) {
+        if (!(previousValue?.filters) && !(newValue?.filters)) {
+            return previousValue?.operator != newValue?.operator ||
+                previousValue?.field != newValue?.field;
+        }
+        if (!(previousValue?.filters) || !(newValue?.filters)) {
+            return true;
+        }
+        const previousFilters = previousValue.filters;
+        const newFilters = newValue.filters;
+        if (previousFilters.length !== newFilters.length) {
+            return true;
+        }
+        for (let i = 0; i < previousFilters.length; i++) {
+            if (this.filtersTypeChanged(previousFilters[i], newFilters[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
 }
 FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterComponent, deps: [{ token: FilterService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterComponent, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
@@ -1889,7 +1945,7 @@ FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>
@@ -2028,7 +2084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
                 <li class='k-filter-group-main' role="treeitem">
                     <kendo-filter-group
-                        [currentItem]="getCurrentFilter()"
+                        [currentItem]="currentFilter"
                         (valueChange)="onValueChange($event)"
                         >
                     </kendo-filter-group>

package/filter-group.component.d.ts

@@ -32,7 +32,15 @@ export declare class FilterGroupComponent extends BaseFilterRowComponent impleme
     filterAddExpressionIcon: SVGIcon;
     private _filterItems;
     get filterItems(): FilterItem[];
+    /**
+     * @hidden
+     */
+    handleExpressionValueChange(isRemoveOperation: any): void;
     currentItem: CompositeFilterDescriptor;
+    /**
+     * @hidden
+     */
+    trackByFunction: (index: any) => any;
     operators: {
         text: string;
         value: 'and' | 'or';

package/filter.component.d.ts

@@ -88,10 +88,15 @@ export declare class FilterComponent implements OnInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private filterFieldsChanged;
+    private _currentFilter;
     /**
      * @hidden
      */
-    getCurrentFilter(): CompositeFilterDescriptor;
+    get currentFilter(): CompositeFilterDescriptor;
+    /**
+     * @hidden
+     */
+    set currentFilter(value: CompositeFilterDescriptor);
     /**
      * @hidden
      */
@@ -103,6 +108,10 @@ export declare class FilterComponent implements OnInit, OnDestroy {
      * @hidden
      */
     messageFor(key: string): string;
+    /**
+     * @hidden
+     */
+    private filtersTypeChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "kendo-filter", never, { "filters": "filters"; "value": "value"; }, { "valueChange": "valueChange"; }, ["filterFields"], never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-filter",
-  "version": "15.0.2-develop.8",
+  "version": "15.1.0-develop.1",
   "description": "Kendo UI Angular Filter",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -22,20 +22,20 @@
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "15.0.2-develop.8",
-    "@progress/kendo-angular-common": "15.0.2-develop.8",
-    "@progress/kendo-angular-dateinputs": "15.0.2-develop.8",
-    "@progress/kendo-angular-dropdowns": "15.0.2-develop.8",
-    "@progress/kendo-angular-inputs": "15.0.2-develop.8",
-    "@progress/kendo-angular-intl": "15.0.2-develop.8",
-    "@progress/kendo-angular-l10n": "15.0.2-develop.8",
-    "@progress/kendo-angular-icons": "15.0.2-develop.8",
-    "@progress/kendo-angular-label": "15.0.2-develop.8",
+    "@progress/kendo-angular-buttons": "15.1.0-develop.1",
+    "@progress/kendo-angular-common": "15.1.0-develop.1",
+    "@progress/kendo-angular-dateinputs": "15.1.0-develop.1",
+    "@progress/kendo-angular-dropdowns": "15.1.0-develop.1",
+    "@progress/kendo-angular-inputs": "15.1.0-develop.1",
+    "@progress/kendo-angular-intl": "15.1.0-develop.1",
+    "@progress/kendo-angular-l10n": "15.1.0-develop.1",
+    "@progress/kendo-angular-icons": "15.1.0-develop.1",
+    "@progress/kendo-angular-label": "15.1.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "15.0.2-develop.8"
+    "@progress/kendo-angular-schematics": "15.1.0-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-filter.mjs",

package/schematics/ngAdd/index.js

@@ -4,11 +4,11 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'FilterModule', package: 'filter', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '15.0.2-develop.8',
-            '@progress/kendo-angular-popup': '15.0.2-develop.8',
+            '@progress/kendo-angular-treeview': '15.1.0-develop.1',
+            '@progress/kendo-angular-popup': '15.1.0-develop.1',
             // peer dependency of kendo-angular-inputs
             '@progress/kendo-drawing': '^1.16.0',
-            '@progress/kendo-angular-dialog': '15.0.2-develop.8',
+            '@progress/kendo-angular-dialog': '15.1.0-develop.1',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0'
         } });