@dev-tcloud/tcloud-ui 2.4.0 → 2.4.2
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/esm2022/lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.component.mjs +4 -4
- package/esm2022/lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.component.mjs +17 -4
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +19 -6
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.component.d.ts +2 -2
- package/lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.component.d.ts +4 -1
- package/package.json +1 -1
package/esm2022/lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.component.mjs
CHANGED
|
@@ -12,7 +12,7 @@ export class TCloudUiLineStepTitleComponent {
|
|
|
12
12
|
return this.steps.filter(x => x.completed).length;
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLineStepTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiLineStepTitleComponent, selector: "tcloud-ui-line-step-title", inputs: { showStepCounter: "showStepCounter", steps: "steps",
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiLineStepTitleComponent, selector: "tcloud-ui-line-step-title", inputs: { showStepCounter: "showStepCounter", steps: "steps", currentStep: "currentStep" }, ngImport: i0, template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' : currentStep ? i < currentStep : step.completed }\">\r\n <ng-container *ngIf=\"showStepCounter\">{{i + 1}}.</ng-container> {{step.title}}\r\n </span>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"line-wrapper\">\r\n <div class=\"background-line\"></div>\r\n <div\r\n @progressBarEntering\r\n class=\"progress-line\"\r\n [ngStyle]=\"{ 'width.%' : currentStep ? ((currentStep / steps.length) * 100) : ((completedSteps / steps.length) * 100) }\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tcloud-ui-line-step{width:100%}.tcloud-ui-line-step .steps-title-wrapper{display:flex;font-size:13px;margin-bottom:16px}.tcloud-ui-line-step .steps-title-wrapper .step-title{transition:.3s ease}.tcloud-ui-line-step .steps-title-wrapper .step-title.completed{color:var(--tc-primary)}.tcloud-ui-line-step .line-wrapper{height:8px;position:relative;width:100%}.tcloud-ui-line-step .line-wrapper .background-line{background-color:var(--tc-gray-300);border-radius:8px;height:8px;left:0;position:absolute;top:0;width:100%}.tcloud-ui-line-step .line-wrapper .progress-line{background-color:var(--tc-primary);border-radius:8px;height:8px;left:0;position:absolute;top:0;transition:.75s ease}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
|
|
16
16
|
trigger('progressBarEntering', [
|
|
17
17
|
state('in', style({ width: '*' })),
|
|
18
18
|
transition('void => *', [
|
|
@@ -32,12 +32,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
32
32
|
animate('1.5s 0s ease')
|
|
33
33
|
])
|
|
34
34
|
])
|
|
35
|
-
], template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' :
|
|
35
|
+
], template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' : currentStep ? i < currentStep : step.completed }\">\r\n <ng-container *ngIf=\"showStepCounter\">{{i + 1}}.</ng-container> {{step.title}}\r\n </span>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"line-wrapper\">\r\n <div class=\"background-line\"></div>\r\n <div\r\n @progressBarEntering\r\n class=\"progress-line\"\r\n [ngStyle]=\"{ 'width.%' : currentStep ? ((currentStep / steps.length) * 100) : ((completedSteps / steps.length) * 100) }\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tcloud-ui-line-step{width:100%}.tcloud-ui-line-step .steps-title-wrapper{display:flex;font-size:13px;margin-bottom:16px}.tcloud-ui-line-step .steps-title-wrapper .step-title{transition:.3s ease}.tcloud-ui-line-step .steps-title-wrapper .step-title.completed{color:var(--tc-primary)}.tcloud-ui-line-step .line-wrapper{height:8px;position:relative;width:100%}.tcloud-ui-line-step .line-wrapper .background-line{background-color:var(--tc-gray-300);border-radius:8px;height:8px;left:0;position:absolute;top:0;width:100%}.tcloud-ui-line-step .line-wrapper .progress-line{background-color:var(--tc-primary);border-radius:8px;height:8px;left:0;position:absolute;top:0;transition:.75s ease}\n"] }]
|
|
36
36
|
}], propDecorators: { showStepCounter: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], steps: [{
|
|
39
39
|
type: Input
|
|
40
|
-
}],
|
|
40
|
+
}], currentStep: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWxpbmUtc3RlcC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbGluZS1zdGVwLXRpdGxlL3RjbG91ZC11aS1saW5lLXN0ZXAtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC10aXRsZS90Y2xvdWQtdWktbGluZS1zdGVwLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWlCakYsTUFBTSxPQUFPLDhCQUE4QjtJQWQzQztRQWVXLG9CQUFlLEdBQVksSUFBSSxDQUFDO0tBVzFDO0lBUEMsUUFBUTtJQUVSLENBQUM7SUFFRCxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDcEQsQ0FBQzsrR0FYVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qiw2SkNsQjNDLDB6QkFxQkEsNm1DRGJjO1lBQ1YsT0FBTyxDQUFDLHFCQUFxQixFQUFFO2dCQUM3QixLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUNsQyxVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQ25CLE9BQU8sQ0FBQyxjQUFjLENBQUM7aUJBQ3hCLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLDhCQUE4QjtrQkFkMUMsU0FBUzsrQkFDRSwyQkFBMkIsY0FHekI7d0JBQ1YsT0FBTyxDQUFDLHFCQUFxQixFQUFFOzRCQUM3QixLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUNsQyxVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0NBQ25CLE9BQU8sQ0FBQyxjQUFjLENBQUM7NkJBQ3hCLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs4QkFHUSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBMaW5lU3RlcFRpdGxlRGF0YSB9IGZyb20gJy4vdGNsb3VkLXVpLWxpbmUtc3RlcC10aXRsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RjbG91ZC11aS1saW5lLXN0ZXAtdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktbGluZS1zdGVwLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90Y2xvdWQtdWktbGluZS1zdGVwLXRpdGxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcigncHJvZ3Jlc3NCYXJFbnRlcmluZycsIFtcclxuICAgICAgc3RhdGUoJ2luJywgc3R5bGUoeyB3aWR0aDogJyonIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIHN0eWxlKHsgd2lkdGg6IDAgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgnMS41cyAwcyBlYXNlJylcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlMaW5lU3RlcFRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzaG93U3RlcENvdW50ZXI6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHN0ZXBzITogTGluZVN0ZXBUaXRsZURhdGFbXTtcclxuICBASW5wdXQoKSBjdXJyZW50U3RlcD86IG51bWJlcjtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBjb21wbGV0ZWRTdGVwcygpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuIHRoaXMuc3RlcHMuZmlsdGVyKHggPT4geC5jb21wbGV0ZWQpLmxlbmd0aDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRjbG91ZC11aS1saW5lLXN0ZXBcIj5cclxuICA8ZGl2IGNsYXNzPVwic3RlcHMtdGl0bGUtd3JhcHBlclwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIGNsYXNzPVwic3RlcC10aXRsZVwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwieyAnZmxleC1iYXNpcycgOiAxMDAgLyBzdGVwcy5sZW5ndGggKyAnJScgfVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnY29tcGxldGVkJyA6IGN1cnJlbnRTdGVwID8gaSA8IGN1cnJlbnRTdGVwIDogc3RlcC5jb21wbGV0ZWQgfVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93U3RlcENvdW50ZXJcIj57e2kgKyAxfX0uPC9uZy1jb250YWluZXI+IHt7c3RlcC50aXRsZX19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibGluZS13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYmFja2dyb3VuZC1saW5lXCI+PC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgIEBwcm9ncmVzc0JhckVudGVyaW5nXHJcbiAgICAgIGNsYXNzPVwicHJvZ3Jlc3MtbGluZVwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsgJ3dpZHRoLiUnIDogY3VycmVudFN0ZXAgPyAoKGN1cnJlbnRTdGVwIC8gc3RlcHMubGVuZ3RoKSAqIDEwMCkgOiAoKGNvbXBsZXRlZFN0ZXBzIC8gc3RlcHMubGVuZ3RoKSAqIDEwMCkgfVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -7,6 +7,7 @@ export class TCloudUiProgressBarComponent {
|
|
|
7
7
|
if (value) {
|
|
8
8
|
setTimeout(() => {
|
|
9
9
|
this._status = value;
|
|
10
|
+
this.toCalcLimit();
|
|
10
11
|
});
|
|
11
12
|
}
|
|
12
13
|
}
|
|
@@ -26,6 +27,8 @@ export class TCloudUiProgressBarComponent {
|
|
|
26
27
|
}
|
|
27
28
|
get height() { return this._height; }
|
|
28
29
|
constructor() {
|
|
30
|
+
this.value_100 = 100;
|
|
31
|
+
this.limit = undefined;
|
|
29
32
|
/*
|
|
30
33
|
status
|
|
31
34
|
*/
|
|
@@ -103,13 +106,23 @@ export class TCloudUiProgressBarComponent {
|
|
|
103
106
|
}
|
|
104
107
|
this.height_class = height_class;
|
|
105
108
|
}
|
|
109
|
+
toCalcLimit() {
|
|
110
|
+
let vp = 100;
|
|
111
|
+
let percentual = +(this.status);
|
|
112
|
+
if (percentual > 100) {
|
|
113
|
+
let v100 = vp / (percentual / 100);
|
|
114
|
+
this.value_100 = +((v100).toFixed(2));
|
|
115
|
+
}
|
|
116
|
+
}
|
|
106
117
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { status: "status", mode: "mode", height: "height", useDefaultBackground: "useDefaultBackground", showValue: "showValue" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"
|
|
118
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { limit: "limit", status: "status", mode: "mode", height: "height", useDefaultBackground: "useDefaultBackground", showValue: "showValue" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"> \r\n <div class=\"tc-progress-bar {{ height_class }}\" [class.use-background]=\"useDefaultBackground\" >\r\n <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\r\n <label *ngIf=\"height_class === 'height-very-fat' && showValue\" [class.fixed-left]=\"(+status >= 12)\" [style]=\"'left: '+ (70) +'px'\" class=\"indicative-value info-{{ progress_class }}\">{{ status }}%</label>\r\n </div>\r\n</div>\r\n<div *ngIf=\"value_100 < 100\" >\r\n <div [class.indicative-limit]=\"limit\" [style]=\"{'width': value_100+'%'}\">\r\n <label>100%</label>\r\n </div> \r\n</div>\r\n", styles: [".tc-background-progress-gradient-success{border:none!important}.tc-background-progress-gradient-success .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-warning{border:none!important}.tc-background-progress-gradient-warning .tc-progress-bar{background:rgb(247,227,208);background:linear-gradient(90deg,rgb(247,227,208) 0%,rgb(247,217,216) 100%)}.tc-background-progress-gradient-info{border:none!important}.tc-background-progress-gradient-info .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-danger{border:none!important}.tc-background-progress-gradient-danger .tc-progress-bar{background:rgb(244,208,247);background:linear-gradient(90deg,rgb(244,208,247) 0%,rgb(238,167,165) 100%)}.tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .height-very-fat{height:24px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;overflow:hidden}.tc-ui-progress-bar .tc-progress-bar.use-background{background-color:var(--tc-gray-200)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-success{background-color:var(--green2)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gray{background-color:var(--tc-gray-500)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-success{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-warning{background:rgb(255,191,26);background:linear-gradient(90deg,0%,rgb(255,191,26) 0%,rgb(255,64,128) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-info{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-danger{background:rgb(234,47,103);background:linear-gradient(90deg,0%,rgb(233,47,102) 0%,rgb(208,46,46) 100%)}label.indicative-value{position:relative;top:-26px;z-index:1;font-size:17px;font-weight:500}label.indicative-value.info-progress-gradient-success,label.indicative-value.info-progress-success{color:var(--green2)}label.indicative-value.info-progress-gradient-anger,label.indicative-value.info-progress-danger{color:#d02e2e}label.indicative-value.info-progress-gradient-warning,label.indicative-value.info-progress-warning{color:#f7b50c}label.indicative-value.fixed-left{left:16px!important;color:#fff!important}.indicative-limit{border-right:2px solid #000;line-height:0;height:30px;position:relative;top:-20px;text-align:right}.indicative-limit label{position:relative;top:30px;left:-3px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
108
119
|
}
|
|
109
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, decorators: [{
|
|
110
121
|
type: Component,
|
|
111
|
-
args: [{ selector: 'tcloud-ui-progress-bar', template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"
|
|
112
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
122
|
+
args: [{ selector: 'tcloud-ui-progress-bar', template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"> \r\n <div class=\"tc-progress-bar {{ height_class }}\" [class.use-background]=\"useDefaultBackground\" >\r\n <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\r\n <label *ngIf=\"height_class === 'height-very-fat' && showValue\" [class.fixed-left]=\"(+status >= 12)\" [style]=\"'left: '+ (70) +'px'\" class=\"indicative-value info-{{ progress_class }}\">{{ status }}%</label>\r\n </div>\r\n</div>\r\n<div *ngIf=\"value_100 < 100\" >\r\n <div [class.indicative-limit]=\"limit\" [style]=\"{'width': value_100+'%'}\">\r\n <label>100%</label>\r\n </div> \r\n</div>\r\n", styles: [".tc-background-progress-gradient-success{border:none!important}.tc-background-progress-gradient-success .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-warning{border:none!important}.tc-background-progress-gradient-warning .tc-progress-bar{background:rgb(247,227,208);background:linear-gradient(90deg,rgb(247,227,208) 0%,rgb(247,217,216) 100%)}.tc-background-progress-gradient-info{border:none!important}.tc-background-progress-gradient-info .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-danger{border:none!important}.tc-background-progress-gradient-danger .tc-progress-bar{background:rgb(244,208,247);background:linear-gradient(90deg,rgb(244,208,247) 0%,rgb(238,167,165) 100%)}.tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .height-very-fat{height:24px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;overflow:hidden}.tc-ui-progress-bar .tc-progress-bar.use-background{background-color:var(--tc-gray-200)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-success{background-color:var(--green2)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gray{background-color:var(--tc-gray-500)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-success{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-warning{background:rgb(255,191,26);background:linear-gradient(90deg,0%,rgb(255,191,26) 0%,rgb(255,64,128) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-info{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-danger{background:rgb(234,47,103);background:linear-gradient(90deg,0%,rgb(233,47,102) 0%,rgb(208,46,46) 100%)}label.indicative-value{position:relative;top:-26px;z-index:1;font-size:17px;font-weight:500}label.indicative-value.info-progress-gradient-success,label.indicative-value.info-progress-success{color:var(--green2)}label.indicative-value.info-progress-gradient-anger,label.indicative-value.info-progress-danger{color:#d02e2e}label.indicative-value.info-progress-gradient-warning,label.indicative-value.info-progress-warning{color:#f7b50c}label.indicative-value.fixed-left{left:16px!important;color:#fff!important}.indicative-limit{border-right:2px solid #000;line-height:0;height:30px;position:relative;top:-20px;text-align:right}.indicative-limit label{position:relative;top:30px;left:-3px}\n"] }]
|
|
123
|
+
}], ctorParameters: function () { return []; }, propDecorators: { limit: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], status: [{
|
|
113
126
|
type: Input
|
|
114
127
|
}], mode: [{
|
|
115
128
|
type: Input
|
|
@@ -120,4 +133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
120
133
|
}], showValue: [{
|
|
121
134
|
type: Input
|
|
122
135
|
}] } });
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLXByb2dyZXNzLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktcHJvZ3Jlc3MtYmFyL3RjbG91ZC11aS1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXByb2dyZXNzLWJhci90Y2xvdWQtdWktcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPekQsTUFBTSxPQUFPLDRCQUE0QjtJQVN2QyxJQUFhLE1BQU0sQ0FBQyxNQUFXO1FBQzdCLElBQUksS0FBSyxHQUFHLEdBQUcsTUFBTSxFQUFFLENBQUM7UUFDeEIsSUFBSSxLQUFLLEVBQUU7WUFDVCxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2dCQUNyQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFDRCxJQUFJLE1BQU0sS0FBWSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUEsQ0FBQyxDQUFDO0lBTTNDLElBQWEsSUFBSSxDQUFDLElBQVk7UUFDNUIsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDaEI7SUFDSCxDQUFDO0lBQ0QsSUFBSSxJQUFJLEtBQVksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFBLENBQUMsQ0FBQztJQU12QyxJQUFhLE1BQU0sQ0FBQyxNQUFjO1FBQ2hDLElBQUksTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUNELElBQUksTUFBTSxLQUFZLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQSxDQUFDLENBQUM7SUFRM0M7UUFoREEsY0FBUyxHQUFXLEdBQUcsQ0FBQztRQUNmLFVBQUssR0FBUSxTQUFTLENBQUM7UUFFaEM7O1VBRUU7UUFDTSxZQUFPLEdBQVEsR0FBRyxDQUFDO1FBWTNCOztVQUVFO1FBQ00sVUFBSyxHQUFXLFNBQVMsQ0FBQztRQVNsQzs7VUFFRTtRQUNNLFlBQU8sR0FBVyxRQUFRLENBQUM7UUFTbkMsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFDNUIsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFFakIseUJBQW9CLEdBQVksSUFBSSxDQUFDO1FBQ3JDLGNBQVMsR0FBWSxJQUFJLENBQUM7SUFFbkIsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxPQUFPO1FBQ0wsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQztRQUN4QyxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssU0FBUztnQkFBRSxjQUFjLEdBQUcsa0JBQWtCLENBQUM7Z0JBQUMsTUFBTTtZQUMzRCxLQUFLLFFBQVE7Z0JBQUUsY0FBYyxHQUFHLGlCQUFpQixDQUFDO2dCQUFDLE1BQU07WUFDekQsS0FBSyxTQUFTO2dCQUFFLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQztnQkFBQyxNQUFNO1lBQzNELEtBQUssTUFBTTtnQkFBRSxjQUFjLEdBQUcsZUFBZSxDQUFDO2dCQUFDLE1BQU07WUFDckQsS0FBSyxTQUFTO2dCQUFFLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQztnQkFBQyxNQUFNO1lBQzNELEtBQUssTUFBTTtnQkFBRSxjQUFjLEdBQUcsZUFBZSxDQUFDO2dCQUFDLE1BQU07WUFFckQsS0FBSyxrQkFBa0I7Z0JBQUUsY0FBYyxHQUFHLDJCQUEyQixDQUFDO2dCQUFDLE1BQU07WUFDN0UsS0FBSyxpQkFBaUI7Z0JBQUUsY0FBYyxHQUFHLDBCQUEwQixDQUFDO2dCQUFDLE1BQU07WUFDM0UsS0FBSyxrQkFBa0I7Z0JBQUUsY0FBYyxHQUFHLDJCQUEyQixDQUFDO2dCQUFDLE1BQU07WUFDN0UsS0FBSyxlQUFlO2dCQUFFLGNBQWMsR0FBRyx3QkFBd0IsQ0FBQztnQkFBQyxNQUFNO1NBQ3hFO1FBQ0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7SUFDdkMsQ0FBQztJQUVELFNBQVM7UUFDUCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksWUFBWSxHQUFHLGVBQWUsQ0FBQztRQUNuQyxRQUFRLE1BQU0sRUFBRTtZQUNkLEtBQUssUUFBUTtnQkFBRSxZQUFZLEdBQUcsZUFBZSxDQUFDO2dCQUFDLE1BQU07WUFDckQsS0FBSyxNQUFNO2dCQUFFLFlBQVksR0FBRyxhQUFhLENBQUM7Z0JBQUMsTUFBTTtZQUNqRCxLQUFLLEtBQUs7Z0JBQUUsWUFBWSxHQUFHLFlBQVksQ0FBQztnQkFBQyxNQUFNO1lBQy9DLEtBQUssVUFBVTtnQkFBRSxZQUFZLEdBQUcsaUJBQWlCLENBQUM7Z0JBQUMsTUFBTTtTQUMxRDtRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsWUFBWSxDQUFDO0lBQ25DLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxFQUFFLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLElBQUksVUFBVSxHQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEMsSUFBSSxVQUFVLEdBQUcsR0FBRyxFQUFFO1lBQ3BCLElBQUksSUFBSSxHQUFHLEVBQUUsR0FBRyxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQzsrR0FoR1UsNEJBQTRCO21HQUE1Qiw0QkFBNEIsa05DUHpDLDh1QkFXQTs7NEZESmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHdCQUF3QjswRUFPekIsS0FBSztzQkFBYixLQUFLO2dCQU1PLE1BQU07c0JBQWxCLEtBQUs7Z0JBZU8sSUFBSTtzQkFBaEIsS0FBSztnQkFZTyxNQUFNO3NCQUFsQixLQUFLO2dCQVdHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RjbG91ZC11aS1wcm9ncmVzcy1iYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90Y2xvdWQtdWktcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpUHJvZ3Jlc3NCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICB2YWx1ZV8xMDA6IG51bWJlciA9IDEwMDtcclxuICBASW5wdXQoKSBsaW1pdDogYW55ID0gdW5kZWZpbmVkO1xyXG5cclxuICAvKlxyXG4gIHN0YXR1c1xyXG4gICovXHJcbiAgcHJpdmF0ZSBfc3RhdHVzOiBhbnkgPSAnMCc7XHJcbiAgQElucHV0KCkgc2V0IHN0YXR1cyhzdGF0dXM6IGFueSl7XHJcbiAgICBsZXQgdmFsdWUgPSBgJHtzdGF0dXN9YDtcclxuICAgIGlmKCB2YWx1ZSApe1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLl9zdGF0dXMgPSB2YWx1ZTtcclxuICAgICAgICB0aGlzLnRvQ2FsY0xpbWl0KCk7XHJcbiAgICAgIH0pOyAgICAgIFxyXG4gICAgfVxyXG4gIH1cclxuICBnZXQgc3RhdHVzKCk6c3RyaW5nIHsgcmV0dXJuIHRoaXMuX3N0YXR1cyB9IFxyXG5cclxuICAvKlxyXG4gIG1vZGVcclxuICAqL1xyXG4gIHByaXZhdGUgX21vZGU6IHN0cmluZyA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBzZXQgbW9kZShtb2RlOiBzdHJpbmcpe1xyXG4gICAgaWYoIG1vZGUgKXtcclxuICAgICAgdGhpcy5fbW9kZSA9IG1vZGU7ICBcclxuICAgICAgdGhpcy5zZXRNb2RlKCk7XHJcbiAgICB9ICAgIFxyXG4gIH1cclxuICBnZXQgbW9kZSgpOnN0cmluZyB7IHJldHVybiB0aGlzLl9tb2RlIH0gXHJcblxyXG4gIC8qXHJcbiAgaGVpZ2h0XHJcbiAgKi9cclxuICBwcml2YXRlIF9oZWlnaHQ6IHN0cmluZyA9ICdub3JtYWwnO1xyXG4gIEBJbnB1dCgpIHNldCBoZWlnaHQoaGVpZ2h0OiBzdHJpbmcpe1xyXG4gICAgaWYoIGhlaWdodCApe1xyXG4gICAgICB0aGlzLl9oZWlnaHQgPSBoZWlnaHQ7IFxyXG4gICAgICB0aGlzLnNldGhlaWdodCgpOyAgICAgXHJcbiAgICB9ICAgIFxyXG4gIH1cclxuICBnZXQgaGVpZ2h0KCk6c3RyaW5nIHsgcmV0dXJuIHRoaXMuX2hlaWdodCB9XHJcblxyXG4gIHByb2dyZXNzX2NsYXNzOiBzdHJpbmcgPSAnJztcclxuICBoZWlnaHRfY2xhc3M6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSB1c2VEZWZhdWx0QmFja2dyb3VuZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd1ZhbHVlOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldE1vZGUoKTtcclxuICAgIHRoaXMuc2V0aGVpZ2h0KCk7XHJcbiAgfVxyXG5cclxuICBzZXRNb2RlKCk6IHZvaWR7XHJcbiAgICBjb25zdCBtb2RlID0gdGhpcy5tb2RlO1xyXG4gICAgbGV0IHByb2dyZXNzX2NsYXNzID0gJ3Byb2dyZXNzLXByaW1hcnknO1xyXG4gICAgc3dpdGNoIChtb2RlKSB7XHJcbiAgICAgIGNhc2UgJ3ByaW1hcnknOiBwcm9ncmVzc19jbGFzcyA9ICdwcm9ncmVzcy1wcmltYXJ5JzsgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2Rhbmdlcic6IHByb2dyZXNzX2NsYXNzID0gJ3Byb2dyZXNzLWRhbmdlcic7IGJyZWFrO1xyXG4gICAgICBjYXNlICd3YXJuaW5nJzogcHJvZ3Jlc3NfY2xhc3MgPSAncHJvZ3Jlc3Mtd2FybmluZyc7IGJyZWFrO1xyXG4gICAgICBjYXNlICdpbmZvJzogcHJvZ3Jlc3NfY2xhc3MgPSAncHJvZ3Jlc3MtaW5mbyc7IGJyZWFrO1xyXG4gICAgICBjYXNlICdzdWNjZXNzJzogcHJvZ3Jlc3NfY2xhc3MgPSAncHJvZ3Jlc3Mtc3VjY2Vzcyc7IGJyZWFrO1xyXG4gICAgICBjYXNlICdncmF5JzogcHJvZ3Jlc3NfY2xhc3MgPSAncHJvZ3Jlc3MtZ3JheSc7IGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSAnZ3JhZGllbnQtc3VjY2Vzcyc6IHByb2dyZXNzX2NsYXNzID0gJ3Byb2dyZXNzLWdyYWRpZW50LXN1Y2Nlc3MnOyBicmVhaztcclxuICAgICAgY2FzZSAnZ3JhZGllbnQtZGFuZ2VyJzogcHJvZ3Jlc3NfY2xhc3MgPSAncHJvZ3Jlc3MtZ3JhZGllbnQtZGFuZ2VyJzsgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2dyYWRpZW50LXdhcm5pbmcnOiBwcm9ncmVzc19jbGFzcyA9ICdwcm9ncmVzcy1ncmFkaWVudC13YXJuaW5nJzsgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2dyYWRpZW50LWluZm8nOiBwcm9ncmVzc19jbGFzcyA9ICdwcm9ncmVzcy1ncmFkaWVudC1pbmZvJzsgYnJlYWs7XHJcbiAgICB9XHJcbiAgICB0aGlzLnByb2dyZXNzX2NsYXNzID0gcHJvZ3Jlc3NfY2xhc3M7XHJcbiAgfVxyXG5cclxuICBzZXRoZWlnaHQoKTogdm9pZHtcclxuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuaGVpZ2h0O1xyXG4gICAgbGV0IGhlaWdodF9jbGFzcyA9ICdoZWlnaHQtbm9ybWFsJztcclxuICAgIHN3aXRjaCAoaGVpZ2h0KSB7XHJcbiAgICAgIGNhc2UgJ25vcm1hbCc6IGhlaWdodF9jbGFzcyA9ICdoZWlnaHQtbm9ybWFsJzsgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ3NsaW0nOiBoZWlnaHRfY2xhc3MgPSAnaGVpZ2h0LXNsaW0nOyBicmVhaztcclxuICAgICAgY2FzZSAnZmF0JzogaGVpZ2h0X2NsYXNzID0gJ2hlaWdodC1mYXQnOyBicmVhaztcclxuICAgICAgY2FzZSAndmVyeS1mYXQnOiBoZWlnaHRfY2xhc3MgPSAnaGVpZ2h0LXZlcnktZmF0JzsgYnJlYWs7XHJcbiAgICB9XHJcbiAgICB0aGlzLmhlaWdodF9jbGFzcyA9IGhlaWdodF9jbGFzcztcclxuICB9XHJcblxyXG4gIHRvQ2FsY0xpbWl0KCl7XHJcbiAgICBsZXQgdnA6IG51bWJlciA9IDEwMDtcclxuICAgIGxldCBwZXJjZW50dWFsOiBudW1iZXIgPSArKHRoaXMuc3RhdHVzKTtcclxuXHJcbiAgICBpZiggcGVyY2VudHVhbCA+IDEwMCApe1xyXG4gICAgICBsZXQgdjEwMCA9IHZwIC8gKHBlcmNlbnR1YWwgLyAxMDApO1xyXG4gICAgICB0aGlzLnZhbHVlXzEwMCA9ICsoKHYxMDApLnRvRml4ZWQoMikpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRjLXVpLXByb2dyZXNzLWJhciB0Yy1iYWNrZ3JvdW5kLXt7IHByb2dyZXNzX2NsYXNzIH19XCI+ICAgICAgICBcclxuICAgIDxkaXYgY2xhc3M9XCJ0Yy1wcm9ncmVzcy1iYXIge3sgaGVpZ2h0X2NsYXNzIH19XCIgW2NsYXNzLnVzZS1iYWNrZ3JvdW5kXT1cInVzZURlZmF1bHRCYWNrZ3JvdW5kXCIgPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0Yy1wcm9ncmVzcy1iYXItc3RhdHVzIHt7IHByb2dyZXNzX2NsYXNzIH19IHt7IGhlaWdodF9jbGFzcyB9fVwiIFtzdHlsZV09XCInd2lkdGg6ICcgKyBzdGF0dXMgKyAnJSdcIj48L2Rpdj5cclxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJoZWlnaHRfY2xhc3MgPT09ICdoZWlnaHQtdmVyeS1mYXQnICYmIHNob3dWYWx1ZVwiIFtjbGFzcy5maXhlZC1sZWZ0XT1cIigrc3RhdHVzID49IDEyKVwiIFtzdHlsZV09XCInbGVmdDogJysgKDcwKSArJ3B4J1wiIGNsYXNzPVwiaW5kaWNhdGl2ZS12YWx1ZSBpbmZvLXt7IHByb2dyZXNzX2NsYXNzIH19XCI+e3sgc3RhdHVzIH19JTwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxkaXYgKm5nSWY9XCJ2YWx1ZV8xMDAgPCAxMDBcIiA+XHJcbiAgICA8ZGl2IFtjbGFzcy5pbmRpY2F0aXZlLWxpbWl0XT1cImxpbWl0XCIgW3N0eWxlXT1cInsnd2lkdGgnOiB2YWx1ZV8xMDArJyUnfVwiPlxyXG4gICAgICAgIDxsYWJlbD4xMDAlPC9sYWJlbD5cclxuICAgIDwvZGl2PiAgICBcclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -5723,6 +5723,7 @@ class TCloudUiProgressBarComponent {
|
|
|
5723
5723
|
if (value) {
|
|
5724
5724
|
setTimeout(() => {
|
|
5725
5725
|
this._status = value;
|
|
5726
|
+
this.toCalcLimit();
|
|
5726
5727
|
});
|
|
5727
5728
|
}
|
|
5728
5729
|
}
|
|
@@ -5742,6 +5743,8 @@ class TCloudUiProgressBarComponent {
|
|
|
5742
5743
|
}
|
|
5743
5744
|
get height() { return this._height; }
|
|
5744
5745
|
constructor() {
|
|
5746
|
+
this.value_100 = 100;
|
|
5747
|
+
this.limit = undefined;
|
|
5745
5748
|
/*
|
|
5746
5749
|
status
|
|
5747
5750
|
*/
|
|
@@ -5819,13 +5822,23 @@ class TCloudUiProgressBarComponent {
|
|
|
5819
5822
|
}
|
|
5820
5823
|
this.height_class = height_class;
|
|
5821
5824
|
}
|
|
5825
|
+
toCalcLimit() {
|
|
5826
|
+
let vp = 100;
|
|
5827
|
+
let percentual = +(this.status);
|
|
5828
|
+
if (percentual > 100) {
|
|
5829
|
+
let v100 = vp / (percentual / 100);
|
|
5830
|
+
this.value_100 = +((v100).toFixed(2));
|
|
5831
|
+
}
|
|
5832
|
+
}
|
|
5822
5833
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5823
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { status: "status", mode: "mode", height: "height", useDefaultBackground: "useDefaultBackground", showValue: "showValue" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"
|
|
5834
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { limit: "limit", status: "status", mode: "mode", height: "height", useDefaultBackground: "useDefaultBackground", showValue: "showValue" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"> \r\n <div class=\"tc-progress-bar {{ height_class }}\" [class.use-background]=\"useDefaultBackground\" >\r\n <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\r\n <label *ngIf=\"height_class === 'height-very-fat' && showValue\" [class.fixed-left]=\"(+status >= 12)\" [style]=\"'left: '+ (70) +'px'\" class=\"indicative-value info-{{ progress_class }}\">{{ status }}%</label>\r\n </div>\r\n</div>\r\n<div *ngIf=\"value_100 < 100\" >\r\n <div [class.indicative-limit]=\"limit\" [style]=\"{'width': value_100+'%'}\">\r\n <label>100%</label>\r\n </div> \r\n</div>\r\n", styles: [".tc-background-progress-gradient-success{border:none!important}.tc-background-progress-gradient-success .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-warning{border:none!important}.tc-background-progress-gradient-warning .tc-progress-bar{background:rgb(247,227,208);background:linear-gradient(90deg,rgb(247,227,208) 0%,rgb(247,217,216) 100%)}.tc-background-progress-gradient-info{border:none!important}.tc-background-progress-gradient-info .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-danger{border:none!important}.tc-background-progress-gradient-danger .tc-progress-bar{background:rgb(244,208,247);background:linear-gradient(90deg,rgb(244,208,247) 0%,rgb(238,167,165) 100%)}.tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .height-very-fat{height:24px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;overflow:hidden}.tc-ui-progress-bar .tc-progress-bar.use-background{background-color:var(--tc-gray-200)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-success{background-color:var(--green2)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gray{background-color:var(--tc-gray-500)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-success{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-warning{background:rgb(255,191,26);background:linear-gradient(90deg,0%,rgb(255,191,26) 0%,rgb(255,64,128) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-info{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-danger{background:rgb(234,47,103);background:linear-gradient(90deg,0%,rgb(233,47,102) 0%,rgb(208,46,46) 100%)}label.indicative-value{position:relative;top:-26px;z-index:1;font-size:17px;font-weight:500}label.indicative-value.info-progress-gradient-success,label.indicative-value.info-progress-success{color:var(--green2)}label.indicative-value.info-progress-gradient-anger,label.indicative-value.info-progress-danger{color:#d02e2e}label.indicative-value.info-progress-gradient-warning,label.indicative-value.info-progress-warning{color:#f7b50c}label.indicative-value.fixed-left{left:16px!important;color:#fff!important}.indicative-limit{border-right:2px solid #000;line-height:0;height:30px;position:relative;top:-20px;text-align:right}.indicative-limit label{position:relative;top:30px;left:-3px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
5824
5835
|
}
|
|
5825
5836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, decorators: [{
|
|
5826
5837
|
type: Component,
|
|
5827
|
-
args: [{ selector: 'tcloud-ui-progress-bar', template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"
|
|
5828
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
5838
|
+
args: [{ selector: 'tcloud-ui-progress-bar', template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\"> \r\n <div class=\"tc-progress-bar {{ height_class }}\" [class.use-background]=\"useDefaultBackground\" >\r\n <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\r\n <label *ngIf=\"height_class === 'height-very-fat' && showValue\" [class.fixed-left]=\"(+status >= 12)\" [style]=\"'left: '+ (70) +'px'\" class=\"indicative-value info-{{ progress_class }}\">{{ status }}%</label>\r\n </div>\r\n</div>\r\n<div *ngIf=\"value_100 < 100\" >\r\n <div [class.indicative-limit]=\"limit\" [style]=\"{'width': value_100+'%'}\">\r\n <label>100%</label>\r\n </div> \r\n</div>\r\n", styles: [".tc-background-progress-gradient-success{border:none!important}.tc-background-progress-gradient-success .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-warning{border:none!important}.tc-background-progress-gradient-warning .tc-progress-bar{background:rgb(247,227,208);background:linear-gradient(90deg,rgb(247,227,208) 0%,rgb(247,217,216) 100%)}.tc-background-progress-gradient-info{border:none!important}.tc-background-progress-gradient-info .tc-progress-bar{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(222,241,213) 0%,rgb(206,243,228) 100%)}.tc-background-progress-gradient-danger{border:none!important}.tc-background-progress-gradient-danger .tc-progress-bar{background:rgb(244,208,247);background:linear-gradient(90deg,rgb(244,208,247) 0%,rgb(238,167,165) 100%)}.tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .height-very-fat{height:24px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;overflow:hidden}.tc-ui-progress-bar .tc-progress-bar.use-background{background-color:var(--tc-gray-200)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-success{background-color:var(--green2)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gray{background-color:var(--tc-gray-500)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-success{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-warning{background:rgb(255,191,26);background:linear-gradient(90deg,0%,rgb(255,191,26) 0%,rgb(255,64,128) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-info{background:rgb(47,234,155);background:linear-gradient(90deg,rgb(47,234,155) 0%,rgb(127,221,83) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-danger{background:rgb(234,47,103);background:linear-gradient(90deg,0%,rgb(233,47,102) 0%,rgb(208,46,46) 100%)}label.indicative-value{position:relative;top:-26px;z-index:1;font-size:17px;font-weight:500}label.indicative-value.info-progress-gradient-success,label.indicative-value.info-progress-success{color:var(--green2)}label.indicative-value.info-progress-gradient-anger,label.indicative-value.info-progress-danger{color:#d02e2e}label.indicative-value.info-progress-gradient-warning,label.indicative-value.info-progress-warning{color:#f7b50c}label.indicative-value.fixed-left{left:16px!important;color:#fff!important}.indicative-limit{border-right:2px solid #000;line-height:0;height:30px;position:relative;top:-20px;text-align:right}.indicative-limit label{position:relative;top:30px;left:-3px}\n"] }]
|
|
5839
|
+
}], ctorParameters: function () { return []; }, propDecorators: { limit: [{
|
|
5840
|
+
type: Input
|
|
5841
|
+
}], status: [{
|
|
5829
5842
|
type: Input
|
|
5830
5843
|
}], mode: [{
|
|
5831
5844
|
type: Input
|
|
@@ -6095,7 +6108,7 @@ class TCloudUiLineStepTitleComponent {
|
|
|
6095
6108
|
return this.steps.filter(x => x.completed).length;
|
|
6096
6109
|
}
|
|
6097
6110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLineStepTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6098
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiLineStepTitleComponent, selector: "tcloud-ui-line-step-title", inputs: { showStepCounter: "showStepCounter", steps: "steps",
|
|
6111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiLineStepTitleComponent, selector: "tcloud-ui-line-step-title", inputs: { showStepCounter: "showStepCounter", steps: "steps", currentStep: "currentStep" }, ngImport: i0, template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' : currentStep ? i < currentStep : step.completed }\">\r\n <ng-container *ngIf=\"showStepCounter\">{{i + 1}}.</ng-container> {{step.title}}\r\n </span>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"line-wrapper\">\r\n <div class=\"background-line\"></div>\r\n <div\r\n @progressBarEntering\r\n class=\"progress-line\"\r\n [ngStyle]=\"{ 'width.%' : currentStep ? ((currentStep / steps.length) * 100) : ((completedSteps / steps.length) * 100) }\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tcloud-ui-line-step{width:100%}.tcloud-ui-line-step .steps-title-wrapper{display:flex;font-size:13px;margin-bottom:16px}.tcloud-ui-line-step .steps-title-wrapper .step-title{transition:.3s ease}.tcloud-ui-line-step .steps-title-wrapper .step-title.completed{color:var(--tc-primary)}.tcloud-ui-line-step .line-wrapper{height:8px;position:relative;width:100%}.tcloud-ui-line-step .line-wrapper .background-line{background-color:var(--tc-gray-300);border-radius:8px;height:8px;left:0;position:absolute;top:0;width:100%}.tcloud-ui-line-step .line-wrapper .progress-line{background-color:var(--tc-primary);border-radius:8px;height:8px;left:0;position:absolute;top:0;transition:.75s ease}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
|
|
6099
6112
|
trigger('progressBarEntering', [
|
|
6100
6113
|
state('in', style({ width: '*' })),
|
|
6101
6114
|
transition('void => *', [
|
|
@@ -6115,12 +6128,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6115
6128
|
animate('1.5s 0s ease')
|
|
6116
6129
|
])
|
|
6117
6130
|
])
|
|
6118
|
-
], template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' :
|
|
6131
|
+
], template: "<div class=\"tcloud-ui-line-step\">\r\n <div class=\"steps-title-wrapper\">\r\n <ng-container *ngFor=\"let step of steps; let i = index\">\r\n <span\r\n class=\"step-title\"\r\n [ngStyle]=\"{ 'flex-basis' : 100 / steps.length + '%' }\"\r\n [ngClass]=\"{ 'completed' : currentStep ? i < currentStep : step.completed }\">\r\n <ng-container *ngIf=\"showStepCounter\">{{i + 1}}.</ng-container> {{step.title}}\r\n </span>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"line-wrapper\">\r\n <div class=\"background-line\"></div>\r\n <div\r\n @progressBarEntering\r\n class=\"progress-line\"\r\n [ngStyle]=\"{ 'width.%' : currentStep ? ((currentStep / steps.length) * 100) : ((completedSteps / steps.length) * 100) }\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tcloud-ui-line-step{width:100%}.tcloud-ui-line-step .steps-title-wrapper{display:flex;font-size:13px;margin-bottom:16px}.tcloud-ui-line-step .steps-title-wrapper .step-title{transition:.3s ease}.tcloud-ui-line-step .steps-title-wrapper .step-title.completed{color:var(--tc-primary)}.tcloud-ui-line-step .line-wrapper{height:8px;position:relative;width:100%}.tcloud-ui-line-step .line-wrapper .background-line{background-color:var(--tc-gray-300);border-radius:8px;height:8px;left:0;position:absolute;top:0;width:100%}.tcloud-ui-line-step .line-wrapper .progress-line{background-color:var(--tc-primary);border-radius:8px;height:8px;left:0;position:absolute;top:0;transition:.75s ease}\n"] }]
|
|
6119
6132
|
}], propDecorators: { showStepCounter: [{
|
|
6120
6133
|
type: Input
|
|
6121
6134
|
}], steps: [{
|
|
6122
6135
|
type: Input
|
|
6123
|
-
}],
|
|
6136
|
+
}], currentStep: [{
|
|
6124
6137
|
type: Input
|
|
6125
6138
|
}] } });
|
|
6126
6139
|
|