@progress/kendo-angular-listbox 17.0.0-develop.21 → 17.0.0-develop.23

package/data-binding.directive.d.ts

@@ -33,5 +33,5 @@ export declare class DataBindingDirective implements OnChanges, OnDestroy {
     private transferItem;
     private transferAll;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataBindingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListBoxDataBinding]", never, { "connectedWith": "connectedWith"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListBoxDataBinding]", never, { "connectedWith": { "alias": "connectedWith"; "required": false; }; }, {}, never, never, true, never>;
 }

package/{esm2020 → esm2022}/data-binding.directive.mjs

@@ -13,11 +13,18 @@ import * as i1 from "./listbox.component";
  * A directive which manages the functoinality of the ListBox tools out of the box, and modifies the provided data accordingly.
  */
 export 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;
@@ -133,10 +140,10 @@ export 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: i1.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: i1.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]',

package/{esm2020 → esm2022}/item-selectable.directive.mjs

@@ -10,6 +10,8 @@ import * as i1 from "./selection.service";
  * @hidden
  */
 export class ItemSelectableDirective {
+    selectionService;
+    index;
     constructor(selectionService) {
         this.selectionService = selectionService;
     }
@@ -20,10 +22,10 @@ export 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: i1.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: i1.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]',

package/{esm2020 → esm2022}/item-template.directive.mjs

@@ -24,13 +24,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export 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]',

package/{esm2020 → esm2022}/keyboard-navigation.service.mjs

@@ -12,17 +12,19 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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;
@@ -278,9 +280,9 @@ export 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 }]; } });

package/{esm2020 → esm2022}/listbox.component.mjs

@@ -31,66 +31,49 @@ let idx = 0;
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
  */
 export 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.
      *
@@ -124,6 +107,30 @@ export 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
      */
@@ -136,6 +143,51 @@ export 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();
@@ -353,17 +405,16 @@ export 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: i1.KeyboardNavigationService }, { token: i2.ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.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: i1.KeyboardNavigationService }, { token: i2.ListBoxSelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.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"
@@ -456,7 +507,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',

package/{esm2020 → esm2022}/listbox.module.mjs

@@ -18,11 +18,11 @@ import * as i5 from "./localization/custom-messages.component";
  * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
  */
 export 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: [i1.ListBoxComponent, i2.ItemTemplateDirective, i3.ItemSelectableDirective, i4.DataBindingDirective, i5.CustomMessagesComponent], exports: [i1.ListBoxComponent, i2.ItemTemplateDirective, i3.ItemSelectableDirective, i4.DataBindingDirective, i5.CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListBoxModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.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: [i1.ListBoxComponent, i2.ItemTemplateDirective, i3.ItemSelectableDirective, i4.DataBindingDirective, i5.CustomMessagesComponent], exports: [i1.ListBoxComponent, i2.ItemTemplateDirective, i3.ItemSelectableDirective, i4.DataBindingDirective, i5.CustomMessagesComponent] });
-ListBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListBoxModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ListBoxComponent, i5.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/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example](slug:globalization_listbox#toc-custom-messages)).
  */
 export class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export 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: [

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export 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: [

package/esm2022/localization/messages.mjs

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
+            type: Directive
+        }], propDecorators: { moveUp: [{
+                type: Input
+            }], moveDown: [{
+                type: Input
+            }], remove: [{
+                type: Input
+            }], transferTo: [{
+                type: Input
+            }], transferFrom: [{
+                type: Input
+            }], transferAllTo: [{
+                type: Input
+            }], transferAllFrom: [{
+                type: Input
+            }], noDataText: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729874498,
-    version: '17.0.0-develop.21',
+    publishDate: 1730105088,
+    version: '17.0.0-develop.23',
     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/{esm2020 → esm2022}/selection.service.mjs

@@ -8,10 +8,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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;
@@ -22,9 +20,9 @@ export 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
         }] });