ngx-pluto
Version:
135 lines • 12.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input } from '@angular/core';
import { daffProgressIndicatorAnimation } from './progress-bar.animation';
/**
* @ignore
*/
var NpProgressBar = /** @class */ (function () {
function NpProgressBar() {
this.colors = [];
this.height = 15;
this.gradient = true;
this.type = 'progress';
this.leftText = '';
this.rightText = '';
this.percentage = 0;
this.background = "linear-gradient(to right, #22BABB, #CCFDD7)";
}
Object.defineProperty(NpProgressBar.prototype, "fillState", {
get: /**
* @return {?}
*/
function () {
return {
value: 100 - this.percentage,
params: {
percentage: 100 - this.percentage
}
};
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NpProgressBar.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.buildBackgroundColors();
};
/**
* @return {?}
*/
NpProgressBar.prototype.buildBackgroundColors = /**
* @return {?}
*/
function () {
var _this = this;
if (this.colors && this.colors.length > 0) {
if (this.colors.length === 1) {
this.background = this.colors[0];
return;
}
/** @type {?} */
var gradientColors_1 = '';
/** @type {?} */
var gradientPercent_1 = Math.round(this.percentage / this.colors.length);
if (this.type === 'progress') {
this.colors.forEach((/**
* @param {?} color
* @return {?}
*/
function (color) {
if (_this.gradient) {
gradientColors_1 += color + ', ';
}
else {
gradientColors_1 += color + ' ' + gradientPercent_1 + '%, ';
}
}));
}
else {
if (!this.leftText && this.leftText != '0') {
this.leftText = this.percentage + '';
}
if (!this.rightText && this.rightText != '0') {
this.rightText = (100 - this.percentage) + '';
}
/** @type {?} */
var left = this.percentage;
this.percentage = 100;
gradientColors_1 = this.colors[0] + ' ' + left + '%, ' + this.colors[1] + ' 0%, ';
}
gradientColors_1 = gradientColors_1.substring(0, gradientColors_1.length - 2); // Remove tail's comma and space
this.background = "linear-gradient(to right, " + gradientColors_1 + ")";
}
};
NpProgressBar.decorators = [
{ type: Component, args: [{
selector: "np-progress-bar",
template: "<div class=\"progress-bar-wrapper\" [ngStyle]=\"{'height.px': height}\">\r\n <div class=\"progress-bar progress\" [ngStyle]=\"{'background': background}\"></div>\r\n <div [@fill]=\"fillState\" class=\"progress-bar shrinker\"></div>\r\n <span class=\"left-percent-text\" [ngStyle]=\"{'line-height.px': height}\"\r\n *ngIf=\"type === 'percent'\">{{ leftText }}</span>\r\n <span class=\"right-percent-text\"\r\n [ngStyle]=\"{'right': 'calc(' + (100 - percentage) + '% + 5px)', 'line-height.px': height}\"\r\n *ngIf=\"type === 'percent'\">{{ rightText }}</span>\r\n</div>\r\n",
encapsulation: ViewEncapsulation.None,
animations: [
daffProgressIndicatorAnimation.fill
],
styles: [".progress-bar-wrapper{height:15px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);overflow:hidden}.progress-bar-wrapper .progress-bar{width:100%;height:100%}.progress-bar-wrapper .progress{color:#fff;text-align:center;animation-direction:reverse}.progress-bar-wrapper .shrinker{background-color:#eceff4;position:absolute;top:0;right:0;width:100%}.progress-bar-wrapper .left-percent-text{position:absolute;color:#fff;left:5px;top:0}.progress-bar-wrapper .right-percent-text{position:absolute;color:#fff;top:0}"]
}] }
];
/** @nocollapse */
NpProgressBar.ctorParameters = function () { return []; };
NpProgressBar.propDecorators = {
colors: [{ type: Input }],
height: [{ type: Input }],
gradient: [{ type: Input }],
type: [{ type: Input }],
leftText: [{ type: Input }],
rightText: [{ type: Input }],
percentage: [{ type: Input }]
};
return NpProgressBar;
}());
export { NpProgressBar };
if (false) {
/** @type {?} */
NpProgressBar.prototype.colors;
/** @type {?} */
NpProgressBar.prototype.height;
/** @type {?} */
NpProgressBar.prototype.gradient;
/** @type {?} */
NpProgressBar.prototype.type;
/** @type {?} */
NpProgressBar.prototype.leftText;
/** @type {?} */
NpProgressBar.prototype.rightText;
/** @type {?} */
NpProgressBar.prototype.percentage;
/** @type {?} */
NpProgressBar.prototype.background;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBsdXRvLyIsInNvdXJjZXMiOlsibGliL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQTZCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUsxRTtJQStCRTtRQW5CUyxXQUFNLEdBQWtCLEVBQUUsQ0FBQztRQUMzQixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsU0FBSSxHQUEyQixVQUFVLENBQUM7UUFDMUMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRXZCLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFVeEIsZUFBVSxHQUFXLDZDQUE2QyxDQUFDO0lBRW5ELENBQUM7SUFYakIsc0JBQUksb0NBQVM7Ozs7UUFBYjtZQUNFLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVTtnQkFDNUIsTUFBTSxFQUFFO29CQUNOLFVBQVUsRUFBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVU7aUJBQ2xDO2FBQ0YsQ0FBQztRQUNKLENBQUM7OztPQUFBOzs7O0lBTUQsZ0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDL0IsQ0FBQzs7OztJQUVELDZDQUFxQjs7O0lBQXJCO1FBQUEsaUJBaUNDO1FBaENDLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDakMsT0FBTzthQUNSOztnQkFFRyxnQkFBYyxHQUFHLEVBQUU7O2dCQUNuQixpQkFBZSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztZQUN0RSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO2dCQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU87Ozs7Z0JBQUMsVUFBQSxLQUFLO29CQUN2QixJQUFJLEtBQUksQ0FBQyxRQUFRLEVBQUU7d0JBQ2pCLGdCQUFjLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQztxQkFDaEM7eUJBQU07d0JBQ0wsZ0JBQWMsSUFBSSxLQUFLLEdBQUcsR0FBRyxHQUFHLGlCQUFlLEdBQUcsS0FBSyxDQUFDO3FCQUN6RDtnQkFDSCxDQUFDLEVBQUMsQ0FBQzthQUNKO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksR0FBRyxFQUFFO29CQUMxQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO2lCQUN0QztnQkFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLEdBQUcsRUFBRTtvQkFDNUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDO2lCQUMvQzs7b0JBRUcsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVO2dCQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQztnQkFDdEIsZ0JBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxJQUFJLEdBQUcsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDO2FBQ2pGO1lBRUQsZ0JBQWMsR0FBRyxnQkFBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsZ0JBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBSSxnQ0FBZ0M7WUFDNUcsSUFBSSxDQUFDLFVBQVUsR0FBRyw0QkFBNEIsR0FBRyxnQkFBYyxHQUFHLEdBQUcsQ0FBQztTQUN2RTtJQUNILENBQUM7O2dCQXRFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0Isb2xCQUFnQztvQkFFaEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFVBQVUsRUFBRTt3QkFDViw4QkFBOEIsQ0FBQyxJQUFJO3FCQUNwQzs7aUJBQ0Y7Ozs7O3lCQUlFLEtBQUs7eUJBQ0wsS0FBSzsyQkFDTCxLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSzs0QkFDTCxLQUFLOzZCQUVMLEtBQUs7O0lBb0RSLG9CQUFDO0NBQUEsQUF2RUQsSUF1RUM7U0E3RFksYUFBYTs7O0lBRXhCLCtCQUFvQzs7SUFDcEMsK0JBQTZCOztJQUM3QixpQ0FBa0M7O0lBQ2xDLDZCQUFtRDs7SUFDbkQsaUNBQStCOztJQUMvQixrQ0FBZ0M7O0lBRWhDLG1DQUF3Qjs7SUFVeEIsbUNBQW1FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25Jbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGFmZlByb2dyZXNzSW5kaWNhdG9yQW5pbWF0aW9uIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXIuYW5pbWF0aW9uJztcclxuXHJcbi8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYG5wLXByb2dyZXNzLWJhcmAsXHJcbiAgdGVtcGxhdGVVcmw6ICdwcm9ncmVzcy1iYXIuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ3Byb2dyZXNzLWJhci5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICBkYWZmUHJvZ3Jlc3NJbmRpY2F0b3JBbmltYXRpb24uZmlsbFxyXG4gIF1cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBOcFByb2dyZXNzQmFyIGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgY29sb3JzOiBBcnJheTxzdHJpbmc+ID0gW107XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBudW1iZXIgPSAxNTtcclxuICBASW5wdXQoKSBncmFkaWVudDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdHlwZTogJ3Byb2dyZXNzJyB8ICdwZXJjZW50JyA9ICdwcm9ncmVzcyc7XHJcbiAgQElucHV0KCkgbGVmdFRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHJpZ2h0VGV4dDogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIHBlcmNlbnRhZ2UgPSAwO1xyXG4gIGdldCBmaWxsU3RhdGUoKTogYW55IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIHZhbHVlOiAxMDAgLSB0aGlzLnBlcmNlbnRhZ2UsXHJcbiAgICAgIHBhcmFtczoge1xyXG4gICAgICAgIHBlcmNlbnRhZ2U6IDEwMCAtIHRoaXMucGVyY2VudGFnZVxyXG4gICAgICB9XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgYmFja2dyb3VuZDogc3RyaW5nID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzIyQkFCQiwgI0NDRkRENylgO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYnVpbGRCYWNrZ3JvdW5kQ29sb3JzKCk7XHJcbiAgfVxyXG5cclxuICBidWlsZEJhY2tncm91bmRDb2xvcnMoKSB7XHJcbiAgICBpZiAodGhpcy5jb2xvcnMgJiYgdGhpcy5jb2xvcnMubGVuZ3RoID4gMCkge1xyXG4gICAgICBpZiAodGhpcy5jb2xvcnMubGVuZ3RoID09PSAxKSB7XHJcbiAgICAgICAgdGhpcy5iYWNrZ3JvdW5kID0gdGhpcy5jb2xvcnNbMF07XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBsZXQgZ3JhZGllbnRDb2xvcnMgPSAnJztcclxuICAgICAgbGV0IGdyYWRpZW50UGVyY2VudCA9IE1hdGgucm91bmQodGhpcy5wZXJjZW50YWdlIC8gdGhpcy5jb2xvcnMubGVuZ3RoKTtcclxuICAgICAgaWYgKHRoaXMudHlwZSA9PT0gJ3Byb2dyZXNzJykge1xyXG4gICAgICAgIHRoaXMuY29sb3JzLmZvckVhY2goY29sb3IgPT4ge1xyXG4gICAgICAgICAgaWYgKHRoaXMuZ3JhZGllbnQpIHtcclxuICAgICAgICAgICAgZ3JhZGllbnRDb2xvcnMgKz0gY29sb3IgKyAnLCAnO1xyXG4gICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgZ3JhZGllbnRDb2xvcnMgKz0gY29sb3IgKyAnICcgKyBncmFkaWVudFBlcmNlbnQgKyAnJSwgJztcclxuICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBpZiAoIXRoaXMubGVmdFRleHQgJiYgdGhpcy5sZWZ0VGV4dCAhPSAnMCcpIHtcclxuICAgICAgICAgIHRoaXMubGVmdFRleHQgPSB0aGlzLnBlcmNlbnRhZ2UgKyAnJztcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKCF0aGlzLnJpZ2h0VGV4dCAmJiB0aGlzLnJpZ2h0VGV4dCAhPSAnMCcpIHtcclxuICAgICAgICAgIHRoaXMucmlnaHRUZXh0ID0gKDEwMCAtIHRoaXMucGVyY2VudGFnZSkgKyAnJztcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGxldCBsZWZ0ID0gdGhpcy5wZXJjZW50YWdlO1xyXG4gICAgICAgIHRoaXMucGVyY2VudGFnZSA9IDEwMDtcclxuICAgICAgICBncmFkaWVudENvbG9ycyA9IHRoaXMuY29sb3JzWzBdICsgJyAnICsgbGVmdCArICclLCAnICsgdGhpcy5jb2xvcnNbMV0gKyAnIDAlLCAnO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBncmFkaWVudENvbG9ycyA9IGdyYWRpZW50Q29sb3JzLnN1YnN0cmluZygwLCBncmFkaWVudENvbG9ycy5sZW5ndGggLSAyKTsgICAgLy8gUmVtb3ZlIHRhaWwncyBjb21tYSBhbmQgc3BhY2VcclxuICAgICAgdGhpcy5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgYCArIGdyYWRpZW50Q29sb3JzICsgYClgO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuXHJcbiJdfQ==