iptdevs-design-system 2.2.36 → 2.2.39
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/datalist/datalist.component.mjs +7 -7
- package/esm2020/lib/components/atoms/select/select.component.mjs +4 -9
- package/fesm2015/iptdevs-design-system.mjs +9 -14
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +9 -14
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/datalist/datalist.component.d.ts +3 -3
- package/lib/components/atoms/select/select.component.d.ts +1 -2
- package/package.json +1 -1
|
@@ -5,7 +5,6 @@ import * as i1 from "@angular/forms";
|
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
export class DatalistComponent {
|
|
7
7
|
constructor(fb) {
|
|
8
|
-
this.disabledSel = false;
|
|
9
8
|
this.isChanged = new EventEmitter();
|
|
10
9
|
this.clicked = false;
|
|
11
10
|
this.formControl = fb.group({
|
|
@@ -17,6 +16,11 @@ export class DatalistComponent {
|
|
|
17
16
|
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
18
17
|
}
|
|
19
18
|
}
|
|
19
|
+
ngOnChanges(changes) {
|
|
20
|
+
if (changes['initialData']) {
|
|
21
|
+
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
20
24
|
optionChanged(event) {
|
|
21
25
|
let selectOption = this.datalistData.find(element => element.name == event.target.value);
|
|
22
26
|
if (typeof (selectOption) != 'undefined') {
|
|
@@ -35,7 +39,7 @@ export class DatalistComponent {
|
|
|
35
39
|
}
|
|
36
40
|
}
|
|
37
41
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData"
|
|
42
|
+
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData" }, outputs: { isChanged: "isChanged" }, usesOnChanges: true, ngImport: i0, template: `
|
|
39
43
|
<div class="input-container">
|
|
40
44
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
41
45
|
<input
|
|
@@ -44,7 +48,6 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
44
48
|
(click)="click($event)"
|
|
45
49
|
[attr.list]="datalistId"
|
|
46
50
|
(change)="optionChanged($event)"
|
|
47
|
-
[disabled]="disabledSel"
|
|
48
51
|
/>
|
|
49
52
|
|
|
50
53
|
<datalist id="{{ datalistId }}">
|
|
@@ -65,7 +68,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
65
68
|
(click)="click($event)"
|
|
66
69
|
[attr.list]="datalistId"
|
|
67
70
|
(change)="optionChanged($event)"
|
|
68
|
-
[disabled]="disabledSel"
|
|
69
71
|
/>
|
|
70
72
|
|
|
71
73
|
<datalist id="{{ datalistId }}">
|
|
@@ -85,9 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
85
87
|
type: Input
|
|
86
88
|
}], initalData: [{
|
|
87
89
|
type: Input
|
|
88
|
-
}], disabledSel: [{
|
|
89
|
-
type: Input
|
|
90
90
|
}], isChanged: [{
|
|
91
91
|
type: Output
|
|
92
92
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBZ0UsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUF3QjFHLE1BQU0sT0FBTyxpQkFBaUI7SUFhNUIsWUFBWSxFQUFlO1FBTGpCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR2pELFlBQU8sR0FBWSxLQUFLLENBQUM7UUFHdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzFCLGVBQWUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUYsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3hFO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBRSxPQUFPLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFMUYsSUFBSSxPQUFNLENBQUMsWUFBWSxDQUFDLElBQUksV0FBVyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0Q7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQWhEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixzUUFwQmxCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDsyRkFHVSxpQkFBaUI7a0JBdEI3QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7a0dBS1EsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1kYXRhbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5pZF9jYXJkfX0ge3tpdGVtLm5hbWV9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvZGF0YWxpc3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhbGlzdENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGF0YWxpc3RJZCE6IHN0cmluZztcbiAgQElucHV0KCkgZGF0YWxpc3REYXRhITogYW55W107XG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWxpZGF0ZVRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRhbERhdGEhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGZvcm1Db250cm9sITogRm9ybUdyb3VwO1xuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoZmI6IEZvcm1CdWlsZGVyKSB7XG4gICAgdGhpcy5mb3JtQ29udHJvbCA9IGZiLmdyb3VwKHtcbiAgICAgIGRhdGFMaXN0Q29udHJvbDogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgIH0pO1xuICAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMuaW5pdGFsRGF0YSAhPSBudWxsKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS5zZXRWYWx1ZSh0aGlzLmluaXRhbERhdGEpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snaW5pdGlhbERhdGEnXSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10uc2V0VmFsdWUodGhpcy5pbml0YWxEYXRhKTtcbiAgICB9XG4gIH1cblxuICBvcHRpb25DaGFuZ2VkKGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcblxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdChzZWxlY3RPcHRpb24uY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS5zZXRWYWx1ZShudWxsKTtcbiAgICB9XG4gIH1cblxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZCA9IHZhbHVlLmlzVHJ1c3RlZDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNsaWNrZWQgPT09IGZhbHNlID8gJ2xhYmVsJyA6ICdsYWJlbFVwJztcbiAgfVxufVxuIl19
|
|
@@ -6,7 +6,6 @@ export class SelectComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.boxShadow = 0;
|
|
8
8
|
this.clicked = false;
|
|
9
|
-
this.disabledSel = false;
|
|
10
9
|
this.eventSelect = new EventEmitter();
|
|
11
10
|
}
|
|
12
11
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -42,15 +41,14 @@ export class SelectComponent {
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode",
|
|
44
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
46
45
|
<div class="select-container">
|
|
47
46
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
48
47
|
<select
|
|
49
48
|
[(ngModel)]="binding"
|
|
50
49
|
(ngModelChange)="seleccionar($event)"
|
|
51
50
|
(click)="click($event)"
|
|
52
|
-
[ngClass]="textClass"
|
|
53
|
-
[disabled]="disabledSel">
|
|
51
|
+
[ngClass]="textClass">
|
|
54
52
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
55
53
|
{{ item.name }} {{ item.prefix }}
|
|
56
54
|
</option>
|
|
@@ -66,8 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
66
64
|
[(ngModel)]="binding"
|
|
67
65
|
(ngModelChange)="seleccionar($event)"
|
|
68
66
|
(click)="click($event)"
|
|
69
|
-
[ngClass]="textClass"
|
|
70
|
-
[disabled]="disabledSel">
|
|
67
|
+
[ngClass]="textClass">
|
|
71
68
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
72
69
|
{{ item.name }} {{ item.prefix }}
|
|
73
70
|
</option>
|
|
@@ -82,11 +79,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
82
79
|
type: Input
|
|
83
80
|
}], selectCode: [{
|
|
84
81
|
type: Input
|
|
85
|
-
}], disabledSel: [{
|
|
86
|
-
type: Input
|
|
87
82
|
}], eventSelect: [{
|
|
88
83
|
type: Output
|
|
89
84
|
}], control: [{
|
|
90
85
|
type: Input
|
|
91
86
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBcUJ0RixNQUFNLE9BQU8sZUFBZTtJQWxCNUI7UUFxQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2YsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBdUNwRDtJQXRDQyxpR0FBaUc7SUFDakcsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7U0FDcEI7YUFDSTtZQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzRHQWpEVSxlQUFlO2dHQUFmLGVBQWUsOE9BaEJoQjs7Ozs7Ozs7Ozs7OztHQWFUOzJGQUdVLGVBQWU7a0JBbEIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7OztHQWFUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVNLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXNlbGVjdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdC1jb250YWluZXJcIj5cbiAgICAgIDxsYWJlbCBbbmdDbGFzc109XCJsYWJlbENsYXNzXCI+e3sgZGVmYXVsdFRleHQgfX08L2xhYmVsPlxuICAgICAgPHNlbGVjdFxuICAgICAgICBbKG5nTW9kZWwpXT1cImJpbmRpbmdcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZWxlY2Npb25hcigkZXZlbnQpXCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbbmdDbGFzc109XCJ0ZXh0Q2xhc3NcIj5cbiAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0uY29kZVwiPlxuICAgICAgICAgIHt7IGl0ZW0ubmFtZSB9fSB7eyBpdGVtLnByZWZpeCB9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvc2VsZWN0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdENvbXBvbmVudCB7XG5cbiAgYmluZGluZzogYW55O1xuICBib3hTaGFkb3c6IG51bWJlciA9IDA7XG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc1JlcXVpcmVkITogYm9vbGVhbjsgLy8gdGVtYXMgZGUgdmFsaWRhY2lvblxuICAvLyBvYmpldG8gcXVlIG1lIHRyYWUgZWwgbGlzdGFkb1xuICBASW5wdXQoKSBkYXRhITogYW55W107IC8vIHJlY2liZSB1biBhcnJheSBkZSBjdWFscXVpZXIgY29zYVxuICBASW5wdXQoKSBkZWZhdWx0VGV4dCE6IGFueTtcbiAgQElucHV0KCkgc2VsZWN0Q29kZSE6c3RyaW5nO1xuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgLy8gdHlwZSB2aWVuZSBkZSBvdHJvIGNvbXBvbmVudGUgLT4gaW5kaWNhIGRlIHF1ZSB0aXBvIGVzIGVsIGFycmVnbG8gc2kgcHJlZ3JhZGUsIHBvc2dyYWRlIG8gbW9kb1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmKCBjaGFuZ2VzWydkYXRhJ10pe1xuICAgICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgICB9XG4gIH1cblxuICBzZWxlY2Npb25hcihldnQ6IHN0cmluZyl7XG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDE7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5ib3hTaGFkb3cgPSAyO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdGV4dENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZGVmYXVsdFRleHQgPT09ICcnID8gJ3NlbGVjdGVkJyA6ICdzZWxlY3QnO1xuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -172,7 +172,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
172
172
|
|
|
173
173
|
class DatalistComponent {
|
|
174
174
|
constructor(fb) {
|
|
175
|
-
this.disabledSel = false;
|
|
176
175
|
this.isChanged = new EventEmitter();
|
|
177
176
|
this.clicked = false;
|
|
178
177
|
this.formControl = fb.group({
|
|
@@ -184,6 +183,11 @@ class DatalistComponent {
|
|
|
184
183
|
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
185
184
|
}
|
|
186
185
|
}
|
|
186
|
+
ngOnChanges(changes) {
|
|
187
|
+
if (changes['initialData']) {
|
|
188
|
+
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
187
191
|
optionChanged(event) {
|
|
188
192
|
let selectOption = this.datalistData.find(element => element.name == event.target.value);
|
|
189
193
|
if (typeof (selectOption) != 'undefined') {
|
|
@@ -202,7 +206,7 @@ class DatalistComponent {
|
|
|
202
206
|
}
|
|
203
207
|
}
|
|
204
208
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
-
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData"
|
|
209
|
+
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData" }, outputs: { isChanged: "isChanged" }, usesOnChanges: true, ngImport: i0, template: `
|
|
206
210
|
<div class="input-container">
|
|
207
211
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
208
212
|
<input
|
|
@@ -211,7 +215,6 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
211
215
|
(click)="click($event)"
|
|
212
216
|
[attr.list]="datalistId"
|
|
213
217
|
(change)="optionChanged($event)"
|
|
214
|
-
[disabled]="disabledSel"
|
|
215
218
|
/>
|
|
216
219
|
|
|
217
220
|
<datalist id="{{ datalistId }}">
|
|
@@ -232,7 +235,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
232
235
|
(click)="click($event)"
|
|
233
236
|
[attr.list]="datalistId"
|
|
234
237
|
(change)="optionChanged($event)"
|
|
235
|
-
[disabled]="disabledSel"
|
|
236
238
|
/>
|
|
237
239
|
|
|
238
240
|
<datalist id="{{ datalistId }}">
|
|
@@ -252,8 +254,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
252
254
|
type: Input
|
|
253
255
|
}], initalData: [{
|
|
254
256
|
type: Input
|
|
255
|
-
}], disabledSel: [{
|
|
256
|
-
type: Input
|
|
257
257
|
}], isChanged: [{
|
|
258
258
|
type: Output
|
|
259
259
|
}] } });
|
|
@@ -516,7 +516,6 @@ class SelectComponent {
|
|
|
516
516
|
constructor() {
|
|
517
517
|
this.boxShadow = 0;
|
|
518
518
|
this.clicked = false;
|
|
519
|
-
this.disabledSel = false;
|
|
520
519
|
this.eventSelect = new EventEmitter();
|
|
521
520
|
}
|
|
522
521
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -552,15 +551,14 @@ class SelectComponent {
|
|
|
552
551
|
}
|
|
553
552
|
}
|
|
554
553
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
555
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode",
|
|
554
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
556
555
|
<div class="select-container">
|
|
557
556
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
558
557
|
<select
|
|
559
558
|
[(ngModel)]="binding"
|
|
560
559
|
(ngModelChange)="seleccionar($event)"
|
|
561
560
|
(click)="click($event)"
|
|
562
|
-
[ngClass]="textClass"
|
|
563
|
-
[disabled]="disabledSel">
|
|
561
|
+
[ngClass]="textClass">
|
|
564
562
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
565
563
|
{{ item.name }} {{ item.prefix }}
|
|
566
564
|
</option>
|
|
@@ -576,8 +574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
576
574
|
[(ngModel)]="binding"
|
|
577
575
|
(ngModelChange)="seleccionar($event)"
|
|
578
576
|
(click)="click($event)"
|
|
579
|
-
[ngClass]="textClass"
|
|
580
|
-
[disabled]="disabledSel">
|
|
577
|
+
[ngClass]="textClass">
|
|
581
578
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
582
579
|
{{ item.name }} {{ item.prefix }}
|
|
583
580
|
</option>
|
|
@@ -592,8 +589,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
592
589
|
type: Input
|
|
593
590
|
}], selectCode: [{
|
|
594
591
|
type: Input
|
|
595
|
-
}], disabledSel: [{
|
|
596
|
-
type: Input
|
|
597
592
|
}], eventSelect: [{
|
|
598
593
|
type: Output
|
|
599
594
|
}], control: [{
|