iptdevs-design-system 2.2.41 → 2.2.44
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 +18 -5
- package/esm2020/lib/components/atoms/select/select.component.mjs +9 -4
- package/fesm2015/iptdevs-design-system.mjs +25 -7
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +25 -7
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/datalist/datalist.component.d.ts +3 -1
- package/lib/components/atoms/select/select.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ 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;
|
|
8
9
|
this.isChanged = new EventEmitter();
|
|
9
10
|
this.clicked = false;
|
|
10
11
|
this.formControl = fb.group({
|
|
@@ -18,9 +19,6 @@ export class DatalistComponent {
|
|
|
18
19
|
}
|
|
19
20
|
ngOnChanges(changes) {
|
|
20
21
|
if (changes['initialData']) {
|
|
21
|
-
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
22
|
-
let option = document.getElementById(this.datalistId);
|
|
23
|
-
option?.append('<option selected>' + this.formControl.controls['dataListControl'].value + '}}</option>');
|
|
24
22
|
}
|
|
25
23
|
}
|
|
26
24
|
optionChanged(event) {
|
|
@@ -36,12 +34,21 @@ export class DatalistComponent {
|
|
|
36
34
|
click(value) {
|
|
37
35
|
this.clicked = value.isTrusted;
|
|
38
36
|
}
|
|
37
|
+
setDataListValue() {
|
|
38
|
+
let selectOption = this.datalistData.find(element => element.code == this.initalData);
|
|
39
|
+
if (typeof (selectOption) != 'undefined') {
|
|
40
|
+
return selectOption.value;
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
return '';
|
|
44
|
+
}
|
|
45
|
+
}
|
|
39
46
|
get labelClass() {
|
|
40
47
|
return this.clicked === false ? 'label' : 'labelUp';
|
|
41
48
|
}
|
|
42
49
|
}
|
|
43
50
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
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: `
|
|
51
|
+
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", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, usesOnChanges: true, ngImport: i0, template: `
|
|
45
52
|
<div class="input-container">
|
|
46
53
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
47
54
|
<input
|
|
@@ -50,6 +57,8 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
50
57
|
(click)="click($event)"
|
|
51
58
|
[attr.list]="datalistId"
|
|
52
59
|
(change)="optionChanged($event)"
|
|
60
|
+
[disabled]="disabledSel"
|
|
61
|
+
[value]="setDataListValue()"
|
|
53
62
|
/>
|
|
54
63
|
|
|
55
64
|
<datalist id="{{ datalistId }}">
|
|
@@ -71,6 +80,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
71
80
|
(click)="click($event)"
|
|
72
81
|
[attr.list]="datalistId"
|
|
73
82
|
(change)="optionChanged($event)"
|
|
83
|
+
[disabled]="disabledSel"
|
|
84
|
+
[value]="setDataListValue()"
|
|
74
85
|
/>
|
|
75
86
|
|
|
76
87
|
<datalist id="{{ datalistId }}">
|
|
@@ -91,7 +102,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
91
102
|
type: Input
|
|
92
103
|
}], initalData: [{
|
|
93
104
|
type: Input
|
|
105
|
+
}], disabledSel: [{
|
|
106
|
+
type: Input
|
|
94
107
|
}], isChanged: [{
|
|
95
108
|
type: Output
|
|
96
109
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBZ0UsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUEyQjFHLE1BQU0sT0FBTyxpQkFBaUI7SUFlNUIsWUFBWSxFQUFlO1FBUmxCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRzNCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR2pELFlBQU8sR0FBWSxLQUFLLENBQUM7UUFHdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzFCLGVBQWUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUYsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3hFO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUMzQjtJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUM7U0FDM0I7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFFSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQTNEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrU0F2QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVDsyRkFHVSxpQkFBaUI7a0JBekI3QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7a0dBS1EsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwiZGF0YWxpc3RJZFwiXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkU2VsXCJcbiAgICAgICAgW3ZhbHVlXT1cInNldERhdGFMaXN0VmFsdWUoKVwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gc2VsZWN0ZWQ+IHt7IHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnZhbHVlIH19PC9vcHRpb24+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5pZF9jYXJkfX0ge3tpdGVtLm5hbWV9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvZGF0YWxpc3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhbGlzdENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGF0YWxpc3RJZCE6IHN0cmluZztcbiAgQElucHV0KCkgZGF0YWxpc3REYXRhITogYW55W107XG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWxpZGF0ZVRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRhbERhdGEhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcblxuXG4gIEBPdXRwdXQoKSBpc0NoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBmb3JtQ29udHJvbCE6IEZvcm1Hcm91cDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybUNvbnRyb2wgPSBmYi5ncm91cCh7XG4gICAgICBkYXRhTGlzdENvbnRyb2w6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICB9KTtcbiAgIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZih0aGlzLmluaXRhbERhdGEgIT0gbnVsbCkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10uc2V0VmFsdWUodGhpcy5pbml0YWxEYXRhKTtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2luaXRpYWxEYXRhJ10pIHtcbiAgICB9XG4gIH1cblxuICBvcHRpb25DaGFuZ2VkKGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcblxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdChzZWxlY3RPcHRpb24uY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS52YWx1ZSgnJyk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBzZXREYXRhTGlzdFZhbHVlKCkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgcmV0dXJuIHNlbGVjdE9wdGlvbi52YWx1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cblxuICB9ICBcblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jbGlja2VkID09PSBmYWxzZSA/ICdsYWJlbCcgOiAnbGFiZWxVcCc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -6,6 +6,7 @@ export class SelectComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.boxShadow = 0;
|
|
8
8
|
this.clicked = false;
|
|
9
|
+
this.disabledSel = false;
|
|
9
10
|
this.eventSelect = new EventEmitter();
|
|
10
11
|
}
|
|
11
12
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -41,14 +42,15 @@ export class SelectComponent {
|
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
44
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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: `
|
|
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", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
45
46
|
<div class="select-container">
|
|
46
47
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
47
48
|
<select
|
|
48
49
|
[(ngModel)]="binding"
|
|
49
50
|
(ngModelChange)="seleccionar($event)"
|
|
50
51
|
(click)="click($event)"
|
|
51
|
-
[ngClass]="textClass"
|
|
52
|
+
[ngClass]="textClass"
|
|
53
|
+
[disabled]="disabledSel">
|
|
52
54
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
53
55
|
{{ item.name }} {{ item.prefix }}
|
|
54
56
|
</option>
|
|
@@ -64,7 +66,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
64
66
|
[(ngModel)]="binding"
|
|
65
67
|
(ngModelChange)="seleccionar($event)"
|
|
66
68
|
(click)="click($event)"
|
|
67
|
-
[ngClass]="textClass"
|
|
69
|
+
[ngClass]="textClass"
|
|
70
|
+
[disabled]="disabledSel">
|
|
68
71
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
69
72
|
{{ item.name }} {{ item.prefix }}
|
|
70
73
|
</option>
|
|
@@ -79,9 +82,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
79
82
|
type: Input
|
|
80
83
|
}], selectCode: [{
|
|
81
84
|
type: Input
|
|
85
|
+
}], disabledSel: [{
|
|
86
|
+
type: Input
|
|
82
87
|
}], eventSelect: [{
|
|
83
88
|
type: Output
|
|
84
89
|
}], control: [{
|
|
85
90
|
type: Input
|
|
86
91
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0J0RixNQUFNLE9BQU8sZUFBZTtJQW5CNUI7UUFzQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2hCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRTNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQXVDcEQ7SUF0Q0MsaUdBQWlHO0lBQ2pHLElBQWEsT0FBTyxDQUFDLEtBQXNCO1FBQ3pDLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDakM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDckIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ25ELElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO2FBQ0k7WUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDekQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUN0RCxDQUFDOzs0R0FuRFUsZUFBZTtnR0FBZixlQUFlLDBRQWpCaEI7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBR1UsZUFBZTtrQkFuQjNCLFNBQVM7K0JBQ0UsWUFBWSxZQUNaOzs7Ozs7Ozs7Ozs7OztHQWNUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRU0sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtc2VsZWN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBkZWZhdWx0VGV4dCB9fTwvbGFiZWw+XG4gICAgICA8c2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwiYmluZGluZ1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjY2lvbmFyKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInRleHRDbGFzc1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFNlbFwiPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE7IGluZGV4IGFzIGlcIiBbdmFsdWVdPVwiaXRlbS5jb2RlXCI+XG4gICAgICAgICAge3sgaXRlbS5uYW1lIH19IHt7IGl0ZW0ucHJlZml4IH19XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgPC9zZWxlY3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IHtcblxuICBiaW5kaW5nOiBhbnk7XG4gIGJveFNoYWRvdzogbnVtYmVyID0gMDtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuOyAvLyB0ZW1hcyBkZSB2YWxpZGFjaW9uXG4gIC8vIG9iamV0byBxdWUgbWUgdHJhZSBlbCBsaXN0YWRvXG4gIEBJbnB1dCgpIGRhdGEhOiBhbnlbXTsgLy8gcmVjaWJlIHVuIGFycmF5IGRlIGN1YWxxdWllciBjb3NhXG4gIEBJbnB1dCgpIGRlZmF1bHRUZXh0ITogYW55O1xuICBASW5wdXQoKSBzZWxlY3RDb2RlITpzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgLy8gdHlwZSB2aWVuZSBkZSBvdHJvIGNvbXBvbmVudGUgLT4gaW5kaWNhIGRlIHF1ZSB0aXBvIGVzIGVsIGFycmVnbG8gc2kgcHJlZ3JhZGUsIHBvc2dyYWRlIG8gbW9kb1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmKCBjaGFuZ2VzWydkYXRhJ10pe1xuICAgICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgICB9XG4gIH1cblxuICBzZWxlY2Npb25hcihldnQ6IHN0cmluZyl7XG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDE7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5ib3hTaGFkb3cgPSAyO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdGV4dENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZGVmYXVsdFRleHQgPT09ICcnID8gJ3NlbGVjdGVkJyA6ICdzZWxlY3QnO1xuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -172,6 +172,7 @@ 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;
|
|
175
176
|
this.isChanged = new EventEmitter();
|
|
176
177
|
this.clicked = false;
|
|
177
178
|
this.formControl = fb.group({
|
|
@@ -185,9 +186,6 @@ class DatalistComponent {
|
|
|
185
186
|
}
|
|
186
187
|
ngOnChanges(changes) {
|
|
187
188
|
if (changes['initialData']) {
|
|
188
|
-
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
189
|
-
let option = document.getElementById(this.datalistId);
|
|
190
|
-
option === null || option === void 0 ? void 0 : option.append('<option selected>' + this.formControl.controls['dataListControl'].value + '}}</option>');
|
|
191
189
|
}
|
|
192
190
|
}
|
|
193
191
|
optionChanged(event) {
|
|
@@ -203,12 +201,21 @@ class DatalistComponent {
|
|
|
203
201
|
click(value) {
|
|
204
202
|
this.clicked = value.isTrusted;
|
|
205
203
|
}
|
|
204
|
+
setDataListValue() {
|
|
205
|
+
let selectOption = this.datalistData.find(element => element.code == this.initalData);
|
|
206
|
+
if (typeof (selectOption) != 'undefined') {
|
|
207
|
+
return selectOption.value;
|
|
208
|
+
}
|
|
209
|
+
else {
|
|
210
|
+
return '';
|
|
211
|
+
}
|
|
212
|
+
}
|
|
206
213
|
get labelClass() {
|
|
207
214
|
return this.clicked === false ? 'label' : 'labelUp';
|
|
208
215
|
}
|
|
209
216
|
}
|
|
210
217
|
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 });
|
|
211
|
-
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: `
|
|
218
|
+
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", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, usesOnChanges: true, ngImport: i0, template: `
|
|
212
219
|
<div class="input-container">
|
|
213
220
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
214
221
|
<input
|
|
@@ -217,6 +224,8 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
217
224
|
(click)="click($event)"
|
|
218
225
|
[attr.list]="datalistId"
|
|
219
226
|
(change)="optionChanged($event)"
|
|
227
|
+
[disabled]="disabledSel"
|
|
228
|
+
[value]="setDataListValue()"
|
|
220
229
|
/>
|
|
221
230
|
|
|
222
231
|
<datalist id="{{ datalistId }}">
|
|
@@ -238,6 +247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
238
247
|
(click)="click($event)"
|
|
239
248
|
[attr.list]="datalistId"
|
|
240
249
|
(change)="optionChanged($event)"
|
|
250
|
+
[disabled]="disabledSel"
|
|
251
|
+
[value]="setDataListValue()"
|
|
241
252
|
/>
|
|
242
253
|
|
|
243
254
|
<datalist id="{{ datalistId }}">
|
|
@@ -258,6 +269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
258
269
|
type: Input
|
|
259
270
|
}], initalData: [{
|
|
260
271
|
type: Input
|
|
272
|
+
}], disabledSel: [{
|
|
273
|
+
type: Input
|
|
261
274
|
}], isChanged: [{
|
|
262
275
|
type: Output
|
|
263
276
|
}] } });
|
|
@@ -520,6 +533,7 @@ class SelectComponent {
|
|
|
520
533
|
constructor() {
|
|
521
534
|
this.boxShadow = 0;
|
|
522
535
|
this.clicked = false;
|
|
536
|
+
this.disabledSel = false;
|
|
523
537
|
this.eventSelect = new EventEmitter();
|
|
524
538
|
}
|
|
525
539
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -555,14 +569,15 @@ class SelectComponent {
|
|
|
555
569
|
}
|
|
556
570
|
}
|
|
557
571
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
558
|
-
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: `
|
|
572
|
+
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", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
559
573
|
<div class="select-container">
|
|
560
574
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
561
575
|
<select
|
|
562
576
|
[(ngModel)]="binding"
|
|
563
577
|
(ngModelChange)="seleccionar($event)"
|
|
564
578
|
(click)="click($event)"
|
|
565
|
-
[ngClass]="textClass"
|
|
579
|
+
[ngClass]="textClass"
|
|
580
|
+
[disabled]="disabledSel">
|
|
566
581
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
567
582
|
{{ item.name }} {{ item.prefix }}
|
|
568
583
|
</option>
|
|
@@ -578,7 +593,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
578
593
|
[(ngModel)]="binding"
|
|
579
594
|
(ngModelChange)="seleccionar($event)"
|
|
580
595
|
(click)="click($event)"
|
|
581
|
-
[ngClass]="textClass"
|
|
596
|
+
[ngClass]="textClass"
|
|
597
|
+
[disabled]="disabledSel">
|
|
582
598
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
583
599
|
{{ item.name }} {{ item.prefix }}
|
|
584
600
|
</option>
|
|
@@ -593,6 +609,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
593
609
|
type: Input
|
|
594
610
|
}], selectCode: [{
|
|
595
611
|
type: Input
|
|
612
|
+
}], disabledSel: [{
|
|
613
|
+
type: Input
|
|
596
614
|
}], eventSelect: [{
|
|
597
615
|
type: Output
|
|
598
616
|
}], control: [{
|