@progress/kendo-angular-dropdowns 16.4.0-develop.4 → 16.4.0-develop.5

package/common/taglist.component.d.ts

@@ -41,9 +41,8 @@ export declare class TagListComponent {
     removeTag: EventEmitter<any>;
     hostClasses: boolean;
     get hostId(): string;
-    get taglistRole(): string;
+    taglistRole: string;
     multiselectable: boolean;
-    get taglistLabel(): string;
     private _size;
     constructor(renderer: Renderer2, hostElement: ElementRef<HTMLElement>);
     tagProp(tag: any, prop: string | string[], index: number): string;

package/esm2020/common/taglist.component.mjs

@@ -30,6 +30,7 @@ export class TagListComponent {
         this.disabledIndices = new Set();
         this.removeTag = new EventEmitter();
         this.hostClasses = true;
+        this.taglistRole = 'listbox';
         this.multiselectable = true;
         this._size = 'medium';
     }
@@ -46,12 +47,6 @@ export class TagListComponent {
     get hostId() {
         return this.id;
     }
-    get taglistRole() {
-        return 'listbox';
-    }
-    get taglistLabel() {
-        return 'taglist';
-    }
     tagProp(tag, prop, index) {
         const propField = prop && this.getPropField(tag, prop, index);
         return getter(tag, propField);
@@ -77,7 +72,7 @@ export class TagListComponent {
     }
     itemId(tag, index) {
         if (tag) { //because of custom values
-            return this.tagPrefix + "-" + this.tagProp(tag, this.valueField, index);
+            return this.tagPrefix + "-" + index;
         }
     }
     isGroupTag(tag) {
@@ -102,11 +97,11 @@ export class TagListComponent {
     }
 }
 TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
+TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -170,7 +165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -272,7 +267,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], multiselectable: [{
                 type: HostBinding,
                 args: ['attr.aria-multiselectable']
-            }], taglistLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
             }] } });

package/esm2020/dropdowntrees/multiselecttree.component.mjs

