iptdevs-design-system 2.3.1 → 2.3.4

package/fesm2020/iptdevs-design-system.mjs

@@ -175,18 +175,6 @@ class DatalistComponent {
         this.disabledSel = false;
         this.isChanged = new EventEmitter();
         this.clicked = false;
-        this.formControl = fb.group({
-            dataListControl: ['', [Validators.required]],
-        });
-    }
-    ngOnInit() {
-        if (this.initalData != null) {
-            this.formControl.controls['dataListControl'].setValue(this.initalData);
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['initialData']) {
-        }
     }
     optionChanged(event) {
         let selectOption = this.datalistData.find(element => element.name == event.target.value);
@@ -195,7 +183,6 @@ class DatalistComponent {
         }
         else {
             this.isChanged.emit('-1');
-            this.formControl.controls['dataListControl'].value('');
         }
     }
     click(value) {
@@ -204,7 +191,7 @@ class DatalistComponent {
     setDataListValue() {
         let selectOption = this.datalistData.find(element => element.code == this.initalData);
         if (typeof (selectOption) != 'undefined') {
-            return selectOption.value;
+            return selectOption.name;
         }
         else {
             return '';
@@ -215,7 +202,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", disabledSel: "disabledSel" }, 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" }, ngImport: i0, template: `
     <div class="input-container">
       <label [ngClass]="labelClass">{{ placeHolder }}</label>
       <input
@@ -229,13 +216,12 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
       />
 
       <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$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"] }] });
+  `, 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-datalist', template: `
@@ -252,7 +238,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
       />
 
       <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>