iptdevs-design-system 2.2.24 → 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 +12 -4
- package/fesm2015/iptdevs-design-system.mjs +11 -3
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +11 -3
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -43,7 +43,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
43
43
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
44
44
|
ng-model="inputType"/>
|
|
45
45
|
|
|
46
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
46
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
47
47
|
class="input"
|
|
48
48
|
type="{{ inputType }}"
|
|
49
49
|
[formControl]="formControl"
|
|
@@ -54,6 +54,10 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
54
54
|
type="{{ inputType }}"
|
|
55
55
|
[formControl]="formControl"
|
|
56
56
|
[attr.list]="list"/>
|
|
57
|
+
<pre>
|
|
58
|
+
{{ formControl | json }}
|
|
59
|
+
{{ control | json }}
|
|
60
|
+
</pre>
|
|
57
61
|
|
|
58
62
|
<input *ngIf="inputType === 'time'"
|
|
59
63
|
class="input"
|
|
@@ -73,7 +77,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
73
77
|
{{ validateText }}
|
|
74
78
|
</p>
|
|
75
79
|
</div>
|
|
76
|
-
`, 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 } });
|
|
77
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
78
82
|
type: Component,
|
|
79
83
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -87,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
87
91
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
88
92
|
ng-model="inputType"/>
|
|
89
93
|
|
|
90
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
94
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
91
95
|
class="input"
|
|
92
96
|
type="{{ inputType }}"
|
|
93
97
|
[formControl]="formControl"
|
|
@@ -98,6 +102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
98
102
|
type="{{ inputType }}"
|
|
99
103
|
[formControl]="formControl"
|
|
100
104
|
[attr.list]="list"/>
|
|
105
|
+
<pre>
|
|
106
|
+
{{ formControl | json }}
|
|
107
|
+
{{ control | json }}
|
|
108
|
+
</pre>
|
|
101
109
|
|
|
102
110
|
<input *ngIf="inputType === 'time'"
|
|
103
111
|
class="input"
|
|
@@ -133,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
133
141
|
}], control: [{
|
|
134
142
|
type: Input
|
|
135
143
|
}] } });
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUEyQyxNQUFNLGVBQWUsQ0FBQzs7OztBQXNEMUYsTUFBTSxPQUFPLGNBQWM7SUFtQnpCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBaEI5QyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFLaEIsYUFBUSxHQUFhLEtBQUssQ0FBQztJQVNhLENBQUM7SUFObEQsSUFBYSxPQUFPLENBQUMsS0FBK0I7UUFDbEQsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBSUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksRUFBRTtZQUM5QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDM0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUM5QyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FDekIsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsRUFDOUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsQ0FDcEMsQ0FBQTtZQUNILENBQUMsQ0FBQyxDQUFBO1NBQ0g7SUFFSCxDQUFDO0lBQ0QsK0NBQStDO0lBQy9DLHVCQUF1QjtJQUN2QixvQkFBb0I7SUFDcEIsMEJBQTBCO0lBRTFCLEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7MkdBekNVLGNBQWM7K0ZBQWQsY0FBYywyTkFoRGY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDsyRkFHUSxjQUFjO2tCQWxEMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDttR0FVTSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ08sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEN1cnJlbmN5UGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxuICAgICAgICBvbmJsdXI9XCJqYXZhc2NyaXB0OiBpZiggIXRoaXMudmFsdWUgKSB0aGlzLnR5cGU9J3RleHQnO1wiXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxuXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJyAmJiAhd2l0aFBpcGVcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0ZXh0JyAmJiB3aXRoUGlwZVwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxuICAgICAgICA8cHJlPlxuICAgICAgICAgIHt7IGZvcm1Db250cm9sIHwganNvbiB9fVxuICAgICAgICAgIHt7IGNvbnRyb2wgfCBqc29uIH19XG4gICAgICAgIDwvcHJlPlxuXG4gICAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ3RpbWUnXCJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgICB0eXBlPVwidGltZVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICBbbWluXT1cIicwNjowMDowMCdcIlxuICAgICAgICAgIG1heD1cIjIyOjAwOjAwXCJcbiAgICAgICAgICBzdGVwPVwiOTAwXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvblwiXG4gICAgICAgICAgdmFsdWU9XCIwODowMDowMFwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICAvPlxuXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwieydsYWJlbFVwJzogZm9ybUNvbnRyb2wudmFsdWUgIT09ICcnfVwiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cblxuICAgICAgPHAgKm5nSWY9XCIoZm9ybUNvbnRyb2wuaW52YWxpZCAmJiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJycpIHx8IGZvcm1Db250cm9sLnRvdWNoZWRcIj5cbiAgICAgICAge3sgdmFsaWRhdGVUZXh0IH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgXG4gIHB1YmxpYyBjb2RlVmFsdWUhOiBzdHJpbmc7XG4gIGRhdGE6IGFueVtdID0gW107XG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgd2l0aFBpcGU/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxpc3Q/OiBzdHJpbmc7IC8vUGFyYSBlbCBkYXRhbGlzdFxuICBASW5wdXQoKSBpY29uVXJsPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sIHwgc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjdXJyZW5jeVBpcGU6IEN1cnJlbmN5UGlwZSkge31cbiAgXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLndpdGhQaXBlICYmIHRoaXMuZm9ybUNvbnRyb2wgIT09IG51bGwpIHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMud2l0aFBpcGUsIHRoaXMuZm9ybUNvbnRyb2wsIHRoaXMuY29udHJvbCk7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyh2YWx1ZSk7XG4gICAgICAgIHRoaXMuZm9ybUNvbnRyb2wucGF0Y2hWYWx1ZShcbiAgICAgICAgICB7IGNvbnRyb2w6IHRoaXMuY3VycmVuY3lQaXBlLnRyYW5zZm9ybSh2YWx1ZSl9LFxuICAgICAgICAgIHsgb25seVNlbGY6IHRydWUsIGVtaXRFdmVudDogZmFsc2V9XG4gICAgICAgIClcbiAgICAgIH0pXG4gICAgfVxuICAgIFxuICB9XG4gIC8vIGxldCBmb3JtYSA9IG5ldyBJbnRsLk51bWJlckZvcm1hdChcImVuLVVTXCIsIHtcbiAgLy8gICBzdHlsZTogJ2N1cnJlbmN5JyxcbiAgLy8gICBjdXJyZW5jeTogJ1VTRCdcbiAgLy8gfSkuZm9ybWF0KChpZENvbmNlcHQpKTtcblxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZCA9IHZhbHVlLmlzVHJ1c3RlZDtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -292,7 +292,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
292
292
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
293
293
|
ng-model="inputType"/>
|
|
294
294
|
|
|
295
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
295
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
296
296
|
class="input"
|
|
297
297
|
type="{{ inputType }}"
|
|
298
298
|
[formControl]="formControl"
|
|
@@ -303,6 +303,10 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
303
303
|
type="{{ inputType }}"
|
|
304
304
|
[formControl]="formControl"
|
|
305
305
|
[attr.list]="list"/>
|
|
306
|
+
<pre>
|
|
307
|
+
{{ formControl | json }}
|
|
308
|
+
{{ control | json }}
|
|
309
|
+
</pre>
|
|
306
310
|
|
|
307
311
|
<input *ngIf="inputType === 'time'"
|
|
308
312
|
class="input"
|
|
@@ -322,7 +326,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
322
326
|
{{ validateText }}
|
|
323
327
|
</p>
|
|
324
328
|
</div>
|
|
325
|
-
`, 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 } });
|
|
326
330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
327
331
|
type: Component,
|
|
328
332
|
args: [{ selector: 'ipt-input', template: `
|
|
@@ -336,7 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
336
340
|
uib-datepicker-popup="dd/MM/yyyy"
|
|
337
341
|
ng-model="inputType"/>
|
|
338
342
|
|
|
339
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
343
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
340
344
|
class="input"
|
|
341
345
|
type="{{ inputType }}"
|
|
342
346
|
[formControl]="formControl"
|
|
@@ -347,6 +351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
347
351
|
type="{{ inputType }}"
|
|
348
352
|
[formControl]="formControl"
|
|
349
353
|
[attr.list]="list"/>
|
|
354
|
+
<pre>
|
|
355
|
+
{{ formControl | json }}
|
|
356
|
+
{{ control | json }}
|
|
357
|
+
</pre>
|
|
350
358
|
|
|
351
359
|
<input *ngIf="inputType === 'time'"
|
|
352
360
|
class="input"
|