@progress/kendo-angular-buttons 14.0.2-develop.17 → 14.0.2-develop.19

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 (5) hide show
  1. package/esm2020/chip/chip-list.component.mjs +16 -7
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/fesm2015/progress-kendo-angular-buttons.mjs +18 -9
  4. package/fesm2020/progress-kendo-angular-buttons.mjs +18 -9
  5. package/package.json +6 -6
package/esm2020/chip/chip-list.component.mjs CHANGED
@@ -82,6 +82,12 @@ export class ChipListComponent {
82
82
  const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
83
83
  this.currentActiveIndex = this.chips.toArray().indexOf(chip);
84
84
  chip && chip.focus();
85
+ if (chip && this.navigable) {
86
+ this.chips.forEach((c) => {
87
+ this.renderer.setAttribute(c.element.nativeElement, 'tabindex', '-1');
88
+ });
89
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
90
+ }
85
91
  if (isRemoveClicked && clickedChip) {
86
92
  const removeEventArgs = { sender: this, originalEvent: $event, removedChip: chip };
87
93
  this.remove.emit(removeEventArgs);
@@ -114,9 +120,9 @@ export class ChipListComponent {
114
120
  this.handleClasses(this[input], input);
115
121
  });
116
122
  this.attachElementEventHandlers();
123
+ this.updateChips();
117
124
  }
118
125
  ngAfterContentInit() {
119
- this.updateChips();
120
126
  this.subs.add(this.chips?.changes.subscribe(() => this.updateChips()));
121
127
  }
