@dev-tcloud/tcloud-ui 0.0.16 → 0.0.18
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/assets/scss/custom/loading-transitions.scss +28 -0
- package/assets/scss/custom/table.scss +86 -0
- package/assets/scss/custom/tooltip.scss +68 -0
- package/assets/scss/custom/validation.scss +8 -0
- package/assets/scss/custom/variables.scss +33 -0
- package/assets/scss/styles.scss +6 -0
- package/esm2020/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs +3 -3
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +2 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +2 -2
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.tcloud-ui-start-loading{
|
|
2
|
+
display: block !important;
|
|
3
|
+
position: fixed;
|
|
4
|
+
width: 100%;
|
|
5
|
+
height: 100%;
|
|
6
|
+
background-color: #cccc;
|
|
7
|
+
z-index: 1090;
|
|
8
|
+
top: 0;
|
|
9
|
+
left: 0;
|
|
10
|
+
cursor: progress;
|
|
11
|
+
|
|
12
|
+
.tc-loading-icon{
|
|
13
|
+
text-align: center;
|
|
14
|
+
position: relative;
|
|
15
|
+
top: 50%;
|
|
16
|
+
transform: translateY(-50%);
|
|
17
|
+
|
|
18
|
+
i{
|
|
19
|
+
font-size: 55px;
|
|
20
|
+
opacity: 0.4;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
body.tcloud-ui-body-loading-transitions{
|
|
26
|
+
position: relative;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.tc-table{
|
|
2
|
+
width: 100%;
|
|
3
|
+
font-size: 12px;
|
|
4
|
+
line-height: 1.5;
|
|
5
|
+
|
|
6
|
+
.nowrap{
|
|
7
|
+
white-space: nowrap;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
th{
|
|
11
|
+
font-weight: 400;
|
|
12
|
+
line-height: 1.5;
|
|
13
|
+
text-align: center;
|
|
14
|
+
border-collapse: collapse;
|
|
15
|
+
border: 1px solid #FFF;
|
|
16
|
+
border-left: none;
|
|
17
|
+
padding: 9px 5px;
|
|
18
|
+
background-color: var(--cinza);
|
|
19
|
+
color: #FFF;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
th:first-child{
|
|
23
|
+
border-radius: 5px 0 0 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
tbody{
|
|
27
|
+
td {
|
|
28
|
+
text-align: center;
|
|
29
|
+
border-collapse: collapse;
|
|
30
|
+
border: 1px solid #FFF;
|
|
31
|
+
padding: 9px 5px;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/* TABELA RESPONSIVA */
|
|
39
|
+
@media screen and (max-width: 900px) {
|
|
40
|
+
table.tc-table-responsive {
|
|
41
|
+
border: 0;
|
|
42
|
+
display: grid !important;
|
|
43
|
+
}
|
|
44
|
+
table.tc-table-responsive caption {
|
|
45
|
+
font-size: 1.3em;
|
|
46
|
+
}
|
|
47
|
+
table.tc-table-responsive thead {
|
|
48
|
+
border: none;
|
|
49
|
+
clip: rect(0 0 0 0);
|
|
50
|
+
height: 1px;
|
|
51
|
+
margin: -1px;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
padding: 0;
|
|
54
|
+
position: absolute;
|
|
55
|
+
width: 1px;
|
|
56
|
+
}
|
|
57
|
+
table.tc-table-responsive th {
|
|
58
|
+
text-align: left !important;
|
|
59
|
+
}
|
|
60
|
+
table.tc-table-responsive tr {
|
|
61
|
+
border-bottom: 3px solid #ddd;
|
|
62
|
+
display: block;
|
|
63
|
+
margin-bottom: .625em;
|
|
64
|
+
}
|
|
65
|
+
table.tc-table-responsive td {
|
|
66
|
+
border-bottom: 1px solid #ddd;
|
|
67
|
+
display: block;
|
|
68
|
+
font-size: .8em;
|
|
69
|
+
text-align: right !important;
|
|
70
|
+
}
|
|
71
|
+
table.tc-table-responsive td::before {
|
|
72
|
+
content: attr(tc-data-label);
|
|
73
|
+
float: left;
|
|
74
|
+
font-weight: bold;
|
|
75
|
+
text-transform: uppercase;
|
|
76
|
+
}
|
|
77
|
+
table.tc-table-responsive td:last-child {
|
|
78
|
+
border-bottom: 0;
|
|
79
|
+
}
|
|
80
|
+
table.table-table-w100 input{
|
|
81
|
+
width: 100%;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/* You can add global styles to this file, and also import other style files */
|
|
2
|
+
|
|
3
|
+
:root{
|
|
4
|
+
--bk-tootltip: #434343;
|
|
5
|
+
--color-text-tooltip: #fff;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.tc-directive-tooltip{
|
|
9
|
+
background-color: var(--bk-tootltip) !important;
|
|
10
|
+
color: var(--color-text-tooltip) !important;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
.tc-directive-tooltip-top:before{
|
|
15
|
+
content: "";
|
|
16
|
+
position: absolute;
|
|
17
|
+
left: calc( 50% - 8px);
|
|
18
|
+
top: calc( 100% - 11px);
|
|
19
|
+
width: 15px;
|
|
20
|
+
height: 15px;
|
|
21
|
+
transform: rotateZ(45deg);
|
|
22
|
+
background-color: var(--bk-tootltip);
|
|
23
|
+
border: none;
|
|
24
|
+
z-index: -1;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.tc-directive-tooltip-bottom:before{
|
|
28
|
+
content: "";
|
|
29
|
+
position: absolute;
|
|
30
|
+
left: calc( 50% - 8px);
|
|
31
|
+
top: -3px;
|
|
32
|
+
width: 15px;
|
|
33
|
+
height: 15px;
|
|
34
|
+
transform: rotateZ(45deg);
|
|
35
|
+
background-color: var(--bk-tootltip);
|
|
36
|
+
border: none;
|
|
37
|
+
z-index: -1;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.tc-directive-tooltip-right:before{
|
|
41
|
+
content: "";
|
|
42
|
+
position: absolute;
|
|
43
|
+
left: -4px;
|
|
44
|
+
top: calc( 50% - 8px);
|
|
45
|
+
width: 15px;
|
|
46
|
+
height: 15px;
|
|
47
|
+
transform: rotateZ(45deg);
|
|
48
|
+
background-color: var(--bk-tootltip);
|
|
49
|
+
border: none;
|
|
50
|
+
z-index: -1;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.tc-directive-tooltip-left:before{
|
|
54
|
+
content: "";
|
|
55
|
+
position: absolute;
|
|
56
|
+
left: calc( 100% - 10px);
|
|
57
|
+
top: calc( 50% - 8px);
|
|
58
|
+
width: 15px;
|
|
59
|
+
height: 15px;
|
|
60
|
+
transform: rotateZ(45deg);
|
|
61
|
+
background-color: var(--bk-tootltip);
|
|
62
|
+
border: none;
|
|
63
|
+
z-index: -1;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.main-tooltip{
|
|
67
|
+
position: relative !important;
|
|
68
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
|
|
2
|
+
:root {
|
|
3
|
+
|
|
4
|
+
--black: #000;
|
|
5
|
+
--white: #fff;
|
|
6
|
+
--blue: #0897E9;
|
|
7
|
+
--dark: #363636;
|
|
8
|
+
--orange: #FEAC0E;
|
|
9
|
+
// --gray-100: #EEE;
|
|
10
|
+
--gray-light: #EEE;
|
|
11
|
+
--blue-500: #0ADBE3;
|
|
12
|
+
--purple: #6B48FF;
|
|
13
|
+
--red: red;
|
|
14
|
+
// =============================================
|
|
15
|
+
// Colors V1
|
|
16
|
+
// =============================================
|
|
17
|
+
--primary: #37B6C4;
|
|
18
|
+
--primary-700: #136E92;
|
|
19
|
+
--secondary: #484440;
|
|
20
|
+
--gray: #707070;
|
|
21
|
+
--gray-800: #8A817B;
|
|
22
|
+
--gray-400: #D5CCC3;
|
|
23
|
+
--gray-200: #F1F1F1;
|
|
24
|
+
--gray-100: #F8F9FA;
|
|
25
|
+
--warning: #ED9C2E;
|
|
26
|
+
--danger: #D93025;
|
|
27
|
+
--success :#1E8E3E;
|
|
28
|
+
--complete :#039BE5;
|
|
29
|
+
|
|
30
|
+
--verde: #37B6C4;
|
|
31
|
+
--cinza: #8A817B;
|
|
32
|
+
--cinza4: #F1F1F1;
|
|
33
|
+
}
|
package/esm2020/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs
CHANGED
|
@@ -56,10 +56,10 @@ export class TCloudUiLineStepCircleComponent {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
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\"
|
|
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}.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:15px;width:15px;border-radius:50%;position:relative;z-index:1}\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
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
|
|
61
61
|
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\"
|
|
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}.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:15px;width:15px;border-radius:50%;position:relative;z-index:1}\n"] }]
|
|
63
63
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], active: [{
|
|
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
69
69
|
}], complete: [{
|
|
70
70
|
type: Input
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQUV6RCxNQUFNLElBQUk7SUFFUjtRQUNFLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDekIsQ0FBQztDQU1GO0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQVMxQztRQVBTLFNBQUksR0FBVyxDQUFDLENBQUM7UUFDakIsV0FBTSxHQUFXLENBQUMsQ0FBQztRQUNuQixjQUFTLEdBQUcsRUFBMEIsQ0FBQztRQUN2QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DLFdBQU0sR0FBRyxJQUFJLEtBQUssRUFBUSxDQUFDO0lBRVgsQ0FBQztJQUVqQixRQUFRO1FBQ04sVUFBVSxDQUFDLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTVDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxNQUFNLEdBQUcsSUFBSSxLQUFLLEVBQVEsQ0FBQztRQUMvQixJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLEVBQUU7WUFDOUIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ2xDLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDO29CQUNaLE1BQU0sRUFBRSxFQUFFO29CQUNWLEtBQUssRUFBRSxDQUFDLEdBQUMsQ0FBQztvQkFDVixLQUFLLEVBQUUsY0FBYztvQkFDckIsWUFBWSxFQUFFLEVBQUU7aUJBQ2pCLENBQUMsQ0FBQTthQUNIO1NBQ0Y7UUFFRCxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRTtZQUMzQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7U0FDdEI7UUFFRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbEMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3BDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsZUFBZSxDQUFDO2dCQUNsQyxJQUFJLENBQUMsQ0FBQyxHQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO29CQUMzQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLGFBQWEsQ0FBQztpQkFDakM7YUFDRjtTQUNGO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakQsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDaEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDL0IsSUFBSSxJQUFJLElBQUksSUFBSSxHQUFHLENBQUMsRUFBRTtvQkFDcEIsTUFBTSxDQUFDLENBQUMsSUFBSSxHQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLGVBQWUsQ0FBQztpQkFDakQ7YUFDRjtTQUNGO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQzs7NkhBckRVLCtCQUErQjtpSEFBL0IsK0JBQStCLDRKQ3RCNUMsNGtCQWNROzRGRFFLLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSw0QkFBNEI7MEVBTTdCLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5jbGFzcyBTdGVwIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKXtcclxuICAgIHRoaXMuc3RhdHVzID0gJyc7XHJcbiAgICB0aGlzLmluZGV4ID0gMDtcclxuICAgIHRoaXMuY2xhc3MgPSAnJztcclxuICAgIHRoaXMuc2Vjb25kX2NsYXNzID0gJyc7XHJcbiAgfVxyXG5cclxuICBzdGF0dXM6IHN0cmluZztcclxuICBpbmRleDogbnVtYmVyO1xyXG4gIGNsYXNzOiBzdHJpbmc7XHJcbiAgc2Vjb25kX2NsYXNzOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktbGluZS1zdGVwLWNpcmNsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlMaW5lU3RlcENpcmNsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHN0ZXA6IG51bWJlciA9IDc7XHJcbiAgQElucHV0KCkgYWN0aXZlOiBudW1iZXIgPSA2O1xyXG4gIEBJbnB1dCgpIGluYWN0aXZlcyA9IFtdIGFzIG51bWJlcltdIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGNvbXBsZXRlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHRyaWxoYSA9IG5ldyBBcnJheTxTdGVwPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4geyB0aGlzLmJ1aWxkX3N0ZXBzKCk7IH0pO1xyXG4gICAgXHJcbiAgfVxyXG5cclxuICBidWlsZF9zdGVwcygpe1xyXG4gICAgbGV0IHRyaWxoYSA9IG5ldyBBcnJheTxTdGVwPigpO1xyXG4gICAgaWYoIHRoaXMuc3RlcCAmJiB0aGlzLnN0ZXAgPiAwICl7XHJcbiAgICAgIGZvciggbGV0IGkgPSAwOyBpIDwgdGhpcy5zdGVwOyBpKysgKXtcclxuICAgICAgICAodHJpbGhhKS5wdXNoKHtcclxuICAgICAgICAgIHN0YXR1czogJycsXHJcbiAgICAgICAgICBpbmRleDogaSsxLFxyXG4gICAgICAgICAgY2xhc3M6ICdzdGVwLWRlZmF1bHQnLFxyXG4gICAgICAgICAgc2Vjb25kX2NsYXNzOiAnJyxcclxuICAgICAgICB9KVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYoIHRoaXMuYWN0aXZlID4gdGhpcy5zdGVwICl7XHJcbiAgICAgIHRoaXMuYWN0aXZlID0gdGhpcy5zdGVwO1xyXG4gICAgICB0aGlzLmNvbXBsZXRlID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICBpZiggdGhpcy5hY3RpdmUgJiYgdGhpcy5hY3RpdmUgPiAwICl7XHJcbiAgICAgIGZvciggbGV0IGkgPSAwOyBpIDwgdGhpcy5hY3RpdmU7IGkrKyApeyAgICAgICAgXHJcbiAgICAgICAgdHJpbGhhW2ldLmNsYXNzID0gXCJzdGVwLXByb2dyZXNzXCI7ICAgICAgICBcclxuICAgICAgICBpZiggKGkrMSkgPT09IHRoaXMuYWN0aXZlICYmICF0aGlzLmNvbXBsZXRlICl7XHJcbiAgICAgICAgICB0cmlsaGFbaV0uY2xhc3MgPSBcInN0ZXAtYWN0aXZlXCI7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGlmKCB0aGlzLmluYWN0aXZlcyAmJiAodGhpcy5pbmFjdGl2ZXMpLmxlbmd0aCA+IDAgKXtcclxuICAgICAgZm9yKCBsZXQgaSA9IDA7IGkgPCAodGhpcy5pbmFjdGl2ZXMpLmxlbmd0aDsgaSsrICl7XHJcbiAgICAgICAgY29uc3QgaWNvbiA9IHRoaXMuaW5hY3RpdmVzW2ldO1xyXG4gICAgICAgIGlmKCBpY29uICYmIGljb24gPiAwICl7XHJcbiAgICAgICAgICB0cmlsaGFbKGljb24tMSldLnNlY29uZF9jbGFzcyA9IFwic3RlcC1pbmFjdGl2ZVwiOyAgICAgXHJcbiAgICAgICAgfSAgICBcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHRoaXMudHJpbGhhID0gdHJpbGhhO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPHRhYmxlIGNsYXNzPVwidGFibGUtdHJpbGhhXCIgY2VsbHNwYWNpbmc9XCIwXCIgY2VsbHBhZGRpbmc9XCIwXCI+XHJcbiAgPHRyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZmFzZSBvZiB0cmlsaGE7IGxldCBpID0gaW5kZXhcIiA+XHJcbiAgICAgIDx0ZCBjbGFzcz1cImFyZWEtY2lyY2xlXCI+XHJcbiAgICAgICAgPCEtLSA8aSBjbGFzcz1cImZhcyBmYS1jaXJjbGUgaWNvbi17eyBmYXNlLmNsYXNzIH19IHt7IGZhc2Uuc2Vjb25kX2NsYXNzIH19IFwiPjwvaT4gLS0+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0Yy1jaXJjbGUgaWNvbi17eyBmYXNlLmNsYXNzIH19IHt7IGZhc2Uuc2Vjb25kX2NsYXNzIH19XCI+PC9kaXY+XHJcbiAgICAgIFxyXG4gICAgICA8L3RkPlxyXG4gICAgICA8dGQgY2xhc3M9XCJhcmVhLWxpbmVcIiAqbmdJZj1cIihpKzEpIDwgKHRyaWxoYSkubGVuZ3RoXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtbGluZSB7eyBmYXNlLmNsYXNzIH19XCI+PC9kaXY+XHJcbiAgICAgIDwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L3RyPlxyXG48L3RhYmxlPiJdfQ==
|
|
@@ -864,10 +864,10 @@ class TCloudUiLineStepCircleComponent {
|
|
|
864
864
|
}
|
|
865
865
|
}
|
|
866
866
|
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\"
|
|
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}.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:15px;width:15px;border-radius:50%;position:relative;z-index:1}\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
868
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
|
|
869
869
|
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\"
|
|
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}.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:15px;width:15px;border-radius:50%;position:relative;z-index:1}\n"] }]
|
|
871
871
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
872
872
|
type: Input
|
|
873
873
|
}], active: [{
|