@progress/kendo-angular-listbox 17.0.0-develop.9 → 17.0.1-develop.1

package/{fesm2020 → fesm2022}/progress-kendo-angular-listbox.mjs

@@ -24,8 +24,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174772,
-    version: '17.0.0-develop.9',
+    publishDate: 1731429942,
+    version: '17.0.1-develop.1',
     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'
 };
 
@@ -33,10 +33,8 @@ const packageMetadata = {
  * @hidden
  */
 class ListBoxSelectionService {
-    constructor() {
-        this.onSelect = new EventEmitter();
-        this.selectedIndex = null;
-    }
+    onSelect = new EventEmitter();
+    selectedIndex = null;
     select(index) {
         this.onSelect.next({ index: index, prevIndex: this.selectedIndex });
         this.selectedIndex = index;
@@ -47,10 +45,10 @@ class ListBoxSelectionService {
     clearSelection() {
         this.selectedIndex = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxSelectionService });
 }
-ListBoxSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ListBoxSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxSelectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxSelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxSelectionService, decorators: [{
             type: Injectable
         }] });
 
@@ -74,13 +72,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class ItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoListBoxItemTemplate]", ngImport: i0 });
 }
-ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoListBoxItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListBoxItemTemplate]',
@@ -196,17 +195,19 @@ const getTools = (names) => {
  * @hidden
  */
 class KeyboardNavigationService {
+    renderer;
+    zone;
+    selectedListboxItemIndex = 0;
+    focusedListboxItemIndex = 0;
+    focusedToolIndex = 0;
+    onDeleteEvent = new EventEmitter();
+    onMoveSelectedItem = new EventEmitter();
+    onTransferAllEvent = new EventEmitter();
+    onShiftSelectedItem = new EventEmitter();
+    onSelectionChange = new EventEmitter();
     constructor(renderer, zone) {
         this.renderer = renderer;
         this.zone = zone;
-        this.selectedListboxItemIndex = 0;
-        this.focusedListboxItemIndex = 0;
-        this.focusedToolIndex = 0;
-        this.onDeleteEvent = new EventEmitter();
-        this.onMoveSelectedItem = new EventEmitter();
-        this.onTransferAllEvent = new EventEmitter();
-        this.onShiftSelectedItem = new EventEmitter();
-        this.onSelectionChange = new EventEmitter();
     }
     onKeyDown(event, toolsRef, toolbar, childListbox, parentListbox, listboxItems) {
         const target = event.target;
@@ -462,10 +463,10 @@ class KeyboardNavigationService {
             this.changeTabindex(previousItem, currentItem);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeyboardNavigationService, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeyboardNavigationService });
 }
-KeyboardNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KeyboardNavigationService, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-KeyboardNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KeyboardNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KeyboardNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeyboardNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.NgZone }]; } });
 
