@progress/kendo-angular-listbox 25.1.0-develop.2 → 25.1.0-develop.3

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, Directive, HostListener, HostBinding, Input, forwardRef, isDevMode, Output, ViewChildren, ViewChild, ContentChild, Component, NgModule } from '@angular/core';
+import { EventEmitter, Injectable, Directive, HostListener, HostBinding, Input, signal, forwardRef, isDevMode, afterNextRender, Output, ViewChildren, ViewChild, ContentChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
 import { getter } from '@progress/kendo-common';
@@ -25,8 +25,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1786694275,
-    version: '25.1.0-develop.2',
+    publishDate: 1787037008,
+    version: '25.1.0-develop.3',
     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'
 };
 
@@ -791,35 +791,83 @@ class Messages extends ComponentMessages {
     /**
      * The text of the `Move Up` button title.
      */
-    moveUp;
+    set moveUp(value) {
+        this._moveUp.set(value);
+    }
+    get moveUp() {
+        return this._moveUp();
+    }
     /**
      * The text of the `Move Down` button title.
      */
-    moveDown;
+    set moveDown(value) {
+        this._moveDown.set(value);
+    }
+    get moveDown() {
+        return this._moveDown();
+    }
     /**
      * The text of the `Remove` button tittle.
      */
-    remove;
+    set remove(value) {
+        this._remove.set(value);
+    }
+    get remove() {
+        return this._remove();
+    }
     /**
      * The text of the `Transfer To` button title.
      */
-    transferTo;
+    set transferTo(value) {
+        this._transferTo.set(value);
+    }
+    get transferTo() {
+        return this._transferTo();
+    }
     /**
      * The text of the `Transfer From` button title.
      */
-    transferFrom;
+    set transferFrom(value) {
+        this._transferFrom.set(value);
+    }
+    get transferFrom() {
+        return this._transferFrom();
+    }
     /**
      * The text of the `Transfer All To` button title.
      */
-    transferAllTo;
+    set transferAllTo(value) {
+        this._transferAllTo.set(value);
+    }
+    get transferAllTo() {
+        return this._transferAllTo();
+    }
     /**
      * The text of the `Transfer All From` button title.
      */
-    transferAllFrom;
+    set transferAllFrom(value) {
+        this._transferAllFrom.set(value);
+    }
+    get transferAllFrom() {
+        return this._transferAllFrom();
+    }
     /**
      * The text displayed when there are no items.
      */
-    noDataText;
+    set noDataText(value) {
+        this._noDataText.set(value);
+    }
+    get noDataText() {
+        return this._noDataText();
+    }
+    _moveUp = signal(undefined, ...(ngDevMode ? [{ debugName: "_moveUp" }] : []));
+    _moveDown = signal(undefined, ...(ngDevMode ? [{ debugName: "_moveDown" }] : []));
+    _remove = signal(undefined, ...(ngDevMode ? [{ debugName: "_remove" }] : []));
+    _transferTo = signal(undefined, ...(ngDevMode ? [{ debugName: "_transferTo" }] : []));
+    _transferFrom = signal(undefined, ...(ngDevMode ? [{ debugName: "_transferFrom" }] : []));
+    _transferAllTo = signal(undefined, ...(ngDevMode ? [{ debugName: "_transferAllTo" }] : []));
+    _transferAllFrom = signal(undefined, ...(ngDevMode ? [{ debugName: "_transferAllFrom" }] : []));
+    _noDataText = signal(undefined, ...(ngDevMode ? [{ debugName: "_noDataText" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { moveUp: "moveUp", moveDown: "moveDown", remove: "remove", transferTo: "transferTo", transferFrom: "transferFrom", transferAllTo: "transferAllTo", transferAllFrom: "transferAllFrom", noDataText: "noDataText" }, usesInheritance: true, ngImport: i0 });
 }
@@ -911,6 +959,7 @@ class ListBoxComponent {
     zone;
     localization;
     cdr;
+    injector;
     /**
      * @hidden
      */
@@ -946,25 +995,35 @@ class ListBoxComponent {
     /**
      * Specifies the field of the data item that provides the text content of the nodes.
      */
-    textField;
+    set textField(value) {
+        this._textField.set(value);
+    }
+    get textField() {
+        return this._textField();
+    }
     /**
      * Sets the selection mode of the ListBox.
      *
      * @default 'single'
      */
     set selectable(mode) {
-        this._selectable = mode;
+        this._selectable.set(mode);
         this.selectionService.selectionMode = mode;
     }
     get selectable() {
-        return this._selectable;
+        return this._selectable();
     }
     /**
      * Specifies the data that the ListBox displays.
      *
      * @default []
      */
-    data = [];
+    set data(value) {
+        this._data.set(value);
+    }
+    get data() {
+        return this._data();
+    }
     /**
      * Specifies the size of the component.
      *
@@ -972,10 +1031,10 @@ class ListBoxComponent {
     set size(size) {
         this.renderer.removeClass(this.hostElement.nativeElement, `k-listbox-${sizeClassMap[this.size]}`);
         this.setSizingClass(size);
-        this._size = size;
+        this._size.set(size);
     }
     get size() {
-        return this._size;
+        return this._size();
     }
     /**
      * Configures the toolbar of the ListBox.
@@ -984,6 +1043,7 @@ class ListBoxComponent {
      * @default false
      */
     set toolbar(config) {
+        this._toolbar.set(config);
         let position = DEFAULT_TOOLBAR_POSITION;
         if (typeof config === 'boolean') {
             this.selectedTools = config ? allTools : [];
@@ -996,6 +1056,9 @@ class ListBoxComponent {
         }
         this.setToolbarClass(position);
     }
+    get toolbar() {
+        return this._toolbar();
+    }
     /**
      * Specifies the value of the `aria-label` attribute of the Listbox element.
      *
@@ -1004,7 +1067,12 @@ class ListBoxComponent {
      * @remarks
      * This property is related to accessibility.
      */
-    listboxLabel = 'Listbox';
+    set listboxLabel(value) {
+        this._listboxLabel.set(value);
+    }
+    get listboxLabel() {
+        return this._listboxLabel();
+    }
     /**
      * Specifies the value of the `aria-label` attribute of the Listbox toolbar element.
      *
@@ -1013,11 +1081,21 @@ class ListBoxComponent {
      * @remarks
      * This property is related to accessibility.
      */
-    listboxToolbarLabel = 'Toolbar';
+    set listboxToolbarLabel(value) {
+        this._listboxToolbarLabel.set(value);
+    }
+    get listboxToolbarLabel() {
+        return this._listboxToolbarLabel();
+    }
     /**
      * Specifies a function that determines if a specific item is disabled.
      */
-    itemDisabled = defaultItemDisabled;
+    set itemDisabled(fn) {
+        this._itemDisabled.set(fn);
+    }
+    get itemDisabled() {
+        return this._itemDisabled();
+    }
     /**
      * Fires when you select a different ListBox item.
      * Also fires when you move a node, because moving changes its index.
@@ -1071,12 +1149,20 @@ class ListBoxComponent {
      * @hidden
      */
     chevronRightIcon = chevronRightIcon;
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _selectable = signal('single', ...(ngDevMode ? [{ debugName: "_selectable" }] : []));
+    _textField = signal(undefined, ...(ngDevMode ? [{ debugName: "_textField" }] : []));
+    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
+    _toolbar = signal(false, ...(ngDevMode ? [{ debugName: "_toolbar" }] : []));
+    _listboxLabel = signal('Listbox', ...(ngDevMode ? [{ debugName: "_listboxLabel" }] : []));
+    _listboxToolbarLabel = signal('Toolbar', ...(ngDevMode ? [{ debugName: "_listboxToolbarLabel" }] : []));
+    _itemDisabled = signal(defaultItemDisabled, ...(ngDevMode ? [{ debugName: "_itemDisabled" }] : []));
     localizationSubscription;
-    _size;
     subs = new Subscription();
     shouldFireFocusIn = false;
-    _selectable = 'single';
-    constructor(keyboardNavigationService, selectionService, hostElement, renderer, zone, localization, cdr) {
+    _prevItemTemplate;
+    _prevNoDataTemplate;
+    constructor(keyboardNavigationService, selectionService, hostElement, renderer, zone, localization, cdr, injector) {
         this.keyboardNavigationService = keyboardNavigationService;
         this.selectionService = selectionService;
         this.hostElement = hostElement;
@@ -1084,6 +1170,7 @@ class ListBoxComponent {
         this.zone = zone;
         this.localization = localization;
         this.cdr = cdr;
+        this.injector = injector;
         validatePackage(packageMetadata);
         this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
         this.setSizingClass(this.size);
@@ -1101,6 +1188,7 @@ class ListBoxComponent {
         }
         this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
+            this.cdr.markForCheck();
         });
         this.subs.add(this.localizationSubscription);
     }
@@ -1111,6 +1199,14 @@ class ListBoxComponent {
         this.setIds();
         this.initSubscriptions(navService, hostEl, toolsRef);
     }
+    ngAfterContentChecked() {
+        if (this._prevItemTemplate !== this.itemTemplate ||
+            this._prevNoDataTemplate !== this.noDataTemplate) {
+            this._prevItemTemplate = this.itemTemplate;
+            this._prevNoDataTemplate = this.noDataTemplate;
+            this.cdr.markForCheck();
+        }
+    }
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
@@ -1150,6 +1246,7 @@ class ListBoxComponent {
     select(indices) {
         const validIndices = indices.filter(index => index >= 0 && index < this.data.length);
         this.selectionService.setSelectedIndices(validIndices);
+        this.cdr.markForCheck();
     }
     /**
      * Selects a ListBox node programmatically.
@@ -1166,6 +1263,7 @@ class ListBoxComponent {
      */
     clearSelection() {
         this.selectionService.clearSelection();
+        this.cdr.markForCheck();
     }
     /**
      * Gets the indexes of the currently selected items in the ListBox.
@@ -1334,16 +1432,16 @@ class ListBoxComponent {
             const toolbar = this.toolbarElement?.nativeElement;
             const parentToolbar = this.parentListbox?.toolbarElement?.nativeElement;
             if (this.parentListbox && this.childListbox) {
-                this.zone.onStable.pipe(take(1)).subscribe(() => {
+                afterNextRender(() => {
                     this.toolbarId = `${this.parentListbox.listboxId} ${this.listboxId} ${this.childListbox.listboxId}`;
                     this.renderer.setAttribute(toolbar, 'aria-controls', this.toolbarId);
-                });
+                }, { injector: this.injector });
             }
             else if (this.childListbox && !this.parentListbox) {
-                this.zone.onStable.pipe(take(1)).subscribe(() => {
-                    this.toolbarId = this.toolbarId = `${this.listboxId} ${this.childListbox.listboxId}`;
+                afterNextRender(() => {
+                    this.toolbarId = `${this.listboxId} ${this.childListbox.listboxId}`;
                     this.renderer.setAttribute(toolbar, 'aria-controls', this.toolbarId);
-                });
+                }, { injector: this.injector });
             }
             else if (this.parentListbox && this.selectedTools.length > 0) {
                 this.toolbarId = `${this.parentListbox.listboxId} ${this.listboxId}`;
@@ -1388,7 +1486,7 @@ class ListBoxComponent {
             this.renderer.addClass(this.hostElement.nativeElement, `k-listbox-${sizeClassMap[size]}`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ListBoxComponent, deps: [{ token: KeyboardNavigationService }, { token: ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ListBoxComponent, deps: [{ token: KeyboardNavigationService }, { token: ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ListBoxComponent, isStandalone: true, selector: "kendo-listbox", inputs: { textField: "textField", selectable: "selectable", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", action: "action", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
             ListBoxSelectionService,
             KeyboardNavigationService,
@@ -1501,7 +1599,7 @@ class ListBoxComponent {
             }
           </div>
         </div>
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoListBoxLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoListBoxLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ListBoxComponent, decorators: [{
             type: Component,
@@ -1621,10 +1719,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           </div>
         </div>
         `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true,
                     imports: [LocalizedMessagesDirective, ButtonComponent, ItemSelectableDirective, TemplateContextDirective, NgTemplateOutlet]
                 }]
-        }], ctorParameters: () => [{ type: KeyboardNavigationService }, { type: ListBoxSelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { listboxClassName: [{
+        }], ctorParameters: () => [{ type: KeyboardNavigationService }, { type: ListBoxSelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { listboxClassName: [{
                 type: HostBinding,
                 args: ['class.k-listbox']
             }], direction: [{
@@ -1696,7 +1795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  */
 class DataBindingDirective {
     listbox;
-    zone;
+    injector;
     /**
      * Specifies the `ListBoxComponent` instance with which the current ListBox connects.
      * When you link two listboxes through this input, you can transfer items between them.
@@ -1706,9 +1805,9 @@ class DataBindingDirective {
     selectedBoxSub = new Subscription();
     connectedWithSub = new Subscription();
     selectedBox;
-    constructor(listbox, zone) {
+    constructor(listbox, injector) {
         this.listbox = listbox;
-        this.zone = zone;
+        this.injector = injector;
         this.selectedBox = this.listbox;
         this.connectedWithSub.add(this.listbox.getChildListbox.subscribe(() => {
             this.listbox.childListbox = this.connectedWith;
@@ -1838,7 +1937,7 @@ class DataBindingDirective {
             }
         }
         newSelectedIndices.sort((a, b) => a - b);
-        this.selectedBox.selectionService.setSelectedIndices(newSelectedIndices);
+        this.selectedBox.select(newSelectedIndices);
         const navigation = this.selectedBox.keyboardNavigationService;
         const currentFocusedIndex = navigation.focusedListboxItemIndex;
         const focusedItemIndexInSelection = sortedIndices.indexOf(currentFocusedIndex);
@@ -1849,14 +1948,14 @@ class DataBindingDirective {
         else {
             newFocusIndex = dir === 'up' ? topIndex - 1 : bottomIndex + 1;
         }
-        this.zone.onStable.pipe(take(1)).subscribe(() => {
+        afterNextRender(() => {
             const listboxItems = this.selectedBox.listboxItems.toArray();
             const previousItem = listboxItems[currentFocusedIndex]?.nativeElement;
             const currentItem = listboxItems[newFocusIndex]?.nativeElement;
             navigation.changeTabindex(previousItem, currentItem);
             navigation.focusedListboxItemIndex = newFocusIndex;
             navigation.selectedListboxItemIndex = newFocusIndex;
-        });
+        }, { injector: this.injector });
     }
     removeSelectedItems() {
         const itemIndices = this.selectedBox.selectedIndices;
@@ -1868,7 +1967,7 @@ class DataBindingDirective {
         for (const index of sortedIndices) {
             this.selectedBox.data.splice(index, 1);
         }
-        this.selectedBox.selectionService.clearSelection();
+        this.selectedBox.clearSelection();
     }
     transferSelectedItems(source, target) {
         const selectedIndices = source?.data && source?.selectedIndices;
@@ -1942,7 +2041,7 @@ class DataBindingDirective {
         selectionService.rangeSelectionAnchorIndex = index;
         selectionService.lastSelectedOrUnselectedIndex = index;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DataBindingDirective, deps: [{ token: ListBoxComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DataBindingDirective, deps: [{ token: ListBoxComponent }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: DataBindingDirective, isStandalone: true, selector: "[kendoListBoxDataBinding]", inputs: { connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DataBindingDirective, decorators: [{
@@ -1951,7 +2050,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     selector: '[kendoListBoxDataBinding]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: ListBoxComponent }, { type: i0.NgZone }], propDecorators: { connectedWith: [{
+        }], ctorParameters: () => [{ type: ListBoxComponent }, { type: i0.Injector }], propDecorators: { connectedWith: [{
                 type: Input
             }] } });
 

package/index.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, Renderer2, NgZone, ElementRef, OnInit, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, TemplateRef, Renderer2, NgZone, ElementRef, OnInit, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef, Injector, OnChanges, SimpleChanges } from '@angular/core';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { Button } from '@progress/kendo-angular-buttons';
 import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -235,6 +235,7 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
     private zone;
     private localization;
     private cdr;
+    private injector;
     /**
      * @hidden
      */
@@ -270,7 +271,8 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * Specifies the field of the data item that provides the text content of the nodes.
      */
-    textField: string;
+    set textField(value: string);
+    get textField(): string;
     /**
      * Sets the selection mode of the ListBox.
      *
@@ -283,7 +285,8 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
      *
      * @default []
      */
-    data: any[];
+    set data(value: any[]);
+    get data(): any[];
     /**
      * Specifies the size of the component.
      *
@@ -297,6 +300,7 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
      * @default false
      */
     set toolbar(config: boolean | ListBoxToolbarConfig);
+    get toolbar(): boolean | ListBoxToolbarConfig;
     /**
      * Specifies the value of the `aria-label` attribute of the Listbox element.
      *
@@ -305,7 +309,8 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    listboxLabel: string;
+    set listboxLabel(value: string);
+    get listboxLabel(): string;
     /**
      * Specifies the value of the `aria-label` attribute of the Listbox toolbar element.
      *
@@ -314,11 +319,13 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    listboxToolbarLabel: string;
+    set listboxToolbarLabel(value: string);
+    get listboxToolbarLabel(): string;
     /**
      * Specifies a function that determines if a specific item is disabled.
      */
-    itemDisabled: (item: any) => boolean;
+    set itemDisabled(fn: (item: any) => boolean);
+    get itemDisabled(): (item: any) => boolean;
     /**
      * Fires when you select a different ListBox item.
      * Also fires when you move a node, because moving changes its index.
@@ -368,14 +375,23 @@ declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
      * @hidden
      */
     chevronRightIcon: SVGIcon;
-    private localizationSubscription;
     private _size;
+    private _selectable;
+    private _textField;
+    private _data;
+    private _toolbar;
+    private _listboxLabel;
+    private _listboxToolbarLabel;
+    private _itemDisabled;
+    private localizationSubscription;
     private subs;
     private shouldFireFocusIn;
-    private _selectable;
-    constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef);
+    private _prevItemTemplate;
+    private _prevNoDataTemplate;
+    constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngAfterContentChecked(): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -462,7 +478,7 @@ declare class ItemSelectableDirective {
  */
 declare class DataBindingDirective implements OnChanges, OnDestroy {
     private listbox;
-    private zone;
+    private injector;
     /**
      * Specifies the `ListBoxComponent` instance with which the current ListBox connects.
      * When you link two listboxes through this input, you can transfer items between them.
@@ -472,7 +488,7 @@ declare class DataBindingDirective implements OnChanges, OnDestroy {
     private selectedBoxSub;
     private connectedWithSub;
     private selectedBox;
-    constructor(listbox: ListBoxComponent, zone: NgZone);
+    constructor(listbox: ListBoxComponent, injector: Injector);
     /**
      * @hidden
      */
@@ -497,35 +513,51 @@ declare class Messages extends ComponentMessages {
     /**
      * The text of the `Move Up` button title.
      */
-    moveUp: string;
+    set moveUp(value: string);
+    get moveUp(): string;
     /**
      * The text of the `Move Down` button title.
      */
-    moveDown: string;
+    set moveDown(value: string);
+    get moveDown(): string;
     /**
      * The text of the `Remove` button tittle.
      */
-    remove: string;
+    set remove(value: string);
+    get remove(): string;
     /**
      * The text of the `Transfer To` button title.
      */
-    transferTo: string;
+    set transferTo(value: string);
+    get transferTo(): string;
     /**
      * The text of the `Transfer From` button title.
      */
-    transferFrom: string;
+    set transferFrom(value: string);
+    get transferFrom(): string;
     /**
      * The text of the `Transfer All To` button title.
      */
-    transferAllTo: string;
+    set transferAllTo(value: string);
+    get transferAllTo(): string;
     /**
      * The text of the `Transfer All From` button title.
      */
-    transferAllFrom: string;
+    set transferAllFrom(value: string);
+    get transferAllFrom(): string;
     /**
      * The text displayed when there are no items.
      */
-    noDataText: string;
+    set noDataText(value: string);
+    get noDataText(): string;
+    private _moveUp;
+    private _moveDown;
+    private _remove;
+    private _transferTo;
+    private _transferFrom;
+    private _transferAllTo;
+    private _transferAllFrom;
+    private _noDataText;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "moveUp": { "alias": "moveUp"; "required": false; }; "moveDown": { "alias": "moveDown"; "required": false; }; "remove": { "alias": "remove"; "required": false; }; "transferTo": { "alias": "transferTo"; "required": false; }; "transferFrom": { "alias": "transferFrom"; "required": false; }; "transferAllTo": { "alias": "transferAllTo"; "required": false; }; "transferAllFrom": { "alias": "transferAllFrom"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1786694275,
-  "version": "25.1.0-develop.2",
+  "publishDate": 1787037008,
+  "version": "25.1.0-develop.3",
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listbox",
-  "version": "25.1.0-develop.2",
+  "version": "25.1.0-develop.3",
   "description": "Kendo UI for Angular ListBox",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -41,7 +41,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1786694275,
+      "publishDate": 1787037008,
       "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"
     }
   },
@@ -51,14 +51,14 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.1.0-develop.2",
-    "@progress/kendo-angular-common": "25.1.0-develop.2",
-    "@progress/kendo-angular-popup": "25.1.0-develop.2",
+    "@progress/kendo-angular-buttons": "25.1.0-develop.3",
+    "@progress/kendo-angular-common": "25.1.0-develop.3",
+    "@progress/kendo-angular-popup": "25.1.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.1.0-develop.2",
+    "@progress/kendo-angular-schematics": "25.1.0-develop.3",
     "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",

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': '25.1.0-develop.2',
-            '@progress/kendo-angular-common': '25.1.0-develop.2',
-            '@progress/kendo-angular-l10n': '25.1.0-develop.2',
+            '@progress/kendo-angular-buttons': '25.1.0-develop.3',
+            '@progress/kendo-angular-common': '25.1.0-develop.3',
+            '@progress/kendo-angular-l10n': '25.1.0-develop.3',
             // Peer of kendo-angular-buttons
-            '@progress/kendo-angular-popup': '25.1.0-develop.2'
+            '@progress/kendo-angular-popup': '25.1.0-develop.3'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }