@progress/kendo-angular-filter 17.0.2-develop.1 → 17.0.2-develop.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/base-filter-row.component.mjs +2 -2
- package/esm2022/filter-expression.component.mjs +2 -2
- package/esm2022/filter-group.component.mjs +3 -3
- package/esm2022/filter.component.mjs +15 -2
- package/esm2022/navigation.service.mjs +4 -4
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-filter.mjs +28 -15
- package/filter.component.d.ts +4 -0
- package/navigation.service.d.ts +1 -1
- package/package.json +11 -11
- package/schematics/ngAdd/index.js +4 -4
|
@@ -42,7 +42,7 @@ export class BaseFilterRowComponent {
|
|
|
42
42
|
? Array.from(closestToolbarItem.children).indexOf(closestFilterToolbarItem)
|
|
43
43
|
: Array.from(closestToolbarItem.children).indexOf(closestButton);
|
|
44
44
|
this.navigationService.currentToolbarItemChildrenIndex = index;
|
|
45
|
-
this.navigationService.
|
|
45
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
46
46
|
this.navigationService.isFilterExpressionComponentFocused = true;
|
|
47
47
|
const wrapperElement = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
|
|
48
48
|
elementToFocus = wrapperElement.querySelector(selectors.kendoDropDownListComponent) ||
|
|
@@ -55,7 +55,7 @@ export class BaseFilterRowComponent {
|
|
|
55
55
|
}
|
|
56
56
|
else {
|
|
57
57
|
this.navigationService.currentToolbarItemChildrenIndex = 0;
|
|
58
|
-
this.navigationService.
|
|
58
|
+
this.navigationService.isFilterNavigationActivated = false;
|
|
59
59
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
60
60
|
elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[0];
|
|
61
61
|
}
|
|
@@ -210,7 +210,7 @@ export class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
210
210
|
useExisting: forwardRef(() => FilterExpressionComponent)
|
|
211
211
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
212
212
|
<div class="k-filter-toolbar">
|
|
213
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
213
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
214
214
|
<div class="k-filter-field k-toolbar-item" >
|
|
215
215
|
<kendo-dropdownlist
|
|
216
216
|
[tabindex]="-1"
|
|
@@ -271,7 +271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
271
271
|
selector: 'kendo-filter-expression',
|
|
272
272
|
template: `
|
|
273
273
|
<div class="k-filter-toolbar">
|
|
274
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
274
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
275
275
|
<div class="k-filter-field k-toolbar-item" >
|
|
276
276
|
<kendo-dropdownlist
|
|
277
277
|
[tabindex]="-1"
|
|
@@ -117,7 +117,7 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
117
117
|
index = 1;
|
|
118
118
|
}
|
|
119
119
|
this.navigationService.currentToolbarItemChildrenIndex = index;
|
|
120
|
-
this.navigationService.
|
|
120
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
121
121
|
const elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
|
|
122
122
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
123
123
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
@@ -129,7 +129,7 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
129
129
|
useExisting: forwardRef(() => FilterGroupComponent)
|
|
130
130
|
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
131
131
|
<div class="k-filter-toolbar">
|
|
132
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
132
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
133
133
|
<div class="k-toolbar-button-group k-button-group k-button-group-solid" role="group">
|
|
134
134
|
<button
|
|
135
135
|
tabindex="-1"
|
|
@@ -209,7 +209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
209
209
|
selector: 'kendo-filter-group',
|
|
210
210
|
template: `
|
|
211
211
|
<div class="k-filter-toolbar">
|
|
212
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
212
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
213
213
|
<div class="k-toolbar-button-group k-button-group k-button-group-solid" role="group">
|
|
214
214
|
<button
|
|
215
215
|
tabindex="-1"
|
|
@@ -68,11 +68,21 @@ export class FilterComponent {
|
|
|
68
68
|
this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '-1');
|
|
69
69
|
this.navigationService.currentlyFocusedElement = this.navigationService.flattenFilterItems[this.navigationService.currentToolbarItemIndex].focusableChildren[0];
|
|
70
70
|
this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '0');
|
|
71
|
-
this.navigationService.
|
|
71
|
+
this.navigationService.isFilterNavigationActivated = false;
|
|
72
72
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
73
73
|
}
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
|
+
/**
|
|
77
|
+
* @hidden
|
|
78
|
+
*/
|
|
79
|
+
focusin() {
|
|
80
|
+
if (this.navigationService.isFilterNavigationActivated) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
84
|
+
this.navigationService.currentToolbarItemChildrenIndex = 0;
|
|
85
|
+
}
|
|
76
86
|
/**
|
|
77
87
|
* @hidden
|
|
78
88
|
*/
|
|
@@ -294,7 +304,7 @@ export class FilterComponent {
|
|
|
294
304
|
return false;
|
|
295
305
|
}
|
|
296
306
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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 });
|
|
297
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterComponent, isStandalone: true, 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: [
|
|
307
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterComponent, isStandalone: true, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "focusin": "focusin($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
|
|
298
308
|
LocalizationService,
|
|
299
309
|
{
|
|
300
310
|
provide: L10N_PREFIX,
|
|
@@ -574,6 +584,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
574
584
|
}], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i3.NavigationService }, { type: i0.Renderer2 }]; }, propDecorators: { focusout: [{
|
|
575
585
|
type: HostListener,
|
|
576
586
|
args: ['focusout', ['$event']]
|
|
587
|
+
}], focusin: [{
|
|
588
|
+
type: HostListener,
|
|
589
|
+
args: ['focusin', ['$event']]
|
|
577
590
|
}], onKeydown: [{
|
|
578
591
|
type: HostListener,
|
|
579
592
|
args: ['keydown', ['$event']]
|
|
@@ -16,7 +16,7 @@ export class NavigationService {
|
|
|
16
16
|
flattenFilterItems = [];
|
|
17
17
|
currentToolbarItemIndex = 0;
|
|
18
18
|
currentToolbarItemChildrenIndex = 0;
|
|
19
|
-
|
|
19
|
+
isFilterNavigationActivated = true;
|
|
20
20
|
isFilterExpressionComponentFocused = false;
|
|
21
21
|
currentlyFocusedElement;
|
|
22
22
|
constructor(cdr, renderer) {
|
|
@@ -48,7 +48,7 @@ export class NavigationService {
|
|
|
48
48
|
case Keys.Enter: {
|
|
49
49
|
const isEventTargetKendoFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
|
|
50
50
|
const isEventTargetButton = event.target.closest(selectors.kendoButton);
|
|
51
|
-
if (this.
|
|
51
|
+
if (this.isFilterNavigationActivated &&
|
|
52
52
|
!this.isFilterExpressionComponentFocused &&
|
|
53
53
|
isEventTargetKendoFilterToolbarItem &&
|
|
54
54
|
!isEventTargetButton) {
|
|
@@ -73,7 +73,7 @@ export class NavigationService {
|
|
|
73
73
|
break;
|
|
74
74
|
}
|
|
75
75
|
case Keys.ArrowRight: {
|
|
76
|
-
if (this.
|
|
76
|
+
if (this.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
77
77
|
event.preventDefault();
|
|
78
78
|
this.currentToolbarItemChildrenIndex < this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren.length - 1 ? this.currentToolbarItemChildrenIndex++ : this.currentToolbarItemChildrenIndex;
|
|
79
79
|
const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
|
|
@@ -82,7 +82,7 @@ export class NavigationService {
|
|
|
82
82
|
break;
|
|
83
83
|
}
|
|
84
84
|
case Keys.ArrowLeft: {
|
|
85
|
-
if (this.
|
|
85
|
+
if (this.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
86
86
|
event.preventDefault();
|
|
87
87
|
this.currentToolbarItemChildrenIndex > 0 ? this.currentToolbarItemChildrenIndex-- : this.currentToolbarItemChildrenIndex;
|
|
88
88
|
const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-filter',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.2-develop.
|
|
12
|
+
publishDate: 1732021500,
|
|
13
|
+
version: '17.0.2-develop.11',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -230,8 +230,8 @@ const packageMetadata = {
|
|
|
230
230
|
name: '@progress/kendo-angular-filter',
|
|
231
231
|
productName: 'Kendo UI for Angular',
|
|
232
232
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
233
|
-
publishDate:
|
|
234
|
-
version: '17.0.2-develop.
|
|
233
|
+
publishDate: 1732021500,
|
|
234
|
+
version: '17.0.2-develop.11',
|
|
235
235
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
236
236
|
};
|
|
237
237
|
|
|
@@ -372,7 +372,7 @@ class NavigationService {
|
|
|
372
372
|
flattenFilterItems = [];
|
|
373
373
|
currentToolbarItemIndex = 0;
|
|
374
374
|
currentToolbarItemChildrenIndex = 0;
|
|
375
|
-
|
|
375
|
+
isFilterNavigationActivated = true;
|
|
376
376
|
isFilterExpressionComponentFocused = false;
|
|
377
377
|
currentlyFocusedElement;
|
|
378
378
|
constructor(cdr, renderer) {
|
|
@@ -404,7 +404,7 @@ class NavigationService {
|
|
|
404
404
|
case Keys.Enter: {
|
|
405
405
|
const isEventTargetKendoFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
|
|
406
406
|
const isEventTargetButton = event.target.closest(selectors.kendoButton);
|
|
407
|
-
if (this.
|
|
407
|
+
if (this.isFilterNavigationActivated &&
|
|
408
408
|
!this.isFilterExpressionComponentFocused &&
|
|
409
409
|
isEventTargetKendoFilterToolbarItem &&
|
|
410
410
|
!isEventTargetButton) {
|
|
@@ -429,7 +429,7 @@ class NavigationService {
|
|
|
429
429
|
break;
|
|
430
430
|
}
|
|
431
431
|
case Keys.ArrowRight: {
|
|
432
|
-
if (this.
|
|
432
|
+
if (this.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
433
433
|
event.preventDefault();
|
|
434
434
|
this.currentToolbarItemChildrenIndex < this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren.length - 1 ? this.currentToolbarItemChildrenIndex++ : this.currentToolbarItemChildrenIndex;
|
|
435
435
|
const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
|
|
@@ -438,7 +438,7 @@ class NavigationService {
|
|
|
438
438
|
break;
|
|
439
439
|
}
|
|
440
440
|
case Keys.ArrowLeft: {
|
|
441
|
-
if (this.
|
|
441
|
+
if (this.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
442
442
|
event.preventDefault();
|
|
443
443
|
this.currentToolbarItemChildrenIndex > 0 ? this.currentToolbarItemChildrenIndex-- : this.currentToolbarItemChildrenIndex;
|
|
444
444
|
const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
|
|
@@ -554,7 +554,7 @@ class BaseFilterRowComponent {
|
|
|
554
554
|
? Array.from(closestToolbarItem.children).indexOf(closestFilterToolbarItem)
|
|
555
555
|
: Array.from(closestToolbarItem.children).indexOf(closestButton);
|
|
556
556
|
this.navigationService.currentToolbarItemChildrenIndex = index;
|
|
557
|
-
this.navigationService.
|
|
557
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
558
558
|
this.navigationService.isFilterExpressionComponentFocused = true;
|
|
559
559
|
const wrapperElement = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
|
|
560
560
|
elementToFocus = wrapperElement.querySelector(selectors.kendoDropDownListComponent) ||
|
|
@@ -567,7 +567,7 @@ class BaseFilterRowComponent {
|
|
|
567
567
|
}
|
|
568
568
|
else {
|
|
569
569
|
this.navigationService.currentToolbarItemChildrenIndex = 0;
|
|
570
|
-
this.navigationService.
|
|
570
|
+
this.navigationService.isFilterNavigationActivated = false;
|
|
571
571
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
572
572
|
elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[0];
|
|
573
573
|
}
|
|
@@ -1152,7 +1152,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1152
1152
|
useExisting: forwardRef(() => FilterExpressionComponent)
|
|
1153
1153
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
1154
1154
|
<div class="k-filter-toolbar">
|
|
1155
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1155
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1156
1156
|
<div class="k-filter-field k-toolbar-item" >
|
|
1157
1157
|
<kendo-dropdownlist
|
|
1158
1158
|
[tabindex]="-1"
|
|
@@ -1213,7 +1213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1213
1213
|
selector: 'kendo-filter-expression',
|
|
1214
1214
|
template: `
|
|
1215
1215
|
<div class="k-filter-toolbar">
|
|
1216
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1216
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1217
1217
|
<div class="k-filter-field k-toolbar-item" >
|
|
1218
1218
|
<kendo-dropdownlist
|
|
1219
1219
|
[tabindex]="-1"
|
|
@@ -1371,7 +1371,7 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1371
1371
|
index = 1;
|
|
1372
1372
|
}
|
|
1373
1373
|
this.navigationService.currentToolbarItemChildrenIndex = index;
|
|
1374
|
-
this.navigationService.
|
|
1374
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
1375
1375
|
const elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
|
|
1376
1376
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
1377
1377
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
@@ -1383,7 +1383,7 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1383
1383
|
useExisting: forwardRef(() => FilterGroupComponent)
|
|
1384
1384
|
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1385
1385
|
<div class="k-filter-toolbar">
|
|
1386
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1386
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1387
1387
|
<div class="k-toolbar-button-group k-button-group k-button-group-solid" role="group">
|
|
1388
1388
|
<button
|
|
1389
1389
|
tabindex="-1"
|
|
@@ -1463,7 +1463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1463
1463
|
selector: 'kendo-filter-group',
|
|
1464
1464
|
template: `
|
|
1465
1465
|
<div class="k-filter-toolbar">
|
|
1466
|
-
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1466
|
+
<div class="k-toolbar k-toolbar-md k-toolbar-solid" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
1467
1467
|
<div class="k-toolbar-button-group k-button-group k-button-group-solid" role="group">
|
|
1468
1468
|
<button
|
|
1469
1469
|
tabindex="-1"
|
|
@@ -1857,11 +1857,21 @@ class FilterComponent {
|
|
|
1857
1857
|
this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '-1');
|
|
1858
1858
|
this.navigationService.currentlyFocusedElement = this.navigationService.flattenFilterItems[this.navigationService.currentToolbarItemIndex].focusableChildren[0];
|
|
1859
1859
|
this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '0');
|
|
1860
|
-
this.navigationService.
|
|
1860
|
+
this.navigationService.isFilterNavigationActivated = false;
|
|
1861
1861
|
this.navigationService.isFilterExpressionComponentFocused = false;
|
|
1862
1862
|
}
|
|
1863
1863
|
});
|
|
1864
1864
|
}
|
|
1865
|
+
/**
|
|
1866
|
+
* @hidden
|
|
1867
|
+
*/
|
|
1868
|
+
focusin() {
|
|
1869
|
+
if (this.navigationService.isFilterNavigationActivated) {
|
|
1870
|
+
return;
|
|
1871
|
+
}
|
|
1872
|
+
this.navigationService.isFilterNavigationActivated = true;
|
|
1873
|
+
this.navigationService.currentToolbarItemChildrenIndex = 0;
|
|
1874
|
+
}
|
|
1865
1875
|
/**
|
|
1866
1876
|
* @hidden
|
|
1867
1877
|
*/
|
|
@@ -2083,7 +2093,7 @@ class FilterComponent {
|
|
|
2083
2093
|
return false;
|
|
2084
2094
|
}
|
|
2085
2095
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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 });
|
|
2086
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterComponent, isStandalone: true, 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: [
|
|
2096
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterComponent, isStandalone: true, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "focusin": "focusin($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
|
|
2087
2097
|
LocalizationService,
|
|
2088
2098
|
{
|
|
2089
2099
|
provide: L10N_PREFIX,
|
|
@@ -2363,6 +2373,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2363
2373
|
}], ctorParameters: function () { return [{ type: FilterService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NavigationService }, { type: i0.Renderer2 }]; }, propDecorators: { focusout: [{
|
|
2364
2374
|
type: HostListener,
|
|
2365
2375
|
args: ['focusout', ['$event']]
|
|
2376
|
+
}], focusin: [{
|
|
2377
|
+
type: HostListener,
|
|
2378
|
+
args: ['focusin', ['$event']]
|
|
2366
2379
|
}], onKeydown: [{
|
|
2367
2380
|
type: HostListener,
|
|
2368
2381
|
args: ['keydown', ['$event']]
|
package/filter.component.d.ts
CHANGED
package/navigation.service.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export declare class NavigationService {
|
|
|
24
24
|
flattenFilterItems: FlattenFilterItem[];
|
|
25
25
|
currentToolbarItemIndex: number;
|
|
26
26
|
currentToolbarItemChildrenIndex: number;
|
|
27
|
-
|
|
27
|
+
isFilterNavigationActivated: boolean;
|
|
28
28
|
isFilterExpressionComponentFocused: boolean;
|
|
29
29
|
currentlyFocusedElement: HTMLElement;
|
|
30
30
|
constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-filter",
|
|
3
|
-
"version": "17.0.2-develop.
|
|
3
|
+
"version": "17.0.2-develop.11",
|
|
4
4
|
"description": "Kendo UI Angular Filter",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -22,20 +22,20 @@
|
|
|
22
22
|
"@angular/platform-browser": "16 - 18",
|
|
23
23
|
"@progress/kendo-data-query": "^1.5.5",
|
|
24
24
|
"@progress/kendo-licensing": "^1.0.2",
|
|
25
|
-
"@progress/kendo-angular-buttons": "17.0.2-develop.
|
|
26
|
-
"@progress/kendo-angular-common": "17.0.2-develop.
|
|
27
|
-
"@progress/kendo-angular-dateinputs": "17.0.2-develop.
|
|
28
|
-
"@progress/kendo-angular-dropdowns": "17.0.2-develop.
|
|
29
|
-
"@progress/kendo-angular-inputs": "17.0.2-develop.
|
|
30
|
-
"@progress/kendo-angular-intl": "17.0.2-develop.
|
|
31
|
-
"@progress/kendo-angular-l10n": "17.0.2-develop.
|
|
32
|
-
"@progress/kendo-angular-icons": "17.0.2-develop.
|
|
33
|
-
"@progress/kendo-angular-label": "17.0.2-develop.
|
|
25
|
+
"@progress/kendo-angular-buttons": "17.0.2-develop.11",
|
|
26
|
+
"@progress/kendo-angular-common": "17.0.2-develop.11",
|
|
27
|
+
"@progress/kendo-angular-dateinputs": "17.0.2-develop.11",
|
|
28
|
+
"@progress/kendo-angular-dropdowns": "17.0.2-develop.11",
|
|
29
|
+
"@progress/kendo-angular-inputs": "17.0.2-develop.11",
|
|
30
|
+
"@progress/kendo-angular-intl": "17.0.2-develop.11",
|
|
31
|
+
"@progress/kendo-angular-l10n": "17.0.2-develop.11",
|
|
32
|
+
"@progress/kendo-angular-icons": "17.0.2-develop.11",
|
|
33
|
+
"@progress/kendo-angular-label": "17.0.2-develop.11",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "17.0.2-develop.
|
|
38
|
+
"@progress/kendo-angular-schematics": "17.0.2-develop.11"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-filter.mjs",
|
|
@@ -4,12 +4,12 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'FilterModule', package: 'filter', peerDependencies: {
|
|
6
6
|
// peer deps of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '17.0.2-develop.
|
|
8
|
-
'@progress/kendo-angular-popup': '17.0.2-develop.
|
|
9
|
-
'@progress/kendo-angular-navigation': '17.0.2-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '17.0.2-develop.11',
|
|
8
|
+
'@progress/kendo-angular-popup': '17.0.2-develop.11',
|
|
9
|
+
'@progress/kendo-angular-navigation': '17.0.2-develop.11',
|
|
10
10
|
// peer dependency of kendo-angular-inputs
|
|
11
11
|
'@progress/kendo-drawing': '^1.16.0',
|
|
12
|
-
'@progress/kendo-angular-dialog': '17.0.2-develop.
|
|
12
|
+
'@progress/kendo-angular-dialog': '17.0.2-develop.11',
|
|
13
13
|
// Peer dependency of icons
|
|
14
14
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
15
15
|
} });
|