@@ -473,6 +474,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ItemSelectableDirective {
+    selectionService;
+    index;
     constructor(selectionService) {
         this.selectionService = selectionService;
     }
@@ -483,10 +486,10 @@ class ItemSelectableDirective {
         event.stopPropagation();
         this.selectionService.select(this.index);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemSelectableDirective, deps: [{ token: ListBoxSelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemSelectableDirective, isStandalone: true, selector: "[kendoListBoxItemSelectable]", inputs: { index: "index" }, host: { listeners: { "mousedown": "onClick($event)" }, properties: { "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
 }
-ItemSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemSelectableDirective, deps: [{ token: ListBoxSelectionService }], target: i0.ɵɵFactoryTarget.Directive });
-ItemSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemSelectableDirective, isStandalone: true, selector: "[kendoListBoxItemSelectable]", inputs: { index: "index" }, host: { listeners: { "mousedown": "onClick($event)" }, properties: { "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemSelectableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemSelectableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListBoxItemSelectable]',
@@ -506,10 +509,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class Messages extends ComponentMessages {
+    /**
+     * The text of the `Move Up` button title.
+     */
+    moveUp;
+    /**
+     * The text of the `Move Down` button title.
+     */
+    moveDown;
+    /**
+     * The text of the `Remove` button tittle.
+     */
+    remove;
+    /**
+     * The text of the `Transfer To` button title.
+     */
+    transferTo;
+    /**
+     * The text of the `Transfer From` button title.
+     */
+    transferFrom;
+    /**
+     * The text of the `Transfer All To` button title.
+     */
+    transferAllTo;
+    /**
+     * The text of the `Transfer All From` button title.
+     */
+    transferAllFrom;
+    /**
+     * The text displayed when there are no items.
+     */
+    noDataText;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, inputs: { moveUp: "moveUp", moveDown: "moveDown", remove: "remove", transferTo: "transferTo", transferFrom: "transferFrom", transferAllTo: "transferAllTo", transferAllFrom: "transferAllFrom", noDataText: "noDataText" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, inputs: { moveUp: "moveUp", moveDown: "moveDown", remove: "remove", transferTo: "transferTo", transferFrom: "transferFrom", transferAllTo: "transferAllTo", transferAllFrom: "transferAllFrom", noDataText: "noDataText" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive
         }], propDecorators: { moveUp: [{
                 type: Input
@@ -533,19 +568,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoListBoxLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoListBoxLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -567,66 +603,49 @@ let idx = 0;
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
  */
 class ListBoxComponent {
-    constructor(keyboardNavigationService, selectionService, hostElement, renderer, zone, localization, changeDetector) {
-        this.keyboardNavigationService = keyboardNavigationService;
-        this.selectionService = selectionService;
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.localization = localization;
-        this.changeDetector = changeDetector;
-        /**
-         * @hidden
-         */
-        this.listboxClassName = true;
-        /**
-         * The data which will be displayed by the ListBox.
-         */
-        this.data = [];
-        /**
-         * The value of the aria-label attribute of the Listbox element.
-         */
-        this.listboxLabel = 'Listbox';
-        /**
-         * The value of the aria-label attribute of the Listbox toolbar element.
-         */
-        this.listboxToolbarLabel = 'Toolbar';
-        /**
-         * A function which determines if a specific item is disabled.
-         */
-        this.itemDisabled = defaultItemDisabled;
-        /**
-         * Fires when the user selects a different ListBox item. Also fires when a node is moved, since that also changes its index.
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * Fires when the user clicks a ListBox item.
-         */
-        this.actionClick = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.getChildListbox = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.selectedTools = allTools;
-        /**
-         * @hidden
-         */
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltRightIcon = caretAltRightIcon;
-        this._size = DEFAULT_SIZE;
-        this.subs = new Subscription();
-        this.shouldFireFocusIn = true;
-        validatePackage(packageMetadata);
-        this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
-        this.setSizingClass(this.size);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-    }
+    keyboardNavigationService;
+    selectionService;
+    hostElement;
+    renderer;
+    zone;
+    localization;
+    changeDetector;
+    /**
+     * @hidden
+     */
+    listboxClassName = true;
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * @hidden
+     */
+    itemTemplate;
+    /**
+     * @hidden
+     */
+    listboxElement;
+    /**
+     * @hidden
+     */
+    listboxItems;
+    /**
+     * @hidden
+     */
+    toolbarElement;
+    /**
+     * @hidden
+     */
+    tools;
+    /**
+     * The fields of the data item that provide the text content of the nodes.
+     */
+    textField;
+    /**
+     * The data which will be displayed by the ListBox.
+     */
+    data = [];
     /**
      * Sets the size of the component.
      *
@@ -660,6 +679,30 @@ class ListBoxComponent {
         }
         this.setToolbarClass(position);
     }
+    /**
+     * The value of the aria-label attribute of the Listbox element.
+     */
+    listboxLabel = 'Listbox';
+    /**
+     * The value of the aria-label attribute of the Listbox toolbar element.
+     */
+    listboxToolbarLabel = 'Toolbar';
+    /**
+     * A function which determines if a specific item is disabled.
+     */
+    itemDisabled = defaultItemDisabled;
+    /**
+     * Fires when the user selects a different ListBox item. Also fires when a node is moved, since that also changes its index.
+     */
+    selectionChange = new EventEmitter();
+    /**
+     * Fires when the user clicks a ListBox item.
+     */
+    actionClick = new EventEmitter();
+    /**
+     * @hidden
+     */
+    getChildListbox = new EventEmitter();
     /**
      * @hidden
      */
@@ -672,6 +715,51 @@ class ListBoxComponent {
     messageFor(key) {
         return this.localization.get(key);
     }
+    /**
+     * @hidden
+     */
+    selectedTools = allTools;
+    /**
+     * @hidden
+     */
+    listboxId;
+    /**
+     * @hidden
+     */
+    toolbarId;
+    /**
+     * @hidden
+     */
+    childListbox;
+    /**
+     * @hidden
+     */
+    parentListbox;
+    /**
+     * @hidden
+     */
+    caretAltLeftIcon = caretAltLeftIcon;
+    /**
+     * @hidden
+     */
+    caretAltRightIcon = caretAltRightIcon;
+    localizationSubscription;
+    _size = DEFAULT_SIZE;
+    subs = new Subscription();
+    shouldFireFocusIn = true;
+    constructor(keyboardNavigationService, selectionService, hostElement, renderer, zone, localization, changeDetector) {
+        this.keyboardNavigationService = keyboardNavigationService;
+        this.selectionService = selectionService;
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.localization = localization;
+        this.changeDetector = changeDetector;
+        validatePackage(packageMetadata);
+        this.setToolbarClass(DEFAULT_TOOLBAR_POSITION);
+        this.setSizingClass(this.size);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         // This event emitter gives us the connectedWith value from the DataBinding directive
         this.getChildListbox.emit();
@@ -889,17 +977,16 @@ class ListBoxComponent {
     setSizingClass(size) {
         this.renderer.addClass(this.hostElement.nativeElement, `k-listbox-${sizeClassMap[size]}`);
     }
-}
-ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListBoxComponent, isStandalone: true, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
-        ListBoxSelectionService,
-        KeyboardNavigationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.listbox'
-        },
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "listboxElement", first: true, predicate: ["listbox"], descendants: true }, { propertyName: "toolbarElement", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "listboxItems", predicate: ["listboxItems"], descendants: true }, { propertyName: "tools", predicate: ["tools"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListBoxComponent, isStandalone: true, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", listboxLabel: "listboxLabel", listboxToolbarLabel: "listboxToolbarLabel", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick", getChildListbox: "getChildListbox" }, host: { properties: { "class.k-listbox": "this.listboxClassName", "attr.dir": "this.direction" } }, providers: [
+            ListBoxSelectionService,
+            KeyboardNavigationService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.listbox'
+            },
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "listboxElement", first: true, predicate: ["listbox"], descendants: true }, { propertyName: "toolbarElement", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "listboxItems", predicate: ["listboxItems"], descendants: true }, { propertyName: "tools", predicate: ["tools"], descendants: true }], ngImport: i0, template: `
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
@@ -992,7 +1079,8 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoListBoxLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-listbox',
@@ -1148,11 +1236,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * A directive which manages the functoinality of the ListBox tools out of the box, and modifies the provided data accordingly.
  */
 class DataBindingDirective {
+    listbox;
+    /**
+     * Specifies the ListBoxComponent instance with which the current ListBox should be connected.
+     * When two listboxes are linked via this input, one can transfer items between them.
+     */
+    connectedWith;
+    actionClickSub = new Subscription();
+    selectedBoxSub = new Subscription();
+    connectedWithSub = new Subscription();
+    selectedBox;
     constructor(listbox) {
         this.listbox = listbox;
-        this.actionClickSub = new Subscription();
-        this.selectedBoxSub = new Subscription();
-        this.connectedWithSub = new Subscription();
         this.selectedBox = this.listbox;
         this.connectedWithSub.add(this.listbox.getChildListbox.subscribe(() => {
             this.listbox.childListbox = this.connectedWith;
@@ -1268,10 +1363,10 @@ class DataBindingDirective {
         target.selectItem(target.data.length - 1);
         this.selectedBox = target;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, deps: [{ token: ListBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DataBindingDirective, isStandalone: true, selector: "[kendoListBoxDataBinding]", inputs: { connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
 }
-DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, deps: [{ token: ListBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
-DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DataBindingDirective, isStandalone: true, selector: "[kendoListBoxDataBinding]", inputs: { connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListBoxDataBinding]',
@@ -1286,6 +1381,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example](slug:globalization_listbox#toc-custom-messages)).
  */
 class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -1293,15 +1389,15 @@ class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-listbox-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-listbox-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -1332,11 +1428,11 @@ const KENDO_LISTBOX = [
  * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
  */
 class ListBoxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ListBoxModule, imports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective, CustomMessagesComponent], exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ListBoxComponent] });
 }
-ListBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ListBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ListBoxModule, imports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective, CustomMessagesComponent], exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective, CustomMessagesComponent] });
-ListBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ListBoxComponent, CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_LISTBOX],

package/item-selectable.directive.d.ts

@@ -14,5 +14,5 @@ export declare class ItemSelectableDirective {
     get selectedClassName(): boolean;
     onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemSelectableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemSelectableDirective, "[kendoListBoxItemSelectable]", never, { "index": "index"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemSelectableDirective, "[kendoListBoxItemSelectable]", never, { "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
 }

package/listbox.component.d.ts

@@ -182,5 +182,5 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
     private setToolbarClass;
     private setSizingClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": "textField"; "data": "data"; "size": "size"; "toolbar": "toolbar"; "listboxLabel": "listboxLabel"; "listboxToolbarLabel": "listboxToolbarLabel"; "itemDisabled": "itemDisabled"; }, { "selectionChange": "selectionChange"; "actionClick": "actionClick"; "getChildListbox": "getChildListbox"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "listboxLabel": { "alias": "listboxLabel"; "required": false; }; "listboxToolbarLabel": { "alias": "listboxToolbarLabel"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "actionClick": "actionClick"; "getChildListbox": "getChildListbox"; }, ["itemTemplate"], never, true, never>;
 }

package/localization/messages.d.ts

@@ -41,5 +41,5 @@ export declare class Messages extends ComponentMessages {
      */
     noDataText: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "moveUp": "moveUp"; "moveDown": "moveDown"; "remove": "remove"; "transferTo": "transferTo"; "transferFrom": "transferFrom"; "transferAllTo": "transferAllTo"; "transferAllFrom": "transferAllFrom"; "noDataText": "noDataText"; }, {}, never, never, false, 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, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listbox",
-  "version": "17.0.0-develop.9",
+  "version": "17.0.1-develop.1",
   "description": "Kendo UI for Angular ListBox",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -18,27 +18,23 @@
     "friendlyName": "ListBox"
   },
   "peerDependencies": {
-    "@angular/animations": "15 - 18",
-    "@angular/common": "15 - 18",
-    "@angular/core": "15 - 18",
-    "@angular/platform-browser": "15 - 18",
+    "@angular/animations": "16 - 18",
+    "@angular/common": "16 - 18",
+    "@angular/core": "16 - 18",
+    "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.9",
-    "@progress/kendo-angular-common": "17.0.0-develop.9",
-    "@progress/kendo-angular-popup": "17.0.0-develop.9",
+    "@progress/kendo-angular-buttons": "17.0.1-develop.1",
+    "@progress/kendo-angular-common": "17.0.1-develop.1",
+    "@progress/kendo-angular-popup": "17.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.9",
-    "@progress/kendo-common": "^0.2.2"
+    "@progress/kendo-angular-schematics": "17.0.1-develop.1",
+    "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/progress-kendo-angular-listbox.mjs",
-  "es2020": "fesm2020/progress-kendo-angular-listbox.mjs",
-  "esm2020": "esm2020/progress-kendo-angular-listbox.mjs",
-  "fesm2020": "fesm2020/progress-kendo-angular-listbox.mjs",
-  "fesm2015": "fesm2015/progress-kendo-angular-listbox.mjs",
+  "module": "fesm2022/progress-kendo-angular-listbox.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -46,11 +42,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/progress-kendo-angular-listbox.mjs",
-      "es2020": "./fesm2020/progress-kendo-angular-listbox.mjs",
-      "es2015": "./fesm2015/progress-kendo-angular-listbox.mjs",
-      "node": "./fesm2015/progress-kendo-angular-listbox.mjs",
-      "default": "./fesm2020/progress-kendo-angular-listbox.mjs"
+      "esm2022": "./esm2022/progress-kendo-angular-listbox.mjs",
+      "esm": "./esm2022/progress-kendo-angular-listbox.mjs",
+      "default": "./fesm2022/progress-kendo-angular-listbox.mjs"
     }
   },
   "sideEffects": false

package/schematics/ngAdd/index.js

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

package/size.d.ts

@@ -10,4 +10,4 @@
  * - `'medium'`
  * - `'large'`
  */
-export declare type ListBoxSize = 'small' | 'medium' | 'large';
+export type ListBoxSize = 'small' | 'medium' | 'large';