iptdevs-design-system 2.2.41 → 2.2.42
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 +9 -2
- package/esm2020/lib/components/atoms/select/select.component.mjs +9 -4
- package/fesm2015/iptdevs-design-system.mjs +16 -4
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +16 -4
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/datalist/datalist.component.d.ts +2 -1
- package/lib/components/atoms/select/select.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -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({
|
|
@@ -208,7 +209,7 @@ class DatalistComponent {
|
|
|
208
209
|
}
|
|
209
210
|
}
|
|
210
211
|
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: `
|
|
212
|
+
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
213
|
<div class="input-container">
|
|
213
214
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
214
215
|
<input
|
|
@@ -217,6 +218,8 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
217
218
|
(click)="click($event)"
|
|
218
219
|
[attr.list]="datalistId"
|
|
219
220
|
(change)="optionChanged($event)"
|
|
221
|
+
[disabled]="disabledSel"
|
|
222
|
+
value="{{ this.initalData }}"
|
|
220
223
|
/>
|
|
221
224
|
|
|
222
225
|
<datalist id="{{ datalistId }}">
|
|
@@ -238,6 +241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
238
241
|
(click)="click($event)"
|
|
239
242
|
[attr.list]="datalistId"
|
|
240
243
|
(change)="optionChanged($event)"
|
|
244
|
+
[disabled]="disabledSel"
|
|
245
|
+
value="{{ this.initalData }}"
|
|
241
246
|
/>
|
|
242
247
|
|
|
243
248
|
<datalist id="{{ datalistId }}">
|
|
@@ -258,6 +263,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
258
263
|
type: Input
|
|
259
264
|
}], initalData: [{
|
|
260
265
|
type: Input
|
|
266
|
+
}], disabledSel: [{
|
|
267
|
+
type: Input
|
|
261
268
|
}], isChanged: [{
|
|
262
269
|
type: Output
|
|
263
270
|
}] } });
|
|
@@ -520,6 +527,7 @@ class SelectComponent {
|
|
|
520
527
|
constructor() {
|
|
521
528
|
this.boxShadow = 0;
|
|
522
529
|
this.clicked = false;
|
|
530
|
+
this.disabledSel = false;
|
|
523
531
|
this.eventSelect = new EventEmitter();
|
|
524
532
|
}
|
|
525
533
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -555,14 +563,15 @@ class SelectComponent {
|
|
|
555
563
|
}
|
|
556
564
|
}
|
|
557
565
|
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: `
|
|
566
|
+
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
567
|
<div class="select-container">
|
|
560
568
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
561
569
|
<select
|
|
562
570
|
[(ngModel)]="binding"
|
|
563
571
|
(ngModelChange)="seleccionar($event)"
|
|
564
572
|
(click)="click($event)"
|
|
565
|
-
[ngClass]="textClass"
|
|
573
|
+
[ngClass]="textClass"
|
|
574
|
+
[disabled]="disabledSel">
|
|
566
575
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
567
576
|
{{ item.name }} {{ item.prefix }}
|
|
568
577
|
</option>
|
|
@@ -578,7 +587,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
578
587
|
[(ngModel)]="binding"
|
|
579
588
|
(ngModelChange)="seleccionar($event)"
|
|
580
589
|
(click)="click($event)"
|
|
581
|
-
[ngClass]="textClass"
|
|
590
|
+
[ngClass]="textClass"
|
|
591
|
+
[disabled]="disabledSel">
|
|
582
592
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
583
593
|
{{ item.name }} {{ item.prefix }}
|
|
584
594
|
</option>
|
|
@@ -593,6 +603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
593
603
|
type: Input
|
|
594
604
|
}], selectCode: [{
|
|
595
605
|
type: Input
|
|
606
|
+
}], disabledSel: [{
|
|
607
|
+
type: Input
|
|
596
608
|
}], eventSelect: [{
|
|
597
609
|
type: Output
|
|
598
610
|
}], control: [{
|