@progress/kendo-angular-filter 17.0.2-develop.8 → 17.1.0-develop.1

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.
Files changed (10) hide show
  1. package/esm2022/base-filter-row.component.mjs +2 -2
  2. package/esm2022/filter-group.component.mjs +1 -1
  3. package/esm2022/filter.component.mjs +15 -2
  4. package/esm2022/navigation.service.mjs +4 -4
  5. package/esm2022/package-metadata.mjs +2 -2
  6. package/fesm2022/progress-kendo-angular-filter.mjs +24 -11
  7. package/filter.component.d.ts +4 -0
  8. package/navigation.service.d.ts +1 -1
  9. package/package.json +15 -15
  10. package/schematics/ngAdd/index.js +4 -4
package/esm2022/base-filter-row.component.mjs CHANGED
@@ -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.isInnerNavigationActivated = true;
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.isInnerNavigationActivated = false;
58
+ this.navigationService.isFilterNavigationActivated = false;
59
59
  this.navigationService.isFilterExpressionComponentFocused = false;
60
60
  elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[0];
61
61
  }
package/esm2022/filter-group.component.mjs CHANGED
@@ -117,7 +117,7 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
117
117
  index = 1;
118
118
  }
119
119
  this.navigationService.currentToolbarItemChildrenIndex = index;
120
- this.navigationService.isInnerNavigationActivated = true;
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;
package/esm2022/filter.component.mjs CHANGED
@@ -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.isInnerNavigationActivated = false;
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']]
package/esm2022/navigation.service.mjs CHANGED
@@ -16,7 +16,7 @@ export class NavigationService {
16
16
  flattenFilterItems = [];
17
17
  currentToolbarItemIndex = 0;
18
18
  currentToolbarItemChildrenIndex = 0;
19
- isInnerNavigationActivated = true;
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.isInnerNavigationActivated &&
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.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
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.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
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];
package/esm2022/package-metadata.mjs CHANGED
@@ -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: 1731677439,
13
- version: '17.0.2-develop.8',
12
+ publishDate: 1732031885,
13
+ version: '17.1.0-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2022/progress-kendo-angular-filter.mjs CHANGED
@@ -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: 1731677439,
234
- version: '17.0.2-develop.8',
233
+ publishDate: 1732031885,
234
+ version: '17.1.0-develop.1',
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
- isInnerNavigationActivated = true;
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.isInnerNavigationActivated &&
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.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
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.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
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.isInnerNavigationActivated = true;
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.isInnerNavigationActivated = false;
570
+ this.navigationService.isFilterNavigationActivated = false;
571
571
  this.navigationService.isFilterExpressionComponentFocused = false;
572
572
  elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[0];
573
573
  }
@@ -1371,7 +1371,7 @@ class FilterGroupComponent extends BaseFilterRowComponent {
1371
1371
  index = 1;
1372
1372
  }
1373
1373
  this.navigationService.currentToolbarItemChildrenIndex = index;
1374
- this.navigationService.isInnerNavigationActivated = true;
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;
@@ -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.isInnerNavigationActivated = false;
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
@@ -56,6 +56,10 @@ export declare class FilterComponent implements OnInit, OnDestroy {
56
56
  * @hidden
57
57
  */
58
58
  focusout(): void;
59
+ /**
60
+ * @hidden
61
+ */
62
+ focusin(): void;
59
63
  /**
60
64
  * @hidden
61
65
  */
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
- isInnerNavigationActivated: boolean;
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.8",
3
+ "version": "17.1.0-develop.1",
4
4
  "description": "Kendo UI Angular Filter",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -16,26 +16,26 @@
16
16
  "friendlyName": "Filter"
17
17
  },
18
18
  "peerDependencies": {
19
- "@angular/animations": "16 - 18",
20
- "@angular/common": "16 - 18",
21
- "@angular/core": "16 - 18",
22
- "@angular/platform-browser": "16 - 18",
19
+ "@angular/animations": "16 - 19",
20
+ "@angular/common": "16 - 19",
21
+ "@angular/core": "16 - 19",
22
+ "@angular/platform-browser": "16 - 19",
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.8",
26
- "@progress/kendo-angular-common": "17.0.2-develop.8",
27
- "@progress/kendo-angular-dateinputs": "17.0.2-develop.8",
28
- "@progress/kendo-angular-dropdowns": "17.0.2-develop.8",
29
- "@progress/kendo-angular-inputs": "17.0.2-develop.8",
30
- "@progress/kendo-angular-intl": "17.0.2-develop.8",
31
- "@progress/kendo-angular-l10n": "17.0.2-develop.8",
32
- "@progress/kendo-angular-icons": "17.0.2-develop.8",
33
- "@progress/kendo-angular-label": "17.0.2-develop.8",
25
+ "@progress/kendo-angular-buttons": "17.1.0-develop.1",
26
+ "@progress/kendo-angular-common": "17.1.0-develop.1",
27
+ "@progress/kendo-angular-dateinputs": "17.1.0-develop.1",
28
+ "@progress/kendo-angular-dropdowns": "17.1.0-develop.1",
29
+ "@progress/kendo-angular-inputs": "17.1.0-develop.1",
30
+ "@progress/kendo-angular-intl": "17.1.0-develop.1",
31
+ "@progress/kendo-angular-l10n": "17.1.0-develop.1",
32
+ "@progress/kendo-angular-icons": "17.1.0-develop.1",
33
+ "@progress/kendo-angular-label": "17.1.0-develop.1",
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.8"
38
+ "@progress/kendo-angular-schematics": "17.1.0-develop.1"
39
39
  },
40
40
  "schematics": "./schematics/collection.json",
41
41
  "module": "fesm2022/progress-kendo-angular-filter.mjs",
package/schematics/ngAdd/index.js CHANGED
@@ -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',
8
- '@progress/kendo-angular-popup': '17.0.2-develop.8',
9
- '@progress/kendo-angular-navigation': '17.0.2-develop.8',
7
+ '@progress/kendo-angular-treeview': '17.1.0-develop.1',
8
+ '@progress/kendo-angular-popup': '17.1.0-develop.1',
9
+ '@progress/kendo-angular-navigation': '17.1.0-develop.1',
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.8',
12
+ '@progress/kendo-angular-dialog': '17.1.0-develop.1',
13
13
  // Peer dependency of icons
14
14
  '@progress/kendo-svg-icons': '^4.0.0'
15
15
  } });