@unnilouis.org/vs-chipdropdown 9.0.3 → 9.0.5

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 (13) hide show
  1. package/bundles/unnilouis.org-vs-chipdropdown.umd.js +168 -71
  2. package/bundles/unnilouis.org-vs-chipdropdown.umd.js.map +1 -1
  3. package/bundles/unnilouis.org-vs-chipdropdown.umd.min.js +2 -2
  4. package/bundles/unnilouis.org-vs-chipdropdown.umd.min.js.map +1 -1
  5. package/esm2015/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +167 -70
  6. package/esm5/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +172 -75
  7. package/fesm2015/unnilouis.org-vs-chipdropdown.js +164 -67
  8. package/fesm2015/unnilouis.org-vs-chipdropdown.js.map +1 -1
  9. package/fesm5/unnilouis.org-vs-chipdropdown.js +169 -72
  10. package/fesm5/unnilouis.org-vs-chipdropdown.js.map +1 -1
  11. package/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.d.ts +8 -2
  12. package/package.json +1 -1
  13. package/unnilouis.org-vs-chipdropdown.metadata.json +1 -1
package/fesm5/unnilouis.org-vs-chipdropdown.js CHANGED
@@ -4,7 +4,7 @@ import { HttpClient, HttpClientModule } from '@angular/common/http';
4
4
  import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
5
5
  import { map, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, finalize } from 'rxjs/operators';
6
6
  import { fromEvent } from 'rxjs';