@@ -360,7 +360,7 @@ export class MultiSelectTreeComponent {
      */
     handleKeydown(event, input) {
         if (event.target === this.filterInput?.nativeElement &&
-            event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
+            (event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight)) {
             return;
         }
         if (input) {
@@ -618,8 +618,7 @@ export class MultiSelectTreeComponent {
         if (!isPresent(this.focusedTagIndex) || this.isOpen) {
             return null;
         }
-        const dataItem = this.tags[this.focusedTagIndex];
-        return `${this.tagPrefix}-${valueFrom({ dataItem }, this.valueField)}`;
+        return this.tagPrefix + '-' + this.focusedTagIndex;
     }
     set isFocused(isFocused) {
         this.renderer[isFocused ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, 'k-focus');

package/esm2020/multiselect/multiselect.component.mjs

@@ -6,7 +6,7 @@ import { guid, isPresent, isArray, isObjectArray, resolveAllValues, selectedIndi
 import { SearchBarComponent } from '../common/searchbar.component';
 import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Optional, Inject, Injector } from '@angular/core';
 import { Subscription, Subject, of, merge } from 'rxjs';
-import { catchError, filter, map, tap } from 'rxjs/operators';
+import { catchError, filter, map, take, tap } from 'rxjs/operators';
 import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired } from '@progress/kendo-angular-common';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -772,19 +772,19 @@ export class MultiSelectComponent {
         const focusedTagIndex = this.focusedTagIndex;
         const focusedListIndex = this.selectionService.focused;
         let prefix;
-        let item;
+        let focusedIndex;
         if (isPresent(focusedTagIndex) && !this.isOpen) {
-            item = this.tags[focusedTagIndex];
+            focusedIndex = focusedTagIndex;
             prefix = this.tagPrefix;
         }
         else if (isPresent(focusedListIndex) && focusedListIndex !== -1 && this.isOpen) {
-            item = this.dataService.itemAt(focusedListIndex);
+            focusedIndex = focusedListIndex;
             prefix = this.optionPrefix;
         }
         else {
             return null;
         }
-        return prefix + "-" + getter(item, this.valueField);
+        return prefix + "-" + focusedIndex;
     }
     get clearButtonVisiblity() {
         if (this.touchEnabled) {
@@ -1091,6 +1091,13 @@ export class MultiSelectComponent {
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
         }
+        this._zone.onStable.pipe(take(1)).subscribe(() => {
+            const ariaLabel = this.searchbar.input.nativeElement.getAttribute('aria-labelledby') ||
+                this.searchbar.input.nativeElement.getAttribute('data-kendo-label-id');
+            if (ariaLabel) {
+                this.renderer.setAttribute(this.tagList.hostElement.nativeElement, 'aria-labelledby', ariaLabel);
+            }
+        });
     }
     ngOnDestroy() {
         this._toggle(false);

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1719995904,
-    version: '16.4.0-develop.4',
+    publishDate: 1719998467,
+    version: '16.4.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -38,8 +38,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1719995904,
-    version: '16.4.0-develop.4',
+    publishDate: 1719998467,
+    version: '16.4.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8764,6 +8764,7 @@ class TagListComponent {
         this.disabledIndices = new Set();
         this.removeTag = new EventEmitter();
         this.hostClasses = true;
+        this.taglistRole = 'listbox';
         this.multiselectable = true;
         this._size = 'medium';
     }
@@ -8780,12 +8781,6 @@ class TagListComponent {
     get hostId() {
         return this.id;
     }
-    get taglistRole() {
-        return 'listbox';
-    }
-    get taglistLabel() {
-        return 'taglist';
-    }
     tagProp(tag, prop, index) {
         const propField = prop && this.getPropField(tag, prop, index);
         return getter(tag, propField);
@@ -8811,7 +8806,7 @@ class TagListComponent {
     }
     itemId(tag, index) {
         if (tag) { //because of custom values
-            return this.tagPrefix + "-" + this.tagProp(tag, this.valueField, index);
+            return this.tagPrefix + "-" + index;
         }
     }
     isGroupTag(tag) {
@@ -8836,11 +8831,11 @@ class TagListComponent {
     }
 }
 TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
+TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -8904,7 +8899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -9006,9 +9001,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], multiselectable: [{
                 type: HostBinding,
                 args: ['attr.aria-multiselectable']
-            }], taglistLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
             }] } });
 
 const MULTISELECT_VALUE_ACCESSOR = {
@@ -9730,19 +9722,19 @@ class MultiSelectComponent {
         const focusedTagIndex = this.focusedTagIndex;
         const focusedListIndex = this.selectionService.focused;
         let prefix;
-        let item;
+        let focusedIndex;
         if (isPresent(focusedTagIndex) && !this.isOpen) {
-            item = this.tags[focusedTagIndex];
+            focusedIndex = focusedTagIndex;
             prefix = this.tagPrefix;
         }
         else if (isPresent(focusedListIndex) && focusedListIndex !== -1 && this.isOpen) {
-            item = this.dataService.itemAt(focusedListIndex);
+            focusedIndex = focusedListIndex;
             prefix = this.optionPrefix;
         }
         else {
             return null;
         }
-        return prefix + "-" + getter(item, this.valueField);
+        return prefix + "-" + focusedIndex;
     }
     get clearButtonVisiblity() {
         if (this.touchEnabled) {
@@ -10049,6 +10041,13 @@ class MultiSelectComponent {
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
         }
+        this._zone.onStable.pipe(take(1)).subscribe(() => {
+            const ariaLabel = this.searchbar.input.nativeElement.getAttribute('aria-labelledby') ||
+                this.searchbar.input.nativeElement.getAttribute('data-kendo-label-id');
+            if (ariaLabel) {
+                this.renderer.setAttribute(this.tagList.hostElement.nativeElement, 'aria-labelledby', ariaLabel);
+            }
+        });
     }
     ngOnDestroy() {
         this._toggle(false);
@@ -14717,7 +14716,7 @@ class MultiSelectTreeComponent {
     handleKeydown(event, input) {
         var _a, _b, _c;
         if (event.target === ((_a = this.filterInput) === null || _a === void 0 ? void 0 : _a.nativeElement) &&
-            event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
+            (event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight)) {
             return;
         }
         if (input) {
@@ -14977,8 +14976,7 @@ class MultiSelectTreeComponent {
         if (!isPresent(this.focusedTagIndex) || this.isOpen) {
             return null;
         }
-        const dataItem = this.tags[this.focusedTagIndex];
-        return `${this.tagPrefix}-${valueFrom({ dataItem }, this.valueField)}`;
+        return this.tagPrefix + '-' + this.focusedTagIndex;
     }
     set isFocused(isFocused) {
         this.renderer[isFocused ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, 'k-focus');

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

@@ -38,8 +38,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1719995904,
-    version: '16.4.0-develop.4',
+    publishDate: 1719998467,
+    version: '16.4.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8742,6 +8742,7 @@ class TagListComponent {
         this.disabledIndices = new Set();
         this.removeTag = new EventEmitter();
         this.hostClasses = true;
+        this.taglistRole = 'listbox';
         this.multiselectable = true;
         this._size = 'medium';
     }
@@ -8758,12 +8759,6 @@ class TagListComponent {
     get hostId() {
         return this.id;
     }
-    get taglistRole() {
-        return 'listbox';
-    }
-    get taglistLabel() {
-        return 'taglist';
-    }
     tagProp(tag, prop, index) {
         const propField = prop && this.getPropField(tag, prop, index);
         return getter(tag, propField);
@@ -8789,7 +8784,7 @@ class TagListComponent {
     }
     itemId(tag, index) {
         if (tag) { //because of custom values
-            return this.tagPrefix + "-" + this.tagProp(tag, this.valueField, index);
+            return this.tagPrefix + "-" + index;
         }
     }
     isGroupTag(tag) {
@@ -8814,11 +8809,11 @@ class TagListComponent {
     }
 }
 TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
+TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -8882,7 +8877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
-            [attr.aria-hidden]="tagAriaHidden(index)"
+            [attr.aria-selected]="true"
             [attr.role]="'option'"
             class="k-chip"
             [ngClass]="{
@@ -8984,9 +8979,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], multiselectable: [{
                 type: HostBinding,
                 args: ['attr.aria-multiselectable']
-            }], taglistLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
             }] } });
 
 const MULTISELECT_VALUE_ACCESSOR = {
@@ -9704,19 +9696,19 @@ class MultiSelectComponent {
         const focusedTagIndex = this.focusedTagIndex;
         const focusedListIndex = this.selectionService.focused;
         let prefix;
-        let item;
+        let focusedIndex;
         if (isPresent(focusedTagIndex) && !this.isOpen) {
-            item = this.tags[focusedTagIndex];
+            focusedIndex = focusedTagIndex;
             prefix = this.tagPrefix;
         }
         else if (isPresent(focusedListIndex) && focusedListIndex !== -1 && this.isOpen) {
-            item = this.dataService.itemAt(focusedListIndex);
+            focusedIndex = focusedListIndex;
             prefix = this.optionPrefix;
         }
         else {
             return null;
         }
-        return prefix + "-" + getter(item, this.valueField);
+        return prefix + "-" + focusedIndex;
     }
     get clearButtonVisiblity() {
         if (this.touchEnabled) {
@@ -10023,6 +10015,13 @@ class MultiSelectComponent {
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
             this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
         }
+        this._zone.onStable.pipe(take(1)).subscribe(() => {
+            const ariaLabel = this.searchbar.input.nativeElement.getAttribute('aria-labelledby') ||
+                this.searchbar.input.nativeElement.getAttribute('data-kendo-label-id');
+            if (ariaLabel) {
+                this.renderer.setAttribute(this.tagList.hostElement.nativeElement, 'aria-labelledby', ariaLabel);
+            }
+        });
     }
     ngOnDestroy() {
         this._toggle(false);
@@ -14679,7 +14678,7 @@ class MultiSelectTreeComponent {
      */
     handleKeydown(event, input) {
         if (event.target === this.filterInput?.nativeElement &&
-            event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
+            (event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight)) {
             return;
         }
         if (input) {
@@ -14937,8 +14936,7 @@ class MultiSelectTreeComponent {
         if (!isPresent(this.focusedTagIndex) || this.isOpen) {
             return null;
         }
-        const dataItem = this.tags[this.focusedTagIndex];
-        return `${this.tagPrefix}-${valueFrom({ dataItem }, this.valueField)}`;
+        return this.tagPrefix + '-' + this.focusedTagIndex;
     }
     set isFocused(isFocused) {
         this.renderer[isFocused ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, 'k-focus');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "16.4.0-develop.4",
+  "version": "16.4.0-develop.5",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -25,17 +25,17 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.4.0-develop.4",
-    "@progress/kendo-angular-l10n": "16.4.0-develop.4",
-    "@progress/kendo-angular-navigation": "16.4.0-develop.4",
-    "@progress/kendo-angular-popup": "16.4.0-develop.4",
-    "@progress/kendo-angular-icons": "16.4.0-develop.4",
-    "@progress/kendo-angular-treeview": "16.4.0-develop.4",
+    "@progress/kendo-angular-common": "16.4.0-develop.5",
+    "@progress/kendo-angular-l10n": "16.4.0-develop.5",
+    "@progress/kendo-angular-navigation": "16.4.0-develop.5",
+    "@progress/kendo-angular-popup": "16.4.0-develop.5",
+    "@progress/kendo-angular-icons": "16.4.0-develop.5",
+    "@progress/kendo-angular-treeview": "16.4.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.4.0-develop.4",
+    "@progress/kendo-angular-schematics": "16.4.0-develop.5",
     "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            '@progress/kendo-angular-inputs': '16.4.0-develop.4',
+            '@progress/kendo-angular-inputs': '16.4.0-develop.5',
             // peers of inputs
-            '@progress/kendo-angular-intl': '16.4.0-develop.4',
+            '@progress/kendo-angular-intl': '16.4.0-develop.5',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^3.0.0'