@progress/kendo-angular-listbox 21.2.0-develop.3 → 21.2.0-develop.5

package/esm2022/data-binding.directive.mjs

@@ -233,12 +233,24 @@ export class DataBindingDirective {
         if (!target || !source || source.data?.length === 0) {
             return;
         }
-        const itemsToTransfer = source.data.splice(0, source.data.length);
+        const itemsToTransfer = source.data.filter((item) => !source.itemDisabled(item));
+        if (itemsToTransfer.length === 0) {
+            return;
+        }
+        source.data = source.data.filter((item) => source.itemDisabled(item));
         target.data.push(...itemsToTransfer);
         source.clearSelection();
         const sourceNavService = source.keyboardNavigationService;
         const sourceSelService = source.selectionService;
-        this.updateListBoxIndices(sourceNavService, sourceSelService, 0);
+        if (source.data.length === 0) {
+            this.updateListBoxIndices(sourceNavService, sourceSelService, 0);
+        }
+        else {
+            sourceNavService.focusedListboxItemIndex = 0;
+            sourceNavService.selectedListboxItemIndex = -1;
+            sourceSelService.rangeSelectionAnchorIndex = null;
+            sourceSelService.lastSelectedOrUnselectedIndex = null;
+        }
         const targetIndex = target.data.length - 1;
         target.select([targetIndex]);
         const targetNavService = target.keyboardNavigationService;

package/esm2022/keyboard-navigation.service.mjs

@@ -114,6 +114,9 @@ export class KeyboardNavigationService {
         if (this.selectedListboxItemIndex !== this.focusedListboxItemIndex) {
             const previousItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
             const currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                return;
+            }
             this.changeTabindex(previousItem, currentItem);
         }
         this.onSelectionChange.emit({
@@ -144,8 +147,10 @@ export class KeyboardNavigationService {
             return;
         }
         dir === 'moveUp' ? this.onArrowUp(listboxItems) : this.onArrowDown(listboxItems);
-        this.onSelectionChange.emit({ index: this.selectedListboxItemIndex, prevIndex: this.focusedListboxItemIndex });
-        this.focusedListboxItemIndex = this.selectedListboxItemIndex;
+        if (this.selectedListboxItemIndex !== this.focusedListboxItemIndex) {
+            this.onSelectionChange.emit({ index: this.selectedListboxItemIndex, prevIndex: this.focusedListboxItemIndex });
+            this.focusedListboxItemIndex = this.selectedListboxItemIndex;
+        }
     }
     onArrowLeftOrRight(keyCode, parentListbox, childListbox, event, listboxItems, currentListbox) {
         event.preventDefault();
@@ -175,6 +180,9 @@ export class KeyboardNavigationService {
         else {
             previousItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
             currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                return;
+            }
             prevIndex = this.selectedListboxItemIndex;
             this.selectedListboxItemIndex = this.focusedListboxItemIndex;
         }
@@ -303,7 +311,17 @@ export class KeyboardNavigationService {
         }
         if (previousFocusIndex !== this.focusedListboxItemIndex) {
             const previousItem = listboxItems[previousFocusIndex]?.nativeElement;
-            const currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                const step = dir === 'moveDown' ? 1 : -1;
+                const nextEnabledIndex = this.findNextEnabledIndex(this.focusedListboxItemIndex, listboxItems, step);
+                if (nextEnabledIndex === -1) {
+                    this.focusedListboxItemIndex = previousFocusIndex;
+                    return;
+                }
+                this.focusedListboxItemIndex = nextEnabledIndex;
+                currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            }
             this.changeTabindex(previousItem, currentItem);
             this.onSelectionChange.emit({
                 index: this.focusedListboxItemIndex,
@@ -317,7 +335,13 @@ export class KeyboardNavigationService {
         if (this.focusedListboxItemIndex < listboxItems.length - 1) {
             this.selectedListboxItemIndex = this.focusedListboxItemIndex + 1;
             const previousItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
-            const currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                currentItem = this.calculateNextActiveItem(listboxItems, 1);
+                if (!currentItem) {
+                    return;
+                }
+            }
             this.changeTabindex(previousItem, currentItem);
         }
     }
@@ -325,10 +349,38 @@ export class KeyboardNavigationService {
         if (this.focusedListboxItemIndex > 0) {
             this.selectedListboxItemIndex = this.focusedListboxItemIndex - 1;
             const previousItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
-            const currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                currentItem = this.calculateNextActiveItem(listboxItems, -1);
+                if (!currentItem) {
+                    return;
+                }
+            }
             this.changeTabindex(previousItem, currentItem);
         }
     }
+    isItemDisabled(item) {
+        return item.getAttribute('aria-disabled') === 'true';
+    }
+    findNextEnabledIndex(startIndex, listboxItems, step) {
+        let index = startIndex;
+        while (index >= 0 && index < listboxItems.length) {
+            const item = listboxItems[index]?.nativeElement;
+            if (!this.isItemDisabled(item)) {
+                return index;
+            }
+            index += step;
+        }
+        return -1;
+    }
+    calculateNextActiveItem(listboxItems, step) {
+        this.selectedListboxItemIndex = this.findNextEnabledIndex(this.selectedListboxItemIndex, listboxItems, step);
+        if (this.selectedListboxItemIndex === -1) {
+            this.selectedListboxItemIndex = this.focusedListboxItemIndex;
+            return null;
+        }
+        return listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KeyboardNavigationService, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KeyboardNavigationService });
 }

package/esm2022/listbox.component.mjs

@@ -230,6 +230,9 @@ export class ListBoxComponent {
         this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
         this.setSizingClass(this.size);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.selectionService.isItemDisabled = (index) => {
+            return this.itemDisabled(this.data[index]);
+        };
     }
     ngOnInit() {
         // This event emitter gives us the connectedWith value from the DataBinding directive
@@ -601,6 +604,7 @@ export class ListBoxComponent {
                       [attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
                       [index]="i"
                       [class.k-disabled]="itemDisabled(item)"
+                      [attr.aria-disabled]="itemDisabled(item)"
                       >
                       @if (itemTemplate) {
                         <ng-template
@@ -713,6 +717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                       [attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
                       [index]="i"
                       [class.k-disabled]="itemDisabled(item)"
+                      [attr.aria-disabled]="itemDisabled(item)"
                       >
                       @if (itemTemplate) {
                         <ng-template

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764058494,
-    version: '21.2.0-develop.3',
+    publishDate: 1764064235,
+    version: '21.2.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2022/selection.service.mjs

@@ -13,8 +13,12 @@ export class ListBoxSelectionService {
     lastSelectedOrUnselectedIndex = null;
     rangeSelectionTargetIndex = null;
     rangeSelectionAnchorIndex = null;
+    isItemDisabled = () => false;
     onSelect = new EventEmitter();
     select(index, ctrlKey = false, shiftKey = false) {
+        if (this.isItemDisabled(index)) {
+            return;
+        }
         const previousSelection = [...this.selectedIndices];
         let selectedIndices = [];
         let deselectedIndices = null;
@@ -68,7 +72,9 @@ export class ListBoxSelectionService {
                     const endIndex = Math.max(anchorIndex, index);
                     this.selectedIndices = [];
                     for (let i = startIndex; i <= endIndex; i++) {
-                        this.selectedIndices.push(i);
+                        if (!this.isItemDisabled(i)) {
+                            this.selectedIndices.push(i);
+                        }
                     }
                     this.rangeSelectionTargetIndex = index;
                     selectedIndices = this.selectedIndices.filter(i => !previousSelection.includes(i));
@@ -111,13 +117,18 @@ export class ListBoxSelectionService {
         const endIndex = Math.max(anchorIndex, targetIndex);
         this.selectedIndices = [];
         for (let i = startIndex; i <= endIndex; i++) {
-            this.selectedIndices.push(i);
+            if (!this.isItemDisabled(i)) {
+                this.selectedIndices.push(i);
+            }
         }
     }
     setSelectedIndices(indices) {
-        this.selectedIndices = [...indices];
+        this.selectedIndices = indices.filter(i => !this.isItemDisabled(i));
     }
     addToSelectedIndices(index) {
+        if (this.isItemDisabled(index)) {
+            return;
+        }
         if (this.selectionMode === 'single') {
             this.selectedIndices = [index];
         }
@@ -127,11 +138,17 @@ export class ListBoxSelectionService {
     }
     selectAll(totalItems) {
         if (this.selectionMode === 'multiple') {
-            this.selectedIndices = Array.from({ length: totalItems }, (_, i) => i);
+            this.selectedIndices = [];
+            for (let i = 0; i < totalItems; i++) {
+                if (!this.isItemDisabled(i)) {
+                    this.selectedIndices.push(i);
+                }
+            }
         }
     }
     areAllSelected(totalItems) {
-        return this.selectedIndices.length === totalItems && totalItems > 0;
+        const allSelectableItems = Array.from({ length: totalItems }, (_, i) => i).filter(i => !this.isItemDisabled(i));
+        return this.selectedIndices.length === allSelectableItems.length && allSelectableItems.length > 0;
     }
     isSelected(index) {
         return this.selectedIndices.indexOf(index) !== -1;

package/fesm2022/progress-kendo-angular-listbox.mjs

@@ -24,8 +24,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764058494,
-    version: '21.2.0-develop.3',
+    publishDate: 1764064235,
+    version: '21.2.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -38,8 +38,12 @@ class ListBoxSelectionService {
     lastSelectedOrUnselectedIndex = null;
     rangeSelectionTargetIndex = null;
     rangeSelectionAnchorIndex = null;
+    isItemDisabled = () => false;
     onSelect = new EventEmitter();
     select(index, ctrlKey = false, shiftKey = false) {
+        if (this.isItemDisabled(index)) {
+            return;
+        }
         const previousSelection = [...this.selectedIndices];
         let selectedIndices = [];
         let deselectedIndices = null;
@@ -93,7 +97,9 @@ class ListBoxSelectionService {
                     const endIndex = Math.max(anchorIndex, index);
                     this.selectedIndices = [];
                     for (let i = startIndex; i <= endIndex; i++) {
-                        this.selectedIndices.push(i);
+                        if (!this.isItemDisabled(i)) {
+                            this.selectedIndices.push(i);
+                        }
                     }
                     this.rangeSelectionTargetIndex = index;
                     selectedIndices = this.selectedIndices.filter(i => !previousSelection.includes(i));
@@ -136,13 +142,18 @@ class ListBoxSelectionService {
         const endIndex = Math.max(anchorIndex, targetIndex);
         this.selectedIndices = [];
         for (let i = startIndex; i <= endIndex; i++) {
-            this.selectedIndices.push(i);
+            if (!this.isItemDisabled(i)) {
+                this.selectedIndices.push(i);
+            }
         }
     }
     setSelectedIndices(indices) {
-        this.selectedIndices = [...indices];
+        this.selectedIndices = indices.filter(i => !this.isItemDisabled(i));
     }
     addToSelectedIndices(index) {
+        if (this.isItemDisabled(index)) {
+            return;
+        }
         if (this.selectionMode === 'single') {
             this.selectedIndices = [index];
         }
@@ -152,11 +163,17 @@ class ListBoxSelectionService {
     }
     selectAll(totalItems) {
         if (this.selectionMode === 'multiple') {
-            this.selectedIndices = Array.from({ length: totalItems }, (_, i) => i);
+            this.selectedIndices = [];
+            for (let i = 0; i < totalItems; i++) {
+                if (!this.isItemDisabled(i)) {
+                    this.selectedIndices.push(i);
+                }
+            }
         }
     }
     areAllSelected(totalItems) {
-        return this.selectedIndices.length === totalItems && totalItems > 0;
+        const allSelectableItems = Array.from({ length: totalItems }, (_, i) => i).filter(i => !this.isItemDisabled(i));
+        return this.selectedIndices.length === allSelectableItems.length && allSelectableItems.length > 0;
     }
     isSelected(index) {
         return this.selectedIndices.indexOf(index) !== -1;
@@ -420,6 +437,9 @@ class KeyboardNavigationService {
         if (this.selectedListboxItemIndex !== this.focusedListboxItemIndex) {
             const previousItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
             const currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                return;
+            }
             this.changeTabindex(previousItem, currentItem);
         }
         this.onSelectionChange.emit({
@@ -450,8 +470,10 @@ class KeyboardNavigationService {
             return;
         }
         dir === 'moveUp' ? this.onArrowUp(listboxItems) : this.onArrowDown(listboxItems);
-        this.onSelectionChange.emit({ index: this.selectedListboxItemIndex, prevIndex: this.focusedListboxItemIndex });
-        this.focusedListboxItemIndex = this.selectedListboxItemIndex;
+        if (this.selectedListboxItemIndex !== this.focusedListboxItemIndex) {
+            this.onSelectionChange.emit({ index: this.selectedListboxItemIndex, prevIndex: this.focusedListboxItemIndex });
+            this.focusedListboxItemIndex = this.selectedListboxItemIndex;
+        }
     }
     onArrowLeftOrRight(keyCode, parentListbox, childListbox, event, listboxItems, currentListbox) {
         event.preventDefault();
@@ -481,6 +503,9 @@ class KeyboardNavigationService {
         else {
             previousItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
             currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                return;
+            }
             prevIndex = this.selectedListboxItemIndex;
             this.selectedListboxItemIndex = this.focusedListboxItemIndex;
         }
@@ -609,7 +634,17 @@ class KeyboardNavigationService {
         }
         if (previousFocusIndex !== this.focusedListboxItemIndex) {
             const previousItem = listboxItems[previousFocusIndex]?.nativeElement;
-            const currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                const step = dir === 'moveDown' ? 1 : -1;
+                const nextEnabledIndex = this.findNextEnabledIndex(this.focusedListboxItemIndex, listboxItems, step);
+                if (nextEnabledIndex === -1) {
+                    this.focusedListboxItemIndex = previousFocusIndex;
+                    return;
+                }
+                this.focusedListboxItemIndex = nextEnabledIndex;
+                currentItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
+            }
             this.changeTabindex(previousItem, currentItem);
             this.onSelectionChange.emit({
                 index: this.focusedListboxItemIndex,
@@ -623,7 +658,13 @@ class KeyboardNavigationService {
         if (this.focusedListboxItemIndex < listboxItems.length - 1) {
             this.selectedListboxItemIndex = this.focusedListboxItemIndex + 1;
             const previousItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
-            const currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                currentItem = this.calculateNextActiveItem(listboxItems, 1);
+                if (!currentItem) {
+                    return;
+                }
+            }
             this.changeTabindex(previousItem, currentItem);
         }
     }
@@ -631,10 +672,38 @@ class KeyboardNavigationService {
         if (this.focusedListboxItemIndex > 0) {
             this.selectedListboxItemIndex = this.focusedListboxItemIndex - 1;
             const previousItem = listboxItems[this.focusedListboxItemIndex]?.nativeElement;
-            const currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            let currentItem = listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+            if (this.isItemDisabled(currentItem)) {
+                currentItem = this.calculateNextActiveItem(listboxItems, -1);
+                if (!currentItem) {
+                    return;
+                }
+            }
             this.changeTabindex(previousItem, currentItem);
         }
     }
+    isItemDisabled(item) {
+        return item.getAttribute('aria-disabled') === 'true';
+    }
+    findNextEnabledIndex(startIndex, listboxItems, step) {
+        let index = startIndex;
+        while (index >= 0 && index < listboxItems.length) {
+            const item = listboxItems[index]?.nativeElement;
+            if (!this.isItemDisabled(item)) {
+                return index;
+            }
+            index += step;
+        }
+        return -1;
+    }
+    calculateNextActiveItem(listboxItems, step) {
+        this.selectedListboxItemIndex = this.findNextEnabledIndex(this.selectedListboxItemIndex, listboxItems, step);
+        if (this.selectedListboxItemIndex === -1) {
+            this.selectedListboxItemIndex = this.focusedListboxItemIndex;
+            return null;
+        }
+        return listboxItems[this.selectedListboxItemIndex]?.nativeElement;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KeyboardNavigationService, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KeyboardNavigationService });
 }
@@ -980,6 +1049,9 @@ class ListBoxComponent {
         this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
         this.setSizingClass(this.size);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.selectionService.isItemDisabled = (index) => {
+            return this.itemDisabled(this.data[index]);
+        };
     }
     ngOnInit() {
         // This event emitter gives us the connectedWith value from the DataBinding directive
@@ -1351,6 +1423,7 @@ class ListBoxComponent {
                       [attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
                       [index]="i"
                       [class.k-disabled]="itemDisabled(item)"
+                      [attr.aria-disabled]="itemDisabled(item)"
                       >
                       @if (itemTemplate) {
                         <ng-template
@@ -1463,6 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                       [attr.aria-selected]="selectedIndices.indexOf(i) >= 0"
                       [index]="i"
                       [class.k-disabled]="itemDisabled(item)"
+                      [attr.aria-disabled]="itemDisabled(item)"
                       >
                       @if (itemTemplate) {
                         <ng-template
@@ -1759,12 +1833,24 @@ class DataBindingDirective {
         if (!target || !source || source.data?.length === 0) {
             return;
         }
-        const itemsToTransfer = source.data.splice(0, source.data.length);
+        const itemsToTransfer = source.data.filter((item) => !source.itemDisabled(item));
+        if (itemsToTransfer.length === 0) {
+            return;
+        }
+        source.data = source.data.filter((item) => source.itemDisabled(item));
         target.data.push(...itemsToTransfer);
         source.clearSelection();
         const sourceNavService = source.keyboardNavigationService;
         const sourceSelService = source.selectionService;
-        this.updateListBoxIndices(sourceNavService, sourceSelService, 0);
+        if (source.data.length === 0) {
+            this.updateListBoxIndices(sourceNavService, sourceSelService, 0);
+        }
+        else {
+            sourceNavService.focusedListboxItemIndex = 0;
+            sourceNavService.selectedListboxItemIndex = -1;
+            sourceSelService.rangeSelectionAnchorIndex = null;
+            sourceSelService.lastSelectedOrUnselectedIndex = null;
+        }
         const targetIndex = target.data.length - 1;
         target.select([targetIndex]);
         const targetNavService = target.keyboardNavigationService;

package/keyboard-navigation.service.d.ts

@@ -50,6 +50,9 @@ export declare class KeyboardNavigationService {
     private onShiftArrow;
     private onArrowDown;
     private onArrowUp;
+    private isItemDisabled;
+    private findNextEnabledIndex;
+    private calculateNextActiveItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardNavigationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardNavigationService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listbox",
-  "version": "21.2.0-develop.3",
+  "version": "21.2.0-develop.5",
   "description": "Kendo UI for Angular ListBox",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -44,7 +44,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1764058494,
+      "publishDate": 1764064235,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -54,14 +54,14 @@
     "@angular/core": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.2.0-develop.3",
-    "@progress/kendo-angular-common": "21.2.0-develop.3",
-    "@progress/kendo-angular-popup": "21.2.0-develop.3",
+    "@progress/kendo-angular-buttons": "21.2.0-develop.5",
+    "@progress/kendo-angular-common": "21.2.0-develop.5",
+    "@progress/kendo-angular-popup": "21.2.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.2.0-develop.3",
+    "@progress/kendo-angular-schematics": "21.2.0-develop.5",
     "@progress/kendo-common": "^1.0.1",
     "node-html-parser": "^7.0.1"
   },

package/schematics/ngAdd/index.js

@@ -11,11 +11,11 @@ function default_1(options) {
         // Additional dependencies to install.
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
-            '@progress/kendo-angular-buttons': '21.2.0-develop.3',
-            '@progress/kendo-angular-common': '21.2.0-develop.3',
-            '@progress/kendo-angular-l10n': '21.2.0-develop.3',
+            '@progress/kendo-angular-buttons': '21.2.0-develop.5',
+            '@progress/kendo-angular-common': '21.2.0-develop.5',
+            '@progress/kendo-angular-l10n': '21.2.0-develop.5',
             // Peer of kendo-angular-buttons
-            '@progress/kendo-angular-popup': '21.2.0-develop.3'
+            '@progress/kendo-angular-popup': '21.2.0-develop.5'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/selection.service.d.ts

@@ -30,6 +30,7 @@ export declare class ListBoxSelectionService {
     lastSelectedOrUnselectedIndex: number | null;
     rangeSelectionTargetIndex: number | null;
     rangeSelectionAnchorIndex: number | null;
+    isItemDisabled: (index: number) => boolean;
     onSelect: EventEmitter<any>;
     select(index: number, ctrlKey?: boolean, shiftKey?: boolean): void;
     selectRange(targetIndex: number): void;