theme-lib/esm2015/lib/components/progress-bar/progress-bar.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
 */
/*
 * @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:
 */
export class NbProgressBarComponent {
    constructor() {
        /*
           * 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: `
    <div class="progress-container {{ size ? '' + size : '' }}">
      <div class="progress-value {{ status ? '' + status : '' }}" [style.width.%]="value">
        <span *ngIf="displayValue">{{ value }}%</span>
        <ng-content></ng-content>
      </div>
    </div>
  `,
                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 }]
};
if (false) {
    /** @type {?} */
    NbProgressBarComponent.prototype.value;
    /** @type {?} */
    NbProgressBarComponent.prototype.status;
    /** @type {?} */
    NbProgressBarComponent.prototype.size;
    /** @type {?} */
    NbProgressBarComponent.prototype.displayValue;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3RoZW1lLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQU1BLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBMEVqRCxNQUFNLE9BQU8sc0JBQXNCO0lBWm5DOzs7Ozs7UUFtQlcsVUFBSyxHQUFXLENBQUMsQ0FBQzs7Ozs7UUFrQmxCLGlCQUFZLEdBQVksS0FBSyxDQUFDO0lBRXpDLENBQUM7OztZQXZDQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFFM0IsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7O2FBQ0Y7OztvQkFRRSxLQUFLO3FCQU1MLEtBQUs7bUJBTUwsS0FBSzsyQkFNTCxLQUFLOzs7O0lBbEJOLHVDQUEyQjs7SUFNM0Isd0NBQXdCOztJQU14QixzQ0FBc0I7O0lBTXRCLDhDQUF1QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIEBsaWNlbnNlXHJcbiAqIENvcHlyaWdodCBBa3Zlby4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cclxuICogTGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgTGljZW5zZS50eHQgaW4gdGhlIHByb2plY3Qgcm9vdCBmb3IgbGljZW5zZSBpbmZvcm1hdGlvbi5cclxuICovXHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKlxyXG4gKiBQcm9ncmVzcyBCYXIgaXMgYSBjb21wb25lbnQgZm9yIGluZGljYXRpbmcgcHJvZ3Jlc3MuXHJcbiAqXHJcbiAqIFNpbXBsZSB1c2FnZTpcclxuICpcclxuICogYGBgaHRtbFxyXG4gKiA8bmItcHJvZ3Jlc3MtYmFyIFt2YWx1ZV09XCI1MFwiPjwvbmItcHJvZ3Jlc3MtYmFyPlxyXG4gKiBgYGBcclxuICogIyMjIEluc3RhbGxhdGlvblxyXG4gKlxyXG4gKiBJbXBvcnQgYE5iUHJvZ3Jlc3NCYXJNb2R1bGVgIHRvIHlvdXIgZmVhdHVyZSBtb2R1bGUuXHJcbiAqIGBgYHRzXHJcbiAqIEBOZ01vZHVsZSh7XHJcbiAqICAgaW1wb3J0czogW1xyXG4gKiAgIFx0Ly8gLi4uXHJcbiAqICAgICBOYlByb2dyZXNzQmFyTW9kdWxlLFxyXG4gKiAgIF0sXHJcbiAqIH0pXHJcbiAqIGV4cG9ydCBjbGFzcyBQYWdlTW9kdWxlIHsgfVxyXG4gKiBgYGBcclxuICogIyMjIFVzYWdlXHJcbiAqXHJcbiAqIFByb2dyZXNzIGJhciBhY2NlcHRzIHByb3BlcnR5IGB2YWx1ZWAgaW4gcmFuZ2UgMC0xMDBcclxuICogQHN0YWNrZWQtZXhhbXBsZShQcm9ncmVzcyBiYXIsIHByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXItc2hvd2Nhc2UuY29tcG9uZW50KVxyXG4gKlxyXG4gKiBQcm9ncmVzcyBiYXIgYmFja2dyb3VuZCBjb3VsZCBiZSBjb25maWd1cmVkIGJ5IHByb3ZpZGluZyBhIGBzdGF0dXNgIHByb3BlcnR5OlxyXG4gKiBAc3RhY2tlZC1leGFtcGxlKFByb2dyZXNzIGJhciBzdGF0dXMsIHByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXItc3RhdHVzLmNvbXBvbmVudClcclxuICpcclxuICogUHJvZ3Jlc3MgYmFyIHNpemUgKGhlaWdodCBhbmQgZm9udC1zaXplKSBjb3VsZCBiZSBjb25maWd1cmVkIGJ5IHByb3ZpZGluZyBhIGBzaXplYCBwcm9wZXJ0eTpcclxuICogQHN0YWNrZWQtZXhhbXBsZShQcm9ncmVzcyBiYXIgc2l6ZSwgcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci1zaXplLmNvbXBvbmVudClcclxuICpcclxuICogYGRpc3BsYXlWYWx1ZWAgcHJvcGVydHkgc2hvd3MgY3VycmVudCB2YWx1ZSBpbnNpZGUgcHJvZ3Jlc3MgYmFyLiBJdCdzIGFsc28gcG9zc2libGUgdG8gYWRkIGN1c3RvbSB0ZXh0IGluc2lkZTpcclxuICogQHN0YWNrZWQtZXhhbXBsZShQcm9ncmVzcyBiYXIgdmFsdWUsIHByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXItdmFsdWUuY29tcG9uZW50KVxyXG4gKlxyXG4gKiBQcm9ncmVzcyBiYXIgc3VwcG9ydHMgYHdpZHRoYCBhbmQgYGJhY2tncm91bmQtY29sb3JgIHRyYW5zaXRpb246XHJcbiAqIEBzdGFja2VkLWV4YW1wbGUoUHJvZ3Jlc3MgYmFyIGludGVyYWN0aXZlLCBwcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLWludGVyYWN0aXZlLmNvbXBvbmVudClcclxuICpcclxuICogQHN0eWxlc1xyXG4gKlxyXG4gKiBwcm9ncmVzcy1iYXItaGVpZ2h0LXhsZzpcclxuICogcHJvZ3Jlc3MtYmFyLWhlaWdodC1sZzpcclxuICogcHJvZ3Jlc3MtYmFyLWhlaWdodDpcclxuICogcHJvZ3Jlc3MtYmFyLWhlaWdodC1zbTpcclxuICogcHJvZ3Jlc3MtYmFyLWhlaWdodC14czpcclxuICogcHJvZ3Jlc3MtYmFyLWZvbnQtc2l6ZS14bGc6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXNpemUtbGc6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXNpemU6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXNpemUtc206XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXNpemUteHM6XHJcbiAqIHByb2dyZXNzLWJhci1yYWRpdXM6XHJcbiAqIHByb2dyZXNzLWJhci1iZy1jb2xvcjpcclxuICogcHJvZ3Jlc3MtYmFyLWZvbnQtY29sb3I6XHJcbiAqIHByb2dyZXNzLWJhci1mb250LXdlaWdodDpcclxuICogcHJvZ3Jlc3MtYmFyLWRlZmF1bHQtYmctY29sb3I6XHJcbiAqIHByb2dyZXNzLWJhci1wcmltYXJ5LWJnLWNvbG9yOlxyXG4gKiBwcm9ncmVzcy1iYXItc3VjY2Vzcy1iZy1jb2xvcjpcclxuICogcHJvZ3Jlc3MtYmFyLWluZm8tYmctY29sb3I6XHJcbiAqIHByb2dyZXNzLWJhci13YXJuaW5nLWJnLWNvbG9yOlxyXG4gKiBwcm9ncmVzcy1iYXItZGFuZ2VyLWJnLWNvbG9yOlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYi1wcm9ncmVzcy1iYXInLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtY29udGFpbmVyIHt7IHNpemUgPyAnJyArIHNpemUgOiAnJyB9fVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtdmFsdWUge3sgc3RhdHVzID8gJycgKyBzdGF0dXMgOiAnJyB9fVwiIFtzdHlsZS53aWR0aC4lXT1cInZhbHVlXCI+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJkaXNwbGF5VmFsdWVcIj57eyB2YWx1ZSB9fSU8L3NwYW4+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYlByb2dyZXNzQmFyQ29tcG9uZW50IHtcclxuXHJcbiAgLypcclxuICAgKiBQcm9ncmVzcyBiYXIgdmFsdWUgaW4gcGVyY2VudCAoMCAtIDEwMClcclxuICAgKiBAdHlwZSB7bnVtYmVyfVxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdmFsdWU6IG51bWJlciA9IDA7XHJcblxyXG4gIC8qXHJcbiAgICogUHJvZ3Jlc3MgYmFyIGJhY2tncm91bmQgKHByaW1hcnksIGluZm8gc3VjY2Vzcywgd2FybmluZywgZGFuZ2VyKVxyXG4gICAqIEBwYXJhbSB7c3RyaW5nfSB2YWxcclxuICAgKi9cclxuICBASW5wdXQoKSBzdGF0dXM6IHN0cmluZztcclxuXHJcbiAgLypcclxuICAgKiBQcm9ncmVzcyBiYXIgc2l6ZSAoeHMsIHNtLCBsZywgeGxnKVxyXG4gICAqIEBwYXJhbSB7c3RyaW5nfSB2YWxcclxuICAgKi9cclxuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XHJcblxyXG4gIC8qXHJcbiAgICogRGlzcGxheXMgdmFsdWUgaW5zaWRlIHByb2dyZXNzIGJhclxyXG4gICAqIEBwYXJhbSB7c3RyaW5nfSB2YWxcclxuICAgKi9cclxuICBASW5wdXQoKSBkaXNwbGF5VmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbn1cclxuIl19