iptdevs-design-system 2.2.22 → 2.2.25
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/components/atoms/input/input.component.mjs +43 -8
- package/esm2020/lib/components/components.module.mjs +13 -7
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +1 -1
- package/fesm2015/iptdevs-design-system.mjs +55 -14
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +55 -14
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/input/input.component.d.ts +8 -2
- package/lib/components/components.module.d.ts +3 -4
- package/package.json +1 -1
|
@@ -3,21 +3,36 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "@angular/forms";
|
|
5
5
|
export class InputComponent {
|
|
6
|
-
constructor() {
|
|
6
|
+
constructor(currencyPipe) {
|
|
7
|
+
this.currencyPipe = currencyPipe;
|
|
7
8
|
this.data = [];
|
|
8
9
|
this.clicked = false;
|
|
10
|
+
this.withPipe = false;
|
|
9
11
|
}
|
|
10
12
|
set control(value) {
|
|
11
13
|
if (this.formControl !== value) {
|
|
12
14
|
this.formControl = value;
|
|
13
15
|
}
|
|
14
16
|
}
|
|
17
|
+
ngOnInit() {
|
|
18
|
+
if (this.withPipe && this.formControl !== null) {
|
|
19
|
+
console.log(this.withPipe, this.formControl, this.control);
|
|
20
|
+
this.formControl.valueChanges.subscribe(value => {
|
|
21
|
+
console.log(value);
|
|
22
|
+
this.formControl.patchValue({ control: this.currencyPipe.transform(value) }, { onlySelf: true, emitEvent: false });
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
// let forma = new Intl.NumberFormat("en-US", {
|
|
27
|
+
// style: 'currency',
|
|
28
|
+
// currency: 'USD'
|
|
29
|
+
// }).format((idConcept));
|
|
15
30
|
click(value) {
|
|
16
31
|
this.clicked = value.isTrusted;
|
|
17
32
|
}
|
|
18
33
|
}
|
|
19
|
-
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
|
|
34
|
+
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
|
|
21
36
|
<div class="input-container">
|
|
22
37
|
<input *ngIf="inputType === 'date'"
|
|
23
38
|
class="input"
|
|
@@ -28,12 +43,21 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
28
43
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
29
44
|
ng-model="inputType"/>
|
|
30
45
|
|
|
31
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
46
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
32
47
|
class="input"
|
|
48
|
+
type="{{ inputType }}"
|
|
49
|
+
[formControl]="formControl"
|
|
50
|
+
[attr.list]="list"/>
|
|
51
|
+
|
|
52
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
33
53
|
class="input"
|
|
34
54
|
type="{{ inputType }}"
|
|
35
55
|
[formControl]="formControl"
|
|
36
56
|
[attr.list]="list"/>
|
|
57
|
+
<pre>
|
|
58
|
+
{{ formControl | json }}
|
|
59
|
+
{{ control | json }}
|
|
60
|
+
</pre>
|
|
37
61
|
|
|
38
62
|
<input *ngIf="inputType === 'time'"
|
|
39
63
|
class="input"
|
|
@@ -53,7 +77,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
53
77
|
{{ validateText }}
|
|
54
78
|
</p>
|
|
55
79
|
</div>
|
|
56
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
80
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "json": i1.JsonPipe } });
|
|
57
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
58
82
|
type: Component,
|
|
59
83
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -67,12 +91,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
67
91
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
68
92
|
ng-model="inputType"/>
|
|
69
93
|
|
|
70
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
94
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
71
95
|
class="input"
|
|
96
|
+
type="{{ inputType }}"
|
|
97
|
+
[formControl]="formControl"
|
|
98
|
+
[attr.list]="list"/>
|
|
99
|
+
|
|
100
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
72
101
|
class="input"
|
|
73
102
|
type="{{ inputType }}"
|
|
74
103
|
[formControl]="formControl"
|
|
75
104
|
[attr.list]="list"/>
|
|
105
|
+
<pre>
|
|
106
|
+
{{ formControl | json }}
|
|
107
|
+
{{ control | json }}
|
|
108
|
+
</pre>
|
|
76
109
|
|
|
77
110
|
<input *ngIf="inputType === 'time'"
|
|
78
111
|
class="input"
|
|
@@ -93,12 +126,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
93
126
|
</p>
|
|
94
127
|
</div>
|
|
95
128
|
`, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
|
|
96
|
-
}], propDecorators: { inputType: [{
|
|
129
|
+
}], ctorParameters: function () { return [{ type: i1.CurrencyPipe }]; }, propDecorators: { inputType: [{
|
|
97
130
|
type: Input
|
|
98
131
|
}], placeHolder: [{
|
|
99
132
|
type: Input
|
|
100
133
|
}], validateText: [{
|
|
101
134
|
type: Input
|
|
135
|
+
}], withPipe: [{
|
|
136
|
+
type: Input
|
|
102
137
|
}], list: [{
|
|
103
138
|
type: Input
|
|
104
139
|
}], iconUrl: [{
|
|
@@ -106,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
106
141
|
}], control: [{
|
|
107
142
|
type: Input
|
|
108
143
|
}] } });
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUEyQyxNQUFNLGVBQWUsQ0FBQzs7OztBQXNEMUYsTUFBTSxPQUFPLGNBQWM7SUFtQnpCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBaEI5QyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFLaEIsYUFBUSxHQUFhLEtBQUssQ0FBQztJQVNhLENBQUM7SUFObEQsSUFBYSxPQUFPLENBQUMsS0FBK0I7UUFDbEQsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBSUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksRUFBRTtZQUM5QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDM0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUM5QyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FDekIsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsRUFDOUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsQ0FDcEMsQ0FBQTtZQUNILENBQUMsQ0FBQyxDQUFBO1NBQ0g7SUFFSCxDQUFDO0lBQ0QsK0NBQStDO0lBQy9DLHVCQUF1QjtJQUN2QixvQkFBb0I7SUFDcEIsMEJBQTBCO0lBRTFCLEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7MkdBekNVLGNBQWM7K0ZBQWQsY0FBYywyTkFoRGY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDsyRkFHUSxjQUFjO2tCQWxEMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDttR0FVTSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ08sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEN1cnJlbmN5UGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxuICAgICAgICBvbmJsdXI9XCJqYXZhc2NyaXB0OiBpZiggIXRoaXMudmFsdWUgKSB0aGlzLnR5cGU9J3RleHQnO1wiXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxuXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJyAmJiAhd2l0aFBpcGVcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0ZXh0JyAmJiB3aXRoUGlwZVwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxuICAgICAgICA8cHJlPlxuICAgICAgICAgIHt7IGZvcm1Db250cm9sIHwganNvbiB9fVxuICAgICAgICAgIHt7IGNvbnRyb2wgfCBqc29uIH19XG4gICAgICAgIDwvcHJlPlxuXG4gICAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ3RpbWUnXCJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgICB0eXBlPVwidGltZVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICBbbWluXT1cIicwNjowMDowMCdcIlxuICAgICAgICAgIG1heD1cIjIyOjAwOjAwXCJcbiAgICAgICAgICBzdGVwPVwiOTAwXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvblwiXG4gICAgICAgICAgdmFsdWU9XCIwODowMDowMFwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICAvPlxuXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwieydsYWJlbFVwJzogZm9ybUNvbnRyb2wudmFsdWUgIT09ICcnfVwiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cblxuICAgICAgPHAgKm5nSWY9XCIoZm9ybUNvbnRyb2wuaW52YWxpZCAmJiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJycpIHx8IGZvcm1Db250cm9sLnRvdWNoZWRcIj5cbiAgICAgICAge3sgdmFsaWRhdGVUZXh0IH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgXG4gIHB1YmxpYyBjb2RlVmFsdWUhOiBzdHJpbmc7XG4gIGRhdGE6IGFueVtdID0gW107XG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgd2l0aFBpcGU/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxpc3Q/OiBzdHJpbmc7IC8vUGFyYSBlbCBkYXRhbGlzdFxuICBASW5wdXQoKSBpY29uVXJsPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sIHwgc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjdXJyZW5jeVBpcGU6IEN1cnJlbmN5UGlwZSkge31cbiAgXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLndpdGhQaXBlICYmIHRoaXMuZm9ybUNvbnRyb2wgIT09IG51bGwpIHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMud2l0aFBpcGUsIHRoaXMuZm9ybUNvbnRyb2wsIHRoaXMuY29udHJvbCk7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyh2YWx1ZSk7XG4gICAgICAgIHRoaXMuZm9ybUNvbnRyb2wucGF0Y2hWYWx1ZShcbiAgICAgICAgICB7IGNvbnRyb2w6IHRoaXMuY3VycmVuY3lQaXBlLnRyYW5zZm9ybSh2YWx1ZSl9LFxuICAgICAgICAgIHsgb25seVNlbGY6IHRydWUsIGVtaXRFdmVudDogZmFsc2V9XG4gICAgICAgIClcbiAgICAgIH0pXG4gICAgfVxuICAgIFxuICB9XG4gIC8vIGxldCBmb3JtYSA9IG5ldyBJbnRsLk51bWJlckZvcm1hdChcImVuLVVTXCIsIHtcbiAgLy8gICBzdHlsZTogJ2N1cnJlbmN5JyxcbiAgLy8gICBjdXJyZW5jeTogJ1VTRCdcbiAgLy8gfSkuZm9ybWF0KChpZENvbmNlcHQpKTtcblxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZCA9IHZhbHVlLmlzVHJ1c3RlZDtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
|
|
4
3
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
4
|
import { AsideButtonComponent } from './atoms/aside-button/aside-button.component';
|
|
6
5
|
import { ButtonComponent } from './atoms/button/button.component';
|
|
@@ -31,7 +30,7 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
31
30
|
TextLinkComponent,
|
|
32
31
|
LoginFormComponent,
|
|
33
32
|
SidenavComponent], imports: [CommonModule,
|
|
34
|
-
BrowserModule,
|
|
33
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
35
34
|
FormsModule,
|
|
36
35
|
ReactiveFormsModule,
|
|
37
36
|
MaterialModule], exports: [AsideButtonComponent,
|
|
@@ -46,9 +45,12 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
46
45
|
TextLinkComponent,
|
|
47
46
|
LoginFormComponent,
|
|
48
47
|
SidenavComponent] });
|
|
49
|
-
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule,
|
|
48
|
+
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
49
|
+
CurrencyPipe,
|
|
50
|
+
TitleCasePipe
|
|
51
|
+
], imports: [[
|
|
50
52
|
CommonModule,
|
|
51
|
-
BrowserModule,
|
|
53
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
52
54
|
FormsModule,
|
|
53
55
|
ReactiveFormsModule,
|
|
54
56
|
MaterialModule
|
|
@@ -72,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
72
74
|
],
|
|
73
75
|
imports: [
|
|
74
76
|
CommonModule,
|
|
75
|
-
BrowserModule,
|
|
77
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
76
78
|
FormsModule,
|
|
77
79
|
ReactiveFormsModule,
|
|
78
80
|
MaterialModule
|
|
@@ -90,7 +92,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
90
92
|
TextLinkComponent,
|
|
91
93
|
LoginFormComponent,
|
|
92
94
|
SidenavComponent,
|
|
95
|
+
],
|
|
96
|
+
providers: [
|
|
97
|
+
CurrencyPipe,
|
|
98
|
+
TitleCasePipe
|
|
93
99
|
]
|
|
94
100
|
}]
|
|
95
101
|
}] });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQTZDbkQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQXhDekIsb0JBQW9CO1FBQ3BCLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxlQUFlO1FBQ2YsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixnQkFBZ0IsYUFHaEIsWUFBWTtRQUNaLDZEQUE2RDtRQUM3RCxXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLGNBQWMsYUFHZCxvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsY0FBYztRQUNkLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsY0FBYztRQUNkLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsa0JBQWtCO1FBQ2xCLGdCQUFnQjs4R0FRUCxnQkFBZ0IsYUFOaEI7UUFDVCxZQUFZO1FBQ1osYUFBYTtLQUNkLFlBeEJRO1lBQ1AsWUFBWTtZQUNaLDZEQUE2RDtZQUM3RCxXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGNBQWM7U0FDZjsyRkFxQlUsZ0JBQWdCO2tCQTFDNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osNkRBQTZEO3dCQUM3RCxXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGdCQUFnQjtxQkFDakI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULFlBQVk7d0JBQ1osYUFBYTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUsIEN1cnJlbmN5UGlwZSwgVGl0bGVDYXNlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBBc2lkZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvYXNpZGUtYnV0dG9uL2FzaWRlLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IERhdGFsaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9kYXRhbGlzdC9kYXRhbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2F0b21zL2lucHV0L2lucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvbGV2ZWwtYnV0dG9uL2xldmVsLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGV2ZWxUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9yYWRpby9yYWRpby5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0TGlua0NvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvdGV4dC1saW5rL3RleHQtbGluay5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBMb2dpbkZvcm1Db21wb25lbnQgfSBmcm9tICcuL2Zvcm1zL2xvZ2luLWZvcm0vbG9naW4tZm9ybS5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9tb2xlY3VsZXMvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4vbWF0ZXJpYWwubW9kdWxlJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBc2lkZUJ1dHRvbkNvbXBvbmVudCxcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgRGF0YWxpc3RDb21wb25lbnQsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgTGV2ZWxCdXR0b25Db21wb25lbnQsXG4gICAgTGV2ZWxUZXh0Q29tcG9uZW50LFxuICAgIFJhZGlvQ29tcG9uZW50LFxuICAgIFNlbGVjdENvbXBvbmVudCxcbiAgICBUZXh0TGlua0NvbXBvbmVudCxcbiAgICBMb2dpbkZvcm1Db21wb25lbnQsXG4gICAgU2lkZW5hdkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBCcm93c2VyTW9kdWxlLCAvLyBQYXJhIGV2aXRhciBkb2JsZSBjYXJnYSBkZSBCcm93c2VyTW9kdWxlXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRlcmlhbE1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXNpZGVCdXR0b25Db21wb25lbnQsXG4gICAgQnV0dG9uQ29tcG9uZW50LFxuICAgIENoZWNrYm94Q29tcG9uZW50LFxuICAgIERhdGFsaXN0Q29tcG9uZW50LFxuICAgIElucHV0Q29tcG9uZW50LFxuICAgIExldmVsQnV0dG9uQ29tcG9uZW50LFxuICAgIExldmVsVGV4dENvbXBvbmVudCxcbiAgICBSYWRpb0NvbXBvbmVudCxcbiAgICBTZWxlY3RDb21wb25lbnQsXG4gICAgVGV4dExpbmtDb21wb25lbnQsXG4gICAgTG9naW5Gb3JtQ29tcG9uZW50LFxuICAgIFNpZGVuYXZDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIEN1cnJlbmN5UGlwZSxcbiAgICBUaXRsZUNhc2VQaXBlXG4gIF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBDb21wb25lbnRzTW9kdWxlIHsgfVxuIl19
|
|
@@ -52,7 +52,7 @@ LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
52
52
|
</div>
|
|
53
53
|
|
|
54
54
|
</div>
|
|
55
|
-
`, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "list", "iconUrl", "control"] }, { type: i4.ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
55
|
+
`, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control"] }, { type: i4.ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{ selector: 'ipt-login-form', template: `
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
|
|
3
|
-
import { BrowserModule } from '@angular/platform-browser';
|
|
4
3
|
import * as i1 from '@angular/common';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
|
|
6
5
|
import * as i1$1 from '@angular/forms';
|
|
7
6
|
import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
7
|
import Swal from 'sweetalert2';
|
|
@@ -253,21 +252,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
253
252
|
}] } });
|
|
254
253
|
|
|
255
254
|
class InputComponent {
|
|
256
|
-
constructor() {
|
|
255
|
+
constructor(currencyPipe) {
|
|
256
|
+
this.currencyPipe = currencyPipe;
|
|
257
257
|
this.data = [];
|
|
258
258
|
this.clicked = false;
|
|
259
|
+
this.withPipe = false;
|
|
259
260
|
}
|
|
260
261
|
set control(value) {
|
|
261
262
|
if (this.formControl !== value) {
|
|
262
263
|
this.formControl = value;
|
|
263
264
|
}
|
|
264
265
|
}
|
|
266
|
+
ngOnInit() {
|
|
267
|
+
if (this.withPipe && this.formControl !== null) {
|
|
268
|
+
console.log(this.withPipe, this.formControl, this.control);
|
|
269
|
+
this.formControl.valueChanges.subscribe(value => {
|
|
270
|
+
console.log(value);
|
|
271
|
+
this.formControl.patchValue({ control: this.currencyPipe.transform(value) }, { onlySelf: true, emitEvent: false });
|
|
272
|
+
});
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
// let forma = new Intl.NumberFormat("en-US", {
|
|
276
|
+
// style: 'currency',
|
|
277
|
+
// currency: 'USD'
|
|
278
|
+
// }).format((idConcept));
|
|
265
279
|
click(value) {
|
|
266
280
|
this.clicked = value.isTrusted;
|
|
267
281
|
}
|
|
268
282
|
}
|
|
269
|
-
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
270
|
-
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
|
|
283
|
+
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
284
|
+
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
|
|
271
285
|
<div class="input-container">
|
|
272
286
|
<input *ngIf="inputType === 'date'"
|
|
273
287
|
class="input"
|
|
@@ -278,12 +292,21 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
278
292
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
279
293
|
ng-model="inputType"/>
|
|
280
294
|
|
|
281
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
295
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
282
296
|
class="input"
|
|
297
|
+
type="{{ inputType }}"
|
|
298
|
+
[formControl]="formControl"
|
|
299
|
+
[attr.list]="list"/>
|
|
300
|
+
|
|
301
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
283
302
|
class="input"
|
|
284
303
|
type="{{ inputType }}"
|
|
285
304
|
[formControl]="formControl"
|
|
286
305
|
[attr.list]="list"/>
|
|
306
|
+
<pre>
|
|
307
|
+
{{ formControl | json }}
|
|
308
|
+
{{ control | json }}
|
|
309
|
+
</pre>
|
|
287
310
|
|
|
288
311
|
<input *ngIf="inputType === 'time'"
|
|
289
312
|
class="input"
|
|
@@ -303,7 +326,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
303
326
|
{{ validateText }}
|
|
304
327
|
</p>
|
|
305
328
|
</div>
|
|
306
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
329
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "json": i1.JsonPipe } });
|
|
307
330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
308
331
|
type: Component,
|
|
309
332
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -317,12 +340,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
317
340
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
318
341
|
ng-model="inputType"/>
|
|
319
342
|
|
|
320
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
343
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
321
344
|
class="input"
|
|
345
|
+
type="{{ inputType }}"
|
|
346
|
+
[formControl]="formControl"
|
|
347
|
+
[attr.list]="list"/>
|
|
348
|
+
|
|
349
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
322
350
|
class="input"
|
|
323
351
|
type="{{ inputType }}"
|
|
324
352
|
[formControl]="formControl"
|
|
325
353
|
[attr.list]="list"/>
|
|
354
|
+
<pre>
|
|
355
|
+
{{ formControl | json }}
|
|
356
|
+
{{ control | json }}
|
|
357
|
+
</pre>
|
|
326
358
|
|
|
327
359
|
<input *ngIf="inputType === 'time'"
|
|
328
360
|
class="input"
|
|
@@ -343,12 +375,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
343
375
|
</p>
|
|
344
376
|
</div>
|
|
345
377
|
`, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
|
|
346
|
-
}], propDecorators: { inputType: [{
|
|
378
|
+
}], ctorParameters: function () { return [{ type: i1.CurrencyPipe }]; }, propDecorators: { inputType: [{
|
|
347
379
|
type: Input
|
|
348
380
|
}], placeHolder: [{
|
|
349
381
|
type: Input
|
|
350
382
|
}], validateText: [{
|
|
351
383
|
type: Input
|
|
384
|
+
}], withPipe: [{
|
|
385
|
+
type: Input
|
|
352
386
|
}], list: [{
|
|
353
387
|
type: Input
|
|
354
388
|
}], iconUrl: [{
|
|
@@ -924,7 +958,7 @@ LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
924
958
|
</div>
|
|
925
959
|
|
|
926
960
|
</div>
|
|
927
|
-
`, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "list", "iconUrl", "control"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
961
|
+
`, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
928
962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
|
|
929
963
|
type: Component,
|
|
930
964
|
args: [{ selector: 'ipt-login-form', template: `
|
|
@@ -1128,7 +1162,7 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1128
1162
|
TextLinkComponent,
|
|
1129
1163
|
LoginFormComponent,
|
|
1130
1164
|
SidenavComponent], imports: [CommonModule,
|
|
1131
|
-
BrowserModule,
|
|
1165
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1132
1166
|
FormsModule,
|
|
1133
1167
|
ReactiveFormsModule,
|
|
1134
1168
|
MaterialModule], exports: [AsideButtonComponent,
|
|
@@ -1143,9 +1177,12 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1143
1177
|
TextLinkComponent,
|
|
1144
1178
|
LoginFormComponent,
|
|
1145
1179
|
SidenavComponent] });
|
|
1146
|
-
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule,
|
|
1180
|
+
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
1181
|
+
CurrencyPipe,
|
|
1182
|
+
TitleCasePipe
|
|
1183
|
+
], imports: [[
|
|
1147
1184
|
CommonModule,
|
|
1148
|
-
BrowserModule,
|
|
1185
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1149
1186
|
FormsModule,
|
|
1150
1187
|
ReactiveFormsModule,
|
|
1151
1188
|
MaterialModule
|
|
@@ -1169,7 +1206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1169
1206
|
],
|
|
1170
1207
|
imports: [
|
|
1171
1208
|
CommonModule,
|
|
1172
|
-
BrowserModule,
|
|
1209
|
+
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1173
1210
|
FormsModule,
|
|
1174
1211
|
ReactiveFormsModule,
|
|
1175
1212
|
MaterialModule
|
|
@@ -1187,6 +1224,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1187
1224
|
TextLinkComponent,
|
|
1188
1225
|
LoginFormComponent,
|
|
1189
1226
|
SidenavComponent,
|
|
1227
|
+
],
|
|
1228
|
+
providers: [
|
|
1229
|
+
CurrencyPipe,
|
|
1230
|
+
TitleCasePipe
|
|
1190
1231
|
]
|
|
1191
1232
|
}]
|
|
1192
1233
|
}] });
|