@progress/kendo-angular-dropdowns 18.1.0-develop.4 → 18.1.0-develop.6

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 (6) hide show
  1. package/esm2022/dropdownlist/dropdownlist.component.mjs +7 -2
  2. package/esm2022/dropdowntrees/multiselecttree.component.mjs +4 -0
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/fesm2022/progress-kendo-angular-dropdowns.mjs +13 -4
  5. package/package.json +10 -10
  6. package/schematics/ngAdd/index.js +2 -2
package/esm2022/dropdownlist/dropdownlist.component.mjs CHANGED
@@ -1003,7 +1003,6 @@ export class DropDownListComponent {
1003
1003
  });
1004
1004
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
1005
1005
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.listBoxId);
1006
- this.setAriaactivedescendant();
1007
1006
  const popupWrapper = this.popupRef.popupElement;
1008
1007
  const { min, max } = this.width;
1009
1008
  popupWrapper.addEventListener('mousedown', this.popupMouseDownHandler);
@@ -1023,6 +1022,7 @@ export class DropDownListComponent {
1023
1022
  this.subs.add(this.popupRef.popupOpen.subscribe(() => {
1024
1023
  this.cdr.detectChanges();
1025
1024
  setListBoxAriaLabelledBy(this.optionsList, this.wrapper, this.renderer);
1025
+ this.setAriaactivedescendant();
1026
1026
  this.optionsList.scrollToItem(this.selectionService.focused);
1027
1027
  this.selectionService.focus(this.selectionService.focused);
1028
1028
  this.opened.emit();
@@ -1126,7 +1126,7 @@ export class DropDownListComponent {
1126
1126
  setAriaactivedescendant() {
1127
1127
  if (this.ariaActivedescendant) {
1128
1128
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
1129
- const searchInput = this.popupRef.popupElement.querySelector('input[role="searchbox"]');
1129
+ const searchInput = this.popupRef?.popupElement.querySelector('input[role="searchbox"]') || this.actionSheetSearchBar?.input.nativeElement;
1130
1130
  if (searchInput) {
1131
1131
  this.renderer.setAttribute(searchInput, 'aria-activedescendant', this.ariaActivedescendant);
1132
1132
  }
@@ -1455,6 +1455,8 @@ export class DropDownListComponent {
1455
1455
  }
1456
1456
  closeActionSheet() {
1457
1457
  this.actionSheet.toggle(false);
1458
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'false');
1459
+ this.renderer.removeAttribute(this.wrapper.nativeElement, 'aria-controls');
1458
1460
  if (this.filterable) {
1459
1461
  this.actionSheetSearchBar.value = '';
1460
1462
  this.filterChange.emit('');
@@ -1465,7 +1467,10 @@ export class DropDownListComponent {
1465
1467
  this.windowSize = this.adaptiveService.size;
1466
1468
  this.actionSheet.toggle(true);
1467
1469
  this.cdr.detectChanges();
1470
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
1471
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.listBoxId);
1468
1472
  setListBoxAriaLabelledBy(this.optionsList, this.wrapper, this.renderer);
1473
+ this.setAriaactivedescendant();
1469
1474
  this.title = setActionSheetTitle(this.wrapper, this.title);
1470
1475
  updateActionSheetAdaptiveAppearance(this.actionSheet, this.windowSize, this.renderer);
1471
1476
  this.cdr.detectChanges();
package/esm2022/dropdowntrees/multiselecttree.component.mjs CHANGED
@@ -1630,6 +1630,8 @@ export class MultiSelectTreeComponent {
1630
1630
  closeActionSheet() {
1631
1631
  this.wrapper.nativeElement.focus();
1632
1632
  this.actionSheet.toggle(false);
1633
+ this.renderer.removeAttribute(this.wrapper.nativeElement, 'aria-controls');
1634
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'false');
1633
1635
  if (this.filterable) {
1634
1636
  this.actionSheetSearchBar.value = '';
1635
1637
  this.filterChange.emit('');
@@ -1641,6 +1643,8 @@ export class MultiSelectTreeComponent {
1641
1643
  this.actionSheet.toggle(true);
1642
1644
  this.title = setActionSheetTitle(this.wrapper, this.title);
1643
1645
  this.cdr.detectChanges();
1646
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.treeViewId);
1647
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
1644
1648
  updateActionSheetAdaptiveAppearance(this.actionSheet, this.windowSize, this.renderer);
1645
1649
  this.cdr.detectChanges();
1646
1650
  this.opened.emit();
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1738318302,
14
- version: '18.1.0-develop.4',
13
+ publishDate: 1738335146,
14
+ version: '18.1.0-develop.6',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/fesm2022/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  productName: 'Kendo UI for Angular',
38
38
  productCode: 'KENDOUIANGULAR',
39
39
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1738318302,
41
- version: '18.1.0-develop.4',
40
+ publishDate: 1738335146,
41
+ version: '18.1.0-develop.6',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -7895,7 +7895,6 @@ class DropDownListComponent {
7895
7895
  });
7896
7896
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
7897
7897
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.listBoxId);
7898
- this.setAriaactivedescendant();
7899
7898
  const popupWrapper = this.popupRef.popupElement;
7900
7899
  const { min, max } = this.width;
7901
7900
  popupWrapper.addEventListener('mousedown', this.popupMouseDownHandler);
@@ -7915,6 +7914,7 @@ class DropDownListComponent {
7915
7914
  this.subs.add(this.popupRef.popupOpen.subscribe(() => {
7916
7915
  this.cdr.detectChanges();
7917
7916
  setListBoxAriaLabelledBy(this.optionsList, this.wrapper, this.renderer);
7917
+ this.setAriaactivedescendant();
7918
7918
  this.optionsList.scrollToItem(this.selectionService.focused);
7919
7919
  this.selectionService.focus(this.selectionService.focused);
7920
7920
  this.opened.emit();
@@ -8018,7 +8018,7 @@ class DropDownListComponent {
8018
8018
  setAriaactivedescendant() {
8019
8019
  if (this.ariaActivedescendant) {
8020
8020
  this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-activedescendant', this.ariaActivedescendant);
8021
- const searchInput = this.popupRef.popupElement.querySelector('input[role="searchbox"]');
8021
+ const searchInput = this.popupRef?.popupElement.querySelector('input[role="searchbox"]') || this.actionSheetSearchBar?.input.nativeElement;
8022
8022
  if (searchInput) {
8023
8023
  this.renderer.setAttribute(searchInput, 'aria-activedescendant', this.ariaActivedescendant);
8024
8024
  }
@@ -8347,6 +8347,8 @@ class DropDownListComponent {
8347
8347
  }
8348
8348
  closeActionSheet() {
8349
8349
  this.actionSheet.toggle(false);
8350
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'false');
8351
+ this.renderer.removeAttribute(this.wrapper.nativeElement, 'aria-controls');
8350
8352
  if (this.filterable) {
8351
8353
  this.actionSheetSearchBar.value = '';
8352
8354
  this.filterChange.emit('');
@@ -8357,7 +8359,10 @@ class DropDownListComponent {
8357
8359
  this.windowSize = this.adaptiveService.size;
8358
8360
  this.actionSheet.toggle(true);
8359
8361
  this.cdr.detectChanges();
8362
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
8363
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.listBoxId);
8360
8364
  setListBoxAriaLabelledBy(this.optionsList, this.wrapper, this.renderer);
8365
+ this.setAriaactivedescendant();
8361
8366
  this.title = setActionSheetTitle(this.wrapper, this.title);
8362
8367
  updateActionSheetAdaptiveAppearance(this.actionSheet, this.windowSize, this.renderer);
8363
8368
  this.cdr.detectChanges();
@@ -16652,6 +16657,8 @@ class MultiSelectTreeComponent {
16652
16657
  closeActionSheet() {
16653
16658
  this.wrapper.nativeElement.focus();
16654
16659
  this.actionSheet.toggle(false);
16660
+ this.renderer.removeAttribute(this.wrapper.nativeElement, 'aria-controls');
16661
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'false');
16655
16662
  if (this.filterable) {
16656
16663
  this.actionSheetSearchBar.value = '';
16657
16664
  this.filterChange.emit('');
@@ -16663,6 +16670,8 @@ class MultiSelectTreeComponent {
16663
16670
  this.actionSheet.toggle(true);
16664
16671
  this.title = setActionSheetTitle(this.wrapper, this.title);
16665
16672
  this.cdr.detectChanges();
16673
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-controls', this.treeViewId);
16674
+ this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-expanded', 'true');
16666
16675
  updateActionSheetAdaptiveAppearance(this.actionSheet, this.windowSize, this.renderer);
16667
16676
  this.cdr.detectChanges();
16668
16677
  this.opened.emit();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "18.1.0-develop.4",
3
+ "version": "18.1.0-develop.6",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -20,7 +20,7 @@
20
20
  "package": {
21
21
  "productName": "Kendo UI for Angular",
22
22
  "productCode": "KENDOUIANGULAR",
23
- "publishDate": 1738318302,
23
+ "publishDate": 1738335146,
24
24
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
25
25
  }
26
26
  },
@@ -31,18 +31,18 @@
31
31
  "@angular/forms": "16 - 19",
32
32
  "@angular/platform-browser": "16 - 19",
33
33
  "@progress/kendo-licensing": "^1.0.2",
34
- "@progress/kendo-angular-common": "18.1.0-develop.4",
35
- "@progress/kendo-angular-utils": "18.1.0-develop.4",
36
- "@progress/kendo-angular-l10n": "18.1.0-develop.4",
37
- "@progress/kendo-angular-navigation": "18.1.0-develop.4",
38
- "@progress/kendo-angular-popup": "18.1.0-develop.4",
39
- "@progress/kendo-angular-icons": "18.1.0-develop.4",
40
- "@progress/kendo-angular-treeview": "18.1.0-develop.4",
34
+ "@progress/kendo-angular-common": "18.1.0-develop.6",
35
+ "@progress/kendo-angular-utils": "18.1.0-develop.6",
36
+ "@progress/kendo-angular-l10n": "18.1.0-develop.6",
37
+ "@progress/kendo-angular-navigation": "18.1.0-develop.6",
38
+ "@progress/kendo-angular-popup": "18.1.0-develop.6",
39
+ "@progress/kendo-angular-icons": "18.1.0-develop.6",
40
+ "@progress/kendo-angular-treeview": "18.1.0-develop.6",
41
41
  "rxjs": "^6.5.3 || ^7.0.0"
42
42
  },
43
43
  "dependencies": {
44
44
  "tslib": "^2.3.1",
45
- "@progress/kendo-angular-schematics": "18.1.0-develop.4",
45
+ "@progress/kendo-angular-schematics": "18.1.0-develop.6",
46
46
  "@progress/kendo-common": "^1.0.1"
47
47
  },
48
48
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
6
6
  // peers of the treeview
7
- '@progress/kendo-angular-inputs': '18.1.0-develop.4',
7
+ '@progress/kendo-angular-inputs': '18.1.0-develop.6',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '18.1.0-develop.4',
9
+ '@progress/kendo-angular-intl': '18.1.0-develop.6',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^4.0.0'