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
|
@@ -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: [{
|