7
- import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
7
+ import { FormControl, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
8
8
  import { ENTER, COMMA } from '@angular/cdk/keycodes';
9
9
  import { TranslateHttpLoader } from '@ngx-translate/http-loader';
10
10
  import { MatFormFieldModule } from '@angular/material/form-field';
@@ -89,11 +89,18 @@ var VsChipddCmpComponent = /** @class */ (function () {
89
89
  this.has_previous = false;
90
90
  this.chipSelectedId = [];
91
91
  this.chipSelectedObj = [];
92
+ this.Outputdata = [];
93
+ this.formkeyarr = [];
92
94
  }
93
95
  VsChipddCmpComponent.prototype.ngOnInit = function () {
94
- this.DropdownForm = this.fb.group({
95
- value: ''
96
- });
96
+ // if (this.formGroup) {
97
+ // this.DropdownForm = this.formGroup;
98
+ // } else {
99
+ // this.DropdownForm = this.fb.group({
100
+ // value: '',
101
+ // });
102
+ // }
103
+ // this.dupngonit();
97
104
  // if (this.InputFields?.defaultvalue) {
98
105
  // this.DropdownForm.get("value").patchValue(this.InputFields?.defaultvalue)
99
106
  // this.chipSelectedObj = this.InputFields?.defaultvalue
@@ -116,39 +123,79 @@ var VsChipddCmpComponent = /** @class */ (function () {
116
123
  // this.getdropdown('')
117
124
  // }
118
125
  };
119
- VsChipddCmpComponent.prototype.dupngonit = function () {
126
+ VsChipddCmpComponent.prototype.looop = function () {
120
127
  var e_1, _a;
121
- var _b, _c, _d, _e, _f, _g, _h;
122
- this.DropdownForm = this.fb.group({
123
- value: ''
124
- });
125
- if ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.defaultvalue) {
126
- this.DropdownForm.get("value").patchValue((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.defaultvalue);
127
- this.chipSelectedObj = (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.defaultvalue;
128
- if (this.chipSelectedObj.length > 0) {
129
- try {
130
- for (var _j = __values(this.chipSelectedObj), _k = _j.next(); !_k.done; _k = _j.next()) {
131
- var foundemp = _k.value;
132
- if ((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.Outputkey) {
133
- this.chipSelectedId.push(foundemp[(_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.Outputkey]);
134
- }
135
- else {
136
- this.chipSelectedId.push(foundemp.id);
137
- }
128
+ var _b, _c, _d, _e;
129
+ try {
130
+ for (var _f = __values(this.chipSelectedObj), _g = _f.next(); !_g.done; _g = _f.next()) {
131
+ var foundemp = _g.value;
132
+ if (!(foundemp instanceof Number)) {
133
+ if ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey) {
134
+ this.chipSelectedId.push(foundemp[(_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.Outputkey]);
138
135
  }
139
- }
140
- catch (e_1_1) { e_1 = { error: e_1_1 }; }
141
- finally {
142
- try {
143
- if (_k && !_k.done && (_a = _j.return)) _a.call(_j);
136
+ if ((_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formkey) {
137
+ this.formkeyarr.push(foundemp[(_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.formkey]);
138
+ }
139
+ else {
140
+ this.chipSelectedId.push(foundemp.id);
144
141
  }
145
- finally { if (e_1) throw e_1.error; }
146
142
  }
143
+ }
144
+ }
145
+ catch (e_1_1) { e_1 = { error: e_1_1 }; }
146
+ finally {
147
+ try {
148
+ if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
149
+ }
150
+ finally { if (e_1) throw e_1.error; }
151
+ }
152
+ };
153
+ VsChipddCmpComponent.prototype.dupngonit = function () {
154
+ var _a, _b, _c, _d, _e, _f;
155
+ if (this.formGroup) {
156
+ this.DropdownForm = this.formGroup;
157
+ if (!this.DropdownForm.contains((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.formcontrolname)) {
158
+ this.DropdownForm.addControl(this.dynamciformcontrolparent(), new FormControl({ value: [], disabled: (_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.disabled }));
159
+ }
160
+ }
161
+ else {
162
+ this.DropdownForm = this.fb.group({
163
+ chipvalue: [],
164
+ });
165
+ }
166
+ console.log('this.DropdownForm', this.DropdownForm.value);
167
+ // this.chipSelectedObj =
168
+ // this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
169
+ // this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0
170
+ // ? this.DropdownForm.get(this.dynamciformcontrolparent()).value
171
+ // : [];
172
+ // console.log('this.chipSelectedObj', this.chipSelectedObj);
173
+ if ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.defaultvalue) {
174
+ // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(
175
+ // this.InputFields?.formkey
176
+ // ? this.InputFields?.defaultvalue[this.InputFields?.formkey]
177
+ // : this.InputFields?.defaultvalue
178
+ // );
179
+ // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.InputFields?.defaultvalue);
180
+ this.chipSelectedObj = (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.defaultvalue;
181
+ this.chipSelectedId = [];
182
+ this.formkeyarr = [];
183
+ if (this.chipSelectedObj.length > 0) {
184
+ this.looop();
147
185
  this.selected();
148
186
  }
149
187
  }
150
- if ((_g = this.InputFields) === null || _g === void 0 ? void 0 : _g.fronentdata) {
151
- this.Dropdowndata = (_h = this.InputFields) === null || _h === void 0 ? void 0 : _h.data;
188
+ if (this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
189
+ this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0) {
190
+ this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value;
191
+ console.log('test', this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value);
192
+ this.chipSelectedId = [];
193
+ this.formkeyarr = [];
194
+ this.looop();
195
+ this.selected();
196
+ }
197
+ if ((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.fronentdata) {
198
+ this.Dropdowndata = (_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.data;
152
199
  }
153
200
  // else {
154
201
  // this.getdropdown('')
@@ -156,16 +203,17 @@ var VsChipddCmpComponent = /** @class */ (function () {
156
203
  };
157
204
  VsChipddCmpComponent.prototype.ngOnChanges = function (changes) {
158
205
  if (changes.InputFields && changes.InputFields.currentValue) {
159
- console.log("Summary Log Changes");
206
+ console.log('Summary Log Changes');
160
207
  this.currentpage = 1;
161
208
  this.dupngonit();
162
209
  }
163
210
  if (changes.ResetForm && changes.ResetForm.currentValue) {
164
- console.log("hitted");
165
- this.DropdownForm.reset();
211
+ console.log('hitted');
212
+ // this.DropdownForm.reset();
166
213
  this.currentpage = 1;
167
214
  this.dupngonit();
168
215
  this.chipSelectedId = [];
216
+ this.formkeyarr = [];
169
217
  this.chipSelectedObj = [];
170
218
  this.dataEvent.emit([]);
171
219
  }
@@ -194,12 +242,13 @@ var VsChipddCmpComponent = /** @class */ (function () {
194
242
  var params = _this.searchparams(value);
195
243
  _this.currentpage = _this.currentpage + 1;
196
244
  if (_this.currentpage > 1) {
197
- _this.service.GetApi(_this.InputFields.url + "?page=" + _this.currentpage, params)
245
+ _this.service
246
+ .GetApi(_this.InputFields.url + '?page=' + _this.currentpage, params)
198
247
  .subscribe(function (results) {
199
- var datas = results["data"];
200
- var datapagination = results["pagination"];
248
+ var datas = results['data'];
249
+ var datapagination = results['pagination'];
201
250
  _this.Dropdowndata = _this.Dropdowndata.concat(datas);
202
- console.log("this.Dropdowndata", _this.Dropdowndata);
251
+ console.log('this.Dropdowndata', _this.Dropdowndata);
203
252
  if (_this.Dropdowndata.length >= 0) {
204
253
  _this.has_next = datapagination.has_next;
205
254
  _this.has_previous = datapagination.has_previous;
@@ -218,30 +267,39 @@ var VsChipddCmpComponent = /** @class */ (function () {
218
267
  var _this = this;
219
268
  var _a;
220
269
  if (!((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.fronentdata)) {
221
- this.DropdownForm.get("value").valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(function () {
270
+ this.DropdownForm.get('value')
271
+ .valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(function () {
222
272
  _this.DrodownLoading = true;
223
- console.log("inside tap");
273
+ console.log('inside tap');
224
274
  }), switchMap(function (value) {
225
275
  var params = _this.searchparams(value);
226
276
  _this.currentpage = 1;
227
- return _this.service.GetApi(_this.InputFields.url + "?page=" + _this.currentpage, params).pipe(finalize(function () {
277
+ return _this.service
278
+ .GetApi(_this.InputFields.url + '?page=' + _this.currentpage, params)
279
+ .pipe(finalize(function () {
228
280
  _this.DrodownLoading = false;
229
281
  }));
230
- })).subscribe(function (results) {
231
- var datas = results["data"];
282
+ }))
283
+ .subscribe(function (results) {
284
+ var datas = results['data'];
232
285
  _this.Dropdowndata = datas;
233
286
  });
234
287
  }
235
288
  };
236
289
  VsChipddCmpComponent.prototype.getdropdown = function (value) {
237
290
  var _this = this;
291
+ this.currentpage = 1;
238
292
  if (this.InputFields.url) {
239
293
  var params = this.searchparams(value);
240
- this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
294
+ this.service
295
+ .GetApi(this.InputFields.url + '?page=' + this.currentpage, params)
241
296
  .subscribe(function (results) {
242
- var datas = results["data"];
243
- var datapagination = results["pagination"];
297
+ var datas = results['data'];
298
+ var datapagination = results['pagination'];
244
299
  _this.Dropdowndata = datas;
300
+ setTimeout(function () {
301
+ _this.trigger.openPanel();
302
+ }, 0);
245
303
  if (_this.Dropdowndata.length >= 0) {
246
304
  _this.has_next = datapagination.has_next;
247
305
  _this.has_previous = datapagination.has_previous;
@@ -250,29 +308,50 @@ var VsChipddCmpComponent = /** @class */ (function () {
250
308
  });
251
309
  }
252
310
  };
311
+ VsChipddCmpComponent.prototype.dynamciformcontrolparent = function () {
312
+ var _a, _b;
313
+ return ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.formcontrolname) && this.formGroup
314
+ ? (_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formcontrolname : 'chipvalue';
315
+ };
253
316
  VsChipddCmpComponent.prototype.selected = function () {
254
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
255
- // let data = this.DropdownForm.value.value
256
- if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.wholedata) {
257
- this.dataEvent.emit(this.chipSelectedObj);
258
- if (((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formgroup) && ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.formcontrolname)) {
259
- (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formgroup.get((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.formcontrolname).patchValue(this.chipSelectedObj);
260
- }
317
+ var _a, _b;
318
+ this.Outputdata = this.chipSelectedObj;
319
+ if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
320
+ this.Outputdata = this.chipSelectedId;
261
321
  }
262
- else {
263
- if ((_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.Outputkey) {
264
- this.dataEvent.emit(this.chipSelectedId);
265
- if (((_g = this.InputFields) === null || _g === void 0 ? void 0 : _g.formgroup) && ((_h = this.InputFields) === null || _h === void 0 ? void 0 : _h.formcontrolname)) {
266
- (_j = this.InputFields) === null || _j === void 0 ? void 0 : _j.formgroup.get((_k = this.InputFields) === null || _k === void 0 ? void 0 : _k.formcontrolname).patchValue(this.chipSelectedId);
267
- }
268
- }
269
- else {
270
- this.dataEvent.emit(this.chipSelectedObj);
271
- if (((_l = this.InputFields) === null || _l === void 0 ? void 0 : _l.formgroup) && ((_m = this.InputFields) === null || _m === void 0 ? void 0 : _m.formcontrolname)) {
272
- (_o = this.InputFields) === null || _o === void 0 ? void 0 : _o.formgroup.get((_p = this.InputFields) === null || _p === void 0 ? void 0 : _p.formcontrolname).patchValue(this.chipSelectedObj);
273
- }
274
- }
322
+ if (this.formGroup && ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formcontrolname)) {
323
+ this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.formkeyarr);
275
324
  }
325
+ console.log(this.formkeyarr);
326
+ console.log('this.DropdownForm.get', this.DropdownForm.value);
327
+ this.dataEvent.emit(this.Outputdata);
328
+ // let data = this.DropdownForm.value.value
329
+ // if (this.InputFields?.wholedata) {
330
+ // this.dataEvent.emit(this.chipSelectedObj);
331
+ // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
332
+ // this.InputFields?.formgroup
333
+ // .get(this.InputFields?.formcontrolname)
334
+ // .patchValue(this.chipSelectedObj);
335
+ // }
336
+ // }
337
+ // else {
338
+ // if (this.InputFields?.Outputkey) {
339
+ // this.dataEvent.emit(this.chipSelectedId);
340
+ // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
341
+ // this.InputFields?.formgroup
342
+ // .get(this.InputFields?.formcontrolname)
343
+ // .patchValue(this.chipSelectedId);
344
+ // }
345
+ // }
346
+ // else {
347
+ // this.dataEvent.emit(this.chipSelectedObj);
348
+ // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
349
+ // this.InputFields?.formgroup
350
+ // .get(this.InputFields?.formcontrolname)
351
+ // .patchValue(this.chipSelectedObj);
352
+ // }
353
+ // }
354
+ // }
276
355
  };
277
356
  VsChipddCmpComponent.prototype.searchparams = function (value) {
278
357
  var params = '';
@@ -280,7 +359,9 @@ var VsChipddCmpComponent = /** @class */ (function () {
280
359
  params = this.InputFields.params;
281
360
  }
282
361
  var inpValue = value;
283
- inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : '';
362
+ inpValue
363
+ ? (params += '&' + this.InputFields.searchkey + '=' + inpValue)
364
+ : '';
284
365
  return params;
285
366
  };
286
367
  VsChipddCmpComponent.prototype.removechip = function (obj) {
@@ -290,19 +371,21 @@ var VsChipddCmpComponent = /** @class */ (function () {
290
371
  console.log(this.chipSelectedObj);
291
372
  this.chipSelectedId.splice(index, 1);
292
373
  console.log(this.chipSelectedId);
374
+ this.formkeyarr.splice(index, 1);
375
+ console.log('this.formkeyarr', this.formkeyarr);
293
376
  this.DropInput.nativeElement.value = '';
294
377
  this.selected();
295
378
  }
296
379
  };
297
- VsChipddCmpComponent.prototype.venSelected = function (event) {
380
+ VsChipddCmpComponent.prototype.venSelected = function (data) {
298
381
  this.DropInput.nativeElement.value = '';
299
- console.log('event.option.value', event.option.value);
300
- this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);
382
+ console.log('event.option.value', data);
383
+ this.selectvenByName(data[this.comparekey(data)]);
301
384
  console.log('chipSelectedvenid', this.chipSelectedObj);
302
385
  };
303
386
  VsChipddCmpComponent.prototype.selectvenByName = function (ven) {
304
387
  var _this = this;
305
- var _a, _b;
388
+ var _a, _b, _c, _d;
306
389
  var foundemp1 = this.chipSelectedObj.filter(function (e) { return e[_this.comparekey(e)] == ven; });
307
390
  if (foundemp1.length) {
308
391
  return;
@@ -313,9 +396,14 @@ var VsChipddCmpComponent = /** @class */ (function () {
313
396
  if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
314
397
  this.chipSelectedId.push(foundemp[0][(_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey]);
315
398
  }
399
+ if ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.formkey) {
400
+ this.formkeyarr.push(foundemp[0][(_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formkey]);
401
+ }
316
402
  else {
317
403
  this.chipSelectedId.push(foundemp[0].id);
318
404
  }
405
+ console.log('formkeyarr12', this.formkeyarr);
406
+ this.selected();
319
407
  }
320
408
  };
321
409
  VsChipddCmpComponent.prototype.comparekey = function (e) {
@@ -325,7 +413,7 @@ var VsChipddCmpComponent = /** @class */ (function () {
325
413
  }
326
414
  else {
327
415
  if (e === null || e === void 0 ? void 0 : e.id) {
328
- return "id";
416
+ return 'id';
329
417
  }
330
418
  else {
331
419
  return this.InputFields.displaykey;
@@ -345,6 +433,12 @@ var VsChipddCmpComponent = /** @class */ (function () {
345
433
  __decorate([
346
434
  Input()
347
435
  ], VsChipddCmpComponent.prototype, "Backendapi", void 0);
436
+ __decorate([
437
+ ViewChild('autoCompleteInput', {
438
+ static: false,
439
+ read: MatAutocompleteTrigger,
440
+ })
441
+ ], VsChipddCmpComponent.prototype, "trigger", void 0);
348
442
  __decorate([
349
443
  ViewChild(MatAutocompleteTrigger)
350
444
  ], VsChipddCmpComponent.prototype, "autocompleteTrigger", void 0);
@@ -357,10 +451,13 @@ var VsChipddCmpComponent = /** @class */ (function () {
357
451
  __decorate([
358
452
  ViewChild('DropInput')
359
453
  ], VsChipddCmpComponent.prototype, "DropInput", void 0);
454
+ __decorate([
455
+ Input()
456
+ ], VsChipddCmpComponent.prototype, "formGroup", void 0);
360
457
  VsChipddCmpComponent = __decorate([
361
458
  Component({
362
459
  selector: 'lib-vs-chipdd-cmp',
363
- template: "<div (click)=\"!this.InputFields?.fronentdata ? this.getdropdown(''):'' \">\r\n <form [formGroup]=\"DropdownForm\">\r\n <mat-form-field class=\"mat-chipScroll\"\r\n appearance=\"outline\">\r\n <mat-label>{{InputFields?.label | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
460
+ template: "<div>\r\n <form [formGroup]=\"DropdownForm\">\r\n <mat-form-field\r\n class=\"mat-chipScroll\"\r\n appearance=\"outline\"\r\n (click)=\"!this.InputFields?.fronentdata ? this.getdropdown('') : ''\"\r\n >\r\n <mat-label>{{ InputFields?.label | translate }}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip\r\n *ngFor=\"let obj of chipSelectedObj\"\r\n [removable]=\"true\"\r\n (removed)=\"removechip(obj)\"\r\n class=\"mat-chipEx\"\r\n >\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input\r\n #DropInput\r\n [matAutocomplete]=\"scrolll\"\r\n class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\"\r\n [matChipInputFor]=\"chipListvendor\"\r\n [matChipInputSeparatorKeyCodes]=\"separatorsKeysCodes\"\r\n [matChipInputAddOnBlur]=\"true\"\r\n #autoCompleteInput=\"matAutocompleteTrigger\"\r\n [formControlName]=\"\r\n this.dynamciformcontrolparent()\r\n \"\r\n />\r\n </mat-chip-list>\r\n <mat-autocomplete\r\n #scrolll=\"matAutocomplete\"\r\n (opened)=\"autocompleteAppScroll()\"\r\n >\r\n <ng-container>\r\n <mat-option\r\n *ngFor=\"let dropvalues of Dropdowndata\"\r\n [value]=\"\r\n this.InputFields?.formkey\r\n ? dropvalues[this.InputFields?.formkey]\r\n : dropvalues\r\n \"\r\n (onSelectionChange)=\"venSelected(dropvalues)\"\r\n >\r\n {{ dropvalues[InputFields?.displaykey] }}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n<!-- (click)=\"selected()\"\r\n -->\r\n<!-- (optionSelected)=\"venSelected($event)\"\r\n -->\r\n",
364
461
  styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}mat-form-field{width:250px;font-family:var(--base-font-family)}"]
365
462
  })
366
463
  ], VsChipddCmpComponent);
package/fesm5/unnilouis.org-vs-chipdropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"unnilouis.org-vs-chipdropdown.js","sources":["ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.service.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.component.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.module.ts","ng://@unnilouis.org/vs-chipdropdown/public-api.ts","ng://@unnilouis.org/vs-chipdropdown/unnilouis.org-vs-chipdropdown.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class VsChipdropdownService {\r\n\r\n constructor(private http: HttpClient) { }\r\n postApi(Apiurl,json={},params): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.post<any>(Apiurl+paradata,json ,{\r\n headers: headers,\r\n \r\n });\r\n }\r\n GetApi(Apiurl,params=''): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.get<any>(Apiurl+paradata,{\r\n headers: headers,\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-vs-chipdropdown',\r\n template: `\r\n <p>\r\n vs-chipdropdown works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class VsChipdropdownComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { Component, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport {\r\n debounceTime,\r\n distinctUntilChanged,\r\n tap,\r\n filter,\r\n switchMap,\r\n finalize,\r\n takeUntil,\r\n map,\r\n} from \"rxjs/operators\";\r\nimport { from, Observable, fromEvent } from 'rxjs';\r\nimport { VsChipdropdownService } from '../vs-chipdropdown.service'\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\n@Component({\r\n selector: 'lib-vs-chipdd-cmp',\r\n templateUrl: './vs-chipdd-cmp.component.html',\r\n styleUrls: ['./vs-chipdd-cmp.component.scss']\r\n})\r\nexport class VsChipddCmpComponent {\r\n DrodownLoading: boolean;\r\n constructor(private service: VsChipdropdownService, private fb: FormBuilder) { }\r\n @Input() InputFields: any\r\n @Input() ResetForm: any\r\n @Input() Backendapi: boolean = true\r\n\r\n @ViewChild(MatAutocompleteTrigger) autocompleteTrigger: MatAutocompleteTrigger;\r\n @ViewChild('scrolll') matAutocompleteApp: MatAutocomplete;\r\n @Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();\r\n @ViewChild('DropInput') DropInput: any;\r\n readonly separatorsKeysCodes: number[] = [ENTER, COMMA];\r\n\r\n has_next: boolean = false;\r\n currentpage: number = 1;\r\n Dropdowndata: any = [];\r\n has_previous: boolean = false;\r\n DropdownForm: FormGroup\r\n chipSelectedId: any = [];\r\n chipSelectedObj: any = []\r\n\r\n ngOnInit() {\r\n this.DropdownForm = this.fb.group({\r\n value: ''\r\n })\r\n // if (this.InputFields?.defaultvalue) {\r\n // this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n // this.chipSelectedObj = this.InputFields?.defaultvalue\r\n // if (this.chipSelectedObj.length > 0) {\r\n // for (let foundemp of this.chipSelectedObj) {\r\n // if (this.InputFields?.Outputkey) {\r\n // this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n\r\n // }\r\n // else {\r\n // this.chipSelectedId.push(foundemp.id)\r\n\r\n // }\r\n // }\r\n // this.selected()\r\n // }\r\n\r\n\r\n // }\r\n // if (this.InputFields?.fronentdata) {\r\n // this.Dropdowndata = this.InputFields?.data\r\n\r\n // }\r\n // else {\r\n // this.getdropdown('')\r\n // }\r\n }\r\n dupngonit(){\r\n this.DropdownForm = this.fb.group({\r\n value: ''\r\n })\r\n if (this.InputFields?.defaultvalue) {\r\n this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n this.chipSelectedObj = this.InputFields?.defaultvalue\r\n if (this.chipSelectedObj.length > 0) {\r\n for (let foundemp of this.chipSelectedObj) {\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n\r\n }\r\n else {\r\n this.chipSelectedId.push(foundemp.id)\r\n\r\n }\r\n }\r\n this.selected()\r\n }\r\n\r\n\r\n }\r\n if (this.InputFields?.fronentdata) {\r\n this.Dropdowndata = this.InputFields?.data\r\n\r\n }\r\n // else {\r\n // this.getdropdown('')\r\n // }\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.InputFields && changes.InputFields.currentValue) {\r\n console.log(\"Summary Log Changes\")\r\n this.currentpage = 1\r\n this.dupngonit()\r\n }\r\n if (changes.ResetForm && changes.ResetForm.currentValue) {\r\n console.log(\"hitted\")\r\n this.DropdownForm.reset()\r\n this.currentpage = 1\r\n this.dupngonit()\r\n this.chipSelectedId = [];\r\n this.chipSelectedObj = []\r\n this.dataEvent.emit([]);\r\n\r\n\r\n }\r\n }\r\n // public displaydevelopclient(clt: any, key: string) {\r\n // return key[clt];\r\n // }\r\n autocompleteAppScroll() {\r\n if (!(this.InputFields?.fronentdata)) {\r\n setTimeout(() => {\r\n if (\r\n this.matAutocompleteApp &&\r\n this.autocompleteTrigger &&\r\n this.matAutocompleteApp.panel\r\n ) {\r\n fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')\r\n .pipe(\r\n map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop),\r\n takeUntil(this.autocompleteTrigger.panelClosingActions as Observable<any>)\r\n )\r\n .subscribe(x => {\r\n const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;\r\n const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;\r\n const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;\r\n const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;\r\n if (atBottom) {\r\n if (this.has_next === true) {\r\n let value = this.DropInput.nativeElement.value\r\n let params = this.searchparams(value)\r\n this.currentpage = this.currentpage + 1\r\n if (this.currentpage > 1) {\r\n this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n .subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n let datapagination = results[\"pagination\"];\r\n this.Dropdowndata = this.Dropdowndata.concat(datas);\r\n console.log(\"this.Dropdowndata\", this.Dropdowndata)\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n })\r\n }\r\n\r\n }\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n }\r\n dropdownsearch() {\r\n if (!(this.InputFields?.fronentdata)) {\r\n this.DropdownForm.get(\"value\").valueChanges.pipe(\r\n debounceTime(100),\r\n distinctUntilChanged(),\r\n tap(() => {\r\n this.DrodownLoading = true;\r\n console.log(\"inside tap\");\r\n }),\r\n switchMap((value) => {\r\n let params = this.searchparams(value);\r\n this.currentpage = 1\r\n return this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params).pipe(\r\n finalize(() => {\r\n this.DrodownLoading = false;\r\n })\r\n );\r\n })\r\n ).subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n this.Dropdowndata = datas;\r\n });\r\n }\r\n\r\n }\r\n getdropdown(value) {\r\n if(this.InputFields.url){\r\n let params = this.searchparams(value)\r\n this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n .subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n let datapagination = results[\"pagination\"];\r\n this.Dropdowndata = datas\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n })\r\n\r\n }\r\n \r\n }\r\n selected() {\r\n // let data = this.DropdownForm.value.value\r\n if (this.InputFields?.wholedata) {\r\n this.dataEvent.emit(this.chipSelectedObj);\r\n if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n this.InputFields?.formgroup\r\n .get(this.InputFields?.formcontrolname)\r\n .patchValue(this.chipSelectedObj);\r\n }\r\n }\r\n else {\r\n if (this.InputFields?.Outputkey) {\r\n this.dataEvent.emit(this.chipSelectedId);\r\n if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n this.InputFields?.formgroup\r\n .get(this.InputFields?.formcontrolname)\r\n .patchValue(this.chipSelectedId);\r\n }\r\n }\r\n else {\r\n this.dataEvent.emit(this.chipSelectedObj);\r\n if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n this.InputFields?.formgroup\r\n .get(this.InputFields?.formcontrolname)\r\n .patchValue(this.chipSelectedObj);\r\n }\r\n }\r\n\r\n }\r\n\r\n }\r\n searchparams(value) {\r\n let params = ''\r\n if (this.InputFields.params) {\r\n params = this.InputFields.params\r\n }\r\n let inpValue = value\r\n inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : ''\r\n return params\r\n }\r\n removechip(obj) {\r\n const index = this.chipSelectedObj.indexOf(obj);\r\n\r\n if (index >= 0) {\r\n\r\n this.chipSelectedObj.splice(index, 1);\r\n console.log(this.chipSelectedObj);\r\n this.chipSelectedId.splice(index, 1);\r\n console.log(this.chipSelectedId);\r\n this.DropInput.nativeElement.value = '';\r\n this.selected()\r\n }\r\n\r\n }\r\n public venSelected(event: MatAutocompleteSelectedEvent): void {\r\n this.DropInput.nativeElement.value = '';\r\n console.log('event.option.value', event.option.value)\r\n this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);\r\n console.log('chipSelectedvenid', this.chipSelectedObj)\r\n }\r\n private selectvenByName(ven) {\r\n let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);\r\n if (foundemp1.length) {\r\n return;\r\n }\r\n let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);\r\n if (foundemp.length) {\r\n this.chipSelectedObj.push(foundemp[0]);\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey])\r\n\r\n }\r\n else {\r\n this.chipSelectedId.push(foundemp[0].id)\r\n\r\n }\r\n }\r\n }\r\n comparekey(e) {\r\n if (this.InputFields?.comparekey) {\r\n return this.InputFields?.comparekey\r\n }\r\n else {\r\n if (e?.id) {\r\n return \"id\"\r\n }\r\n else {\r\n return this.InputFields.displaykey\r\n }\r\n }\r\n }\r\n}","import { NgModule } from '@angular/core';\r\nimport { VsChipdropdownComponent } from './vs-chipdropdown.component';\r\nimport { VsChipddCmpComponent } from './vs-chipdd-cmp/vs-chipdd-cmp.component';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClientModule, HttpClient } from '@angular/common/http';\r\n// import {VsSharedModuleModule} from '@unnilouis.org/vs-shared-module'\r\n\r\n\r\n@NgModule({\r\n declarations: [VsChipdropdownComponent, VsChipddCmpComponent],\r\n imports: [MatFormFieldModule,MatInputModule,MatSelectModule,MatAutocompleteModule,FormsModule,ReactiveFormsModule,CommonModule,MatGridListModule,MatChipsModule,MatIconModule,\r\n TranslateModule,\r\n HttpClientModule,\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: httpTranslateLoader,\r\n deps: [HttpClient],\r\n },\r\n }),],\r\n // imports: [VsSharedModuleModule],\r\n exports: [VsChipddCmpComponent]\r\n})\r\nexport class VsChipdropdownModule { }\r\nexport function httpTranslateLoader(http: HttpClient) {\r\n return new TranslateHttpLoader(http);\r\n}\r\n","/*\r\n * Public API Surface of vs-chipdropdown\r\n */\r\n\r\nexport * from './lib/vs-chipdropdown.service';\r\nexport * from './lib/vs-chipdropdown.component';\r\nexport * from './lib/vs-chipdropdown.module';\r\nexport * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component'\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"unnilouis.org-vs-chipdropdown.js","sources":["ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.service.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.component.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.ts","ng://@unnilouis.org/vs-chipdropdown/lib/vs-chipdropdown.module.ts","ng://@unnilouis.org/vs-chipdropdown/public-api.ts","ng://@unnilouis.org/vs-chipdropdown/unnilouis.org-vs-chipdropdown.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class VsChipdropdownService {\r\n\r\n constructor(private http: HttpClient) { }\r\n postApi(Apiurl,json={},params): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.post<any>(Apiurl+paradata,json ,{\r\n headers: headers,\r\n \r\n });\r\n }\r\n GetApi(Apiurl,params=''): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.get<any>(Apiurl+paradata,{\r\n headers: headers,\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-vs-chipdropdown',\r\n template: `\r\n <p>\r\n vs-chipdropdown works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class VsChipdropdownComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport {\r\n MatAutocompleteSelectedEvent,\r\n MatAutocomplete,\r\n MatAutocompleteTrigger,\r\n} from '@angular/material/autocomplete';\r\nimport {\r\n debounceTime,\r\n distinctUntilChanged,\r\n tap,\r\n filter,\r\n switchMap,\r\n finalize,\r\n takeUntil,\r\n map,\r\n} from 'rxjs/operators';\r\nimport { from, Observable, fromEvent } from 'rxjs';\r\nimport { VsChipdropdownService } from '../vs-chipdropdown.service';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\n@Component({\r\n selector: 'lib-vs-chipdd-cmp',\r\n templateUrl: './vs-chipdd-cmp.component.html',\r\n styleUrls: ['./vs-chipdd-cmp.component.scss'],\r\n})\r\nexport class VsChipddCmpComponent {\r\n DrodownLoading: boolean;\r\n constructor(\r\n private service: VsChipdropdownService,\r\n private fb: FormBuilder\r\n ) {}\r\n @Input() InputFields: any;\r\n @Input() ResetForm: any;\r\n @Input() Backendapi: boolean = true;\r\n\r\n @ViewChild('autoCompleteInput', {\r\n static: false,\r\n read: MatAutocompleteTrigger,\r\n })\r\n trigger: MatAutocompleteTrigger;\r\n\r\n @ViewChild(MatAutocompleteTrigger)\r\n autocompleteTrigger: MatAutocompleteTrigger;\r\n @ViewChild('scrolll') matAutocompleteApp: MatAutocomplete;\r\n @Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();\r\n @ViewChild('DropInput') DropInput: any;\r\n readonly separatorsKeysCodes: number[] = [ENTER, COMMA];\r\n\r\n has_next: boolean = false;\r\n currentpage: number = 1;\r\n Dropdowndata: any = [];\r\n has_previous: boolean = false;\r\n DropdownForm: FormGroup;\r\n chipSelectedId: any = [];\r\n chipSelectedObj: any = [];\r\n @Input() formGroup!: FormGroup;\r\n ngOnInit() {\r\n // if (this.formGroup) {\r\n // this.DropdownForm = this.formGroup;\r\n // } else {\r\n // this.DropdownForm = this.fb.group({\r\n // value: '',\r\n // });\r\n // }\r\n // this.dupngonit();\r\n\r\n // if (this.InputFields?.defaultvalue) {\r\n // this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n // this.chipSelectedObj = this.InputFields?.defaultvalue\r\n // if (this.chipSelectedObj.length > 0) {\r\n // for (let foundemp of this.chipSelectedObj) {\r\n // if (this.InputFields?.Outputkey) {\r\n // this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n\r\n // }\r\n // else {\r\n // this.chipSelectedId.push(foundemp.id)\r\n\r\n // }\r\n // }\r\n // this.selected()\r\n // }\r\n\r\n // }\r\n // if (this.InputFields?.fronentdata) {\r\n // this.Dropdowndata = this.InputFields?.data\r\n\r\n // }\r\n // else {\r\n // this.getdropdown('')\r\n // }\r\n }\r\n looop() {\r\n for (let foundemp of this.chipSelectedObj) {\r\n if(!(foundemp instanceof Number)){\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey]);\r\n }\r\n if (this.InputFields?.formkey) {\r\n this.formkeyarr.push(foundemp[this.InputFields?.formkey]);\r\n } else {\r\n this.chipSelectedId.push(foundemp.id);\r\n }\r\n }\r\n }\r\n \r\n }\r\n dupngonit() {\r\n if (this.formGroup) {\r\n this.DropdownForm = this.formGroup;\r\n if (!this.DropdownForm.contains(this.InputFields?.formcontrolname)) {\r\n this.DropdownForm.addControl(\r\n this.dynamciformcontrolparent(),\r\n new FormControl({ value: [], disabled: this.InputFields?.disabled })\r\n );\r\n }\r\n } else {\r\n this.DropdownForm = this.fb.group({\r\n chipvalue: [],\r\n });\r\n }\r\n console.log('this.DropdownForm', this.DropdownForm.value);\r\n // this.chipSelectedObj =\r\n // this.DropdownForm.get(this.dynamciformcontrolparent()).value &&\r\n // this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0\r\n // ? this.DropdownForm.get(this.dynamciformcontrolparent()).value\r\n // : [];\r\n // console.log('this.chipSelectedObj', this.chipSelectedObj);\r\n\r\n if (this.InputFields?.defaultvalue) {\r\n // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(\r\n // this.InputFields?.formkey\r\n // ? this.InputFields?.defaultvalue[this.InputFields?.formkey]\r\n // : this.InputFields?.defaultvalue\r\n // );\r\n // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.InputFields?.defaultvalue);\r\n this.chipSelectedObj = this.InputFields?.defaultvalue;\r\n this.chipSelectedId = [];\r\n this.formkeyarr = [];\r\n if (this.chipSelectedObj.length > 0) {\r\n this.looop();\r\n this.selected();\r\n }\r\n }\r\n\r\n if (\r\n this.DropdownForm.get(this.dynamciformcontrolparent()).value &&\r\n this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0\r\n ) {\r\n this.chipSelectedObj = this.DropdownForm.get(\r\n this.dynamciformcontrolparent()\r\n ).value;\r\n console.log('test',this.chipSelectedObj = this.DropdownForm.get(\r\n this.dynamciformcontrolparent()\r\n ).value)\r\n this.chipSelectedId = [];\r\n this.formkeyarr = [];\r\n this.looop();\r\n this.selected();\r\n }\r\n if (this.InputFields?.fronentdata) {\r\n this.Dropdowndata = this.InputFields?.data;\r\n }\r\n // else {\r\n // this.getdropdown('')\r\n // }\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.InputFields && changes.InputFields.currentValue) {\r\n console.log('Summary Log Changes');\r\n this.currentpage = 1;\r\n this.dupngonit();\r\n }\r\n if (changes.ResetForm && changes.ResetForm.currentValue) {\r\n console.log('hitted');\r\n // this.DropdownForm.reset();\r\n this.currentpage = 1;\r\n this.dupngonit();\r\n this.chipSelectedId = [];\r\n this.formkeyarr = [];\r\n this.chipSelectedObj = [];\r\n this.dataEvent.emit([]);\r\n }\r\n }\r\n // public displaydevelopclient(clt: any, key: string) {\r\n // return key[clt];\r\n // }\r\n autocompleteAppScroll() {\r\n if (!this.InputFields?.fronentdata) {\r\n setTimeout(() => {\r\n if (\r\n this.matAutocompleteApp &&\r\n this.autocompleteTrigger &&\r\n this.matAutocompleteApp.panel\r\n ) {\r\n fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')\r\n .pipe(\r\n map((x) => this.matAutocompleteApp.panel.nativeElement.scrollTop),\r\n takeUntil(\r\n this.autocompleteTrigger.panelClosingActions as Observable<any>\r\n )\r\n )\r\n .subscribe((x) => {\r\n const scrollTop =\r\n this.matAutocompleteApp.panel.nativeElement.scrollTop;\r\n const scrollHeight =\r\n this.matAutocompleteApp.panel.nativeElement.scrollHeight;\r\n const elementHeight =\r\n this.matAutocompleteApp.panel.nativeElement.clientHeight;\r\n const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;\r\n if (atBottom) {\r\n if (this.has_next === true) {\r\n let value = this.DropInput.nativeElement.value;\r\n let params = this.searchparams(value);\r\n this.currentpage = this.currentpage + 1;\r\n if (this.currentpage > 1) {\r\n this.service\r\n .GetApi(\r\n this.InputFields.url + '?page=' + this.currentpage,\r\n params\r\n )\r\n .subscribe((results: any[]) => {\r\n let datas = results['data'];\r\n let datapagination = results['pagination'];\r\n this.Dropdowndata = this.Dropdowndata.concat(datas);\r\n console.log('this.Dropdowndata', this.Dropdowndata);\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n }\r\n });\r\n }\r\n }\r\n dropdownsearch() {\r\n if (!this.InputFields?.fronentdata) {\r\n this.DropdownForm.get('value')\r\n .valueChanges.pipe(\r\n debounceTime(100),\r\n distinctUntilChanged(),\r\n tap(() => {\r\n this.DrodownLoading = true;\r\n console.log('inside tap');\r\n }),\r\n switchMap((value) => {\r\n let params = this.searchparams(value);\r\n this.currentpage = 1;\r\n return this.service\r\n .GetApi(\r\n this.InputFields.url + '?page=' + this.currentpage,\r\n params\r\n )\r\n .pipe(\r\n finalize(() => {\r\n this.DrodownLoading = false;\r\n })\r\n );\r\n })\r\n )\r\n .subscribe((results: any[]) => {\r\n let datas = results['data'];\r\n this.Dropdowndata = datas;\r\n });\r\n }\r\n }\r\n getdropdown(value) {\r\n this.currentpage = 1;\r\n if (this.InputFields.url) {\r\n let params = this.searchparams(value);\r\n this.service\r\n .GetApi(this.InputFields.url + '?page=' + this.currentpage, params)\r\n .subscribe((results: any[]) => {\r\n let datas = results['data'];\r\n let datapagination = results['pagination'];\r\n this.Dropdowndata = datas;\r\n setTimeout(() => {\r\n this.trigger.openPanel();\r\n }, 0);\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n });\r\n }\r\n }\r\n Outputdata: any = [];\r\n dynamciformcontrolparent() {\r\n return this.InputFields?.formcontrolname && this.formGroup\r\n ? this.InputFields?.formcontrolname\r\n : 'chipvalue';\r\n }\r\n selected() {\r\n this.Outputdata = this.chipSelectedObj;\r\n if (this.InputFields?.Outputkey) {\r\n this.Outputdata = this.chipSelectedId;\r\n }\r\n if (this.formGroup && this.InputFields?.formcontrolname) {\r\n this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(\r\n this.formkeyarr\r\n );\r\n }\r\n console.log(this.formkeyarr);\r\n console.log('this.DropdownForm.get', this.DropdownForm.value);\r\n this.dataEvent.emit(this.Outputdata);\r\n\r\n // let data = this.DropdownForm.value.value\r\n // if (this.InputFields?.wholedata) {\r\n // this.dataEvent.emit(this.chipSelectedObj);\r\n // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n // this.InputFields?.formgroup\r\n // .get(this.InputFields?.formcontrolname)\r\n // .patchValue(this.chipSelectedObj);\r\n // }\r\n // }\r\n // else {\r\n // if (this.InputFields?.Outputkey) {\r\n // this.dataEvent.emit(this.chipSelectedId);\r\n // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n // this.InputFields?.formgroup\r\n // .get(this.InputFields?.formcontrolname)\r\n // .patchValue(this.chipSelectedId);\r\n // }\r\n // }\r\n // else {\r\n // this.dataEvent.emit(this.chipSelectedObj);\r\n // if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n // this.InputFields?.formgroup\r\n // .get(this.InputFields?.formcontrolname)\r\n // .patchValue(this.chipSelectedObj);\r\n // }\r\n // }\r\n\r\n // }\r\n }\r\n searchparams(value) {\r\n let params = '';\r\n if (this.InputFields.params) {\r\n params = this.InputFields.params;\r\n }\r\n let inpValue = value;\r\n inpValue\r\n ? (params += '&' + this.InputFields.searchkey + '=' + inpValue)\r\n : '';\r\n return params;\r\n }\r\n removechip(obj) {\r\n const index = this.chipSelectedObj.indexOf(obj);\r\n\r\n if (index >= 0) {\r\n this.chipSelectedObj.splice(index, 1);\r\n console.log(this.chipSelectedObj);\r\n this.chipSelectedId.splice(index, 1);\r\n console.log(this.chipSelectedId);\r\n this.formkeyarr.splice(index, 1);\r\n console.log('this.formkeyarr', this.formkeyarr);\r\n\r\n this.DropInput.nativeElement.value = '';\r\n this.selected();\r\n }\r\n }\r\n public venSelected(data): void {\r\n this.DropInput.nativeElement.value = '';\r\n console.log('event.option.value', data);\r\n this.selectvenByName(data[this.comparekey(data)]);\r\n console.log('chipSelectedvenid', this.chipSelectedObj);\r\n }\r\n formkeyarr: any = [];\r\n private selectvenByName(ven) {\r\n let foundemp1 = this.chipSelectedObj.filter(\r\n (e) => e[this.comparekey(e)] == ven\r\n );\r\n if (foundemp1.length) {\r\n return;\r\n }\r\n let foundemp = this.Dropdowndata.filter(\r\n (e) => e[this.comparekey(e)] == ven\r\n );\r\n if (foundemp.length) {\r\n this.chipSelectedObj.push(foundemp[0]);\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey]);\r\n }\r\n if (this.InputFields?.formkey) {\r\n this.formkeyarr.push(foundemp[0][this.InputFields?.formkey]);\r\n } else {\r\n this.chipSelectedId.push(foundemp[0].id);\r\n }\r\n console.log('formkeyarr12', this.formkeyarr);\r\n this.selected();\r\n }\r\n }\r\n comparekey(e) {\r\n if (this.InputFields?.comparekey) {\r\n return this.InputFields?.comparekey;\r\n } else {\r\n if (e?.id) {\r\n return 'id';\r\n } else {\r\n return this.InputFields.displaykey;\r\n }\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { VsChipdropdownComponent } from './vs-chipdropdown.component';\r\nimport { VsChipddCmpComponent } from './vs-chipdd-cmp/vs-chipdd-cmp.component';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClientModule, HttpClient } from '@angular/common/http';\r\n// import {VsSharedModuleModule} from '@unnilouis.org/vs-shared-module'\r\n\r\n\r\n@NgModule({\r\n declarations: [VsChipdropdownComponent, VsChipddCmpComponent],\r\n imports: [MatFormFieldModule,MatInputModule,MatSelectModule,MatAutocompleteModule,FormsModule,ReactiveFormsModule,CommonModule,MatGridListModule,MatChipsModule,MatIconModule,\r\n TranslateModule,\r\n HttpClientModule,\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: httpTranslateLoader,\r\n deps: [HttpClient],\r\n },\r\n }),],\r\n // imports: [VsSharedModuleModule],\r\n exports: [VsChipddCmpComponent]\r\n})\r\nexport class VsChipdropdownModule { }\r\nexport function httpTranslateLoader(http: HttpClient) {\r\n return new TranslateHttpLoader(http);\r\n}\r\n","/*\r\n * Public API Surface of vs-chipdropdown\r\n */\r\n\r\nexport * from './lib/vs-chipdropdown.service';\r\nexport * from './lib/vs-chipdropdown.component';\r\nexport * from './lib/vs-chipdropdown.module';\r\nexport * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component'\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter, SimpleChanges } from '@angular/core';
2
- import { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
2
+ import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
3
3
  import { VsChipdropdownService } from '../vs-chipdropdown.service';
4
4
  import { FormBuilder, FormGroup } from '@angular/forms';
5
5
  export declare class VsChipddCmpComponent {
@@ -10,6 +10,7 @@ export declare class VsChipddCmpComponent {
10
10
  InputFields: any;
11
11
  ResetForm: any;
12
12
  Backendapi: boolean;
13
+ trigger: MatAutocompleteTrigger;
13
14
  autocompleteTrigger: MatAutocompleteTrigger;
14
15
  matAutocompleteApp: MatAutocomplete;
15
16
  dataEvent: EventEmitter<any>;
@@ -22,16 +23,21 @@ export declare class VsChipddCmpComponent {
22
23
  DropdownForm: FormGroup;
23
24
  chipSelectedId: any;
24
25
  chipSelectedObj: any;
26
+ formGroup: FormGroup;
25
27
  ngOnInit(): void;
28
+ looop(): void;
26
29
  dupngonit(): void;
27
30
  ngOnChanges(changes: SimpleChanges): void;
28
31
  autocompleteAppScroll(): void;
29
32
  dropdownsearch(): void;
30
33
  getdropdown(value: any): void;
34
+ Outputdata: any;
35
+ dynamciformcontrolparent(): any;
31
36
  selected(): void;
32
37
  searchparams(value: any): string;
33
38
  removechip(obj: any): void;
34
- venSelected(event: MatAutocompleteSelectedEvent): void;
39
+ venSelected(data: any): void;
40
+ formkeyarr: any;
35
41
  private selectvenByName;
36
42
  comparekey(e: any): any;
37
43
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unnilouis.org/vs-chipdropdown",
3
- "version": "9.0.3",
3
+ "version": "9.0.5",
4
4
  "main": "bundles/unnilouis.org-vs-chipdropdown.umd.js",
5
5
  "module": "fesm5/unnilouis.org-vs-chipdropdown.js",
6
6
  "es2015": "fesm2015/unnilouis.org-vs-chipdropdown.js",