iptdevs-design-system 2.2.27 → 2.2.30
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 +23 -13
- package/fesm2015/iptdevs-design-system.mjs +22 -12
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +22 -12
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/input/input.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -14,24 +14,34 @@ export class InputComponent {
|
|
|
14
14
|
this.formControl = value;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
if (
|
|
19
|
-
this.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// this.formControl.patchValue(
|
|
24
|
-
// { control: this.currencyPipe.transform(value)},
|
|
25
|
-
// { onlySelf: true, emitEvent: false}
|
|
26
|
-
// )
|
|
27
|
-
// })
|
|
17
|
+
ngOnChanges(changes) {
|
|
18
|
+
if (changes['control']) {
|
|
19
|
+
if (this.withPipe && this.formControl !== null) {
|
|
20
|
+
this.formControl = this.currenPipe(this.control);
|
|
21
|
+
console.log(this.formControl);
|
|
22
|
+
}
|
|
28
23
|
}
|
|
29
24
|
}
|
|
25
|
+
ngOnInit() {
|
|
26
|
+
// if (this.withPipe && this.formControl !== null) {
|
|
27
|
+
// this.formControl = this.currenPipe(this.control);
|
|
28
|
+
// console.log(this.formControl);
|
|
29
|
+
// console.log(this.withPipe, this.formControl, this.control);
|
|
30
|
+
// this.formControl.valueChanges.subscribe(value => {
|
|
31
|
+
// console.log(value);
|
|
32
|
+
// this.formControl.patchValue(
|
|
33
|
+
// { control: this.currencyPipe.transform(value)},
|
|
34
|
+
// { onlySelf: true, emitEvent: false}
|
|
35
|
+
// )
|
|
36
|
+
// })
|
|
37
|
+
// }
|
|
38
|
+
}
|
|
30
39
|
currenPipe(datControl) {
|
|
31
40
|
let formatted = new Intl.NumberFormat("en-US", {
|
|
32
41
|
style: 'currency',
|
|
33
42
|
currency: 'USD'
|
|
34
43
|
}).format(datControl);
|
|
44
|
+
console.log(formatted);
|
|
35
45
|
return formatted;
|
|
36
46
|
}
|
|
37
47
|
click(value) {
|
|
@@ -39,7 +49,7 @@ export class InputComponent {
|
|
|
39
49
|
}
|
|
40
50
|
}
|
|
41
51
|
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
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: `
|
|
52
|
+
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" }, usesOnChanges: true, ngImport: i0, template: `
|
|
43
53
|
<div class="input-container">
|
|
44
54
|
<input *ngIf="inputType === 'date'"
|
|
45
55
|
class="input"
|
|
@@ -148,4 +158,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
148
158
|
}], control: [{
|
|
149
159
|
type: Input
|
|
150
160
|
}] } });
|
|
151
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
161
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXNEcEgsTUFBTSxPQUFPLGNBQWM7SUFtQnpCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBaEI5QyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFLaEIsYUFBUSxHQUFhLEtBQUssQ0FBQztJQVNhLENBQUM7SUFObEQsSUFBYSxPQUFPLENBQUMsS0FBK0I7UUFDbEQsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBS0QsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQ3RCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksRUFBRTtnQkFDOUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDakQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDL0I7U0FDRjtJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sb0RBQW9EO1FBQ3BELHNEQUFzRDtRQUN0RCxtQ0FBbUM7UUFFakMsOERBQThEO1FBQzlELHFEQUFxRDtRQUNyRCx3QkFBd0I7UUFDeEIsaUNBQWlDO1FBQ2pDLHNEQUFzRDtRQUN0RCwwQ0FBMEM7UUFDMUMsTUFBTTtRQUNOLEtBQUs7UUFDUCxJQUFJO0lBRU4sQ0FBQztJQUNELFVBQVUsQ0FBQyxVQUFlO1FBQ3hCLElBQUksU0FBUyxHQUFHLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUU7WUFDN0MsS0FBSyxFQUFFLFVBQVU7WUFDakIsUUFBUSxFQUFFLEtBQUs7U0FDaEIsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN0QixPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXZCLE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7OzJHQTNEVSxjQUFjOytGQUFkLGNBQWMsZ1BBaERmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2Q1A7MkZBR1EsY0FBYztrQkFsRDFCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2Q1A7bUdBVU0sU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDdXJyZW5jeVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdDaGlsZCwgT25Jbml0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxuICAgICAgICBvbmJsdXI9XCJqYXZhc2NyaXB0OiBpZiggIXRoaXMudmFsdWUgKSB0aGlzLnR5cGU9J3RleHQnO1wiXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxuXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJyAmJiAhd2l0aFBpcGVcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0ZXh0JyAmJiB3aXRoUGlwZVwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxuICAgICAgICA8cHJlPlxuICAgICAgICAgIHt7IGZvcm1Db250cm9sIHwganNvbiB9fVxuICAgICAgICAgIHt7IGNvbnRyb2wgfCBqc29uIH19XG4gICAgICAgIDwvcHJlPlxuXG4gICAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ3RpbWUnXCJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgICB0eXBlPVwidGltZVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICBbbWluXT1cIicwNjowMDowMCdcIlxuICAgICAgICAgIG1heD1cIjIyOjAwOjAwXCJcbiAgICAgICAgICBzdGVwPVwiOTAwXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvblwiXG4gICAgICAgICAgdmFsdWU9XCIwODowMDowMFwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICAvPlxuXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwieydsYWJlbFVwJzogZm9ybUNvbnRyb2wudmFsdWUgIT09ICcnfVwiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cblxuICAgICAgPHAgKm5nSWY9XCIoZm9ybUNvbnRyb2wuaW52YWxpZCAmJiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJycpIHx8IGZvcm1Db250cm9sLnRvdWNoZWRcIj5cbiAgICAgICAge3sgdmFsaWRhdGVUZXh0IH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBcbiAgcHVibGljIGNvZGVWYWx1ZSE6IHN0cmluZztcbiAgZGF0YTogYW55W10gPSBbXTtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBcbiAgQElucHV0KCkgaW5wdXRUeXBlITogc3RyaW5nO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSB3aXRoUGlwZT86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGlzdD86IHN0cmluZzsgLy9QYXJhIGVsIGRhdGFsaXN0XG4gIEBJbnB1dCgpIGljb25Vcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wgfCBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGN1cnJlbmN5UGlwZTogQ3VycmVuY3lQaXBlKSB7fVxuICBcbiAgXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snY29udHJvbCddKSB7XG4gICAgICBpZiAodGhpcy53aXRoUGlwZSAmJiB0aGlzLmZvcm1Db250cm9sICE9PSBudWxsKSB7XG4gICAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB0aGlzLmN1cnJlblBpcGUodGhpcy5jb250cm9sKTtcbiAgICAgICAgY29uc29sZS5sb2codGhpcy5mb3JtQ29udHJvbCk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIFxuICBuZ09uSW5pdCgpIHtcbiAgICAvLyBpZiAodGhpcy53aXRoUGlwZSAmJiB0aGlzLmZvcm1Db250cm9sICE9PSBudWxsKSB7XG4gICAgLy8gICB0aGlzLmZvcm1Db250cm9sID0gdGhpcy5jdXJyZW5QaXBlKHRoaXMuY29udHJvbCk7XG4gICAgLy8gICBjb25zb2xlLmxvZyh0aGlzLmZvcm1Db250cm9sKTtcbiAgICAgIFxuICAgICAgLy8gY29uc29sZS5sb2codGhpcy53aXRoUGlwZSwgdGhpcy5mb3JtQ29udHJvbCwgdGhpcy5jb250cm9sKTtcbiAgICAgIC8vIHRoaXMuZm9ybUNvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2YWx1ZSA9PiB7XG4gICAgICAvLyAgIGNvbnNvbGUubG9nKHZhbHVlKTtcbiAgICAgIC8vICAgdGhpcy5mb3JtQ29udHJvbC5wYXRjaFZhbHVlKFxuICAgICAgLy8gICAgIHsgY29udHJvbDogdGhpcy5jdXJyZW5jeVBpcGUudHJhbnNmb3JtKHZhbHVlKX0sXG4gICAgICAvLyAgICAgeyBvbmx5U2VsZjogdHJ1ZSwgZW1pdEV2ZW50OiBmYWxzZX1cbiAgICAgIC8vICAgKVxuICAgICAgLy8gfSlcbiAgICAvLyB9XG5cbiAgfVxuICBjdXJyZW5QaXBlKGRhdENvbnRyb2w6IGFueSk6IGFueSB7XG4gICAgbGV0IGZvcm1hdHRlZCA9IG5ldyBJbnRsLk51bWJlckZvcm1hdChcImVuLVVTXCIsIHtcbiAgICAgIHN0eWxlOiAnY3VycmVuY3knLFxuICAgICAgY3VycmVuY3k6ICdVU0QnXG4gICAgfSkuZm9ybWF0KGRhdENvbnRyb2wpO1xuICAgIGNvbnNvbGUubG9nKGZvcm1hdHRlZCk7XG4gICAgXG4gICAgcmV0dXJuIGZvcm1hdHRlZDtcbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -263,24 +263,34 @@ class InputComponent {
|
|
|
263
263
|
this.formControl = value;
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
|
|
267
|
-
if (
|
|
268
|
-
this.
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
// this.formControl.patchValue(
|
|
273
|
-
// { control: this.currencyPipe.transform(value)},
|
|
274
|
-
// { onlySelf: true, emitEvent: false}
|
|
275
|
-
// )
|
|
276
|
-
// })
|
|
266
|
+
ngOnChanges(changes) {
|
|
267
|
+
if (changes['control']) {
|
|
268
|
+
if (this.withPipe && this.formControl !== null) {
|
|
269
|
+
this.formControl = this.currenPipe(this.control);
|
|
270
|
+
console.log(this.formControl);
|
|
271
|
+
}
|
|
277
272
|
}
|
|
278
273
|
}
|
|
274
|
+
ngOnInit() {
|
|
275
|
+
// if (this.withPipe && this.formControl !== null) {
|
|
276
|
+
// this.formControl = this.currenPipe(this.control);
|
|
277
|
+
// console.log(this.formControl);
|
|
278
|
+
// console.log(this.withPipe, this.formControl, this.control);
|
|
279
|
+
// this.formControl.valueChanges.subscribe(value => {
|
|
280
|
+
// console.log(value);
|
|
281
|
+
// this.formControl.patchValue(
|
|
282
|
+
// { control: this.currencyPipe.transform(value)},
|
|
283
|
+
// { onlySelf: true, emitEvent: false}
|
|
284
|
+
// )
|
|
285
|
+
// })
|
|
286
|
+
// }
|
|
287
|
+
}
|
|
279
288
|
currenPipe(datControl) {
|
|
280
289
|
let formatted = new Intl.NumberFormat("en-US", {
|
|
281
290
|
style: 'currency',
|
|
282
291
|
currency: 'USD'
|
|
283
292
|
}).format(datControl);
|
|
293
|
+
console.log(formatted);
|
|
284
294
|
return formatted;
|
|
285
295
|
}
|
|
286
296
|
click(value) {
|
|
@@ -288,7 +298,7 @@ class InputComponent {
|
|
|
288
298
|
}
|
|
289
299
|
}
|
|
290
300
|
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
291
|
-
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: `
|
|
301
|
+
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" }, usesOnChanges: true, ngImport: i0, template: `
|
|
292
302
|
<div class="input-container">
|
|
293
303
|
<input *ngIf="inputType === 'date'"
|
|
294
304
|
class="input"
|