@unnilouis.org/vs-chipdropdown 9.0.4 → 9.0.6

package/fesm5/unnilouis.org-vs-chipdropdown.js

@@ -4,7 +4,7 @@ import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
 import { map, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, finalize } from 'rxjs/operators';
 import { fromEvent } from 'rxjs';
-import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormControl, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -90,11 +90,17 @@ var VsChipddCmpComponent = /** @class */ (function () {
         this.chipSelectedId = [];
         this.chipSelectedObj = [];
         this.Outputdata = [];
+        this.formkeyarr = [];
     }
     VsChipddCmpComponent.prototype.ngOnInit = function () {
-        this.DropdownForm = this.fb.group({
-            value: '',
-        });
+        // if (this.formGroup) {
+        //   this.DropdownForm = this.formGroup;
+        // } else {
+        //   this.DropdownForm = this.fb.group({
+        //     value: '',
+        //   });
+        // }
+        // this.dupngonit();
         // if (this.InputFields?.defaultvalue) {
         //   this.DropdownForm.get("value").patchValue(this.InputFields?.defaultvalue)
         //   this.chipSelectedObj = this.InputFields?.defaultvalue
@@ -117,39 +123,79 @@ var VsChipddCmpComponent = /** @class */ (function () {
         //   this.getdropdown('')
         // }
     };
-    VsChipddCmpComponent.prototype.dupngonit = function () {
+    VsChipddCmpComponent.prototype.looop = function () {
         var e_1, _a;
-        var _b, _c, _d, _e, _f, _g, _h;
-        this.DropdownForm = this.fb.group({
-            value: '',
-        });
-        if ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.defaultvalue) {
-            this.DropdownForm.get('value').patchValue((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.defaultvalue);
-            this.chipSelectedObj = (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.defaultvalue;
-            if (this.chipSelectedObj.length > 0) {
-                try {
-                    for (var _j = __values(this.chipSelectedObj), _k = _j.next(); !_k.done; _k = _j.next()) {
-                        var foundemp = _k.value;
-                        if ((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.Outputkey) {
-                            this.chipSelectedId.push(foundemp[(_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.Outputkey]);
-                        }
-                        else {
-                            this.chipSelectedId.push(foundemp.id);
-                        }
+        var _b, _c, _d, _e;
+        try {
+            for (var _f = __values(this.chipSelectedObj), _g = _f.next(); !_g.done; _g = _f.next()) {
+                var foundemp = _g.value;
+                if (!(foundemp instanceof Number)) {
+                    if ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey) {
+                        this.chipSelectedId.push(foundemp[(_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.Outputkey]);
                     }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_k && !_k.done && (_a = _j.return)) _a.call(_j);
+                    if ((_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formkey) {
+                        this.formkeyarr.push(foundemp[(_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.formkey]);
+                    }
+                    else {
+                        this.chipSelectedId.push(foundemp.id);
                     }
-                    finally { if (e_1) throw e_1.error; }
                 }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    VsChipddCmpComponent.prototype.dupngonit = function () {
+        var _a, _b, _c, _d, _e, _f;
+        if (this.formGroup) {
+            this.DropdownForm = this.formGroup;
+            if (!this.DropdownForm.contains((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.formcontrolname)) {
+                this.DropdownForm.addControl(this.dynamciformcontrolparent(), new FormControl({ value: [], disabled: (_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.disabled }));
+            }
+        }
+        else {
+            this.DropdownForm = this.fb.group({
+                chipvalue: [],
+            });
+        }
+        console.log('this.DropdownForm', this.DropdownForm.value);
+        // this.chipSelectedObj =
+        //   this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
+        //   this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0
+        //     ? this.DropdownForm.get(this.dynamciformcontrolparent()).value
+        //     : [];
+        //     console.log('this.chipSelectedObj', this.chipSelectedObj);
+        if ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.defaultvalue) {
+            // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(
+            //   this.InputFields?.formkey
+            //     ? this.InputFields?.defaultvalue[this.InputFields?.formkey]
+            //     : this.InputFields?.defaultvalue
+            // );
+            // this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.InputFields?.defaultvalue);
+            this.chipSelectedObj = (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.defaultvalue;
+            this.chipSelectedId = [];
+            this.formkeyarr = [];
+            if (this.chipSelectedObj.length > 0) {
+                this.looop();
                 this.selected();
             }
         }
-        if ((_g = this.InputFields) === null || _g === void 0 ? void 0 : _g.fronentdata) {
-            this.Dropdowndata = (_h = this.InputFields) === null || _h === void 0 ? void 0 : _h.data;
+        if (this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
+            this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0) {
+            this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value;
+            console.log('test', this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value);
+            this.chipSelectedId = [];
+            this.formkeyarr = [];
+            this.looop();
+            this.selected();
+        }
+        if ((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.fronentdata) {
+            this.Dropdowndata = (_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.data;
         }
         // else {
         //   this.getdropdown('')
@@ -163,10 +209,11 @@ var VsChipddCmpComponent = /** @class */ (function () {
         }
         if (changes.ResetForm && changes.ResetForm.currentValue) {
             console.log('hitted');
-            this.DropdownForm.reset();
+            // this.DropdownForm.reset();
             this.currentpage = 1;
             this.dupngonit();
             this.chipSelectedId = [];
+            this.formkeyarr = [];
             this.chipSelectedObj = [];
             this.dataEvent.emit([]);
         }
@@ -241,6 +288,7 @@ var VsChipddCmpComponent = /** @class */ (function () {
     };
     VsChipddCmpComponent.prototype.getdropdown = function (value) {
         var _this = this;
+        this.currentpage = 1;
         if (this.InputFields.url) {
             var params = this.searchparams(value);
             this.service
@@ -249,6 +297,9 @@ var VsChipddCmpComponent = /** @class */ (function () {
                 var datas = results['data'];
                 var datapagination = results['pagination'];
                 _this.Dropdowndata = datas;
+                setTimeout(function () {
+                    _this.trigger.openPanel();
+                }, 0);
                 if (_this.Dropdowndata.length >= 0) {
                     _this.has_next = datapagination.has_next;
                     _this.has_previous = datapagination.has_previous;
@@ -257,15 +308,22 @@ var VsChipddCmpComponent = /** @class */ (function () {
             });
         }
     };
+    VsChipddCmpComponent.prototype.dynamciformcontrolparent = function () {
+        var _a, _b;
+        return ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.formcontrolname) && this.formGroup
+            ? (_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formcontrolname : 'chipvalue';
+    };
     VsChipddCmpComponent.prototype.selected = function () {
-        var _a, _b, _c, _d, _e;
+        var _a, _b;
         this.Outputdata = this.chipSelectedObj;
         if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
             this.Outputdata = this.chipSelectedId;
         }
-        if (((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formgroup) && ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.formcontrolname)) {
-            (_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.Outputdata);
+        if (this.formGroup && ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.formcontrolname)) {
+            this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.formkeyarr);
         }
+        console.log(this.formkeyarr);
+        console.log('this.DropdownForm.get', this.DropdownForm.value);
         this.dataEvent.emit(this.Outputdata);
         // let data = this.DropdownForm.value.value
         // if (this.InputFields?.wholedata) {
@@ -313,19 +371,21 @@ var VsChipddCmpComponent = /** @class */ (function () {
             console.log(this.chipSelectedObj);
             this.chipSelectedId.splice(index, 1);
             console.log(this.chipSelectedId);
+            this.formkeyarr.splice(index, 1);
+            console.log('this.formkeyarr', this.formkeyarr);
             this.DropInput.nativeElement.value = '';
             this.selected();
         }
     };
-    VsChipddCmpComponent.prototype.venSelected = function (event) {
+    VsChipddCmpComponent.prototype.venSelected = function (data) {
         this.DropInput.nativeElement.value = '';
-        console.log('event.option.value', event.option.value);
-        this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);
+        console.log('event.option.value', data);
+        this.selectvenByName(data[this.comparekey(data)]);
         console.log('chipSelectedvenid', this.chipSelectedObj);
     };
     VsChipddCmpComponent.prototype.selectvenByName = function (ven) {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c, _d;
         var foundemp1 = this.chipSelectedObj.filter(function (e) { return e[_this.comparekey(e)] == ven; });
         if (foundemp1.length) {
             return;
@@ -336,9 +396,14 @@ var VsChipddCmpComponent = /** @class */ (function () {
             if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
                 this.chipSelectedId.push(foundemp[0][(_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey]);
             }
+            if ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.formkey) {
+                this.formkeyarr.push(foundemp[0][(_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formkey]);
+            }
             else {
                 this.chipSelectedId.push(foundemp[0].id);
             }
+            console.log('formkeyarr12', this.formkeyarr);
+            this.selected();
         }
     };
     VsChipddCmpComponent.prototype.comparekey = function (e) {
@@ -368,6 +433,12 @@ var VsChipddCmpComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], VsChipddCmpComponent.prototype, "Backendapi", void 0);
+    __decorate([
+        ViewChild('autoCompleteInput', {
+            static: false,
+            read: MatAutocompleteTrigger,
+        })
+    ], VsChipddCmpComponent.prototype, "trigger", void 0);
     __decorate([
         ViewChild(MatAutocompleteTrigger)
     ], VsChipddCmpComponent.prototype, "autocompleteTrigger", void 0);
@@ -380,11 +451,14 @@ var VsChipddCmpComponent = /** @class */ (function () {
     __decorate([
         ViewChild('DropInput')
     ], VsChipddCmpComponent.prototype, "DropInput", void 0);
+    __decorate([
+        Input()
+    ], VsChipddCmpComponent.prototype, "formGroup", void 0);
     VsChipddCmpComponent = __decorate([
         Component({
             selector: 'lib-vs-chipdd-cmp',
-            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",
-            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)}"]
+            template: "<div>\r\n  <form [formGroup]=\"DropdownForm\" id=\"matChip-size\">\r\n    <!-- class=\"mat-chipScroll\" -->\r\n    <mat-form-field\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      <!-- class=\"chip-container\" -->\r\n      <mat-chip-list multiple #chipListvendor>\r\n        <!-- class=\"mat-chipEx\" -->\r\n        <mat-chip\r\n          *ngFor=\"let obj of chipSelectedObj\"\r\n          [removable]=\"true\"\r\n          (removed)=\"removechip(obj)\"\r\n        >\r\n          {{ obj[InputFields?.displaykey] }}\r\n          <mat-icon matChipRemove>cancel</mat-icon>\r\n        </mat-chip>\r\n        <!-- class=\"matformfieldinputstyle\" -->\r\n        <input\r\n          #DropInput\r\n          [matAutocomplete]=\"scrolll\"\r\n          (keydown)=\"dropdownsearch()\"\r\n          [matChipInputFor]=\"chipListvendor\"\r\n          [matChipInputSeparatorKeyCodes]=\"separatorsKeysCodes\"\r\n          [matChipInputAddOnBlur]=\"true\"\r\n          #autoCompleteInput=\"matAutocompleteTrigger\"\r\n          [formControlName]=\"this.dynamciformcontrolparent()\"\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",
+            styles: [""]
         })
     ], VsChipddCmpComponent);
     return VsChipddCmpComponent;

package/fesm5/unnilouis.org-vs-chipdropdown.js.map

@@ -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 {\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(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\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    // 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          } else {\r\n            this.chipSelectedId.push(foundemp.id);\r\n          }\r\n        }\r\n        this.selected();\r\n      }\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.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    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          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  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.InputFields?.formgroup && this.InputFields?.formcontrolname) {\r\n      this.InputFields?.formgroup\r\n        .get(this.InputFields?.formcontrolname)\r\n        .patchValue(this.Outputdata);\r\n    }\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.DropInput.nativeElement.value = '';\r\n      this.selected();\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(\r\n      event.option.value[this.comparekey(event.option.value)]\r\n    );\r\n    console.log('chipSelectedvenid', this.chipSelectedObj);\r\n  }\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      } else {\r\n        this.chipSelectedId.push(foundemp[0].id);\r\n      }\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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"}
+{"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

@@ -1,5 +1,5 @@
 import { EventEmitter, SimpleChanges } from '@angular/core';
-import { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { VsChipdropdownService } from '../vs-chipdropdown.service';
 import { FormBuilder, FormGroup } from '@angular/forms';
 export declare class VsChipddCmpComponent {
@@ -10,6 +10,7 @@ export declare class VsChipddCmpComponent {
     InputFields: any;
     ResetForm: any;
     Backendapi: boolean;
+    trigger: MatAutocompleteTrigger;
     autocompleteTrigger: MatAutocompleteTrigger;
     matAutocompleteApp: MatAutocomplete;
     dataEvent: EventEmitter<any>;
@@ -22,17 +23,21 @@ export declare class VsChipddCmpComponent {
     DropdownForm: FormGroup;
     chipSelectedId: any;
     chipSelectedObj: any;
+    formGroup: FormGroup;
     ngOnInit(): void;
+    looop(): void;
     dupngonit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     autocompleteAppScroll(): void;
     dropdownsearch(): void;
     getdropdown(value: any): void;
     Outputdata: any;
+    dynamciformcontrolparent(): any;
     selected(): void;
     searchparams(value: any): string;
     removechip(obj: any): void;
-    venSelected(event: MatAutocompleteSelectedEvent): void;
+    venSelected(data: any): void;
+    formkeyarr: any;
     private selectvenByName;
     comparekey(e: any): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unnilouis.org/vs-chipdropdown",
-  "version": "9.0.4",
+  "version": "9.0.6",
   "main": "bundles/unnilouis.org-vs-chipdropdown.umd.js",
   "module": "fesm5/unnilouis.org-vs-chipdropdown.js",
   "es2015": "fesm2015/unnilouis.org-vs-chipdropdown.js",

package/unnilouis.org-vs-chipdropdown.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"VsChipdropdownService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":28}]}],"postApi":[{"__symbolic":"method"}],"GetApi":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"VsChipdropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-vs-chipdropdown","template":"\n    <p>\n      vs-chipdropdown works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"VsChipdropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VsChipdropdownComponent"},{"__symbolic":"reference","name":"VsChipddCmpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":31},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":20,"character":46},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":20,"character":62},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":84},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":96},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":116},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":20,"character":129},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":20,"character":147},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":162},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":22,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":23,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":25,"character":17},"useFactory":{"__symbolic":"reference","name":"httpTranslateLoader"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":27,"character":15}]}}]}],"exports":[{"__symbolic":"reference","name":"VsChipddCmpComponent"}]}]}],"members":{}},"httpTranslateLoader":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":35,"character":13},"arguments":[{"__symbolic":"reference","name":"http"}]}},"VsChipddCmpComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"lib-vs-chipdd-cmp","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","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)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VsChipdropdownService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":36,"character":16}]}],"InputFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ResetForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"Backendapi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":42,"character":13}]}]}],"matAutocompleteApp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["scrolll"]}]}],"dataEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"DropInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["DropInput"]}]}],"ngOnInit":[{"__symbolic":"method"}],"dupngonit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"autocompleteAppScroll":[{"__symbolic":"method"}],"dropdownsearch":[{"__symbolic":"method"}],"getdropdown":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"searchparams":[{"__symbolic":"method"}],"removechip":[{"__symbolic":"method"}],"venSelected":[{"__symbolic":"method"}],"selectvenByName":[{"__symbolic":"method"}],"comparekey":[{"__symbolic":"method"}]}}},"origins":{"VsChipdropdownService":"./lib/vs-chipdropdown.service","VsChipdropdownComponent":"./lib/vs-chipdropdown.component","VsChipdropdownModule":"./lib/vs-chipdropdown.module","httpTranslateLoader":"./lib/vs-chipdropdown.module","VsChipddCmpComponent":"./lib/vs-chipdd-cmp/vs-chipdd-cmp.component"},"importAs":"@unnilouis.org/vs-chipdropdown"}
+{"__symbolic":"module","version":4,"metadata":{"VsChipdropdownService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":28}]}],"postApi":[{"__symbolic":"method"}],"GetApi":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"VsChipdropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-vs-chipdropdown","template":"\n    <p>\n      vs-chipdropdown works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"VsChipdropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VsChipdropdownComponent"},{"__symbolic":"reference","name":"VsChipddCmpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":31},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":20,"character":46},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":20,"character":62},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":84},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":96},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":116},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":20,"character":129},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":20,"character":147},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":162},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":22,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":23,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":25,"character":17},"useFactory":{"__symbolic":"reference","name":"httpTranslateLoader"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":27,"character":15}]}}]}],"exports":[{"__symbolic":"reference","name":"VsChipddCmpComponent"}]}]}],"members":{}},"httpTranslateLoader":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":35,"character":13},"arguments":[{"__symbolic":"reference","name":"http"}]}},"VsChipddCmpComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"lib-vs-chipdd-cmp","template":"<div>\r\n  <form [formGroup]=\"DropdownForm\" id=\"matChip-size\">\r\n    <!-- class=\"mat-chipScroll\" -->\r\n    <mat-form-field\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      <!-- class=\"chip-container\" -->\r\n      <mat-chip-list multiple #chipListvendor>\r\n        <!-- class=\"mat-chipEx\" -->\r\n        <mat-chip\r\n          *ngFor=\"let obj of chipSelectedObj\"\r\n          [removable]=\"true\"\r\n          (removed)=\"removechip(obj)\"\r\n        >\r\n          {{ obj[InputFields?.displaykey] }}\r\n          <mat-icon matChipRemove>cancel</mat-icon>\r\n        </mat-chip>\r\n        <!-- class=\"matformfieldinputstyle\" -->\r\n        <input\r\n          #DropInput\r\n          [matAutocomplete]=\"scrolll\"\r\n          (keydown)=\"dropdownsearch()\"\r\n          [matChipInputFor]=\"chipListvendor\"\r\n          [matChipInputSeparatorKeyCodes]=\"separatorsKeysCodes\"\r\n          [matChipInputAddOnBlur]=\"true\"\r\n          #autoCompleteInput=\"matAutocompleteTrigger\"\r\n          [formControlName]=\"this.dynamciformcontrolparent()\"\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","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VsChipdropdownService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":36,"character":16}]}],"InputFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ResetForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"Backendapi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["autoCompleteInput",{"static":false,"read":{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":44,"character":10}}]}]}],"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":48,"character":13}]}]}],"matAutocompleteApp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["scrolll"]}]}],"dataEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"DropInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["DropInput"]}]}],"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"looop":[{"__symbolic":"method"}],"dupngonit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"autocompleteAppScroll":[{"__symbolic":"method"}],"dropdownsearch":[{"__symbolic":"method"}],"getdropdown":[{"__symbolic":"method"}],"dynamciformcontrolparent":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"searchparams":[{"__symbolic":"method"}],"removechip":[{"__symbolic":"method"}],"venSelected":[{"__symbolic":"method"}],"selectvenByName":[{"__symbolic":"method"}],"comparekey":[{"__symbolic":"method"}]}}},"origins":{"VsChipdropdownService":"./lib/vs-chipdropdown.service","VsChipdropdownComponent":"./lib/vs-chipdropdown.component","VsChipdropdownModule":"./lib/vs-chipdropdown.module","httpTranslateLoader":"./lib/vs-chipdropdown.module","VsChipddCmpComponent":"./lib/vs-chipdd-cmp/vs-chipdd-cmp.component"},"importAs":"@unnilouis.org/vs-chipdropdown"}