theme-lib/esm5/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:
 */
var NbListComponent = /** @class */ (function () {
    function NbListComponent() {
        /*
           * 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',] }]
    };
    return NbListComponent;
}());
export { NbListComponent };
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.
 */
var NbListItemComponent = /** @class */ (function () {
    function NbListItemComponent() {
        /*
           * 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',] }]
    };
    return NbListItemComponent;
}());
export { NbListItemComponent };
if (false) {
    /** @type {?} */
    NbListItemComponent.prototype.role;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aGVtZS1saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFnQzlEO0lBQUE7Ozs7OztRQWFFLFNBQUksR0FBRyxNQUFNLENBQUM7SUFDaEIsQ0FBQzs7Z0JBZEEsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUUsbURBQWlEOztpQkFFNUQ7Ozt1QkFPRSxLQUFLLFlBQ0wsV0FBVyxTQUFDLFdBQVc7O0lBRTFCLHNCQUFDO0NBQUEsQUFkRCxJQWNDO1NBVFksZUFBZTs7O0lBTTFCLCtCQUVjOzs7Ozs7QUFPaEI7SUFBQTs7Ozs7O1FBYUUsU0FBSSxHQUFHLFVBQVUsQ0FBQztJQUNwQixDQUFDOztnQkFkQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSwyQkFBMkI7O2lCQUV0Qzs7O3VCQU9FLEtBQUssWUFDTCxXQUFXLFNBQUMsV0FBVzs7SUFFMUIsMEJBQUM7Q0FBQSxBQWRELElBY0M7U0FUWSxtQkFBbUI7OztJQU05QixtQ0FFa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLypcclxuICogTGlzdCBpcyBhIGNvbnRhaW5lciBjb21wb25lbnQgdGhhdCB3cmFwcyBgbmItbGlzdC1pdGVtYCBjb21wb25lbnQuXHJcbiAqXHJcbiAqIEJhc2ljIGV4YW1wbGU6XHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoU2ltcGxlIGxpc3QsIGxpc3Qvc2ltcGxlLWxpc3Qtc2hvd2Nhc2UuY29tcG9uZW50KVxyXG4gKlxyXG4gKiBgbmItbGlzdC1pdGVtYCBhY2NlcHRzIGFyYml0cmFyeSBjb250ZW50LCBzbyB5b3UgY2FuIGNyZWF0ZSBhIGxpc3Qgb2YgYW55IGNvbXBvbmVudHMuXHJcbiAqXHJcbiAqICMjIyBJbnN0YWxsYXRpb25cclxuICpcclxuICogSW1wb3J0IGBOYkxpc3RNb2R1bGVgIHRvIHlvdXIgZmVhdHVyZSBtb2R1bGUuXHJcbiAqIGBgYHRzXHJcbiAqIEBOZ01vZHVsZSh7XHJcbiAqICAgaW1wb3J0czogW1xyXG4gKiAgIFx0Ly8gLi4uXHJcbiAqICAgICBOYkxpc3RNb2R1bGUsXHJcbiAqICAgXSxcclxuICogfSlcclxuICogZXhwb3J0IGNsYXNzIFBhZ2VNb2R1bGUgeyB9XHJcbiAqIGBgYFxyXG4gKiAjIyMgVXNhZ2VcclxuICpcclxuICogTGlzdCBvZiB1c2VyczpcclxuICogQHN0YWNrZWQtZXhhbXBsZShVc2VycyBsaXN0LCBsaXN0L3VzZXJzLWxpc3Qtc2hvd2Nhc2UuY29tcG9uZW50KVxyXG4gKlxyXG4gKiBAc3R5bGVzXHJcbiAqXHJcbiAqIGxpc3QtaXRlbS1ib3JkZXItY29sb3I6XHJcbiAqIGxpc3QtaXRlbS1wYWRkaW5nOlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYi1saXN0JyxcclxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IHNlbGVjdD1cIm5iLWxpc3QtaXRlbVwiPjwvbmctY29udGVudD5gLFxyXG4gIHN0eWxlVXJsczogWyAnLi9saXN0LmNvbXBvbmVudC5zY3NzJyBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJMaXN0Q29tcG9uZW50IHtcclxuICAvKlxyXG4gICAqIFJvbGUgYXR0cmlidXRlIHZhbHVlXHJcbiAgICpcclxuICAgKiBAdHlwZSB7c3RyaW5nfVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxyXG4gIHJvbGUgPSAnbGlzdCc7XHJcbn1cclxuXHJcbi8qXHJcbiAqIExpc3QgaXRlbSBjb21wb25lbnQgaXMgYSBncm91cGluZyBjb21wb25lbnQgdGhhdCBhY2NlcHRzIGFyYml0cmFyeSBjb250ZW50LlxyXG4gKiBJdCBzaG91bGQgYmUgZGlyZWN0IGNoaWxkIG9mIGBuYi1saXN0YCBjb21wb25ldC5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmItbGlzdC1pdGVtJyxcclxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxyXG4gIHN0eWxlVXJsczogWyAnbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJyBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJMaXN0SXRlbUNvbXBvbmVudCB7XHJcbiAgLypcclxuICAgKiBSb2xlIGF0dHJpYnV0ZSB2YWx1ZVxyXG4gICAqXHJcbiAgICogQHR5cGUge3N0cmluZ31cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcclxuICByb2xlID0gJ2xpc3RpdGVtJztcclxufVxyXG4iXX0=