122
128
  ngOnDestroy() {
@@ -211,7 +217,7 @@ export class ChipListComponent {
211
217
  this.currentActiveIndex = this.chips.length - 1;
212
218
  }
213
219
  this.chips.forEach((chip, idx) => {
214
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
220
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '-1');
215
221
  if (idx === this.currentActiveIndex) {
216
222
  this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
217
223
  chip.focus();
@@ -222,19 +228,22 @@ export class ChipListComponent {
222
228
  this.normalizeActiveIndex();
223
229
  this.chips.forEach((chip, idx) => {
224
230
  const chipEl = chip.element.nativeElement;
225
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
231
+ this.renderer.removeAttribute(chipEl, 'aria-pressed');
232
+ this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
233
+ this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
234
+ if (!this.navigable) {
235
+ return;
236
+ }
237
+ this.renderer.setAttribute(chipEl, 'tabindex', '-1');
226
238
  if (idx === this.currentActiveIndex) {
227
- this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
239
+ this.renderer.setAttribute(chipEl, 'tabindex', '0');
228
240
  if (isDocumentAvailable() && document.activeElement.closest('.k-chip-list')) {
229
241
  chip.focus();
230
242
  }
231
243
  }
232
- this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
233
244
  if (chip.removable) {
234
245
  this.renderer.setAttribute(chipEl, 'aria-keyshortcuts', 'Enter Delete');
235
246
  }
236
- this.renderer.removeAttribute(chipEl, 'aria-pressed');
237
- this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
238
247
  });
239
248
  }
240
249
  normalizeActiveIndex() {
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-buttons',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1698416438,
13
- version: '14.0.2-develop.17',
12
+ publishDate: 1698846211,
13
+ version: '14.0.2-develop.19',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-buttons.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-buttons',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1698416438,
32
- version: '14.0.2-develop.17',
31
+ publishDate: 1698846211,
32
+ version: '14.0.2-develop.19',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
35
35
 
@@ -3861,6 +3861,12 @@ class ChipListComponent {
3861
3861
  const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
3862
3862
  this.currentActiveIndex = this.chips.toArray().indexOf(chip);
3863
3863
  chip && chip.focus();
3864
+ if (chip && this.navigable) {
3865
+ this.chips.forEach((c) => {
3866
+ this.renderer.setAttribute(c.element.nativeElement, 'tabindex', '-1');
3867
+ });
3868
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
3869
+ }
3864
3870
  if (isRemoveClicked && clickedChip) {
3865
3871
  const removeEventArgs = { sender: this, originalEvent: $event, removedChip: chip };
3866
3872
  this.remove.emit(removeEventArgs);
@@ -3894,10 +3900,10 @@ class ChipListComponent {
3894
3900
  this.handleClasses(this[input], input);
3895
3901
  });
3896
3902
  this.attachElementEventHandlers();
3903
+ this.updateChips();
3897
3904
  }
3898
3905
  ngAfterContentInit() {
3899
3906
  var _a;
3900
- this.updateChips();
3901
3907
  this.subs.add((_a = this.chips) === null || _a === void 0 ? void 0 : _a.changes.subscribe(() => this.updateChips()));
3902
3908
  }
3903
3909
  ngOnDestroy() {
@@ -3992,7 +3998,7 @@ class ChipListComponent {
3992
3998
  this.currentActiveIndex = this.chips.length - 1;
3993
3999
  }
3994
4000
  this.chips.forEach((chip, idx) => {
3995
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
4001
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '-1');
3996
4002
  if (idx === this.currentActiveIndex) {
3997
4003
  this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
3998
4004
  chip.focus();
@@ -4003,19 +4009,22 @@ class ChipListComponent {
4003
4009
  this.normalizeActiveIndex();
4004
4010
  this.chips.forEach((chip, idx) => {
4005
4011
  const chipEl = chip.element.nativeElement;
4006
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
4012
+ this.renderer.removeAttribute(chipEl, 'aria-pressed');
4013
+ this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
4014
+ this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
4015
+ if (!this.navigable) {
4016
+ return;
4017
+ }
4018
+ this.renderer.setAttribute(chipEl, 'tabindex', '-1');
4007
4019
  if (idx === this.currentActiveIndex) {
4008
- this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
4020
+ this.renderer.setAttribute(chipEl, 'tabindex', '0');
4009
4021
  if (isDocumentAvailable() && document.activeElement.closest('.k-chip-list')) {
4010
4022
  chip.focus();
4011
4023
  }
4012
4024
  }
4013
- this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
4014
4025
  if (chip.removable) {
4015
4026
  this.renderer.setAttribute(chipEl, 'aria-keyshortcuts', 'Enter Delete');
4016
4027
  }
4017
- this.renderer.removeAttribute(chipEl, 'aria-pressed');
4018
- this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
4019
4028
  });
4020
4029
  }
4021
4030
  normalizeActiveIndex() {
package/fesm2020/progress-kendo-angular-buttons.mjs CHANGED
@@ -46,8 +46,8 @@ const packageMetadata = {
46
46
  name: '@progress/kendo-angular-buttons',
47
47
  productName: 'Kendo UI for Angular',
48
48
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
49
- publishDate: 1698416438,
50
- version: '14.0.2-develop.17',
49
+ publishDate: 1698846211,
50
+ version: '14.0.2-develop.19',
51
51
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
52
52
  };
53
53
 
@@ -3854,6 +3854,12 @@ class ChipListComponent {
3854
3854
  const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
3855
3855
  this.currentActiveIndex = this.chips.toArray().indexOf(chip);
3856
3856
  chip && chip.focus();
3857
+ if (chip && this.navigable) {
3858
+ this.chips.forEach((c) => {
3859
+ this.renderer.setAttribute(c.element.nativeElement, 'tabindex', '-1');
3860
+ });
3861
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
3862
+ }
3857
3863
  if (isRemoveClicked && clickedChip) {
3858
3864
  const removeEventArgs = { sender: this, originalEvent: $event, removedChip: chip };
3859
3865
  this.remove.emit(removeEventArgs);
@@ -3886,9 +3892,9 @@ class ChipListComponent {
3886
3892
  this.handleClasses(this[input], input);
3887
3893
  });
3888
3894
  this.attachElementEventHandlers();
3895
+ this.updateChips();
3889
3896
  }
3890
3897
  ngAfterContentInit() {
3891
- this.updateChips();
3892
3898
  this.subs.add(this.chips?.changes.subscribe(() => this.updateChips()));
3893
3899
  }
3894
3900
  ngOnDestroy() {
@@ -3983,7 +3989,7 @@ class ChipListComponent {
3983
3989
  this.currentActiveIndex = this.chips.length - 1;
3984
3990
  }
3985
3991
  this.chips.forEach((chip, idx) => {
3986
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
3992
+ this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '-1');
3987
3993
  if (idx === this.currentActiveIndex) {
3988
3994
  this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
3989
3995
  chip.focus();
@@ -3994,19 +4000,22 @@ class ChipListComponent {
3994
4000
  this.normalizeActiveIndex();
3995
4001
  this.chips.forEach((chip, idx) => {
3996
4002
  const chipEl = chip.element.nativeElement;
3997
- this.renderer.removeAttribute(chip.element.nativeElement, 'tabindex');
4003
+ this.renderer.removeAttribute(chipEl, 'aria-pressed');
4004
+ this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
4005
+ this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
4006
+ if (!this.navigable) {
4007
+ return;
4008
+ }
4009
+ this.renderer.setAttribute(chipEl, 'tabindex', '-1');
3998
4010
  if (idx === this.currentActiveIndex) {
3999
- this.renderer.setAttribute(chip.element.nativeElement, 'tabindex', '0');
4011
+ this.renderer.setAttribute(chipEl, 'tabindex', '0');
4000
4012
  if (isDocumentAvailable() && document.activeElement.closest('.k-chip-list')) {
4001
4013
  chip.focus();
4002
4014
  }
4003
4015
  }
4004
- this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
4005
4016
  if (chip.removable) {
4006
4017
  this.renderer.setAttribute(chipEl, 'aria-keyshortcuts', 'Enter Delete');
4007
4018
  }
4008
- this.renderer.removeAttribute(chipEl, 'aria-pressed');
4009
- this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
4010
4019
  });
4011
4020
  }
4012
4021
  normalizeActiveIndex() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-buttons",
3
- "version": "14.0.2-develop.17",
3
+ "version": "14.0.2-develop.19",
4
4
  "description": "Buttons Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -25,15 +25,15 @@
25
25
  "@angular/core": "13 - 16",
26
26
  "@angular/platform-browser": "13 - 16",
27
27
  "@progress/kendo-licensing": "^1.0.2",
28
- "@progress/kendo-angular-common": "14.0.2-develop.17",
29
- "@progress/kendo-angular-l10n": "14.0.2-develop.17",
30
- "@progress/kendo-angular-popup": "14.0.2-develop.17",
31
- "@progress/kendo-angular-icons": "14.0.2-develop.17",
28
+ "@progress/kendo-angular-common": "14.0.2-develop.19",
29
+ "@progress/kendo-angular-l10n": "14.0.2-develop.19",
30
+ "@progress/kendo-angular-popup": "14.0.2-develop.19",
31
+ "@progress/kendo-angular-icons": "14.0.2-develop.19",
32
32
  "rxjs": "^6.5.3 || ^7.0.0"
33
33
  },
34
34
  "dependencies": {
35
35
  "tslib": "^2.3.1",
36
- "@progress/kendo-angular-schematics": "14.0.2-develop.17",
36
+ "@progress/kendo-angular-schematics": "14.0.2-develop.19",
37
37
  "@progress/kendo-common": "^0.2.1"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",