iptdevs-design-system 2.2.41 → 2.2.44

package/fesm2020/iptdevs-design-system.mjs

@@ -172,6 +172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
 
 class DatalistComponent {
     constructor(fb) {
+        this.disabledSel = false;
         this.isChanged = new EventEmitter();
         this.clicked = false;
         this.formControl = fb.group({
@@ -185,9 +186,6 @@ class DatalistComponent {
     }
     ngOnChanges(changes) {
         if (changes['initialData']) {
-            this.formControl.controls['dataListControl'].setValue(this.initalData);
-            let option = document.getElementById(this.datalistId);
-            option?.append('<option selected>' + this.formControl.controls['dataListControl'].value + '}}</option>');
         }
     }
     optionChanged(event) {
@@ -203,12 +201,21 @@ class DatalistComponent {
     click(value) {
         this.clicked = value.isTrusted;
     }
+    setDataListValue() {
+        let selectOption = this.datalistData.find(element => element.code == this.initalData);
+        if (typeof (selectOption) != 'undefined') {
+            return selectOption.value;
+        }
+        else {
+            return '';
+        }
+    }
     get labelClass() {
         return this.clicked === false ? 'label' : 'labelUp';
     }
 }
 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 });
-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: `
+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: `
     <div class="input-container">
       <label [ngClass]="labelClass">{{ placeHolder }}</label>
       <input
@@ -217,6 +224,8 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         (click)="click($event)"
         [attr.list]="datalistId"
         (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
       />
 
       <datalist id="{{ datalistId }}">
@@ -238,6 +247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         (click)="click($event)"
         [attr.list]="datalistId"
         (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
       />
 
       <datalist id="{{ datalistId }}">
@@ -258,6 +269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], initalData: [{
                 type: Input
+            }], disabledSel: [{
+                type: Input
             }], isChanged: [{
                 type: Output
             }] } });
@@ -520,6 +533,7 @@ class SelectComponent {
     constructor() {
         this.boxShadow = 0;
         this.clicked = false;
+        this.disabledSel = false;
         this.eventSelect = new EventEmitter();
     }
     // type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
@@ -555,14 +569,15 @@ class SelectComponent {
     }
 }
 SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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: `
+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: `
     <div class="select-container">
       <label [ngClass]="labelClass">{{ defaultText }}</label>
       <select
         [(ngModel)]="binding"
         (ngModelChange)="seleccionar($event)"
         (click)="click($event)"
-        [ngClass]="textClass">
+        [ngClass]="textClass"
+        [disabled]="disabledSel">
         <option *ngFor="let item of data; index as i" [value]="item.code">
           {{ item.name }} {{ item.prefix }}
         </option>
@@ -578,7 +593,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         [(ngModel)]="binding"
         (ngModelChange)="seleccionar($event)"
         (click)="click($event)"
-        [ngClass]="textClass">
+        [ngClass]="textClass"
+        [disabled]="disabledSel">
         <option *ngFor="let item of data; index as i" [value]="item.code">
           {{ item.name }} {{ item.prefix }}
         </option>
@@ -593,6 +609,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], selectCode: [{
                 type: Input
+            }], disabledSel: [{
+                type: Input
             }], eventSelect: [{
                 type: Output
             }], control: [{