@ngx-performance-ui/ui
Version:
Ngx Performance UI - UI
140 lines • 9.59 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, Input } from '@angular/core';
import { Select } from '@ngxs/store';
import { Observable } from 'rxjs';
import { LoaderState, takeUntilDestroy } from '@ngx-performance-ui/core';
var ProgressBarComponent = /** @class */ (function () {
function ProgressBarComponent(cdRef) {
this.cdRef = cdRef;
this.classes = 'progress-bar bg-danger';
this.speed = 30;
this.height = '10px';
}
/**
* @return {?}
*/
ProgressBarComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.show$.pipe(takeUntilDestroy(this)).subscribe((/**
* @param {?} status
* @return {?}
*/
function (status) {
if (status === true) {
if (_this.show) {
setTimeout((/**
* @return {?}
*/
function () {
_this.showFn();
}), 900);
return;
}
_this.showFn();
return;
}
_this.value = 100;
_this.cdRef.detectChanges();
setTimeout((/**
* @return {?}
*/
function () {
clearInterval(_this.interval);
_this.show = false;
_this.cdRef.detectChanges();
}), 800);
}));
};
/**
* @return {?}
*/
ProgressBarComponent.prototype.showFn = /**
* @return {?}
*/
function () {
this.value = 0;
this.show = true;
this.cdRef.detectChanges();
this.setValue();
};
/**
* @return {?}
*/
ProgressBarComponent.prototype.setValue = /**
* @return {?}
*/
function () {
var _this = this;
this.interval = setInterval((/**
* @return {?}
*/
function () {
/** @type {?} */
var plus = Math.random() * _this.speed;
if (_this.value < 100 - plus) {
_this.value += plus;
}
else {
_this.value += 0.1;
}
_this.cdRef.detectChanges();
}), 500);
};
/**
* @return {?}
*/
ProgressBarComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () { };
ProgressBarComponent.decorators = [
{ type: Component, args: [{
selector: 'p-progress-bar',
template: "\n <div *ngIf=\"show\" class=\"progress\" [style.height]=\"height\">\n <div [ngStyle]=\"{ width: value + '%' }\" class=\"{{ classes }}\"></div>\n </div>\n ",
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
ProgressBarComponent.ctorParameters = function () { return [
{ type: ChangeDetectorRef }
]; };
ProgressBarComponent.propDecorators = {
classes: [{ type: Input }]
};
tslib_1.__decorate([
Select(LoaderState.progress),
tslib_1.__metadata("design:type", Observable)
], ProgressBarComponent.prototype, "show$", void 0);
return ProgressBarComponent;
}());
export { ProgressBarComponent };
if (false) {
/** @type {?} */
ProgressBarComponent.prototype.classes;
/** @type {?} */
ProgressBarComponent.prototype.show$;
/** @type {?} */
ProgressBarComponent.prototype.show;
/** @type {?} */
ProgressBarComponent.prototype.value;
/** @type {?} */
ProgressBarComponent.prototype.interval;
/** @type {?} */
ProgressBarComponent.prototype.speed;
/** @type {?} */
ProgressBarComponent.prototype.height;
/**
* @type {?}
* @private
*/
ProgressBarComponent.prototype.cdRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZ3gtcGVyZm9ybWFuY2UtdWkvdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wcm9ncmVzcy9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV6RTtJQTJCRSw4QkFBb0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFmNUMsWUFBTyxHQUFXLHdCQUF3QixDQUFDO1FBVzNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFbkIsV0FBTSxHQUFXLE1BQU0sQ0FBQztJQUV1QixDQUFDOzs7O0lBRWhELHVDQUFROzs7SUFBUjtRQUFBLGlCQXNCQztRQXJCQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxVQUFBLE1BQU07WUFDdEQsSUFBSSxNQUFNLEtBQUssSUFBSSxFQUFFO2dCQUNuQixJQUFJLEtBQUksQ0FBQyxJQUFJLEVBQUU7b0JBQ2IsVUFBVTs7O29CQUFDO3dCQUNULEtBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztvQkFDaEIsQ0FBQyxHQUFFLEdBQUcsQ0FBQyxDQUFDO29CQUNSLE9BQU87aUJBQ1I7Z0JBQ0QsS0FBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNkLE9BQU87YUFDUjtZQUVELEtBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1lBQ2pCLEtBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7WUFFM0IsVUFBVTs7O1lBQUM7Z0JBQ1QsYUFBYSxDQUFDLEtBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDN0IsS0FBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7Z0JBQ2xCLEtBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDN0IsQ0FBQyxHQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBRUQscUNBQU07OztJQUFOO1FBQ0UsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRTNCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDOzs7O0lBRUQsdUNBQVE7OztJQUFSO1FBQUEsaUJBVUM7UUFUQyxJQUFJLENBQUMsUUFBUSxHQUFHLFdBQVc7OztRQUFDOztnQkFDcEIsSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxLQUFJLENBQUMsS0FBSztZQUN2QyxJQUFJLEtBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxHQUFHLElBQUksRUFBRTtnQkFDM0IsS0FBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUM7YUFDcEI7aUJBQU07Z0JBQ0wsS0FBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUM7YUFDbkI7WUFDRCxLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzdCLENBQUMsR0FBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7Ozs7SUFFRCwwQ0FBVzs7O0lBQVgsY0FBcUIsQ0FBQzs7Z0JBekV2QixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFLHlLQUlUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozs7Z0JBZHVFLGlCQUFpQjs7OzBCQWdCdEYsS0FBSzs7SUFJTjtRQURDLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDOzBDQUN0QixVQUFVO3VEQUFVO0lBMkQ3QiwyQkFBQztDQUFBLEFBMUVELElBMEVDO1NBaEVZLG9CQUFvQjs7O0lBQy9CLHVDQUMyQzs7SUFFM0MscUNBQzJCOztJQUUzQixvQ0FBYzs7SUFFZCxxQ0FBYzs7SUFFZCx3Q0FBUzs7SUFFVCxxQ0FBbUI7O0lBRW5CLHNDQUF3Qjs7Ozs7SUFFWixxQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJ0BuZ3hzL3N0b3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IExvYWRlclN0YXRlLCB0YWtlVW50aWxEZXN0cm95IH0gZnJvbSAnQG5neC1wZXJmb3JtYW5jZS11aS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncC1wcm9ncmVzcy1iYXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgKm5nSWY9XCJzaG93XCIgY2xhc3M9XCJwcm9ncmVzc1wiIFtzdHlsZS5oZWlnaHRdPVwiaGVpZ2h0XCI+XG4gICAgICA8ZGl2IFtuZ1N0eWxlXT1cInsgd2lkdGg6IHZhbHVlICsgJyUnIH1cIiBjbGFzcz1cInt7IGNsYXNzZXMgfX1cIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY2xhc3Nlczogc3RyaW5nID0gJ3Byb2dyZXNzLWJhciBiZy1kYW5nZXInO1xuXG4gIEBTZWxlY3QoTG9hZGVyU3RhdGUucHJvZ3Jlc3MpXG4gIHNob3ckOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIHNob3c6IGJvb2xlYW47XG5cbiAgdmFsdWU6IG51bWJlcjtcblxuICBpbnRlcnZhbDtcblxuICBzcGVlZDogbnVtYmVyID0gMzA7XG5cbiAgaGVpZ2h0OiBzdHJpbmcgPSAnMTBweCc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93JC5waXBlKHRha2VVbnRpbERlc3Ryb3kodGhpcykpLnN1YnNjcmliZShzdGF0dXMgPT4ge1xuICAgICAgaWYgKHN0YXR1cyA9PT0gdHJ1ZSkge1xuICAgICAgICBpZiAodGhpcy5zaG93KSB7XG4gICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNob3dGbigpO1xuICAgICAgICAgIH0sIDkwMCk7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc2hvd0ZuKCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgdGhpcy52YWx1ZSA9IDEwMDtcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLmludGVydmFsKTtcbiAgICAgICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSwgODAwKTtcbiAgICB9KTtcbiAgfVxuXG4gIHNob3dGbigpIHtcbiAgICB0aGlzLnZhbHVlID0gMDtcbiAgICB0aGlzLnNob3cgPSB0cnVlO1xuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuXG4gICAgdGhpcy5zZXRWYWx1ZSgpO1xuICB9XG5cbiAgc2V0VmFsdWUoKSB7XG4gICAgdGhpcy5pbnRlcnZhbCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIGNvbnN0IHBsdXMgPSBNYXRoLnJhbmRvbSgpICogdGhpcy5zcGVlZDtcbiAgICAgIGlmICh0aGlzLnZhbHVlIDwgMTAwIC0gcGx1cykge1xuICAgICAgICB0aGlzLnZhbHVlICs9IHBsdXM7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnZhbHVlICs9IDAuMTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0sIDUwMCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHt9XG59XG4iXX0=