iptdevs-design-system 2.2.39 → 2.2.42

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({
@@ -186,6 +187,8 @@ 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) {
@@ -195,7 +198,7 @@ class DatalistComponent {
         }
         else {
             this.isChanged.emit('-1');
-            this.formControl.controls['dataListControl'].setValue(null);
+            this.formControl.controls['dataListControl'].value('');
         }
     }
     click(value) {
@@ -206,7 +209,7 @@ class DatalistComponent {
     }
 }
 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
@@ -215,15 +218,18 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         (click)="click($event)"
         [attr.list]="datalistId"
         (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        value="{{ this.initalData }}"
       />
 
       <datalist id="{{ datalistId }}">
+        <option selected> {{ this.formControl.controls['dataListControl'].value }}</option>
         <option *ngFor="let item of datalistData; index as i" [value]="item.name">
           {{item.id_card}} {{item.name}}
         </option>
       </datalist>
     </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-datalist', template: `
@@ -235,9 +241,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         (click)="click($event)"
         [attr.list]="datalistId"
         (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        value="{{ this.initalData }}"
       />
 
       <datalist id="{{ datalistId }}">
+        <option selected> {{ this.formControl.controls['dataListControl'].value }}</option>
         <option *ngFor="let item of datalistData; index as i" [value]="item.name">
           {{item.id_card}} {{item.name}}
         </option>
@@ -254,6 +263,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], initalData: [{
                 type: Input
+            }], disabledSel: [{
+                type: Input
             }], isChanged: [{
                 type: Output
             }] } });
@@ -516,6 +527,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
@@ -551,14 +563,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>
@@ -574,7 +587,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>
@@ -589,6 +603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], selectCode: [{
                 type: Input
+            }], disabledSel: [{
+                type: Input
             }], eventSelect: [{
                 type: Output
             }], control: [{