iptdevs-design-system 2.2.32 → 2.2.35
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 +29 -37
- package/esm2020/lib/components/components.module.mjs +12 -6
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +1 -1
- package/esm2020/lib/design-system.module.mjs +12 -5
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/iptdevs-design-system.mjs +52 -48
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +52 -48
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/input/input.component.d.ts +5 -5
- package/lib/components/components.module.d.ts +2 -1
- package/lib/design-system.module.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -2,46 +2,28 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "ng2-currency-mask";
|
|
5
6
|
export class InputComponent {
|
|
6
|
-
constructor(
|
|
7
|
-
this.currencyPipe = currencyPipe;
|
|
7
|
+
constructor() {
|
|
8
8
|
this.data = [];
|
|
9
9
|
this.clicked = false;
|
|
10
10
|
this.withPipe = false;
|
|
11
|
+
this.prefix = '$';
|
|
12
|
+
this.thousands = '.';
|
|
13
|
+
this.decimal = ',';
|
|
11
14
|
}
|
|
12
15
|
set control(value) {
|
|
13
16
|
if (this.formControl !== value) {
|
|
14
17
|
this.formControl = value;
|
|
15
18
|
}
|
|
16
19
|
}
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
// if (this.withPipe && this.formControl !== null) {
|
|
19
|
-
// this.formControl = this.currenPipe(this.control);
|
|
20
|
-
// console.log(this.formControl);
|
|
21
|
-
// console.log(this.withPipe, this.formControl, this.control);
|
|
22
|
-
// this.formControl.valueChanges.subscribe(value => {
|
|
23
|
-
// console.log(value);
|
|
24
|
-
// this.formControl.patchValue(
|
|
25
|
-
// { control: this.currencyPipe.transform(value)},
|
|
26
|
-
// { onlySelf: true, emitEvent: false}
|
|
27
|
-
// )
|
|
28
|
-
// })
|
|
29
|
-
// }
|
|
30
|
-
}
|
|
31
|
-
currenPipe(datControl) {
|
|
32
|
-
let formatted = new Intl.NumberFormat("en-US", {
|
|
33
|
-
style: 'currency',
|
|
34
|
-
currency: 'USD'
|
|
35
|
-
}).format(datControl);
|
|
36
|
-
console.log(formatted);
|
|
37
|
-
return formatted;
|
|
38
|
-
}
|
|
20
|
+
ngOnInit() { }
|
|
39
21
|
click(value) {
|
|
40
22
|
this.clicked = value.isTrusted;
|
|
41
23
|
}
|
|
42
24
|
}
|
|
43
|
-
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [
|
|
44
|
-
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: `
|
|
25
|
+
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
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", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, ngImport: i0, template: `
|
|
45
27
|
<div class="input-container">
|
|
46
28
|
<input *ngIf="inputType === 'date'"
|
|
47
29
|
class="input"
|
|
@@ -59,10 +41,12 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
59
41
|
[attr.list]="list"/>
|
|
60
42
|
|
|
61
43
|
<input *ngIf="inputType === 'text' && withPipe"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
44
|
+
class="input"
|
|
45
|
+
currencyMask
|
|
46
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
47
|
+
type="{{ inputType }}"
|
|
48
|
+
[formControl]="formControl"
|
|
49
|
+
[attr.list]="list"/>
|
|
66
50
|
|
|
67
51
|
<input *ngIf="inputType === 'time'"
|
|
68
52
|
class="input"
|
|
@@ -82,7 +66,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
82
66
|
{{ validateText }}
|
|
83
67
|
</p>
|
|
84
68
|
</div>
|
|
85
|
-
`, 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"] }] });
|
|
69
|
+
`, 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: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
86
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
87
71
|
type: Component,
|
|
88
72
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -103,10 +87,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
103
87
|
[attr.list]="list"/>
|
|
104
88
|
|
|
105
89
|
<input *ngIf="inputType === 'text' && withPipe"
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
90
|
+
class="input"
|
|
91
|
+
currencyMask
|
|
92
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
93
|
+
type="{{ inputType }}"
|
|
94
|
+
[formControl]="formControl"
|
|
95
|
+
[attr.list]="list"/>
|
|
110
96
|
|
|
111
97
|
<input *ngIf="inputType === 'time'"
|
|
112
98
|
class="input"
|
|
@@ -127,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
127
113
|
</p>
|
|
128
114
|
</div>
|
|
129
115
|
`, 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"] }]
|
|
130
|
-
}], ctorParameters: function () { return [
|
|
116
|
+
}], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
|
|
131
117
|
type: Input
|
|
132
118
|
}], placeHolder: [{
|
|
133
119
|
type: Input
|
|
@@ -141,5 +127,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
141
127
|
type: Input
|
|
142
128
|
}], control: [{
|
|
143
129
|
type: Input
|
|
130
|
+
}], prefix: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], thousands: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], decimal: [{
|
|
135
|
+
type: Input
|
|
144
136
|
}] } });
|
|
145
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFvRHBILE1BQU0sT0FBTyxjQUFjO0lBdUJ6QjtRQXBCQSxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFLaEIsYUFBUSxHQUFhLEtBQUssQ0FBQztRQVMzQixXQUFNLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLGNBQVMsR0FBVyxHQUFHLENBQUM7UUFDeEIsWUFBTyxHQUFXLEdBQUcsQ0FBQztJQUVoQixDQUFDO0lBVmhCLElBQWEsT0FBTyxDQUFDLEtBQStCO1FBQ2xELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQVNELFFBQVEsS0FBSSxDQUFDO0lBRWIsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDOzsyR0E5QlUsY0FBYzsrRkFBZCxjQUFjLHlSQTlDZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTJDUDsyRkFHUSxjQUFjO2tCQWhEMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0EyQ1A7MEVBVU0sU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ3VycmVuY3lQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIE9uSW5pdCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWlucHV0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICdkYXRlJ1wiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlID8gJ3RleHQnIDogJ2RhdGUnIH19XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgb25mb2N1cz1cInRoaXMudHlwZT0nZGF0ZSc7XCJcbiAgICAgICAgb25ibHVyPVwiamF2YXNjcmlwdDogaWYoICF0aGlzLnZhbHVlICkgdGhpcy50eXBlPSd0ZXh0JztcIlxuICAgICAgICB1aWItZGF0ZXBpY2tlci1wb3B1cD1cImRkL01NL3l5eXlcIlxuICAgICAgICBuZy1tb2RlbD1cImlucHV0VHlwZVwiLz5cblxuICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlICE9PSAnZGF0ZScgJiYgaW5wdXRUeXBlICE9PSAndGltZScgJiYgIXdpdGhQaXBlXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImxpc3RcIi8+XG5cbiAgICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAndGV4dCcgJiYgd2l0aFBpcGVcIlxuICAgICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAgIGN1cnJlbmN5TWFza1xuICAgICAgICAgIFtvcHRpb25zXT1cInsgcHJlZml4OiBwcmVmaXgsIHRob3VzYW5kczogdGhvdXNhbmRzLCBkZWNpbWFsOiBkZWNpbWFsLCBhbGxvd05lZ2F0aXZlOiBmYWxzZSB9XCJcbiAgICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0aW1lJ1wiXG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgICAgdHlwZT1cInRpbWVcIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgW21pbl09XCInMDY6MDA6MDAnXCJcbiAgICAgICAgICBtYXg9XCIyMjowMDowMFwiXG4gICAgICAgICAgc3RlcD1cIjkwMFwiXG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib25cIlxuICAgICAgICAgIHZhbHVlPVwiMDg6MDA6MDBcIlxuICAgICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcbiAgICAgICAgLz5cblxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cInsnbGFiZWxVcCc6IGZvcm1Db250cm9sLnZhbHVlICE9PSAnJ31cIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG5cbiAgICAgIDxwICpuZ0lmPVwiKGZvcm1Db250cm9sLmludmFsaWQgJiYgZm9ybUNvbnRyb2wudmFsdWUgIT09ICcnKSB8fCBmb3JtQ29udHJvbC50b3VjaGVkXCI+XG4gICAgICAgIHt7IHZhbGlkYXRlVGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIGAsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGNvZGVWYWx1ZSE6IHN0cmluZztcbiAgZGF0YTogYW55W10gPSBbXTtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgd2l0aFBpcGU/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxpc3Q/OiBzdHJpbmc7IC8vUGFyYSBlbCBkYXRhbGlzdFxuICBASW5wdXQoKSBpY29uVXJsPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sIHwgc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCkgcHJlZml4OiBzdHJpbmcgPSAnJCc7XG4gIEBJbnB1dCgpIHRob3VzYW5kczogc3RyaW5nID0gJy4nO1xuICBASW5wdXQoKSBkZWNpbWFsOiBzdHJpbmcgPSAnLCc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -14,6 +14,7 @@ import { TextLinkComponent } from './atoms/text-link/text-link.component';
|
|
|
14
14
|
import { LoginFormComponent } from './forms/login-form/login-form.component';
|
|
15
15
|
import { SidenavComponent } from './molecules/sidenav/sidenav.component';
|
|
16
16
|
import { MaterialModule } from './material.module';
|
|
17
|
+
import { CurrencyMaskModule } from 'ng2-currency-mask';
|
|
17
18
|
import * as i0 from "@angular/core";
|
|
18
19
|
export class ComponentsModule {
|
|
19
20
|
}
|
|
@@ -33,7 +34,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
33
34
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
34
35
|
FormsModule,
|
|
35
36
|
ReactiveFormsModule,
|
|
36
|
-
MaterialModule
|
|
37
|
+
MaterialModule,
|
|
38
|
+
CurrencyMaskModule], exports: [AsideButtonComponent,
|
|
37
39
|
ButtonComponent,
|
|
38
40
|
CheckboxComponent,
|
|
39
41
|
DatalistComponent,
|
|
@@ -44,7 +46,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
44
46
|
SelectComponent,
|
|
45
47
|
TextLinkComponent,
|
|
46
48
|
LoginFormComponent,
|
|
47
|
-
SidenavComponent
|
|
49
|
+
SidenavComponent,
|
|
50
|
+
CurrencyMaskModule] });
|
|
48
51
|
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
49
52
|
CurrencyPipe,
|
|
50
53
|
TitleCasePipe
|
|
@@ -53,8 +56,9 @@ ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
53
56
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
54
57
|
FormsModule,
|
|
55
58
|
ReactiveFormsModule,
|
|
56
|
-
MaterialModule
|
|
57
|
-
|
|
59
|
+
MaterialModule,
|
|
60
|
+
CurrencyMaskModule
|
|
61
|
+
], CurrencyMaskModule] });
|
|
58
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
59
63
|
type: NgModule,
|
|
60
64
|
args: [{
|
|
@@ -77,7 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
77
81
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
78
82
|
FormsModule,
|
|
79
83
|
ReactiveFormsModule,
|
|
80
|
-
MaterialModule
|
|
84
|
+
MaterialModule,
|
|
85
|
+
CurrencyMaskModule
|
|
81
86
|
],
|
|
82
87
|
exports: [
|
|
83
88
|
AsideButtonComponent,
|
|
@@ -92,6 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
92
97
|
TextLinkComponent,
|
|
93
98
|
LoginFormComponent,
|
|
94
99
|
SidenavComponent,
|
|
100
|
+
CurrencyMaskModule
|
|
95
101
|
],
|
|
96
102
|
providers: [
|
|
97
103
|
CurrencyPipe,
|
|
@@ -99,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
99
105
|
]
|
|
100
106
|
}]
|
|
101
107
|
}] });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQStDdkQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQTFDekIsb0JBQW9CO1FBQ3BCLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxlQUFlO1FBQ2YsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixnQkFBZ0IsYUFHaEIsWUFBWTtRQUNaLDZEQUE2RDtRQUM3RCxXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxrQkFBa0IsYUFHbEIsb0JBQW9CO1FBQ3BCLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxlQUFlO1FBQ2YsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixnQkFBZ0I7UUFDaEIsa0JBQWtCOzhHQVFULGdCQUFnQixhQU5oQjtRQUNULFlBQVk7UUFDWixhQUFhO0tBQ2QsWUExQlE7WUFDUCxZQUFZO1lBQ1osNkRBQTZEO1lBQzdELFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsY0FBYztZQUNkLGtCQUFrQjtTQUNuQixFQWNDLGtCQUFrQjsyRkFRVCxnQkFBZ0I7a0JBNUM1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2Qsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGtCQUFrQjt3QkFDbEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWiw2REFBNkQ7d0JBQzdELFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGlCQUFpQjt3QkFDakIsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsa0JBQWtCO3dCQUNsQixnQkFBZ0I7d0JBQ2hCLGtCQUFrQjtxQkFDbkI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULFlBQVk7d0JBQ1osYUFBYTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUsIEN1cnJlbmN5UGlwZSwgVGl0bGVDYXNlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBBc2lkZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvYXNpZGUtYnV0dG9uL2FzaWRlLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IERhdGFsaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9kYXRhbGlzdC9kYXRhbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2F0b21zL2lucHV0L2lucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvbGV2ZWwtYnV0dG9uL2xldmVsLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGV2ZWxUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9yYWRpby9yYWRpby5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9hdG9tcy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0TGlua0NvbXBvbmVudCB9IGZyb20gJy4vYXRvbXMvdGV4dC1saW5rL3RleHQtbGluay5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBMb2dpbkZvcm1Db21wb25lbnQgfSBmcm9tICcuL2Zvcm1zL2xvZ2luLWZvcm0vbG9naW4tZm9ybS5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9tb2xlY3VsZXMvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4vbWF0ZXJpYWwubW9kdWxlJztcbmltcG9ydCB7IEN1cnJlbmN5TWFza01vZHVsZSB9IGZyb20gJ25nMi1jdXJyZW5jeS1tYXNrJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBc2lkZUJ1dHRvbkNvbXBvbmVudCxcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgRGF0YWxpc3RDb21wb25lbnQsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgTGV2ZWxCdXR0b25Db21wb25lbnQsXG4gICAgTGV2ZWxUZXh0Q29tcG9uZW50LFxuICAgIFJhZGlvQ29tcG9uZW50LFxuICAgIFNlbGVjdENvbXBvbmVudCxcbiAgICBUZXh0TGlua0NvbXBvbmVudCxcbiAgICBMb2dpbkZvcm1Db21wb25lbnQsXG4gICAgU2lkZW5hdkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBCcm93c2VyTW9kdWxlLCAvLyBQYXJhIGV2aXRhciBkb2JsZSBjYXJnYSBkZSBCcm93c2VyTW9kdWxlXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICBDdXJyZW5jeU1hc2tNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEFzaWRlQnV0dG9uQ29tcG9uZW50LFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBDaGVja2JveENvbXBvbmVudCxcbiAgICBEYXRhbGlzdENvbXBvbmVudCxcbiAgICBJbnB1dENvbXBvbmVudCxcbiAgICBMZXZlbEJ1dHRvbkNvbXBvbmVudCxcbiAgICBMZXZlbFRleHRDb21wb25lbnQsXG4gICAgUmFkaW9Db21wb25lbnQsXG4gICAgU2VsZWN0Q29tcG9uZW50LFxuICAgIFRleHRMaW5rQ29tcG9uZW50LFxuICAgIExvZ2luRm9ybUNvbXBvbmVudCxcbiAgICBTaWRlbmF2Q29tcG9uZW50LFxuICAgIEN1cnJlbmN5TWFza01vZHVsZVxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICBDdXJyZW5jeVBpcGUsXG4gICAgVGl0bGVDYXNlUGlwZVxuICBdXG59KVxuXG5leHBvcnQgY2xhc3MgQ29tcG9uZW50c01vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -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", "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"] }] });
|
|
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", "prefix", "thousands", "decimal"] }, { 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,4 +1,5 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CurrencyMaskModule } from 'ng2-currency-mask';
|
|
2
3
|
import { ComponentsModule } from './components/components.module';
|
|
3
4
|
import { CoreModule } from './core/core.module';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -6,24 +7,30 @@ export class DesignSystemModule {
|
|
|
6
7
|
}
|
|
7
8
|
DesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
9
|
DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
|
|
9
|
-
CoreModule
|
|
10
|
-
|
|
10
|
+
CoreModule,
|
|
11
|
+
CurrencyMaskModule], exports: [ComponentsModule,
|
|
12
|
+
CoreModule,
|
|
13
|
+
CurrencyMaskModule] });
|
|
11
14
|
DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [[
|
|
12
15
|
ComponentsModule,
|
|
13
16
|
CoreModule,
|
|
17
|
+
CurrencyMaskModule
|
|
14
18
|
], ComponentsModule,
|
|
15
|
-
CoreModule
|
|
19
|
+
CoreModule,
|
|
20
|
+
CurrencyMaskModule] });
|
|
16
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, decorators: [{
|
|
17
22
|
type: NgModule,
|
|
18
23
|
args: [{
|
|
19
24
|
imports: [
|
|
20
25
|
ComponentsModule,
|
|
21
26
|
CoreModule,
|
|
27
|
+
CurrencyMaskModule
|
|
22
28
|
],
|
|
23
29
|
exports: [
|
|
24
30
|
ComponentsModule,
|
|
25
|
-
CoreModule
|
|
31
|
+
CoreModule,
|
|
32
|
+
CurrencyMaskModule
|
|
26
33
|
]
|
|
27
34
|
}]
|
|
28
35
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvZGVzaWduLXN5c3RlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBZWhELE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixZQVgzQixnQkFBZ0I7UUFDaEIsVUFBVTtRQUNWLGtCQUFrQixhQUdsQixnQkFBZ0I7UUFDaEIsVUFBVTtRQUNWLGtCQUFrQjtnSEFJVCxrQkFBa0IsWUFacEI7WUFDUCxnQkFBZ0I7WUFDaEIsVUFBVTtZQUNWLGtCQUFrQjtTQUNuQixFQUVDLGdCQUFnQjtRQUNoQixVQUFVO1FBQ1Ysa0JBQWtCOzJGQUlULGtCQUFrQjtrQkFiOUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixVQUFVO3dCQUNWLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsVUFBVTt3QkFDVixrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEN1cnJlbmN5TWFza01vZHVsZSB9IGZyb20gJ25nMi1jdXJyZW5jeS1tYXNrJztcblxuaW1wb3J0IHsgQ29tcG9uZW50c01vZHVsZSB9IGZyb20gJy4vY29tcG9uZW50cy9jb21wb25lbnRzLm1vZHVsZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlIH0gZnJvbSAnLi9jb3JlL2NvcmUubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbXBvbmVudHNNb2R1bGUsXG4gICAgQ29yZU1vZHVsZSxcbiAgICBDdXJyZW5jeU1hc2tNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENvbXBvbmVudHNNb2R1bGUsXG4gICAgQ29yZU1vZHVsZSxcbiAgICBDdXJyZW5jeU1hc2tNb2R1bGVcbiAgXVxufSlcblxuZXhwb3J0IGNsYXNzIERlc2lnblN5c3RlbU1vZHVsZSB7IH1cbiJdfQ==
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -40,4 +40,6 @@ export * from "./lib/core/models/user/user-rs.model";
|
|
|
40
40
|
export * from "./lib/core/models/test/test.model";
|
|
41
41
|
export * from "./lib/core/models/marketing/marketing.model";
|
|
42
42
|
export * from "./lib/core/models/budget/budget.model";
|
|
43
|
-
|
|
43
|
+
// Librería para máscara de moneda
|
|
44
|
+
export * from "./lib/components/components.module";
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFBO0FBQzFDLGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsY0FBYyx3QkFBd0IsQ0FBQTtBQUV0QyxTQUFTO0FBQ1QsY0FBYyw0REFBNEQsQ0FBQTtBQUMxRSxjQUFjLGdEQUFnRCxDQUFBO0FBQzlELGNBQWMsb0RBQW9ELENBQUE7QUFDbEUsY0FBYyxvREFBb0QsQ0FBQTtBQUNsRSxjQUFjLDhDQUE4QyxDQUFBO0FBQzVELGNBQWMsNERBQTRELENBQUE7QUFDMUUsY0FBYyx3REFBd0QsQ0FBQTtBQUN0RSxjQUFjLDhDQUE4QyxDQUFBO0FBQzVELGNBQWMsZ0RBQWdELENBQUE7QUFDOUQsY0FBYyxzREFBc0QsQ0FBQTtBQUVwRSxjQUFjO0FBQ2QsY0FBYyx3REFBd0QsQ0FBQTtBQUN0RSxjQUFjLHNEQUFzRCxDQUFBO0FBRXBFLFlBQVk7QUFDWixjQUFjLHlEQUF5RCxDQUFBO0FBQ3ZFLGNBQWMsMkRBQTJELENBQUE7QUFDekUsY0FBYyxxREFBcUQsQ0FBQTtBQUNuRSxjQUFjLCtDQUErQyxDQUFBO0FBQzdELGNBQWMsbURBQW1ELENBQUE7QUFDakUsY0FBYyxtREFBbUQsQ0FBQTtBQUNqRSxjQUFjLHlEQUF5RCxDQUFBO0FBQ3ZFLGNBQWMsK0NBQStDLENBQUE7QUFDN0QsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLDRDQUE0QyxDQUFBO0FBRTFELFVBQVU7QUFDVixjQUFjLG9DQUFvQyxDQUFBO0FBQ2xELGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyx5Q0FBeUMsQ0FBQTtBQUN2RCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsaUNBQWlDLENBQUE7QUFDL0MsY0FBYyxzQ0FBc0MsQ0FBQTtBQUNwRCxjQUFjLHNDQUFzQyxDQUFBO0FBQ3BELGNBQWMsbUNBQW1DLENBQUE7QUFDakQsY0FBYyw2Q0FBNkMsQ0FBQTtBQUMzRCxjQUFjLHVDQUF1QyxDQUFBO0FBRXJELGtDQUFrQztBQUNsQyxjQUFjLG9DQUFvQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBkZXNpZ24tc3lzdGVtXG4gKi9cblxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2Rlc2lnbi1zeXN0ZW0ubW9kdWxlXCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2NvbXBvbmVudHMubW9kdWxlXCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb3JlL2NvcmUubW9kdWxlXCJcblxuLy8gQXRvbW9zXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9hc2lkZS1idXR0b24vYXNpZGUtYnV0dG9uLmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnRcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50XCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2F0b21zL2lucHV0L2lucHV0LmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC1idXR0b24vbGV2ZWwtYnV0dG9uLmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50XCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2F0b21zL3JhZGlvL3JhZGlvLmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9hdG9tcy90ZXh0LWxpbmsvdGV4dC1saW5rLmNvbXBvbmVudFwiXG5cbi8vIEZvcm11bGFyaW9zXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9mb3Jtcy9sb2dpbi1mb3JtL2xvZ2luLWZvcm0uY29tcG9uZW50XCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50XCJcblxuLy8gU2VydmljaW9zXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy9jb3Vyc2Utc2VydmljZS9jb3Vyc2Utc2VydmljZS5tb2RlbFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy9wYXJhbWV0ZXJzLXNlcnZpY2UvcGFyYW1ldGVycy5zZXJ2aWNlXCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb3JlL3NlcnZpY2VzL3N0b3JhZ2Utc2VydmljZS9zdG9yYWdlLXNlcnZpY2VcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvc2VydmljZXMvdXNlci1zZXJ2aWNlL3VzZXItc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy9zd2l0Y2gtc2VydmljZS9zd2l0Y2guc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy9idWRnZXQtc2VydmljZS9idWRnZXQtc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy9tYXJrZXRpbmctc2VydmljZS9tYXJrZXRpbmctc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9zZXJ2aWNlcy90ZXN0LXNlcnZpY2UvdGVzdC5zZXJ2aWNlXCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb3JlL3V0aWxzL3JvdXRlLXNlcnZpY2Uvcm91dGUuc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS91dGlscy9iYXNlLXNlcnZpY2UvYmFzZS5zZXJ2aWNlXCJcblxuLy8gTW9kZWxvc1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL2NvZC9jb2QtcnEubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL2NvdXJzZS9jb3Vyc2UtcnEubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL3Nlc3Npb24vc2Vzc2lvbi5tb2RlbFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9tb2RlbHMvdGFibGUvdGFibGUtcnMubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL3VybC91cmwubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL3VzZXIvdXNlci1ycS5tb2RlbFwiXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29yZS9tb2RlbHMvdXNlci91c2VyLXJzLm1vZGVsXCJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb3JlL21vZGVscy90ZXN0L3Rlc3QubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL21hcmtldGluZy9tYXJrZXRpbmcubW9kZWxcIlxuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvcmUvbW9kZWxzL2J1ZGdldC9idWRnZXQubW9kZWxcIlxuXG4vLyBMaWJyZXLDrWEgcGFyYSBtw6FzY2FyYSBkZSBtb25lZGFcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2NvbXBvbmVudHMubW9kdWxlXCJcbiJdfQ==
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
|
|
3
|
+
import * as i3 from 'ng2-currency-mask';
|
|
4
|
+
import { CurrencyMaskModule } from 'ng2-currency-mask';
|
|
3
5
|
import * as i1 from '@angular/common';
|
|
4
6
|
import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
|
|
5
7
|
import * as i1$1 from '@angular/forms';
|
|
@@ -7,7 +9,7 @@ import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
|
7
9
|
import Swal from 'sweetalert2';
|
|
8
10
|
import * as i1$2 from '@angular/common/http';
|
|
9
11
|
import { HttpHeaders } from '@angular/common/http';
|
|
10
|
-
import * as i3 from '@angular/material/sidenav';
|
|
12
|
+
import * as i3$1 from '@angular/material/sidenav';
|
|
11
13
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
12
14
|
import * as i4 from '@angular/material/toolbar';
|
|
13
15
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
@@ -252,45 +254,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
252
254
|
}] } });
|
|
253
255
|
|
|
254
256
|
class InputComponent {
|
|
255
|
-
constructor(
|
|
256
|
-
this.currencyPipe = currencyPipe;
|
|
257
|
+
constructor() {
|
|
257
258
|
this.data = [];
|
|
258
259
|
this.clicked = false;
|
|
259
260
|
this.withPipe = false;
|
|
261
|
+
this.prefix = '$';
|
|
262
|
+
this.thousands = '.';
|
|
263
|
+
this.decimal = ',';
|
|
260
264
|
}
|
|
261
265
|
set control(value) {
|
|
262
266
|
if (this.formControl !== value) {
|
|
263
267
|
this.formControl = value;
|
|
264
268
|
}
|
|
265
269
|
}
|
|
266
|
-
ngOnInit() {
|
|
267
|
-
// if (this.withPipe && this.formControl !== null) {
|
|
268
|
-
// this.formControl = this.currenPipe(this.control);
|
|
269
|
-
// console.log(this.formControl);
|
|
270
|
-
// console.log(this.withPipe, this.formControl, this.control);
|
|
271
|
-
// this.formControl.valueChanges.subscribe(value => {
|
|
272
|
-
// console.log(value);
|
|
273
|
-
// this.formControl.patchValue(
|
|
274
|
-
// { control: this.currencyPipe.transform(value)},
|
|
275
|
-
// { onlySelf: true, emitEvent: false}
|
|
276
|
-
// )
|
|
277
|
-
// })
|
|
278
|
-
// }
|
|
279
|
-
}
|
|
280
|
-
currenPipe(datControl) {
|
|
281
|
-
let formatted = new Intl.NumberFormat("en-US", {
|
|
282
|
-
style: 'currency',
|
|
283
|
-
currency: 'USD'
|
|
284
|
-
}).format(datControl);
|
|
285
|
-
console.log(formatted);
|
|
286
|
-
return formatted;
|
|
287
|
-
}
|
|
270
|
+
ngOnInit() { }
|
|
288
271
|
click(value) {
|
|
289
272
|
this.clicked = value.isTrusted;
|
|
290
273
|
}
|
|
291
274
|
}
|
|
292
|
-
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [
|
|
293
|
-
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: `
|
|
275
|
+
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
276
|
+
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", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, ngImport: i0, template: `
|
|
294
277
|
<div class="input-container">
|
|
295
278
|
<input *ngIf="inputType === 'date'"
|
|
296
279
|
class="input"
|
|
@@ -308,10 +291,12 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
308
291
|
[attr.list]="list"/>
|
|
309
292
|
|
|
310
293
|
<input *ngIf="inputType === 'text' && withPipe"
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
294
|
+
class="input"
|
|
295
|
+
currencyMask
|
|
296
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
297
|
+
type="{{ inputType }}"
|
|
298
|
+
[formControl]="formControl"
|
|
299
|
+
[attr.list]="list"/>
|
|
315
300
|
|
|
316
301
|
<input *ngIf="inputType === 'time'"
|
|
317
302
|
class="input"
|
|
@@ -331,7 +316,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
331
316
|
{{ validateText }}
|
|
332
317
|
</p>
|
|
333
318
|
</div>
|
|
334
|
-
`, 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"] }] });
|
|
319
|
+
`, 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: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
335
320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
336
321
|
type: Component,
|
|
337
322
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -352,10 +337,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
352
337
|
[attr.list]="list"/>
|
|
353
338
|
|
|
354
339
|
<input *ngIf="inputType === 'text' && withPipe"
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
340
|
+
class="input"
|
|
341
|
+
currencyMask
|
|
342
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
343
|
+
type="{{ inputType }}"
|
|
344
|
+
[formControl]="formControl"
|
|
345
|
+
[attr.list]="list"/>
|
|
359
346
|
|
|
360
347
|
<input *ngIf="inputType === 'time'"
|
|
361
348
|
class="input"
|
|
@@ -376,7 +363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
376
363
|
</p>
|
|
377
364
|
</div>
|
|
378
365
|
`, 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"] }]
|
|
379
|
-
}], ctorParameters: function () { return [
|
|
366
|
+
}], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
|
|
380
367
|
type: Input
|
|
381
368
|
}], placeHolder: [{
|
|
382
369
|
type: Input
|
|
@@ -390,6 +377,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
390
377
|
type: Input
|
|
391
378
|
}], control: [{
|
|
392
379
|
type: Input
|
|
380
|
+
}], prefix: [{
|
|
381
|
+
type: Input
|
|
382
|
+
}], thousands: [{
|
|
383
|
+
type: Input
|
|
384
|
+
}], decimal: [{
|
|
385
|
+
type: Input
|
|
393
386
|
}] } });
|
|
394
387
|
|
|
395
388
|
class LevelButtonComponent {
|
|
@@ -959,7 +952,7 @@ LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
959
952
|
</div>
|
|
960
953
|
|
|
961
954
|
</div>
|
|
962
|
-
`, 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"] }] });
|
|
955
|
+
`, 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", "prefix", "thousands", "decimal"] }, { 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"] }] });
|
|
963
956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
|
|
964
957
|
type: Component,
|
|
965
958
|
args: [{ selector: 'ipt-login-form', template: `
|
|
@@ -1075,7 +1068,7 @@ SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
1075
1068
|
<div class="photo-logout"></div>
|
|
1076
1069
|
</div>
|
|
1077
1070
|
</mat-toolbar>
|
|
1078
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"], components: [{ type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1071
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"], components: [{ type: i3$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1079
1072
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
1080
1073
|
type: Component,
|
|
1081
1074
|
args: [{ selector: 'ipt-sidenav', template: `
|
|
@@ -1166,7 +1159,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1166
1159
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1167
1160
|
FormsModule,
|
|
1168
1161
|
ReactiveFormsModule,
|
|
1169
|
-
MaterialModule
|
|
1162
|
+
MaterialModule,
|
|
1163
|
+
CurrencyMaskModule], exports: [AsideButtonComponent,
|
|
1170
1164
|
ButtonComponent,
|
|
1171
1165
|
CheckboxComponent,
|
|
1172
1166
|
DatalistComponent,
|
|
@@ -1177,7 +1171,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1177
1171
|
SelectComponent,
|
|
1178
1172
|
TextLinkComponent,
|
|
1179
1173
|
LoginFormComponent,
|
|
1180
|
-
SidenavComponent
|
|
1174
|
+
SidenavComponent,
|
|
1175
|
+
CurrencyMaskModule] });
|
|
1181
1176
|
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
1182
1177
|
CurrencyPipe,
|
|
1183
1178
|
TitleCasePipe
|
|
@@ -1186,8 +1181,9 @@ ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
1186
1181
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1187
1182
|
FormsModule,
|
|
1188
1183
|
ReactiveFormsModule,
|
|
1189
|
-
MaterialModule
|
|
1190
|
-
|
|
1184
|
+
MaterialModule,
|
|
1185
|
+
CurrencyMaskModule
|
|
1186
|
+
], CurrencyMaskModule] });
|
|
1191
1187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
1192
1188
|
type: NgModule,
|
|
1193
1189
|
args: [{
|
|
@@ -1210,7 +1206,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1210
1206
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1211
1207
|
FormsModule,
|
|
1212
1208
|
ReactiveFormsModule,
|
|
1213
|
-
MaterialModule
|
|
1209
|
+
MaterialModule,
|
|
1210
|
+
CurrencyMaskModule
|
|
1214
1211
|
],
|
|
1215
1212
|
exports: [
|
|
1216
1213
|
AsideButtonComponent,
|
|
@@ -1225,6 +1222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1225
1222
|
TextLinkComponent,
|
|
1226
1223
|
LoginFormComponent,
|
|
1227
1224
|
SidenavComponent,
|
|
1225
|
+
CurrencyMaskModule
|
|
1228
1226
|
],
|
|
1229
1227
|
providers: [
|
|
1230
1228
|
CurrencyPipe,
|
|
@@ -1681,23 +1679,29 @@ class DesignSystemModule {
|
|
|
1681
1679
|
}
|
|
1682
1680
|
DesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1683
1681
|
DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
|
|
1684
|
-
CoreModule
|
|
1685
|
-
|
|
1682
|
+
CoreModule,
|
|
1683
|
+
CurrencyMaskModule], exports: [ComponentsModule,
|
|
1684
|
+
CoreModule,
|
|
1685
|
+
CurrencyMaskModule] });
|
|
1686
1686
|
DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [[
|
|
1687
1687
|
ComponentsModule,
|
|
1688
1688
|
CoreModule,
|
|
1689
|
+
CurrencyMaskModule
|
|
1689
1690
|
], ComponentsModule,
|
|
1690
|
-
CoreModule
|
|
1691
|
+
CoreModule,
|
|
1692
|
+
CurrencyMaskModule] });
|
|
1691
1693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, decorators: [{
|
|
1692
1694
|
type: NgModule,
|
|
1693
1695
|
args: [{
|
|
1694
1696
|
imports: [
|
|
1695
1697
|
ComponentsModule,
|
|
1696
1698
|
CoreModule,
|
|
1699
|
+
CurrencyMaskModule
|
|
1697
1700
|
],
|
|
1698
1701
|
exports: [
|
|
1699
1702
|
ComponentsModule,
|
|
1700
|
-
CoreModule
|
|
1703
|
+
CoreModule,
|
|
1704
|
+
CurrencyMaskModule
|
|
1701
1705
|
]
|
|
1702
1706
|
}]
|
|
1703
1707
|
}] });
|