theme-lib
Version:
This is a simple example Angular Library published to npm.
111 lines • 9.13 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, Input } from '@angular/core';
/*
* Progress Bar is a component for indicating progress.
*
* Simple usage:
*
* ```html
* <nb-progress-bar [value]="50"></nb-progress-bar>
* ```
* ### Installation
*
* Import `NbProgressBarModule` to your feature module.
* ```ts
* @NgModule({
* imports: [
* // ...
* NbProgressBarModule,
* ],
* })
* export class PageModule { }
* ```
* ### Usage
*
* Progress bar accepts property `value` in range 0-100
* @stacked-example(Progress bar, progress-bar/progress-bar-showcase.component)
*
* Progress bar background could be configured by providing a `status` property:
* @stacked-example(Progress bar status, progress-bar/progress-bar-status.component)
*
* Progress bar size (height and font-size) could be configured by providing a `size` property:
* @stacked-example(Progress bar size, progress-bar/progress-bar-size.component)
*
* `displayValue` property shows current value inside progress bar. It's also possible to add custom text inside:
* @stacked-example(Progress bar value, progress-bar/progress-bar-value.component)
*
* Progress bar supports `width` and `background-color` transition:
* @stacked-example(Progress bar interactive, progress-bar/progress-bar-interactive.component)
*
* @styles
*
* progress-bar-height-xlg:
* progress-bar-height-lg:
* progress-bar-height:
* progress-bar-height-sm:
* progress-bar-height-xs:
* progress-bar-font-size-xlg:
* progress-bar-font-size-lg:
* progress-bar-font-size:
* progress-bar-font-size-sm:
* progress-bar-font-size-xs:
* progress-bar-radius:
* progress-bar-bg-color:
* progress-bar-font-color:
* progress-bar-font-weight:
* progress-bar-default-bg-color:
* progress-bar-primary-bg-color:
* progress-bar-success-bg-color:
* progress-bar-info-bg-color:
* progress-bar-warning-bg-color:
* progress-bar-danger-bg-color:
*/
var NbProgressBarComponent = /** @class */ (function () {
function NbProgressBarComponent() {
/*
* Progress bar value in percent (0 - 100)
* @type {number}
* @private
*/
this.value = 0;
/*
* Displays value inside progress bar
* @param {string} val
*/
this.displayValue = false;
}
NbProgressBarComponent.decorators = [
{ type: Component, args: [{
selector: 'nb-progress-bar',
template: "\n <div class=\"progress-container {{ size ? '' + size : '' }}\">\n <div class=\"progress-value {{ status ? '' + status : '' }}\" [style.width.%]=\"value\">\n <span *ngIf=\"displayValue\">{{ value }}%</span>\n <ng-content></ng-content>\n </div>\n </div>\n ",
styles: [":host{display:block}.progress-container{overflow:hidden}.progress-value{height:100%;text-align:center;overflow:hidden}"]
}] }
];
NbProgressBarComponent.propDecorators = {
value: [{ type: Input }],
status: [{ type: Input }],
size: [{ type: Input }],
displayValue: [{ type: Input }]
};
return NbProgressBarComponent;
}());
export { NbProgressBarComponent };
if (false) {
/** @type {?} */
NbProgressBarComponent.prototype.value;
/** @type {?} */
NbProgressBarComponent.prototype.status;
/** @type {?} */
NbProgressBarComponent.prototype.size;
/** @type {?} */
NbProgressBarComponent.prototype.displayValue;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3RoZW1lLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQU1BLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBOERqRDtJQUFBOzs7Ozs7UUFtQlcsVUFBSyxHQUFXLENBQUMsQ0FBQzs7Ozs7UUFrQmxCLGlCQUFZLEdBQVksS0FBSyxDQUFDO0lBRXpDLENBQUM7O2dCQXZDQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFFM0IsUUFBUSxFQUFFLGlTQU9UOztpQkFDRjs7O3dCQVFFLEtBQUs7eUJBTUwsS0FBSzt1QkFNTCxLQUFLOytCQU1MLEtBQUs7O0lBRVIsNkJBQUM7Q0FBQSxBQXZDRCxJQXVDQztTQTNCWSxzQkFBc0I7OztJQU9qQyx1Q0FBMkI7O0lBTTNCLHdDQUF3Qjs7SUFNeEIsc0NBQXNCOztJQU10Qiw4Q0FBdUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgQWt2ZW8uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXHJcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIExpY2Vuc2UudHh0IGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGxpY2Vuc2UgaW5mb3JtYXRpb24uXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLypcclxuICogUHJvZ3Jlc3MgQmFyIGlzIGEgY29tcG9uZW50IGZvciBpbmRpY2F0aW5nIHByb2dyZXNzLlxyXG4gKlxyXG4gKiBTaW1wbGUgdXNhZ2U6XHJcbiAqXHJcbiAqIGBgYGh0bWxcclxuICogPG5iLXByb2dyZXNzLWJhciBbdmFsdWVdPVwiNTBcIj48L25iLXByb2dyZXNzLWJhcj5cclxuICogYGBgXHJcbiAqICMjIyBJbnN0YWxsYXRpb25cclxuICpcclxuICogSW1wb3J0IGBOYlByb2dyZXNzQmFyTW9kdWxlYCB0byB5b3VyIGZlYXR1cmUgbW9kdWxlLlxyXG4gKiBgYGB0c1xyXG4gKiBATmdNb2R1bGUoe1xyXG4gKiAgIGltcG9ydHM6IFtcclxuICogICBcdC8vIC4uLlxyXG4gKiAgICAgTmJQcm9ncmVzc0Jhck1vZHVsZSxcclxuICogICBdLFxyXG4gKiB9KVxyXG4gKiBleHBvcnQgY2xhc3MgUGFnZU1vZHVsZSB7IH1cclxuICogYGBgXHJcbiAqICMjIyBVc2FnZVxyXG4gKlxyXG4gKiBQcm9ncmVzcyBiYXIgYWNjZXB0cyBwcm9wZXJ0eSBgdmFsdWVgIGluIHJhbmdlIDAtMTAwXHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoUHJvZ3Jlc3MgYmFyLCBwcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLXNob3djYXNlLmNvbXBvbmVudClcclxuICpcclxuICogUHJvZ3Jlc3MgYmFyIGJhY2tncm91bmQgY291bGQgYmUgY29uZmlndXJlZCBieSBwcm92aWRpbmcgYSBgc3RhdHVzYCBwcm9wZXJ0eTpcclxuICogQHN0YWNrZWQtZXhhbXBsZShQcm9ncmVzcyBiYXIgc3RhdHVzLCBwcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLXN0YXR1cy5jb21wb25lbnQpXHJcbiAqXHJcbiAqIFByb2dyZXNzIGJhciBzaXplIChoZWlnaHQgYW5kIGZvbnQtc2l6ZSkgY291bGQgYmUgY29uZmlndXJlZCBieSBwcm92aWRpbmcgYSBgc2l6ZWAgcHJvcGVydHk6XHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoUHJvZ3Jlc3MgYmFyIHNpemUsIHByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXItc2l6ZS5jb21wb25lbnQpXHJcbiAqXHJcbiAqIGBkaXNwbGF5VmFsdWVgIHByb3BlcnR5IHNob3dzIGN1cnJlbnQgdmFsdWUgaW5zaWRlIHByb2dyZXNzIGJhci4gSXQncyBhbHNvIHBvc3NpYmxlIHRvIGFkZCBjdXN0b20gdGV4dCBpbnNpZGU6XHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoUHJvZ3Jlc3MgYmFyIHZhbHVlLCBwcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLXZhbHVlLmNvbXBvbmVudClcclxuICpcclxuICogUHJvZ3Jlc3MgYmFyIHN1cHBvcnRzIGB3aWR0aGAgYW5kIGBiYWNrZ3JvdW5kLWNvbG9yYCB0cmFuc2l0aW9uOlxyXG4gKiBAc3RhY2tlZC1leGFtcGxlKFByb2dyZXNzIGJhciBpbnRlcmFjdGl2ZSwgcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci1pbnRlcmFjdGl2ZS5jb21wb25lbnQpXHJcbiAqXHJcbiAqIEBzdHlsZXNcclxuICpcclxuICogcHJvZ3Jlc3MtYmFyLWhlaWdodC14bGc6XHJcbiAqIHByb2dyZXNzLWJhci1oZWlnaHQtbGc6XHJcbiAqIHByb2dyZXNzLWJhci1oZWlnaHQ6XHJcbiAqIHByb2dyZXNzLWJhci1oZWlnaHQtc206XHJcbiAqIHByb2dyZXNzLWJhci1oZWlnaHQteHM6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXNpemUteGxnOlxyXG4gKiBwcm9ncmVzcy1iYXItZm9udC1zaXplLWxnOlxyXG4gKiBwcm9ncmVzcy1iYXItZm9udC1zaXplOlxyXG4gKiBwcm9ncmVzcy1iYXItZm9udC1zaXplLXNtOlxyXG4gKiBwcm9ncmVzcy1iYXItZm9udC1zaXplLXhzOlxyXG4gKiBwcm9ncmVzcy1iYXItcmFkaXVzOlxyXG4gKiBwcm9ncmVzcy1iYXItYmctY29sb3I6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LWNvbG9yOlxyXG4gKiBwcm9ncmVzcy1iYXItZm9udC13ZWlnaHQ6XHJcbiAqIHByb2dyZXNzLWJhci1kZWZhdWx0LWJnLWNvbG9yOlxyXG4gKiBwcm9ncmVzcy1iYXItcHJpbWFyeS1iZy1jb2xvcjpcclxuICogcHJvZ3Jlc3MtYmFyLXN1Y2Nlc3MtYmctY29sb3I6XHJcbiAqIHByb2dyZXNzLWJhci1pbmZvLWJnLWNvbG9yOlxyXG4gKiBwcm9ncmVzcy1iYXItd2FybmluZy1iZy1jb2xvcjpcclxuICogcHJvZ3Jlc3MtYmFyLWRhbmdlci1iZy1jb2xvcjpcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmItcHJvZ3Jlc3MtYmFyJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWNvbnRhaW5lciB7eyBzaXplID8gJycgKyBzaXplIDogJycgfX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLXZhbHVlIHt7IHN0YXR1cyA/ICcnICsgc3RhdHVzIDogJycgfX1cIiBbc3R5bGUud2lkdGguJV09XCJ2YWx1ZVwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZGlzcGxheVZhbHVlXCI+e3sgdmFsdWUgfX0lPC9zcGFuPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmJQcm9ncmVzc0JhckNvbXBvbmVudCB7XHJcblxyXG4gIC8qXHJcbiAgICogUHJvZ3Jlc3MgYmFyIHZhbHVlIGluIHBlcmNlbnQgKDAgLSAxMDApXHJcbiAgICogQHR5cGUge251bWJlcn1cclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHZhbHVlOiBudW1iZXIgPSAwO1xyXG5cclxuICAvKlxyXG4gICAqIFByb2dyZXNzIGJhciBiYWNrZ3JvdW5kIChwcmltYXJ5LCBpbmZvIHN1Y2Nlc3MsIHdhcm5pbmcsIGRhbmdlcilcclxuICAgKiBAcGFyYW0ge3N0cmluZ30gdmFsXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3RhdHVzOiBzdHJpbmc7XHJcblxyXG4gIC8qXHJcbiAgICogUHJvZ3Jlc3MgYmFyIHNpemUgKHhzLCBzbSwgbGcsIHhsZylcclxuICAgKiBAcGFyYW0ge3N0cmluZ30gdmFsXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xyXG5cclxuICAvKlxyXG4gICAqIERpc3BsYXlzIHZhbHVlIGluc2lkZSBwcm9ncmVzcyBiYXJcclxuICAgKiBAcGFyYW0ge3N0cmluZ30gdmFsXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGlzcGxheVZhbHVlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG59XHJcbiJdfQ==