@progress/kendo-angular-listbox 0.1.1 → 1.0.0-dev.202204201039

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-listbox.js}

@@ -2,14 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { EventEmitter, Injectable, Directive, TemplateRef, isDevMode, HostBinding, ContentChild, Input, Output, Component, Renderer2, ElementRef, HostListener, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { EventEmitter, Injectable, Directive, Input, HostBinding, HostListener, isDevMode, Component, ContentChild, Output, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
 import { getter } from '@progress/kendo-common';
-import { isChanged } from '@progress/kendo-angular-common';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i3 from '@progress/kendo-angular-buttons';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { isChanged } from '@progress/kendo-angular-common';
 
 /**
  * @hidden
@@ -18,7 +20,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649861138,
+    publishDate: 1650451126,
     version: '',
     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'
 };
@@ -26,10 +28,7 @@ const packageMetadata = {
 /**
  * @hidden
  */
-let ListBoxSelectionService = class ListBoxSelectionService {
-    /**
-     * @hidden
-     */
+class ListBoxSelectionService {
     constructor() {
         this.onSelect = new EventEmitter();
         this.selectedIndex = null;
@@ -44,10 +43,12 @@ let ListBoxSelectionService = class ListBoxSelectionService {
     clearSelection() {
         this.selectedIndex = null;
     }
-};
-ListBoxSelectionService = __decorate([
-    Injectable()
-], ListBoxSelectionService);
+}
+ListBoxSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ListBoxSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxSelectionService, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * Renders the ListBox item content. To define the item template, nest an `<ng-template>` tag
@@ -68,17 +69,19 @@ ListBoxSelectionService = __decorate([
  * })
  * ```
  */
-let ItemTemplateDirective = class ItemTemplateDirective {
+class ItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-ItemTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoListBoxItemTemplate]'
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], ItemTemplateDirective);
+}
+ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemTemplateDirective, selector: "[kendoListBoxItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoListBoxItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
 /**
  * @hidden
@@ -175,10 +178,42 @@ const getTools = (names) => {
     return names.map(tool => allTools.find(meta => meta.name === tool));
 };
 
+/**
+ * @hidden
+ */
+class ItemSelectableDirective {
+    constructor(selectionService) {
+        this.selectionService = selectionService;
+    }
+    get selectedClassName() {
+        return this.selectionService.isSelected(this.index);
+    }
+    onClick(event) {
+        event.stopPropagation();
+        this.selectionService.select(this.index);
+    }
+}
+ItemSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemSelectableDirective, deps: [{ token: ListBoxSelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+ItemSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: { index: "index" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemSelectableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoListBoxItemSelectable]'
+                }]
+        }], ctorParameters: function () { return [{ type: ListBoxSelectionService }]; }, propDecorators: { index: [{
+                type: Input
+            }], selectedClassName: [{
+                type: HostBinding,
+                args: ['class.k-selected']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
 /**
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
  */
-let ListBoxComponent = class ListBoxComponent {
+class ListBoxComponent {
     constructor(selectionService, renderer, hostElement) {
         this.selectionService = selectionService;
         this.renderer = renderer;
@@ -294,49 +329,50 @@ let ListBoxComponent = class ListBoxComponent {
             }
         });
     }
-};
-__decorate([
-    HostBinding('class.k-listbox'),
-    __metadata("design:type", Boolean)
-], ListBoxComponent.prototype, "listboxClassName", void 0);
-__decorate([
-    ContentChild(ItemTemplateDirective, { static: false }),
-    __metadata("design:type", ItemTemplateDirective)
-], ListBoxComponent.prototype, "itemTemplate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ListBoxComponent.prototype, "textField", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], ListBoxComponent.prototype, "data", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ListBoxComponent.prototype, "size", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], ListBoxComponent.prototype, "toolbar", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], ListBoxComponent.prototype, "itemDisabled", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ListBoxComponent.prototype, "selectionChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ListBoxComponent.prototype, "actionClick", void 0);
-ListBoxComponent = __decorate([
-    Component({
-        selector: 'kendo-listbox',
-        providers: [ListBoxSelectionService],
-        template: `
+}
+ListBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxComponent, deps: [{ token: ListBoxSelectionService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListBoxComponent, selector: "kendo-listbox", inputs: { textField: "textField", data: "data", size: "size", toolbar: "toolbar", itemDisabled: "itemDisabled" }, outputs: { selectionChange: "selectionChange", actionClick: "actionClick" }, host: { properties: { "class.k-listbox": "this.listboxClassName" } }, providers: [ListBoxSelectionService], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }], ngImport: i0, template: `
+            <div class="k-listbox-toolbar" *ngIf="selectedTools.length > 0">
+                <ul class="k-reset">
+                    <li *ngFor="let tool of selectedTools">
+                        <button kendoButton [icon]="tool.icon" (click)="performAction(tool.name)"></button>
+                    </li>
+
+                    <!-- react moving items has a smoother removal of the style: https://www.telerik.com/kendo-react-ui/components/listbox/ -->
+                </ul>
+            </div>
+            <div class="k-list-scroller k-selectable">
+                <div class="{{ listClasses }}">
+                    <div class="k-list-content">
+                        <ul class="k-list-ul">
+                            <li
+                                class="k-list-item"
+                                *ngFor="let item of data; let i = index;"
+                                kendoListBoxItemSelectable
+                                [index]="i"
+                                [class.k-disabled]="itemDisabled(item)"
+                            >
+                                <ng-template *ngIf="itemTemplate; else defaultItemTemplate"
+                                    [templateContext]="{
+                                        templateRef: itemTemplate.templateRef,
+                                        $implicit: item
+                                    }">
+                                </ng-template>
+                                <ng-template #defaultItemTemplate>
+                                    <span class="k-list-item-text">{{ getText(item) }}</span>
+                                </ng-template>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: ItemSelectableDirective, selector: "[kendoListBoxItemSelectable]", inputs: ["index"] }, { type: i3.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-listbox',
+                    providers: [ListBoxSelectionService],
+                    template: `
             <div class="k-listbox-toolbar" *ngIf="selectedTools.length > 0">
                 <ul class="k-reset">
                     <li *ngFor="let tool of selectedTools">
@@ -372,16 +408,33 @@ ListBoxComponent = __decorate([
                 </div>
             </div>
     `
-    }),
-    __metadata("design:paramtypes", [ListBoxSelectionService,
-        Renderer2,
-        ElementRef])
-], ListBoxComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: ListBoxSelectionService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { listboxClassName: [{
+                type: HostBinding,
+                args: ['class.k-listbox']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ItemTemplateDirective, { static: false }]
+            }], textField: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], toolbar: [{
+                type: Input
+            }], itemDisabled: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], actionClick: [{
+                type: Output
+            }] } });
 
 /**
  * A directive which manages the functoinality of the ListBox tools out of the box, and modifies the provided data accordingly.
  */
-let DataBindingDirective = class DataBindingDirective {
+class DataBindingDirective {
     constructor(listbox) {
         this.listbox = listbox;
         /**
@@ -492,74 +545,41 @@ let DataBindingDirective = class DataBindingDirective {
         target.selectItem(target.data.length - 1);
         this.selectedBox = target;
     }
-};
-__decorate([
-    Input('kendoListBoxDataBinding'),
-    __metadata("design:type", Array)
-], DataBindingDirective.prototype, "data", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", ListBoxComponent)
-], DataBindingDirective.prototype, "connectedWith", void 0);
-DataBindingDirective = __decorate([
-    Directive({
-        selector: '[kendoListBoxDataBinding]'
-    }),
-    __metadata("design:paramtypes", [ListBoxComponent])
-], DataBindingDirective);
-
-/**
- * @hidden
- */
-let ItemSelectableDirective = class ItemSelectableDirective {
-    constructor(selectionService) {
-        this.selectionService = selectionService;
-    }
-    get selectedClassName() {
-        return this.selectionService.isSelected(this.index);
-    }
-    onClick(event) {
-        event.stopPropagation();
-        this.selectionService.select(this.index);
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ItemSelectableDirective.prototype, "index", void 0);
-__decorate([
-    HostBinding('class.k-selected'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ItemSelectableDirective.prototype, "selectedClassName", null);
-__decorate([
-    HostListener('click', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], ItemSelectableDirective.prototype, "onClick", null);
-ItemSelectableDirective = __decorate([
-    Directive({
-        selector: '[kendoListBoxItemSelectable]'
-    }),
-    __metadata("design:paramtypes", [ListBoxSelectionService])
-], ItemSelectableDirective);
+}
+DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBindingDirective, deps: [{ token: ListBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
+DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DataBindingDirective, selector: "[kendoListBoxDataBinding]", inputs: { data: ["kendoListBoxDataBinding", "data"], connectedWith: "connectedWith" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoListBoxDataBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: ListBoxComponent }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ['kendoListBoxDataBinding']
+            }], connectedWith: [{
+                type: Input
+            }] } });
 
 /**
  * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
  */
-let ListBoxModule = class ListBoxModule {
-};
-ListBoxModule = __decorate([
-    NgModule({
-        imports: [ButtonsModule, CommonModule],
-        declarations: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective],
-        exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective]
-    })
-], ListBoxModule);
+class ListBoxModule {
+}
+ListBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ListBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, declarations: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective], imports: [ButtonsModule, CommonModule], exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective] });
+ListBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, imports: [[ButtonsModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ButtonsModule, CommonModule],
+                    declarations: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective],
+                    exports: [ListBoxComponent, ItemTemplateDirective, ItemSelectableDirective, DataBindingDirective]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ItemSelectableDirective, ItemTemplateDirective, ListBoxSelectionService, ListBoxComponent, DataBindingDirective, ListBoxModule };
+export { DataBindingDirective, ItemSelectableDirective, ItemTemplateDirective, ListBoxComponent, ListBoxModule };
+

package/{dist/es2015/item-selectable.directive.d.ts → item-selectable.directive.d.ts}

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ListBoxSelectionService } from './selection.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -10,6 +11,8 @@ export declare class ItemSelectableDirective {
     private selectionService;
     index: number;
     constructor(selectionService: ListBoxSelectionService);
-    readonly selectedClassName: boolean;
+    get selectedClassName(): boolean;
     onClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemSelectableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemSelectableDirective, "[kendoListBoxItemSelectable]", never, { "index": "index"; }, {}, never>;
 }

package/{dist/es2015/item-template.directive.d.ts → item-template.directive.d.ts}

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Renders the ListBox item content. To define the item template, nest an `<ng-template>` tag
  * with the `kendoListBoxItemTemplate` directive inside the `<kendo-listbox>` tag. The template context is
@@ -25,4 +26,6 @@ import { TemplateRef } from '@angular/core';
 export declare class ItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemTemplateDirective, "[kendoListBoxItemTemplate]", never, {}, {}, never>;
 }

package/{dist/es/toolbar.js → kendo-angular-listbox.d.ts}

@@ -2,3 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@progress/kendo-angular-listbox" />
+export * from './main';

package/{dist/es2015/listbox.component.d.ts → listbox.component.d.ts}

@@ -7,6 +7,7 @@ import { ListBoxSelectionEvent, ListBoxSelectionService } from './selection.serv
 import { ItemTemplateDirective } from './item-template.directive';
 import { ListBoxSize } from './size';
 import { ActionName, ListBoxToolbarConfig, Tool } from './toolbar';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
  */
@@ -42,7 +43,7 @@ export declare class ListBoxComponent implements OnDestroy {
     /**
      * Sets whether a toolbar should be displayed with the ListBox, as well as what tools and position should be used.
      */
-    toolbar: ListBoxToolbarConfig;
+    set toolbar(config: ListBoxToolbarConfig);
     /**
      * A function which determines if a specific item is disabled.
      */
@@ -58,7 +59,7 @@ export declare class ListBoxComponent implements OnDestroy {
     /**
      * @hidden
      */
-    readonly listClasses: string;
+    get listClasses(): string;
     /**
      * @hidden
      */
@@ -84,10 +85,12 @@ export declare class ListBoxComponent implements OnDestroy {
     /**
      * The index of the currently selected item in the ListBox.
      */
-    readonly selectedIndex: number;
+    get selectedIndex(): number;
     /**
      * @hidden
      */
     getText(dataItem: any): string;
     private setToolbarClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": "textField"; "data": "data"; "size": "size"; "toolbar": "toolbar"; "itemDisabled": "itemDisabled"; }, { "selectionChange": "selectionChange"; "actionClick": "actionClick"; }, ["itemTemplate"], never>;
 }

package/listbox.module.d.ts

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./listbox.component";
+import * as i2 from "./item-template.directive";
+import * as i3 from "./item-selectable.directive";
+import * as i4 from "./data-binding.directive";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@angular/common";
+/**
+ * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
+ */
+export declare class ListBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ListBoxModule, [typeof i1.ListBoxComponent, typeof i2.ItemTemplateDirective, typeof i3.ItemSelectableDirective, typeof i4.DataBindingDirective], [typeof i5.ButtonsModule, typeof i6.CommonModule], [typeof i1.ListBoxComponent, typeof i2.ItemTemplateDirective, typeof i3.ItemSelectableDirective, typeof i4.DataBindingDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ListBoxModule>;
+}

package/{dist/es2015/main.d.ts → main.d.ts}

@@ -3,8 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { ListBoxComponent } from './listbox.component';
-export { DataBindingDirective } from './data-binding.directive';
 export { ListBoxModule } from './listbox.module';
+export { DataBindingDirective } from './data-binding.directive';
+export { ItemTemplateDirective } from './item-template.directive';
+export { ItemSelectableDirective } from './item-selectable.directive';
 export { ListBoxSize } from './size';
 export { ActionName } from './toolbar';
 export { ListBoxToolbarPosition } from './toolbar';