@progress/kendo-angular-listview 3.0.2 → 4.0.0-next.202204010900

package/{dist/es2015 → esm2015}/editing/edit-template.directive.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the edit template of the ListView ([see example]({% slug editing_template_forms_listview %})).
  * Helps to customize the content of the edited items. To define the template, nest an `<ng-template>`
@@ -16,16 +16,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  * - `dataItem`&mdash;The current data item.
  * - `isNew`&mdash;The state of the current item.
  */
-let EditTemplateDirective = class EditTemplateDirective {
+export class EditTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-EditTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoListViewEditTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], EditTemplateDirective);
-export { EditTemplateDirective };
+}
+EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditTemplateDirective, selector: "[kendoListViewEditTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoListViewEditTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/editing/edit.service.js

@@ -2,31 +2,28 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable, EventEmitter, NgZone } from '@angular/core';
+import { Injectable, EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { isPresent } from '../utils';
 import { Subject } from 'rxjs';
 import { switchMap, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 const isEqual = (index) => (item) => item.index === index;
-const ɵ0 = isEqual;
 /**
  * @hidden
  */
 const isNotEqual = (index) => (item) => item.index !== index;
-const ɵ1 = isNotEqual;
 /**
  * @hidden
  */
 const isNewItem = (index) => index === -1 || index === undefined;
-const ɵ2 = isNewItem;
 /**
  * @hidden
  */
-let EditService = class EditService {
+export class EditService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         this.changes = new EventEmitter();
@@ -111,10 +108,9 @@ let EditService = class EditService {
             this.changedSource.next();
         });
     }
-};
-EditService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [NgZone])
-], EditService);
-export { EditService };
-export { ɵ0, ɵ1, ɵ2 };
+}
+EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{dist/es → esm2015}/editing/events/add-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/editing/events/cancel-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/editing/events/edit-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/editing/events/remove-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/editing/events/save-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es/editing/events/remove-event-args.interface.js → esm2015/kendo-angular-listview.js}

@@ -2,3 +2,7 @@
 * 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.
+ */
+export * from './main';

package/{dist/es2015 → esm2015}/listview.component.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, HostBinding, Input, Output, ContentChild, ChangeDetectionStrategy, EventEmitter, NgZone, Renderer2, ElementRef, ViewChild, ViewChildren, QueryList } from '@angular/core';
+import { Component, HostBinding, Input, Output, ContentChild, ChangeDetectionStrategy, EventEmitter, ViewChild, ViewChildren } from '@angular/core';
 import { hasObservers, isChanged } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
