@dev-tcloud/tcloud-ui 0.0.30 → 0.0.31
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/esm2020/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs +27 -6
- package/esm2020/lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component.mjs +28 -7
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +53 -11
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +53 -11
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.d.ts +9 -3
- package/lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component.d.ts +10 -4
- package/package.json +1 -1
package/esm2020/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs
CHANGED
|
@@ -12,11 +12,32 @@ class Step {
|
|
|
12
12
|
export class TCloudUiLineStepCircleComponent {
|
|
13
13
|
constructor() {
|
|
14
14
|
this.step = 7;
|
|
15
|
-
this.
|
|
16
|
-
this.
|
|
17
|
-
this.
|
|
15
|
+
this._active = 0;
|
|
16
|
+
this._inactives = [];
|
|
17
|
+
this._complete = false;
|
|
18
18
|
this.trilha = new Array();
|
|
19
19
|
}
|
|
20
|
+
set active(active) {
|
|
21
|
+
if (active && active !== this._active) {
|
|
22
|
+
this._active = active;
|
|
23
|
+
this.build_steps();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
get active() { return this._active; }
|
|
27
|
+
set inactives(inactives) {
|
|
28
|
+
if (inactives && inactives !== this._inactives) {
|
|
29
|
+
this._inactives = inactives;
|
|
30
|
+
this.build_steps();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
get inactives() { return this._inactives; }
|
|
34
|
+
set complete(complete) {
|
|
35
|
+
if (complete && complete !== this._complete) {
|
|
36
|
+
this._complete = complete;
|
|
37
|
+
this.build_steps();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
get complete() { return this._complete; }
|
|
20
41
|
ngOnInit() {
|
|
21
42
|
setTimeout(() => { this.build_steps(); });
|
|
22
43
|
}
|
|
@@ -56,10 +77,10 @@ export class TCloudUiLineStepCircleComponent {
|
|
|
56
77
|
}
|
|
57
78
|
}
|
|
58
79
|
TCloudUiLineStepCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
80
|
+
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
60
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
|
|
61
82
|
type: Component,
|
|
62
|
-
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
83
|
+
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"] }]
|
|
63
84
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
64
85
|
type: Input
|
|
65
86
|
}], active: [{
|
|
@@ -69,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
69
90
|
}], complete: [{
|
|
70
91
|
type: Input
|
|
71
92
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQUV6RCxNQUFNLElBQUk7SUFFUjtRQUNFLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDekIsQ0FBQztDQU1GO0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQWtDMUM7UUFoQ1MsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUVsQixZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBU3BCLGVBQVUsR0FBRyxFQUEwQixDQUFDO1FBVXhDLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFTbkMsV0FBTSxHQUFHLElBQUksS0FBSyxFQUFRLENBQUM7SUFFWCxDQUFDO0lBN0JqQixJQUFhLE1BQU0sQ0FBRSxNQUFjO1FBQ2pDLElBQUksTUFBTSxJQUFJLE1BQU0sS0FBSyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1lBQ3RCLElBQUksQ0FB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QWUsQ0FBQztpQkFDakQ7YUFDRjtTQUNGO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQzs7NkhBN0VVLCtCQUErQjtpSEFBL0IsK0JBQStCLDRKQ3RCNUMsNGtCQWNROzRGRFFLLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSw0QkFBNEI7MEVBTTdCLElBQUk7c0JBQVosS0FBSztnQkFHTyxNQUFNO3NCQUFsQixLQUFLO2dCQVNPLFNBQVM7c0JBQXJCLEtBQUs7Z0JBVU8sUUFBUTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuY2xhc3MgU3RlcCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgICB0aGlzLnN0YXR1cyA9ICcnO1xyXG4gICAgdGhpcy5pbmRleCA9IDA7XHJcbiAgICB0aGlzLmNsYXNzID0gJyc7XHJcbiAgICB0aGlzLnNlY29uZF9jbGFzcyA9ICcnO1xyXG4gIH1cclxuXHJcbiAgc3RhdHVzOiBzdHJpbmc7XHJcbiAgaW5kZXg6IG51bWJlcjtcclxuICBjbGFzczogc3RyaW5nO1xyXG4gIHNlY29uZF9jbGFzczogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpTGluZVN0ZXBDaXJjbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBzdGVwOiBudW1iZXIgPSA3O1xyXG4gIFxyXG4gIHByaXZhdGUgX2FjdGl2ZTogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSBzZXQgYWN0aXZlKCBhY3RpdmU6IG51bWJlciApe1xyXG4gICAgaWYoIGFjdGl2ZSAmJiBhY3RpdmUgIT09IHRoaXMuX2FjdGl2ZSApe1xyXG4gICAgICB0aGlzLl9hY3RpdmUgPSBhY3RpdmU7XHJcbiAgICAgIHRoaXMuYnVpbGRfc3RlcHMoKTtcclxuICAgIH0gICAgXHJcbiAgfVxyXG4gIGdldCBhY3RpdmUoKTogbnVtYmVyeyByZXR1cm4gdGhpcy5fYWN0aXZlOyB9XHJcblxyXG4gIHByaXZhdGUgX2luYWN0aXZlcyA9IFtdIGFzIG51bWJlcltdIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIHNldCBpbmFjdGl2ZXMoIGluYWN0aXZlczogbnVtYmVyW10gfCB1bmRlZmluZWQpe1xyXG4gICAgaWYoIGluYWN0aXZlcyAmJiBpbmFjdGl2ZXMgIT09IHRoaXMuX2luYWN0aXZlcyApe1xyXG4gICAgICB0aGlzLl9pbmFjdGl2ZXMgPSBpbmFjdGl2ZXM7XHJcbiAgICAgIHRoaXMuYnVpbGRfc3RlcHMoKTtcclxuICAgIH1cclxuICB9XHJcbiAgZ2V0IGluYWN0aXZlcygpOiBudW1iZXJbXSB8IHVuZGVmaW5lZCB7IHJldHVybiB0aGlzLl9pbmFjdGl2ZXM7IH1cclxuXHJcblxyXG4gIHByaXZhdGUgX2NvbXBsZXRlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2V0IGNvbXBsZXRlKCBjb21wbGV0ZTogYm9vbGVhbiApe1xyXG4gICAgaWYoIGNvbXBsZXRlICYmIGNvbXBsZXRlICE9PSB0aGlzLl9jb21wbGV0ZSApe1xyXG4gICAgICB0aGlzLl9jb21wbGV0ZSA9IGNvbXBsZXRlO1xyXG4gICAgICB0aGlzLmJ1aWxkX3N0ZXBzKCk7XHJcbiAgICB9ICAgIFxyXG4gIH1cclxuICBnZXQgY29tcGxldGUoKTogYm9vbGVhbnsgcmV0dXJuIHRoaXMuX2NvbXBsZXRlOyB9XHJcblxyXG4gIHRyaWxoYSA9IG5ldyBBcnJheTxTdGVwPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4geyB0aGlzLmJ1aWxkX3N0ZXBzKCk7IH0pOyAgICBcclxuICB9XHJcblxyXG4gIGJ1aWxkX3N0ZXBzKCl7XHJcbiAgICBsZXQgdHJpbGhhID0gbmV3IEFycmF5PFN0ZXA+KCk7XHJcbiAgICBpZiggdGhpcy5zdGVwICYmIHRoaXMuc3RlcCA+IDAgKXtcclxuICAgICAgZm9yKCBsZXQgaSA9IDA7IGkgPCB0aGlzLnN0ZXA7IGkrKyApe1xyXG4gICAgICAgICh0cmlsaGEpLnB1c2goe1xyXG4gICAgICAgICAgc3RhdHVzOiAnJyxcclxuICAgICAgICAgIGluZGV4OiBpKzEsXHJcbiAgICAgICAgICBjbGFzczogJ3N0ZXAtZGVmYXVsdCcsXHJcbiAgICAgICAgICBzZWNvbmRfY2xhc3M6ICcnLFxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpZiggdGhpcy5hY3RpdmUgPiB0aGlzLnN0ZXAgKXtcclxuICAgICAgdGhpcy5hY3RpdmUgPSB0aGlzLnN0ZXA7XHJcbiAgICAgIHRoaXMuY29tcGxldGUgPSB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIGlmKCB0aGlzLmFjdGl2ZSAmJiB0aGlzLmFjdGl2ZSA+IDAgKXtcclxuICAgICAgZm9yKCBsZXQgaSA9IDA7IGkgPCB0aGlzLmFjdGl2ZTsgaSsrICl7ICAgICAgICBcclxuICAgICAgICB0cmlsaGFbaV0uY2xhc3MgPSBcInN0ZXAtcHJvZ3Jlc3NcIjsgICAgICAgIFxyXG4gICAgICAgIGlmKCAoaSsxKSA9PT0gdGhpcy5hY3RpdmUgJiYgIXRoaXMuY29tcGxldGUgKXtcclxuICAgICAgICAgIHRyaWxoYVtpXS5jbGFzcyA9IFwic3RlcC1hY3RpdmVcIjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIFxyXG4gICAgaWYoIHRoaXMuaW5hY3RpdmVzICYmICh0aGlzLmluYWN0aXZlcykubGVuZ3RoID4gMCApe1xyXG4gICAgICBmb3IoIGxldCBpID0gMDsgaSA8ICh0aGlzLmluYWN0aXZlcykubGVuZ3RoOyBpKysgKXtcclxuICAgICAgICBjb25zdCBpY29uID0gdGhpcy5pbmFjdGl2ZXNbaV07XHJcbiAgICAgICAgaWYoIGljb24gJiYgaWNvbiA+IDAgKXtcclxuICAgICAgICAgIHRyaWxoYVsoaWNvbi0xKV0uc2Vjb25kX2NsYXNzID0gXCJzdGVwLWluYWN0aXZlXCI7ICAgICBcclxuICAgICAgICB9ICAgIFxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy50cmlsaGEgPSB0cmlsaGE7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8dGFibGUgY2xhc3M9XCJ0YWJsZS10cmlsaGFcIiBjZWxsc3BhY2luZz1cIjBcIiBjZWxscGFkZGluZz1cIjBcIj5cclxuICA8dHI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmYXNlIG9mIHRyaWxoYTsgbGV0IGkgPSBpbmRleFwiID5cclxuICAgICAgPHRkIGNsYXNzPVwiYXJlYS1jaXJjbGVcIj5cclxuICAgICAgICA8IS0tIDxpIGNsYXNzPVwiZmFzIGZhLWNpcmNsZSBpY29uLXt7IGZhc2UuY2xhc3MgfX0ge3sgZmFzZS5zZWNvbmRfY2xhc3MgfX0gXCI+PC9pPiAtLT5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRjLWNpcmNsZSBpY29uLXt7IGZhc2UuY2xhc3MgfX0ge3sgZmFzZS5zZWNvbmRfY2xhc3MgfX1cIj48L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDwvdGQ+XHJcbiAgICAgIDx0ZCBjbGFzcz1cImFyZWEtbGluZVwiICpuZ0lmPVwiKGkrMSkgPCAodHJpbGhhKS5sZW5ndGhcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1saW5lIHt7IGZhc2UuY2xhc3MgfX1cIj48L2Rpdj5cclxuICAgICAgPC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvdHI+XHJcbjwvdGFibGU+Il19
|
|
@@ -12,12 +12,33 @@ class Step {
|
|
|
12
12
|
export class TCloudUiNumberStepComponent {
|
|
13
13
|
constructor() {
|
|
14
14
|
this.step = 7;
|
|
15
|
-
this.active = 0;
|
|
16
|
-
this.inactives = [];
|
|
17
|
-
this.complete = false;
|
|
18
15
|
this.useIconCheck = false;
|
|
16
|
+
this._active = 0;
|
|
17
|
+
this._inactives = [];
|
|
18
|
+
this._complete = false;
|
|
19
19
|
this.trilha = new Array();
|
|
20
20
|
}
|
|
21
|
+
set active(active) {
|
|
22
|
+
if (active && active !== this._active) {
|
|
23
|
+
this._active = active;
|
|
24
|
+
this.build_steps();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
get active() { return this._active; }
|
|
28
|
+
set inactives(inactives) {
|
|
29
|
+
if (inactives && inactives !== this._inactives) {
|
|
30
|
+
this._inactives = inactives;
|
|
31
|
+
this.build_steps();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
get inactives() { return this._inactives; }
|
|
35
|
+
set complete(complete) {
|
|
36
|
+
if (complete && complete !== this._complete) {
|
|
37
|
+
this._complete = complete;
|
|
38
|
+
this.build_steps();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
get complete() { return this._complete; }
|
|
21
42
|
ngOnInit() {
|
|
22
43
|
setTimeout(() => { this.build_steps(); });
|
|
23
44
|
}
|
|
@@ -60,19 +81,19 @@ export class TCloudUiNumberStepComponent {
|
|
|
60
81
|
}
|
|
61
82
|
}
|
|
62
83
|
TCloudUiNumberStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
-
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete"
|
|
84
|
+
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", useIconCheck: "useIconCheck", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
64
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, decorators: [{
|
|
65
86
|
type: Component,
|
|
66
87
|
args: [{ selector: 'tcloud-ui-number-step', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"] }]
|
|
67
88
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
68
89
|
type: Input
|
|
90
|
+
}], useIconCheck: [{
|
|
91
|
+
type: Input
|
|
69
92
|
}], active: [{
|
|
70
93
|
type: Input
|
|
71
94
|
}], inactives: [{
|
|
72
95
|
type: Input
|
|
73
96
|
}], complete: [{
|
|
74
97
|
type: Input
|
|
75
|
-
}], useIconCheck: [{
|
|
76
|
-
type: Input
|
|
77
98
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLW51bWJlci1zdGVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RjbG91ZC11aS9zcmMvbGliL19tb2R1bGVzL3RjbG91ZC11aS1udW1iZXItc3RlcC90Y2xvdWQtdWktbnVtYmVyLXN0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW51bWJlci1zdGVwL3RjbG91ZC11aS1udW1iZXItc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBRXpELE1BQU0sSUFBSTtJQUVSO1FBQ0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0NBTUY7QUFPRCxNQUFNLE9BQU8sMkJBQTJCO0lBbUN0QztRQWpDUyxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBQ2pCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRS9CLFlBQU8sR0FBVyxDQUFDLENBQUM7UUFTcEIsZUFBVSxHQUFHLEVBQTBCLENBQUM7UUFVeEMsY0FBUyxHQUFZLEtBQUssQ0FBQztRQVNuQyxXQUFNLEdBQUcsSUFBSSxLQUFLLEVBQVEsQ0FBQztJQUVYLENBQUM7SUE3QmpCLElBQWEsTUFBTSxDQUFFLE1BQWM7UUFDakMsSUFBSSxNQUFNLElBQUksTUFBTSxLQUFLLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDckMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7WUFDdEIsSUFBSSxD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SUFBSSxHQUFHLENBQUMsRUFBRTtvQkFDcEIsTUFBTSxDQUFDLENBQUMsSUFBSSxHQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLGVBQWUsQ0FBQztpQkFDakQ7YUFDRjtTQUNGO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQzs7eUhBbEZVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLHFMQ3RCeEMsZ3RDQStCUTs0RkRUSywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQU14QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFHTyxNQUFNO3NCQUFsQixLQUFLO2dCQVNPLFNBQVM7c0JBQXJCLEtBQUs7Z0JBVU8sUUFBUTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5jbGFzcyBTdGVwIHtcblxuICBjb25zdHJ1Y3Rvcigpe1xuICAgIHRoaXMuc3RhdHVzID0gJyc7XG4gICAgdGhpcy5pbmRleCA9IDA7XG4gICAgdGhpcy5jbGFzcyA9ICcnO1xuICAgIHRoaXMuc2Vjb25kX2NsYXNzID0gJyc7XG4gIH1cblxuICBzdGF0dXM6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2xhc3M6IHN0cmluZztcbiAgc2Vjb25kX2NsYXNzOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RjbG91ZC11aS1udW1iZXItc3RlcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktbnVtYmVyLXN0ZXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90Y2xvdWQtdWktbnVtYmVyLXN0ZXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUQ2xvdWRVaU51bWJlclN0ZXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHN0ZXA6IG51bWJlciA9IDc7XG4gIEBJbnB1dCgpIHVzZUljb25DaGVjazogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2FjdGl2ZTogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgc2V0IGFjdGl2ZSggYWN0aXZlOiBudW1iZXIgKXtcbiAgICBpZiggYWN0aXZlICYmIGFjdGl2ZSAhPT0gdGhpcy5fYWN0aXZlICl7XG4gICAgICB0aGlzLl9hY3RpdmUgPSBhY3RpdmU7XG4gICAgICB0aGlzLmJ1aWxkX3N0ZXBzKCk7XG4gICAgfSAgICBcbiAgfVxuICBnZXQgYWN0aXZlKCk6IG51bWJlcnsgcmV0dXJuIHRoaXMuX2FjdGl2ZTsgfVxuXG4gIHByaXZhdGUgX2luYWN0aXZlcyA9IFtdIGFzIG51bWJlcltdIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBzZXQgaW5hY3RpdmVzKCBpbmFjdGl2ZXM6IG51bWJlcltdIHwgdW5kZWZpbmVkKXtcbiAgICBpZiggaW5hY3RpdmVzICYmIGluYWN0aXZlcyAhPT0gdGhpcy5faW5hY3RpdmVzICl7XG4gICAgICB0aGlzLl9pbmFjdGl2ZXMgPSBpbmFjdGl2ZXM7XG4gICAgICB0aGlzLmJ1aWxkX3N0ZXBzKCk7XG4gICAgfVxuICB9XG4gIGdldCBpbmFjdGl2ZXMoKTogbnVtYmVyW10gfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5faW5hY3RpdmVzOyB9XG5cblxuICBwcml2YXRlIF9jb21wbGV0ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzZXQgY29tcGxldGUoIGNvbXBsZXRlOiBib29sZWFuICl7XG4gICAgaWYoIGNvbXBsZXRlICYmIGNvbXBsZXRlICE9PSB0aGlzLl9jb21wbGV0ZSApe1xuICAgICAgdGhpcy5fY29tcGxldGUgPSBjb21wbGV0ZTtcbiAgICAgIHRoaXMuYnVpbGRfc3RlcHMoKTtcbiAgICB9ICAgIFxuICB9XG4gIGdldCBjb21wbGV0ZSgpOiBib29sZWFueyByZXR1cm4gdGhpcy5fY29tcGxldGU7IH1cblxuICB0cmlsaGEgPSBuZXcgQXJyYXk8U3RlcD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4geyB0aGlzLmJ1aWxkX3N0ZXBzKCk7IH0pO1xuICB9XG5cbiAgYnVpbGRfc3RlcHMoKXtcbiAgICBsZXQgdHJpbGhhID0gbmV3IEFycmF5PFN0ZXA+KCk7XG4gICAgaWYoIHRoaXMuc3RlcCAmJiB0aGlzLnN0ZXAgPiAwICl7XG4gICAgICBmb3IoIGxldCBpID0gMDsgaSA8IHRoaXMuc3RlcDsgaSsrICl7XG4gICAgICAgICh0cmlsaGEpLnB1c2goe1xuICAgICAgICAgIHN0YXR1czogJycsXG4gICAgICAgICAgaW5kZXg6IGkrMSxcbiAgICAgICAgICBjbGFzczogJ3N0ZXAtZGVmYXVsdCcsXG4gICAgICAgICAgc2Vjb25kX2NsYXNzOiAnJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiggdGhpcy5hY3RpdmUgPiB0aGlzLnN0ZXAgKXtcbiAgICAgIHRoaXMuYWN0aXZlID0gdGhpcy5zdGVwO1xuICAgICAgdGhpcy5jb21wbGV0ZSA9IHRydWU7XG4gICAgfVxuXG4gICAgaWYoIHRoaXMuY29tcGxldGUgKXtcbiAgICAgIHRoaXMuYWN0aXZlID0gdGhpcy5zdGVwO1xuICAgIH1cblxuICAgIGlmKCB0aGlzLmFjdGl2ZSAmJiB0aGlzLmFjdGl2ZSA+IDAgKXtcbiAgICAgIGZvciggbGV0IGkgPSAwOyBpIDwgdGhpcy5hY3RpdmU7IGkrKyApeyAgICAgICAgXG4gICAgICAgIHRyaWxoYVtpXS5jbGFzcyA9IFwic3RlcC1wcm9ncmVzc1wiOyAgICAgICAgXG4gICAgICAgIGlmKCAoaSsxKSA9PT0gdGhpcy5hY3RpdmUgJiYgIXRoaXMuY29tcGxldGUgKXtcbiAgICAgICAgICB0cmlsaGFbaV0uY2xhc3MgPSBcInN0ZXAtYWN0aXZlXCI7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgaWYoIHRoaXMuaW5hY3RpdmVzICYmICh0aGlzLmluYWN0aXZlcykubGVuZ3RoID4gMCApe1xuICAgICAgZm9yKCBsZXQgaSA9IDA7IGkgPCAodGhpcy5pbmFjdGl2ZXMpLmxlbmd0aDsgaSsrICl7XG4gICAgICAgIGNvbnN0IGljb24gPSB0aGlzLmluYWN0aXZlc1tpXTtcbiAgICAgICAgaWYoIGljb24gJiYgaWNvbiA+IDAgKXtcbiAgICAgICAgICB0cmlsaGFbKGljb24tMSldLnNlY29uZF9jbGFzcyA9IFwic3RlcC1pbmFjdGl2ZVwiOyAgICAgXG4gICAgICAgIH0gICAgXG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy50cmlsaGEgPSB0cmlsaGE7ICAgIFxuICB9XG59XG4iLCI8dGFibGUgY2xhc3M9XCJ0YWJsZS10cmlsaGFcIiBjZWxsc3BhY2luZz1cIjBcIiBjZWxscGFkZGluZz1cIjBcIj5cbiAgPHRyPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGZhc2Ugb2YgdHJpbGhhOyBsZXQgaSA9IGluZGV4XCIgPlxuICAgICAgPHRkIGNsYXNzPVwiYXJlYS1jaXJjbGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNpcmNsZSBpY29uLXt7IGZhc2UuY2xhc3MgfX0ge3sgZmFzZS5zZWNvbmRfY2xhc3MgfX0gXCI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXNlSWNvbkNoZWNrXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaSA8IGFjdGl2ZSAmJiBmYXNlLnNlY29uZF9jbGFzcyAhPT0gJ3N0ZXAtaW5hY3RpdmUnXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcmVhLWluZGV4XCI+PGkgY2xhc3M9XCJmYXMgZmEtY2hlY2tcIj48L2k+PC9kaXY+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImkgPCBhY3RpdmUgJiYgZmFzZS5zZWNvbmRfY2xhc3MgPT09ICdzdGVwLWluYWN0aXZlJ1wiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXJlYS1pbmRleFwiPjxpIGNsYXNzPVwiZmFyIGZhLWNpcmNsZVwiPjwvaT48L2Rpdj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaSA+PSBhY3RpdmVcIj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFyZWEtaW5kZXhcIj57eyBpICsgMSB9fTwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXVzZUljb25DaGVja1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFyZWEtaW5kZXhcIj57eyBpICsgMSB9fTwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIFxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJhcmVhLWxpbmVcIiAqbmdJZj1cIihpKzEpIDwgKHRyaWxoYSkubGVuZ3RoXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWxpbmUge3sgZmFzZS5jbGFzcyB9fVwiPjwvZGl2PiAgICAgICAgXG4gICAgICA8L3RkPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L3RyPlxuPC90YWJsZT4iXX0=
|
|
@@ -820,11 +820,32 @@ class Step$1 {
|
|
|
820
820
|
class TCloudUiLineStepCircleComponent {
|
|
821
821
|
constructor() {
|
|
822
822
|
this.step = 7;
|
|
823
|
-
this.
|
|
824
|
-
this.
|
|
825
|
-
this.
|
|
823
|
+
this._active = 0;
|
|
824
|
+
this._inactives = [];
|
|
825
|
+
this._complete = false;
|
|
826
826
|
this.trilha = new Array();
|
|
827
827
|
}
|
|
828
|
+
set active(active) {
|
|
829
|
+
if (active && active !== this._active) {
|
|
830
|
+
this._active = active;
|
|
831
|
+
this.build_steps();
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
get active() { return this._active; }
|
|
835
|
+
set inactives(inactives) {
|
|
836
|
+
if (inactives && inactives !== this._inactives) {
|
|
837
|
+
this._inactives = inactives;
|
|
838
|
+
this.build_steps();
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
get inactives() { return this._inactives; }
|
|
842
|
+
set complete(complete) {
|
|
843
|
+
if (complete && complete !== this._complete) {
|
|
844
|
+
this._complete = complete;
|
|
845
|
+
this.build_steps();
|
|
846
|
+
}
|
|
847
|
+
}
|
|
848
|
+
get complete() { return this._complete; }
|
|
828
849
|
ngOnInit() {
|
|
829
850
|
setTimeout(() => { this.build_steps(); });
|
|
830
851
|
}
|
|
@@ -864,10 +885,10 @@ class TCloudUiLineStepCircleComponent {
|
|
|
864
885
|
}
|
|
865
886
|
}
|
|
866
887
|
TCloudUiLineStepCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
867
|
-
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
888
|
+
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
868
889
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
|
|
869
890
|
type: Component,
|
|
870
|
-
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
891
|
+
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"] }]
|
|
871
892
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
872
893
|
type: Input
|
|
873
894
|
}], active: [{
|
|
@@ -2259,12 +2280,33 @@ class Step {
|
|
|
2259
2280
|
class TCloudUiNumberStepComponent {
|
|
2260
2281
|
constructor() {
|
|
2261
2282
|
this.step = 7;
|
|
2262
|
-
this.active = 0;
|
|
2263
|
-
this.inactives = [];
|
|
2264
|
-
this.complete = false;
|
|
2265
2283
|
this.useIconCheck = false;
|
|
2284
|
+
this._active = 0;
|
|
2285
|
+
this._inactives = [];
|
|
2286
|
+
this._complete = false;
|
|
2266
2287
|
this.trilha = new Array();
|
|
2267
2288
|
}
|
|
2289
|
+
set active(active) {
|
|
2290
|
+
if (active && active !== this._active) {
|
|
2291
|
+
this._active = active;
|
|
2292
|
+
this.build_steps();
|
|
2293
|
+
}
|
|
2294
|
+
}
|
|
2295
|
+
get active() { return this._active; }
|
|
2296
|
+
set inactives(inactives) {
|
|
2297
|
+
if (inactives && inactives !== this._inactives) {
|
|
2298
|
+
this._inactives = inactives;
|
|
2299
|
+
this.build_steps();
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
get inactives() { return this._inactives; }
|
|
2303
|
+
set complete(complete) {
|
|
2304
|
+
if (complete && complete !== this._complete) {
|
|
2305
|
+
this._complete = complete;
|
|
2306
|
+
this.build_steps();
|
|
2307
|
+
}
|
|
2308
|
+
}
|
|
2309
|
+
get complete() { return this._complete; }
|
|
2268
2310
|
ngOnInit() {
|
|
2269
2311
|
setTimeout(() => { this.build_steps(); });
|
|
2270
2312
|
}
|
|
@@ -2307,20 +2349,20 @@ class TCloudUiNumberStepComponent {
|
|
|
2307
2349
|
}
|
|
2308
2350
|
}
|
|
2309
2351
|
TCloudUiNumberStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2310
|
-
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete"
|
|
2352
|
+
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", useIconCheck: "useIconCheck", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2311
2353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, decorators: [{
|
|
2312
2354
|
type: Component,
|
|
2313
2355
|
args: [{ selector: 'tcloud-ui-number-step', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"] }]
|
|
2314
2356
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
2315
2357
|
type: Input
|
|
2358
|
+
}], useIconCheck: [{
|
|
2359
|
+
type: Input
|
|
2316
2360
|
}], active: [{
|
|
2317
2361
|
type: Input
|
|
2318
2362
|
}], inactives: [{
|
|
2319
2363
|
type: Input
|
|
2320
2364
|
}], complete: [{
|
|
2321
2365
|
type: Input
|
|
2322
|
-
}], useIconCheck: [{
|
|
2323
|
-
type: Input
|
|
2324
2366
|
}] } });
|
|
2325
2367
|
|
|
2326
2368
|
class TCloudUiNumberStepModule {
|