iptdevs-design-system 2.2.37 → 2.2.40

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.
Files changed (7) hide show
  1. package/esm2020/lib/components/atoms/datalist/datalist.component.mjs +13 -8
  2. package/fesm2015/iptdevs-design-system.mjs +12 -7
  3. package/fesm2015/iptdevs-design-system.mjs.map +1 -1
  4. package/fesm2020/iptdevs-design-system.mjs +12 -7
  5. package/fesm2020/iptdevs-design-system.mjs.map +1 -1
  6. package/lib/components/atoms/datalist/datalist.component.d.ts +2 -1
  7. package/package.json +1 -1
package/fesm2020/iptdevs-design-system.mjs CHANGED
@@ -183,6 +183,11 @@ class DatalistComponent {
183
183
  this.formControl.controls['dataListControl'].setValue(this.initalData);
184
184
  }
185
185
  }
186
+ ngOnChanges(changes) {
187
+ if (changes['initialData']) {
188
+ this.formControl.controls['dataListControl'].setValue(this.initalData);
189
+ }
190
+ }
186
191
  optionChanged(event) {
187
192
  let selectOption = this.datalistData.find(element => element.name == event.target.value);
188
193
  if (typeof (selectOption) != 'undefined') {
@@ -190,7 +195,7 @@ class DatalistComponent {
190
195
  }
191
196
  else {
192
197
  this.isChanged.emit('-1');
193
- this.formControl.controls['dataListControl'].setValue(null);
198
+ this.formControl.controls['dataListControl'].value('');
194
199
  }
195
200
  }
196
201
  click(value) {
@@ -201,8 +206,8 @@ class DatalistComponent {
201
206
  }
202
207
  }
203
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 });
204
- 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" }, ngImport: i0, template: `
205
- <div class="input-container" [formGroup]="formControl">
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: `
210
+ <div class="input-container">
206
211
  <label [ngClass]="labelClass">{{ placeHolder }}</label>
207
212
  <input
208
213
  type="text"
@@ -210,20 +215,20 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
210
215
  (click)="click($event)"
211
216
  [attr.list]="datalistId"
212
217
  (change)="optionChanged($event)"
213
- formControlName="dataListControl"
214
218
  />
215
219
 
216
220
  <datalist id="{{ datalistId }}">
221
+ <option selected> {{ this.formControl.controls['dataListControl'].value }}</option>
217
222
  <option *ngFor="let item of datalistData; index as i" [value]="item.name">
218
223
  {{item.id_card}} {{item.name}}
219
224
  </option>
220
225
  </datalist>
221
226
  </div>
222
- `, 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$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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"] }] });
227
+ `, 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"] }] });
223
228
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
224
229
  type: Component,
225
230
  args: [{ selector: 'ipt-datalist', template: `
226
- <div class="input-container" [formGroup]="formControl">
231
+ <div class="input-container">
227
232
  <label [ngClass]="labelClass">{{ placeHolder }}</label>
228
233
  <input
229
234
  type="text"
@@ -231,10 +236,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
231
236
  (click)="click($event)"
232
237
  [attr.list]="datalistId"
233
238
  (change)="optionChanged($event)"
234
- formControlName="dataListControl"
235
239
  />
236
240
 
237
241
  <datalist id="{{ datalistId }}">
242
+ <option selected> {{ this.formControl.controls['dataListControl'].value }}</option>
238
243
  <option *ngFor="let item of datalistData; index as i" [value]="item.name">
239
244
  {{item.id_card}} {{item.name}}
240
245
  </option>