@@ -18,6 +17,13 @@ import { EditTemplateDirective } from './editing/edit-template.directive';
 import { EditService } from './editing/edit.service';
 import { isPresent } from './utils';
 import { FormGroup, FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "./editing/edit.service";
+import * as i2 from "./navigation/navigation.service";
+import * as i3 from "@progress/kendo-angular-pager";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "./navigation/listview-navigable-item.directive";
 const DEFAULT_PAGER_SETTINGS = {
     position: 'bottom',
     buttonCount: 5,
@@ -30,11 +36,10 @@ const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
 };
-const ɵ0 = createControl;
 /**
  * Represents the Kendo UI ListView component for Angular.
  */
-let ListViewComponent = class ListViewComponent {
+export class ListViewComponent {
     constructor(ngZone, element, renderer, editService, navigationService) {
         this.ngZone = ngZone;
         this.element = element;
@@ -350,148 +355,160 @@ let ListViewComponent = class ListViewComponent {
         });
         this[action].emit(args);
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-listview'),
-    HostBinding('class.k-listview-bordered'),
-    HostBinding('class.k-d-flex'),
-    tslib_1.__metadata("design:type", Boolean)
-], ListViewComponent.prototype, "className", void 0);
-tslib_1.__decorate([
-    ContentChild(ItemTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", ItemTemplateDirective)
-], ListViewComponent.prototype, "itemTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(HeaderTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", HeaderTemplateDirective)
-], ListViewComponent.prototype, "headerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(FooterTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", FooterTemplateDirective)
-], ListViewComponent.prototype, "footerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(LoaderTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", LoaderTemplateDirective)
-], ListViewComponent.prototype, "loaderTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('contentContainer', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ListViewComponent.prototype, "contentContainer", void 0);
-tslib_1.__decorate([
-    ContentChild(EditTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", EditTemplateDirective)
-], ListViewComponent.prototype, "editTemplate", void 0);
-tslib_1.__decorate([
-    ViewChildren(ListViewNavigableItemDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], ListViewComponent.prototype, "listViewItems", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListViewComponent.prototype, "data", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ListViewComponent.prototype, "loading", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListViewComponent.prototype, "containerStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListViewComponent.prototype, "itemStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListViewComponent.prototype, "containerClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ListViewComponent.prototype, "itemClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListViewComponent.prototype, "containerLabel", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListViewComponent.prototype, "containerRole", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ListViewComponent.prototype, "listItemRole", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ListViewComponent.prototype, "navigable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ListViewComponent.prototype, "pageSize", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], ListViewComponent.prototype, "skip", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], ListViewComponent.prototype, "pageable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ListViewComponent.prototype, "height", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "scrollBottom", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "pageChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "pageSizeChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "edit", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "cancel", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "save", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "remove", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ListViewComponent.prototype, "add", void 0);
-ListViewComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendoListView',
-        selector: 'kendo-listview',
-        providers: [
-            EditService,
-            NavigationService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.listview'
-            }
-        ],
-        template: `
+}
+ListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.EditService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+ListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListViewComponent, selector: "kendo-listview", inputs: { data: "data", loading: "loading", containerStyle: "containerStyle", itemStyle: "itemStyle", containerClass: "containerClass", itemClass: "itemClass", containerLabel: "containerLabel", containerRole: "containerRole", listItemRole: "listItemRole", navigable: "navigable", pageSize: "pageSize", skip: "skip", pageable: "pageable", height: "height" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add" }, host: { properties: { "class.k-widget": "this.className", "class.k-listview": "this.className", "class.k-listview-bordered": "this.className", "class.k-d-flex": "this.className" } }, providers: [
+        EditService,
+        NavigationService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.listview'
+        }
+    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "loaderTemplate", first: true, predicate: LoaderTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, static: true }, { propertyName: "listViewItems", predicate: ListViewNavigableItemDirective, descendants: true }], exportAs: ["kendoListView"], usesOnChanges: true, ngImport: i0, template: `
+        <!-- top pager -->
+        <ng-template
+            *ngIf="pagerSettings?.position !== 'bottom'"
+            [ngTemplateOutlet]="pagerTemplate"
+            [ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager k-listview-pager-top' }"
+        >
+        </ng-template>
+
+        <!-- header -->
+        <div
+            *ngIf="headerTemplate"
+            class="k-listview-header"
+        >
+            <ng-template
+                [ngTemplateOutlet]="headerTemplate?.templateRef"
+            >
+            </ng-template>
+        </div>
+
+        <!-- content -->
+        <div
+            #contentContainer
+            [attr.tabindex]="containerTabindex"
+            class="k-listview-content"
+            [ngClass]="containerClass"
+            [ngStyle]="containerStyle"
+            [kendoEventsOutsideAngular]="{
+                scroll: handleContentScroll
+            }"
+            [scope]="this"
+            [attr.role]="containerRole"
+            [attr.aria-label]="containerLabel"
+        >
+            <!-- new item edit template -->
+            <div
+                *ngIf="editService.hasNewItem"
+                class="k-listview-item"
+                [attr.role]="listItemRole"
+                kendoListViewNavigableItem
+                [index]="-1"
+                [attr.data-kendo-listview-item-index]="-1"
+                [ngClass]="itemClass"
+                [ngStyle]="itemStyle"
+            >
+                <ng-template
+                    *ngIf="editTemplate"
+                    [ngTemplateOutlet]="editTemplate?.templateRef"
+                    [ngTemplateOutletContext]="editTemplateContext(-1)"
+                >
+                </ng-template>
+            </div>
+
+            <!-- items -->
+            <div
+                *ngFor="let dataItem of items; let index = index; let first = first; let last = last;"
+                class="k-listview-item"
+                [attr.role]="listItemRole"
+                [attr.aria-posinset]="itemPosInSet(index)"
+                [attr.aria-setsize]="total"
+                kendoListViewNavigableItem
+                [index]="index"
+                [attr.data-kendo-listview-item-index]="index"
+                [ngClass]="itemClass"
+                [ngStyle]="itemStyle"
+            >
+                <ng-template
+                    [ngTemplateOutlet]="isEdited(index) ? editTemplate?.templateRef : itemTemplate?.templateRef"
+                    [ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"
+                >
+                </ng-template>
+            </div>
+
+            <!-- loading indicator -->
+            <div
+                *ngIf="loading && !loaderTemplate"
+                class="k-loading-mask"
+            >
+                <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
+                <span class="k-loading-text">Loading</span>
+                <div class="k-loading-image"></div>
+                <div class="k-loading-color"></div>
+            </div>
+            <ng-template
+                *ngIf="loading && loaderTemplate"
+                [ngTemplateOutlet]="loaderTemplate.templateRef"
+            >
+            </ng-template>
+        </div>
+
+        <!-- footer -->
+        <div
+            *ngIf="footerTemplate"
+            class="k-listview-footer"
+        >
+            <ng-template
+                [ngTemplateOutlet]="footerTemplate?.templateRef"
+            >
+            </ng-template>
+        </div>
+
+        <!-- bottom pager -->
+        <ng-template
+            *ngIf="pagerSettings?.position !== 'top'"
+            [ngTemplateOutlet]="pagerTemplate"
+            [ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager' }"
+        >
+        </ng-template>
+
+        <!-- pager template -->
+        <ng-template #pagerTemplate let-pagerClass="pagerClass">
+            <kendo-datapager
+                *ngIf="pageable"
+                [class]="pagerClass"
+                [total]="total"
+                [pageSize]="pageSize"
+                [skip]="skip"
+                [buttonCount]="pagerSettings.buttonCount"
+                [info]="pagerSettings.info"
+                [previousNext]="pagerSettings.previousNext"
+                [type]="pagerSettings.type"
+                [pageSizeValues]="pagerSettings.pageSizeValues"
+                (pageChange)="handlePageChange($event)"
+                (pageSizeChange)="pageSizeChange.emit($event)"
+            >
+            </kendo-datapager>
+        </ng-template>
+    `, isInline: true, components: [{ type: i3.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i6.ListViewNavigableItemDirective, selector: "[kendoListViewNavigableItem]", inputs: ["index"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoListView',
+                    selector: 'kendo-listview',
+                    providers: [
+                        EditService,
+                        NavigationService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.listview'
+                        }
+                    ],
+                    template: `
         <!-- top pager -->
         <ng-template
             *ngIf="pagerSettings?.position !== 'bottom'"
@@ -619,12 +636,82 @@ ListViewComponent = tslib_1.__decorate([
             </kendo-datapager>
         </ng-template>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [NgZone,
-        ElementRef,
-        Renderer2,
-        EditService,
-        NavigationService])
-], ListViewComponent);
-export { ListViewComponent };
-export { ɵ0 };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.EditService }, { type: i2.NavigationService }]; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-listview']
+            }, {
+                type: HostBinding,
+                args: ['class.k-listview-bordered']
+            }, {
+                type: HostBinding,
+                args: ['class.k-d-flex']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ItemTemplateDirective, { static: false }]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [HeaderTemplateDirective, { static: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [FooterTemplateDirective, { static: false }]
+            }], loaderTemplate: [{
+                type: ContentChild,
+                args: [LoaderTemplateDirective, { static: false }]
+            }], contentContainer: [{
+                type: ViewChild,
+                args: ['contentContainer', { static: true }]
+            }], editTemplate: [{
+                type: ContentChild,
+                args: [EditTemplateDirective, { static: false }]
+            }], listViewItems: [{
+                type: ViewChildren,
+                args: [ListViewNavigableItemDirective]
+            }], data: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], containerStyle: [{
+                type: Input
+            }], itemStyle: [{
+                type: Input
+            }], containerClass: [{
+                type: Input
+            }], itemClass: [{
+                type: Input
+            }], containerLabel: [{
+                type: Input
+            }], containerRole: [{
+                type: Input
+            }], listItemRole: [{
+                type: Input
+            }], navigable: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], skip: [{
+                type: Input
+            }], pageable: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], scrollBottom: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }], add: [{
+                type: Output
+            }] } });