@seniorsistemas/angular-components 14.9.3 → 14.9.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +5 -3
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/esm2015/components/stats-card/stats-card.component.js +6 -4
- package/esm5/components/stats-card/stats-card.component.js +6 -4
- package/fesm2015/seniorsistemas-angular-components.js +5 -3
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +5 -3
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -30,10 +30,12 @@ let StatsCardComponent = StatsCardComponent_1 = class StatsCardComponent {
|
|
|
30
30
|
return this._value;
|
|
31
31
|
}
|
|
32
32
|
updateDisplayValue() {
|
|
33
|
+
const animationDuration = new BigNumber(this.ANIMATION_DURATION_MS);
|
|
34
|
+
const stepDuration = new BigNumber(this.STEP_DURATION_MS);
|
|
35
|
+
const animationCount = animationDuration.dividedBy(stepDuration);
|
|
33
36
|
const previousRawValue = new BigNumber(this.previousValue.replace(/\D/g, ""));
|
|
34
37
|
const rawValue = new BigNumber(this.value.replace(/\D/g, ""));
|
|
35
|
-
const
|
|
36
|
-
const incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
|
|
38
|
+
const incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(animationCount);
|
|
37
39
|
const incremental = previousRawValue.isLessThan(rawValue);
|
|
38
40
|
clearInterval(this.intervalId);
|
|
39
41
|
this.displayValue = this.replaceNumericPositions(this.value);
|
|
@@ -109,10 +111,10 @@ __decorate([
|
|
|
109
111
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
110
112
|
Component({
|
|
111
113
|
selector: "s-stats-card",
|
|
112
|
-
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"
|
|
114
|
+
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n </div>\n\n </div>\n <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n\n</div>\n",
|
|
113
115
|
encapsulation: ViewEncapsulation.None,
|
|
114
116
|
styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
|
|
115
117
|
})
|
|
116
118
|
], StatsCardComponent);
|
|
117
119
|
export { StatsCardComponent };
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9zdGF0cy1jYXJkL3N0YXRzLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBUXpDLElBQWEsa0JBQWtCLDBCQUEvQixNQUFhLGtCQUFrQjtJQUEvQjtRQUlXLE9BQUUsR0FBRyxnQkFBZ0Isb0JBQWtCLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztRQU1uRCxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2pCLGNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUc5QixVQUFLLEdBQUcsU0FBUyxDQUFDO1FBR2xCLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBR3RCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFXbEIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQU9iLFlBQU8sR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl0RCwwQkFBcUIsR0FBRyxHQUFHLENBQUM7UUFDNUIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLGtCQUFhLEdBQUcsR0FBRyxDQUFDO1FBRXBCLFdBQU0sR0FBRyxHQUFHLENBQUM7SUFvRHpCLENBQUM7SUEzRUcsSUFBVyxLQUFLLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDakMsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxJQUFJLENBQUMsY0FBYztZ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SzthQUNQLEtBQUssQ0FBQyxFQUFFLENBQUM7YUFDVCxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDUixNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDNUIsSUFBSSxNQUFNLElBQUksSUFBSSxLQUFLLEdBQUc7Z0JBQUUsT0FBTyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1lBQ3RFLE9BQU8sSUFBSSxDQUFDO1FBQ2hCLENBQUMsQ0FBQzthQUNELElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNsQixDQUFDO0NBQ0osQ0FBQTtBQXRHaUIseUJBQU0sR0FBRyxDQUFDLENBQUM7QUFHekI7SUFEQyxLQUFLLEVBQUU7OENBQ2tEO0FBRzFEO0lBREMsS0FBSyxFQUFFO2lEQUNhO0FBR3JCO0lBREMsS0FBSyxFQUFFO3dEQUNvQjtBQUc1QjtJQURDLEtBQUssRUFBRTtxREFDZ0I7QUFHeEI7SUFEQyxLQUFLLEVBQUU7cURBQzZCO0FBR3JDO0lBREMsS0FBSyxFQUFFO2lEQUNpQjtBQUd6QjtJQURDLEtBQUssRUFBRTswREFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7cURBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFOytDQU1QO0FBR0Q7SUFEQyxLQUFLLEVBQUU7bURBQ1k7QUFPcEI7SUFEQyxNQUFNLEVBQUU7bURBQ3FEO0FBM0NyRCxrQkFBa0I7SUFOOUIsU0FBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLGNBQWM7UUFDeEIsdWhFQUEwQztRQUUxQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7S0FDeEMsQ0FBQztHQUNXLGtCQUFrQixDQXVHOUI7U0F2R1ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJpZ051bWJlciB9IGZyb20gXCJiaWdudW1iZXIuanNcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwicy1zdGF0cy1jYXJkXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9zdGF0cy1jYXJkLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3N0YXRzLWNhcmQuY29tcG9uZW50LnNjc3NcIl0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU3RhdHNDYXJkQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZCA9IGBzLXN0YXRzLWNhcmQtJHtTdGF0c0NhcmRDb21wb25lbnQubmV4dElkKyt9YDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBsaWdodFZlcnNpb24gPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxpZ2h0TW9kZSA9IHRydWU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uQ2xhc3MgPSBcImZhIGZhLWJhci1jaGFydFwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY29sb3IgPSBcIiMzMzk5NjZcIjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGFuaW1hdGVOdW1iZXJzID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNsaWNrYWJsZSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5wcmV2aW91c1ZhbHVlID0gdGhpcy5fdmFsdWU7XG4gICAgICAgIHRoaXMuX3ZhbHVlID0gU3RyaW5nKHZhbHVlKTtcbiAgICAgICAgaWYgKHRoaXMuYW5pbWF0ZU51bWJlcnMpIHRoaXMudXBkYXRlRGlzcGxheVZhbHVlKCk7XG4gICAgICAgIGVsc2UgdGhpcy5kaXNwbGF5VmFsdWUgPSB0aGlzLnZhbHVlO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHRvb2x0aXAgPSBcIlwiO1xuXG4gICAgcHVibGljIGdldCB2YWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgZGlzcGxheVZhbHVlOiBzdHJpbmc7XG5cbiAgICBwcml2YXRlIEFOSU1BVElPTl9EVVJBVElPTl9NUyA9IDIwMDtcbiAgICBwcml2YXRlIFNURVBfRFVSQVRJT05fTVMgPSAyMDtcbiAgICBwcml2YXRlIHByZXZpb3VzVmFsdWUgPSBcIjBcIjtcbiAgICBwcml2YXRlIGludGVydmFsSWQ6IGFueTtcbiAgICBwcml2YXRlIF92YWx1ZSA9IFwiMFwiO1xuXG4gICAgcHJpdmF0ZSB1cGRhdGVEaXNwbGF5VmFsdWUoKSB7XG4gICAgICAgIGNvbnN0IGFuaW1hdGlvbkR1cmF0aW9uID0gbmV3IEJpZ051bWJlcih0aGlzLkFOSU1BVElPTl9EVVJBVElPTl9NUyk7XG4gICAgICAgIGNvbnN0IHN0ZXBEdXJhdGlvbiA9IG5ldyBCaWdOdW1iZXIodGhpcy5TVEVQX0RVUkFUSU9OX01TKTtcbiAgICAgICAgY29uc3QgYW5pbWF0aW9uQ291bnQgPSBhbmltYXRpb25EdXJhdGlvbi5kaXZpZGVkQnkoc3RlcER1cmF0aW9uKTtcblxuICAgICAgICBjb25zdCBwcmV2aW91c1Jhd1ZhbHVlID0gbmV3IEJpZ051bWJlcih0aGlzLnByZXZpb3VzVmFsdWUucmVwbGFjZSgvXFxEL2csIFwiXCIpKTtcbiAgICAgICAgY29uc3QgcmF3VmFsdWUgPSBuZXcgQmlnTnVtYmVyKHRoaXMudmFsdWUucmVwbGFjZSgvXFxEL2csIFwiXCIpKTtcblxuICAgICAgICBjb25zdCBpbmNyZW1lbnRWYWx1ZSA9IHJhd1ZhbHVlLm1pbnVzKHByZXZpb3VzUmF3VmFsdWUpLmFic29sdXRlVmFsdWUoKS5kaXZpZGVkQnkoYW5pbWF0aW9uQ291bnQpO1xuICAgICAgICBjb25zdCBpbmNyZW1lbnRhbCA9IHByZXZpb3VzUmF3VmFsdWUuaXNMZXNzVGhhbihyYXdWYWx1ZSk7XG5cbiAgICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLmludGVydmFsSWQpO1xuXG4gICAgICAgIHRoaXMuZGlzcGxheVZhbHVlID0gdGhpcy5yZXBsYWNlTnVtZXJpY1Bvc2l0aW9ucyh0aGlzLnZhbHVlKTtcblxuICAgICAgICBsZXQgY291bnRlciA9IHByZXZpb3VzUmF3VmFsdWU7XG5cbiAgICAgICAgdGhpcy5pbnRlcnZhbElkID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKGluY3JlbWVudGFsICYmIGNvdW50ZXIuaXNMZXNzVGhhbihyYXdWYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXlWYWx1ZSA9IHRoaXMucmVwbGFjZU51bWVyaWNQb3NpdGlvbnModGhpcy5kaXNwbGF5VmFsdWUsIGNvdW50ZXIpO1xuICAgICAgICAgICAgICAgIGNvdW50ZXIgPSBjb3VudGVyLnBsdXMoaW5jcmVtZW50VmFsdWUpO1xuICAgICAgICAgICAgfSBlbHNlIGlmICghaW5jcmVtZW50YWwgJiYgY291bnRlci5pc0dyZWF0ZXJUaGFuKHJhd1ZhbHVlKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGlzcGxheVZhbHVlID0gdGhpcy5yZXBsYWNlTnVtZXJpY1Bvc2l0aW9ucyh0aGlzLmRpc3BsYXlWYWx1ZSwgY291bnRlcik7XG4gICAgICAgICAgICAgICAgY291bnRlciA9IGNvdW50ZXIubWludXMoaW5jcmVtZW50VmFsdWUpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXlWYWx1ZSA9IHRoaXMudmFsdWU7XG5cbiAgICAgICAgICAgICAgICBjbGVhckludGVydmFsKHRoaXMuaW50ZXJ2YWxJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIHRoaXMuU1RFUF9EVVJBVElPTl9NUyk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlcGxhY2VOdW1lcmljUG9zaXRpb25zKHZhbHVlOiBzdHJpbmcsIG5ld1ZhbHVlPzogQmlnTnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IHJhd1ZhbHVlID0gdmFsdWUucmVwbGFjZSgvW15cXGRdL2csIFwiXCIpO1xuICAgICAgICBjb25zdCBuZXdWYWx1ZVN0cmluZyA9IG5ld1ZhbHVlID8gbmV3VmFsdWUudG9TdHJpbmcoKSA6IFwiXCI7XG4gICAgICAgIGNvbnN0IGZvcm1hdHRlZE5ld1ZhbHVlID0gbmV3VmFsdWVTdHJpbmdcbiAgICAgICAgICAgIC50b1N0cmluZygpXG4gICAgICAgICAgICAucmVwbGFjZSgvXFxEL2csIFwiXCIpXG4gICAgICAgICAgICAucGFkU3RhcnQocmF3VmFsdWUubGVuZ3RoLCBcIjBcIik7XG4gICAgICAgIGxldCBuZXdWYWx1ZUluZGV4ID0gMDtcblxuICAgICAgICByZXR1cm4gdmFsdWVcbiAgICAgICAgICAgIC5zcGxpdChcIlwiKVxuICAgICAgICAgICAgLm1hcChjaGFyID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBudW1iZXIgPSBOdW1iZXIoY2hhcik7XG4gICAgICAgICAgICAgICAgaWYgKG51bWJlciB8fCBjaGFyID09PSBcIjBcIikgcmV0dXJuIGZvcm1hdHRlZE5ld1ZhbHVlW25ld1ZhbHVlSW5kZXgrK107XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNoYXI7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmpvaW4oXCJcIik7XG4gICAgfVxufVxuIl19
|
|
@@ -35,10 +35,12 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
35
35
|
});
|
|
36
36
|
StatsCardComponent.prototype.updateDisplayValue = function () {
|
|
37
37
|
var _this = this;
|
|
38
|
+
var animationDuration = new BigNumber(this.ANIMATION_DURATION_MS);
|
|
39
|
+
var stepDuration = new BigNumber(this.STEP_DURATION_MS);
|
|
40
|
+
var animationCount = animationDuration.dividedBy(stepDuration);
|
|
38
41
|
var previousRawValue = new BigNumber(this.previousValue.replace(/\D/g, ""));
|
|
39
42
|
var rawValue = new BigNumber(this.value.replace(/\D/g, ""));
|
|
40
|
-
var
|
|
41
|
-
var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
|
|
43
|
+
var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(animationCount);
|
|
42
44
|
var incremental = previousRawValue.isLessThan(rawValue);
|
|
43
45
|
clearInterval(this.intervalId);
|
|
44
46
|
this.displayValue = this.replaceNumericPositions(this.value);
|
|
@@ -114,7 +116,7 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
114
116
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
115
117
|
Component({
|
|
116
118
|
selector: "s-stats-card",
|
|
117
|
-
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"
|
|
119
|
+
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n </div>\n\n </div>\n <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n\n</div>\n",
|
|
118
120
|
encapsulation: ViewEncapsulation.None,
|
|
119
121
|
styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
|
|
120
122
|
})
|
|
@@ -122,4 +124,4 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
122
124
|
return StatsCardComponent;
|
|
123
125
|
}());
|
|
124
126
|
export { StatsCardComponent };
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9zdGF0cy1jYXJkL3N0YXRzLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFRekM7SUFBQTtRQUlXLE9BQUUsR0FBRyxrQkFBZ0Isb0JBQWtCLENBQUMsTUFBTSxFQUFJLENBQUM7UUFNbkQsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixjQUFTLEdBQUcsaUJBQWlCLENBQUM7UUFHOUIsVUFBSyxHQUFHLFNBQVMsQ0FBQztRQUdsQixtQkFBYyxHQUFHLElBQUksQ0FBQztRQUd0QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBV2xCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFPYixZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFJdEQsMEJBQXFCLEdBQUcsR0FBRyxDQUFDO1FBQzVCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0QixrQkFBYSxHQUFHLEdBQUcsQ0FBQztRQUVwQixXQUFNLEdBQUcsR0FBRyxDQUFDO0lBb0R6QixDQUFDOzJCQXZHWSxrQkFBa0I7SUE0QjNCLHNCQUFXLHFDQUFLO2FBVWhCO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7YUFaRCxVQUFpQixLQUFhO1lBQzFCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMs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QUs7YUFDUCxLQUFLLENBQUMsRUFBRSxDQUFDO2FBQ1QsR0FBRyxDQUFDLFVBQUEsSUFBSTtZQUNMLElBQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM1QixJQUFJLE1BQU0sSUFBSSxJQUFJLEtBQUssR0FBRztnQkFBRSxPQUFPLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7WUFDdEUsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7O0lBckdhLHlCQUFNLEdBQUcsQ0FBQyxDQUFDO0lBR3pCO1FBREMsS0FBSyxFQUFFO2tEQUNrRDtJQUcxRDtRQURDLEtBQUssRUFBRTtxREFDYTtJQUdyQjtRQURDLEtBQUssRUFBRTs0REFDb0I7SUFHNUI7UUFEQyxLQUFLLEVBQUU7eURBQ2dCO0lBR3hCO1FBREMsS0FBSyxFQUFFO3lEQUM2QjtJQUdyQztRQURDLEtBQUssRUFBRTtxREFDaUI7SUFHekI7UUFEQyxLQUFLLEVBQUU7OERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO3lEQUNpQjtJQUd6QjtRQURDLEtBQUssRUFBRTttREFNUDtJQUdEO1FBREMsS0FBSyxFQUFFO3VEQUNZO0lBT3BCO1FBREMsTUFBTSxFQUFFO3VEQUNxRDtJQTNDckQsa0JBQWtCO1FBTjlCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxjQUFjO1lBQ3hCLHVoRUFBMEM7WUFFMUMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O1NBQ3hDLENBQUM7T0FDVyxrQkFBa0IsQ0F1RzlCO0lBQUQseUJBQUM7Q0FBQSxBQXZHRCxJQXVHQztTQXZHWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmlnTnVtYmVyIH0gZnJvbSBcImJpZ251bWJlci5qc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXN0YXRzLWNhcmRcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3N0YXRzLWNhcmQuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHMtY2FyZC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0c0NhcmRDb21wb25lbnQge1xuICAgIHB1YmxpYyBzdGF0aWMgbmV4dElkID0gMDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkID0gYHMtc3RhdHMtY2FyZC0ke1N0YXRzQ2FyZENvbXBvbmVudC5uZXh0SWQrK31gO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGFiZWw6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxpZ2h0VmVyc2lvbiA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGlnaHRNb2RlID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGljb25DbGFzcyA9IFwiZmEgZmEtYmFyLWNoYXJ0XCI7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjb2xvciA9IFwiIzMzOTk2NlwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYW5pbWF0ZU51bWJlcnMgPSB0cnVlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY2xpY2thYmxlID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgdmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLnByZXZpb3VzVmFsdWUgPSB0aGlzLl92YWx1ZTtcbiAgICAgICAgdGhpcy5fdmFsdWUgPSBTdHJpbmcodmFsdWUpO1xuICAgICAgICBpZiAodGhpcy5hbmltYXRlTnVtYmVycykgdGhpcy51cGRhdGVEaXNwbGF5VmFsdWUoKTtcbiAgICAgICAgZWxzZSB0aGlzLmRpc3BsYXlWYWx1ZSA9IHRoaXMudmFsdWU7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdG9vbHRpcCA9IFwiXCI7XG5cbiAgICBwdWJsaWMgZ2V0IHZhbHVlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBkaXNwbGF5VmFsdWU6IHN0cmluZztcblxuICAgIHByaXZhdGUgQU5JTUFUSU9OX0RVUkFUSU9OX01TID0gMjAwO1xuICAgIHByaXZhdGUgU1RFUF9EVVJBVElPTl9NUyA9IDIwO1xuICAgIHByaXZhdGUgcHJldmlvdXNWYWx1ZSA9IFwiMFwiO1xuICAgIHByaXZhdGUgaW50ZXJ2YWxJZDogYW55O1xuICAgIHByaXZhdGUgX3ZhbHVlID0gXCIwXCI7XG5cbiAgICBwcml2YXRlIHVwZGF0ZURpc3BsYXlWYWx1ZSgpIHtcbiAgICAgICAgY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSBuZXcgQmlnTnVtYmVyKHRoaXMuQU5JTUFUSU9OX0RVUkFUSU9OX01TKTtcbiAgICAgICAgY29uc3Qgc3RlcER1cmF0aW9uID0gbmV3IEJpZ051bWJlcih0aGlzLlNURVBfRFVSQVRJT05fTVMpO1xuICAgICAgICBjb25zdCBhbmltYXRpb25Db3VudCA9IGFuaW1hdGlvbkR1cmF0aW9uLmRpdmlkZWRCeShzdGVwRHVyYXRpb24pO1xuXG4gICAgICAgIGNvbnN0IHByZXZpb3VzUmF3VmFsdWUgPSBuZXcgQmlnTnVtYmVyKHRoaXMucHJldmlvdXNWYWx1ZS5yZXBsYWNlKC9cXEQvZywgXCJcIikpO1xuICAgICAgICBjb25zdCByYXdWYWx1ZSA9IG5ldyBCaWdOdW1iZXIodGhpcy52YWx1ZS5yZXBsYWNlKC9cXEQvZywgXCJcIikpO1xuXG4gICAgICAgIGNvbnN0IGluY3JlbWVudFZhbHVlID0gcmF3VmFsdWUubWludXMocHJldmlvdXNSYXdWYWx1ZSkuYWJzb2x1dGVWYWx1ZSgpLmRpdmlkZWRCeShhbmltYXRpb25Db3VudCk7XG4gICAgICAgIGNvbnN0IGluY3JlbWVudGFsID0gcHJldmlvdXNSYXdWYWx1ZS5pc0xlc3NUaGFuKHJhd1ZhbHVlKTtcblxuICAgICAgICBjbGVhckludGVydmFsKHRoaXMuaW50ZXJ2YWxJZCk7XG5cbiAgICAgICAgdGhpcy5kaXNwbGF5VmFsdWUgPSB0aGlzLnJlcGxhY2VOdW1lcmljUG9zaXRpb25zKHRoaXMudmFsdWUpO1xuXG4gICAgICAgIGxldCBjb3VudGVyID0gcHJldmlvdXNSYXdWYWx1ZTtcblxuICAgICAgICB0aGlzLmludGVydmFsSWQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoaW5jcmVtZW50YWwgJiYgY291bnRlci5pc0xlc3NUaGFuKHJhd1ZhbHVlKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGlzcGxheVZhbHVlID0gdGhpcy5yZXBsYWNlTnVtZXJpY1Bvc2l0aW9ucyh0aGlzLmRpc3BsYXlWYWx1ZSwgY291bnRlcik7XG4gICAgICAgICAgICAgICAgY291bnRlciA9IGNvdW50ZXIucGx1cyhpbmNyZW1lbnRWYWx1ZSk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFpbmNyZW1lbnRhbCAmJiBjb3VudGVyLmlzR3JlYXRlclRoYW4ocmF3VmFsdWUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5kaXNwbGF5VmFsdWUgPSB0aGlzLnJlcGxhY2VOdW1lcmljUG9zaXRpb25zKHRoaXMuZGlzcGxheVZhbHVlLCBjb3VudGVyKTtcbiAgICAgICAgICAgICAgICBjb3VudGVyID0gY291bnRlci5taW51cyhpbmNyZW1lbnRWYWx1ZSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuZGlzcGxheVZhbHVlID0gdGhpcy52YWx1ZTtcblxuICAgICAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5pbnRlcnZhbElkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgdGhpcy5TVEVQX0RVUkFUSU9OX01TKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVwbGFjZU51bWVyaWNQb3NpdGlvbnModmFsdWU6IHN0cmluZywgbmV3VmFsdWU/OiBCaWdOdW1iZXIpIHtcbiAgICAgICAgY29uc3QgcmF3VmFsdWUgPSB2YWx1ZS5yZXBsYWNlKC9bXlxcZF0vZywgXCJcIik7XG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlU3RyaW5nID0gbmV3VmFsdWUgPyBuZXdWYWx1ZS50b1N0cmluZygpIDogXCJcIjtcbiAgICAgICAgY29uc3QgZm9ybWF0dGVkTmV3VmFsdWUgPSBuZXdWYWx1ZVN0cmluZ1xuICAgICAgICAgICAgLnRvU3RyaW5nKClcbiAgICAgICAgICAgIC5yZXBsYWNlKC9cXEQvZywgXCJcIilcbiAgICAgICAgICAgIC5wYWRTdGFydChyYXdWYWx1ZS5sZW5ndGgsIFwiMFwiKTtcbiAgICAgICAgbGV0IG5ld1ZhbHVlSW5kZXggPSAwO1xuXG4gICAgICAgIHJldHVybiB2YWx1ZVxuICAgICAgICAgICAgLnNwbGl0KFwiXCIpXG4gICAgICAgICAgICAubWFwKGNoYXIgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG51bWJlciA9IE51bWJlcihjaGFyKTtcbiAgICAgICAgICAgICAgICBpZiAobnVtYmVyIHx8IGNoYXIgPT09IFwiMFwiKSByZXR1cm4gZm9ybWF0dGVkTmV3VmFsdWVbbmV3VmFsdWVJbmRleCsrXTtcbiAgICAgICAgICAgICAgICByZXR1cm4gY2hhcjtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuam9pbihcIlwiKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -5969,10 +5969,12 @@ let StatsCardComponent = StatsCardComponent_1 = class StatsCardComponent {
|
|
|
5969
5969
|
return this._value;
|
|
5970
5970
|
}
|
|
5971
5971
|
updateDisplayValue() {
|
|
5972
|
+
const animationDuration = new BigNumber$1(this.ANIMATION_DURATION_MS);
|
|
5973
|
+
const stepDuration = new BigNumber$1(this.STEP_DURATION_MS);
|
|
5974
|
+
const animationCount = animationDuration.dividedBy(stepDuration);
|
|
5972
5975
|
const previousRawValue = new BigNumber$1(this.previousValue.replace(/\D/g, ""));
|
|
5973
5976
|
const rawValue = new BigNumber$1(this.value.replace(/\D/g, ""));
|
|
5974
|
-
const
|
|
5975
|
-
const incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
|
|
5977
|
+
const incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(animationCount);
|
|
5976
5978
|
const incremental = previousRawValue.isLessThan(rawValue);
|
|
5977
5979
|
clearInterval(this.intervalId);
|
|
5978
5980
|
this.displayValue = this.replaceNumericPositions(this.value);
|
|
@@ -6048,7 +6050,7 @@ __decorate([
|
|
|
6048
6050
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
6049
6051
|
Component({
|
|
6050
6052
|
selector: "s-stats-card",
|
|
6051
|
-
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"
|
|
6053
|
+
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n </div>\n\n </div>\n <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n\n</div>\n",
|
|
6052
6054
|
encapsulation: ViewEncapsulation.None,
|
|
6053
6055
|
styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
|
|
6054
6056
|
})
|