theme-lib/esm2015/lib/components/list/list.component.js

This is a simple example Angular Library published to npm.

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, HostBinding } from '@angular/core';
/*
 * List is a container component that wraps `nb-list-item` component.
 *
 * Basic example:
 * @stacked-example(Simple list, list/simple-list-showcase.component)
 *
 * `nb-list-item` accepts arbitrary content, so you can create a list of any components.
 *
 * ### Installation
 *
 * Import `NbListModule` to your feature module.
 * ```ts
 * @NgModule({
 *   imports: [
 *   	// ...
 *     NbListModule,
 *   ],
 * })
 * export class PageModule { }
 * ```
 * ### Usage
 *
 * List of users:
 * @stacked-example(Users list, list/users-list-showcase.component)
 *
 * @styles
 *
 * list-item-border-color:
 * list-item-padding:
 */
export class NbListComponent {
    constructor() {
        /*
           * Role attribute value
           *
           * @type {string}
           */
        this.role = 'list';
    }
}
NbListComponent.decorators = [
    { type: Component, args: [{
                selector: 'nb-list',
                template: `<ng-content select="nb-list-item"></ng-content>`,
                styles: [":host{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto}"]
            }] }
];
NbListComponent.propDecorators = {
    role: [{ type: Input }, { type: HostBinding, args: ['attr.role',] }]
};
if (false) {
    /** @type {?} */
    NbListComponent.prototype.role;
}
/*
 * List item component is a grouping component that accepts arbitrary content.
 * It should be direct child of `nb-list` componet.
 */
export class NbListItemComponent {
    constructor() {
        /*
           * Role attribute value
           *
           * @type {string}
           */
        this.role = 'listitem';
    }
}
NbListItemComponent.decorators = [
    { type: Component, args: [{
                selector: 'nb-list-item',
                template: `<ng-content></ng-content>`,
                styles: [":host{flex-shrink:0}"]
            }] }
];
NbListItemComponent.propDecorators = {
    role: [{ type: Input }, { type: HostBinding, args: ['attr.role',] }]
};
if (false) {
    /** @type {?} */
    NbListItemComponent.prototype.role;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aGVtZS1saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxQzlELE1BQU0sT0FBTyxlQUFlO0lBTDVCOzs7Ozs7UUFhRSxTQUFJLEdBQUcsTUFBTSxDQUFDO0lBQ2hCLENBQUM7OztZQWRBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsU0FBUztnQkFDbkIsUUFBUSxFQUFFLGlEQUFpRDs7YUFFNUQ7OzttQkFPRSxLQUFLLFlBQ0wsV0FBVyxTQUFDLFdBQVc7Ozs7SUFEeEIsK0JBRWM7Ozs7OztBQVloQixNQUFNLE9BQU8sbUJBQW1CO0lBTGhDOzs7Ozs7UUFhRSxTQUFJLEdBQUcsVUFBVSxDQUFDO0lBQ3BCLENBQUM7OztZQWRBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsUUFBUSxFQUFFLDJCQUEyQjs7YUFFdEM7OzttQkFPRSxLQUFLLFlBQ0wsV0FBVyxTQUFDLFdBQVc7Ozs7SUFEeEIsbUNBRWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qXHJcbiAqIExpc3QgaXMgYSBjb250YWluZXIgY29tcG9uZW50IHRoYXQgd3JhcHMgYG5iLWxpc3QtaXRlbWAgY29tcG9uZW50LlxyXG4gKlxyXG4gKiBCYXNpYyBleGFtcGxlOlxyXG4gKiBAc3RhY2tlZC1leGFtcGxlKFNpbXBsZSBsaXN0LCBsaXN0L3NpbXBsZS1saXN0LXNob3djYXNlLmNvbXBvbmVudClcclxuICpcclxuICogYG5iLWxpc3QtaXRlbWAgYWNjZXB0cyBhcmJpdHJhcnkgY29udGVudCwgc28geW91IGNhbiBjcmVhdGUgYSBsaXN0IG9mIGFueSBjb21wb25lbnRzLlxyXG4gKlxyXG4gKiAjIyMgSW5zdGFsbGF0aW9uXHJcbiAqXHJcbiAqIEltcG9ydCBgTmJMaXN0TW9kdWxlYCB0byB5b3VyIGZlYXR1cmUgbW9kdWxlLlxyXG4gKiBgYGB0c1xyXG4gKiBATmdNb2R1bGUoe1xyXG4gKiAgIGltcG9ydHM6IFtcclxuICogICBcdC8vIC4uLlxyXG4gKiAgICAgTmJMaXN0TW9kdWxlLFxyXG4gKiAgIF0sXHJcbiAqIH0pXHJcbiAqIGV4cG9ydCBjbGFzcyBQYWdlTW9kdWxlIHsgfVxyXG4gKiBgYGBcclxuICogIyMjIFVzYWdlXHJcbiAqXHJcbiAqIExpc3Qgb2YgdXNlcnM6XHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoVXNlcnMgbGlzdCwgbGlzdC91c2Vycy1saXN0LXNob3djYXNlLmNvbXBvbmVudClcclxuICpcclxuICogQHN0eWxlc1xyXG4gKlxyXG4gKiBsaXN0LWl0ZW0tYm9yZGVyLWNvbG9yOlxyXG4gKiBsaXN0LWl0ZW0tcGFkZGluZzpcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmItbGlzdCcsXHJcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudCBzZWxlY3Q9XCJuYi1saXN0LWl0ZW1cIj48L25nLWNvbnRlbnQ+YCxcclxuICBzdHlsZVVybHM6IFsgJy4vbGlzdC5jb21wb25lbnQuc2NzcycgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5iTGlzdENvbXBvbmVudCB7XHJcbiAgLypcclxuICAgKiBSb2xlIGF0dHJpYnV0ZSB2YWx1ZVxyXG4gICAqXHJcbiAgICogQHR5cGUge3N0cmluZ31cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcclxuICByb2xlID0gJ2xpc3QnO1xyXG59XHJcblxyXG4vKlxyXG4gKiBMaXN0IGl0ZW0gY29tcG9uZW50IGlzIGEgZ3JvdXBpbmcgY29tcG9uZW50IHRoYXQgYWNjZXB0cyBhcmJpdHJhcnkgY29udGVudC5cclxuICogSXQgc2hvdWxkIGJlIGRpcmVjdCBjaGlsZCBvZiBgbmItbGlzdGAgY29tcG9uZXQuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25iLWxpc3QtaXRlbScsXHJcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcclxuICBzdHlsZVVybHM6IFsgJ2xpc3QtaXRlbS5jb21wb25lbnQuc2NzcycgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5iTGlzdEl0ZW1Db21wb25lbnQge1xyXG4gIC8qXHJcbiAgICogUm9sZSBhdHRyaWJ1dGUgdmFsdWVcclxuICAgKlxyXG4gICAqIEB0eXBlIHtzdHJpbmd9XHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXHJcbiAgcm9sZSA9ICdsaXN0aXRlbSc7XHJcbn1cclxuIl19