@unnilouis.org/vs-chipdropdown 0.0.13 → 0.0.15-beta-1

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

@@ -0,0 +1,319 @@
+import { __decorate } from 'tslib';
+import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, EventEmitter, Input, ViewChild, Output, NgModule } from '@angular/core';
+import { HttpClient } 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 { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { CommonModule } from '@angular/common';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatIconModule } from '@angular/material/icon';
+
+let VsChipdropdownService = class VsChipdropdownService {
+    constructor(http) {
+        this.http = http;
+    }
+    postApi(Apiurl, json = {}, params) {
+        const getToken = localStorage.getItem("sessionData");
+        let tokenValue = JSON.parse(getToken);
+        let token = tokenValue.token;
+        console.log("params", params);
+        let paradata = '';
+        if (params !== undefined && params !== null && params !== '') {
+            paradata = params;
+        }
+        const headers = { Authorization: "Token " + token };
+        return this.http.post(Apiurl + paradata, json, {
+            headers: headers,
+        });
+    }
+    GetApi(Apiurl, params = '') {
+        const getToken = localStorage.getItem("sessionData");
+        let tokenValue = JSON.parse(getToken);
+        let token = tokenValue.token;
+        console.log("params", params);
+        let paradata = '';
+        if (params !== undefined && params !== null && params !== '') {
+            paradata = params;
+        }
+        const headers = { Authorization: "Token " + token };
+        return this.http.get(Apiurl + paradata, {
+            headers: headers,
+        });
+    }
+};
+VsChipdropdownService.ctorParameters = () => [
+    { type: HttpClient }
+];
+VsChipdropdownService.ɵprov = ɵɵdefineInjectable({ factory: function VsChipdropdownService_Factory() { return new VsChipdropdownService(ɵɵinject(HttpClient)); }, token: VsChipdropdownService, providedIn: "root" });
+VsChipdropdownService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], VsChipdropdownService);
+
+let VsChipdropdownComponent = class VsChipdropdownComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+};
+VsChipdropdownComponent = __decorate([
+    Component({
+        selector: 'lib-vs-chipdropdown',
+        template: `
+    <p>
+      vs-chipdropdown works!
+    </p>
+  `
+    })
+], VsChipdropdownComponent);
+
+let VsChipddCmpComponent = class VsChipddCmpComponent {
+    constructor(service, fb) {
+        this.service = service;
+        this.fb = fb;
+        this.dataEvent = new EventEmitter();
+        this.separatorsKeysCodes = [ENTER, COMMA];
+        this.has_next = false;
+        this.currentpage = 1;
+        this.Dropdowndata = [];
+        this.has_previous = false;
+        this.chipSelectedId = [];
+        this.chipSelectedObj = [];
+    }
+    ngOnInit() {
+        var _a, _b, _c, _d, _e;
+        this.DropdownForm = this.fb.group({
+            value: ''
+        });
+        if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.defaultvalue) {
+            this.DropdownForm.get("value").patchValue((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.defaultvalue);
+            this.chipSelectedObj = (_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.defaultvalue;
+            if (this.chipSelectedObj.length > 0) {
+                for (let foundemp of this.chipSelectedObj) {
+                    if ((_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.Outputkey) {
+                        this.chipSelectedId.push(foundemp[(_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.Outputkey]);
+                    }
+                    else {
+                        this.chipSelectedId.push(foundemp.id);
+                    }
+                }
+                this.selected();
+            }
+        }
+        this.getdropdown('');
+    }
+    ngOnChanges(changes) {
+        console.log("changes.ResetForm", changes.ResetForm, changes.ResetForm.currentValue, changes.ResetForm && changes.ResetForm.currentValue);
+        if (changes.InputFields && changes.InputFields.currentValue) {
+            console.log("Summary Log Changes");
+            this.currentpage = 1;
+            this.getdropdown('');
+        }
+        if (changes.ResetForm && changes.ResetForm.currentValue) {
+            console.log("hitted");
+            this.DropdownForm.reset();
+            this.currentpage = 1;
+            this.getdropdown('');
+            this.chipSelectedId = [];
+            this.chipSelectedObj = [];
+            this.dataEvent.emit([]);
+        }
+    }
+    // public displaydevelopclient(clt: any, key: string) {
+    //   return key[clt];
+    // }
+    autocompleteAppScroll() {
+        setTimeout(() => {
+            if (this.matAutocompleteApp &&
+                this.autocompleteTrigger &&
+                this.matAutocompleteApp.panel) {
+                fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')
+                    .pipe(map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop), takeUntil(this.autocompleteTrigger.panelClosingActions))
+                    .subscribe(x => {
+                    const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;
+                    const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;
+                    const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;
+                    const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;
+                    if (atBottom) {
+                        if (this.has_next === true) {
+                            let value = this.DropInput.nativeElement.value;
+                            let params = this.searchparams(value);
+                            this.currentpage = this.currentpage + 1;
+                            if (this.currentpage > 1) {
+                                this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
+                                    .subscribe((results) => {
+                                    let datas = results["data"];
+                                    let datapagination = results["pagination"];
+                                    this.Dropdowndata = this.Dropdowndata.concat(datas);
+                                    console.log("this.Dropdowndata", this.Dropdowndata);
+                                    if (this.Dropdowndata.length >= 0) {
+                                        this.has_next = datapagination.has_next;
+                                        this.has_previous = datapagination.has_previous;
+                                        this.currentpage = datapagination.index;
+                                    }
+                                });
+                            }
+                        }
+                    }
+                });
+            }
+        });
+    }
+    dropdownsearch() {
+        this.DropdownForm.get("value").valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(() => {
+            this.DrodownLoading = true;
+            console.log("inside tap");
+        }), switchMap((value) => {
+            let params = this.searchparams(value);
+            this.currentpage = 1;
+            return this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params).pipe(finalize(() => {
+                this.DrodownLoading = false;
+            }));
+        })).subscribe((results) => {
+            let datas = results["data"];
+            this.Dropdowndata = datas;
+        });
+    }
+    getdropdown(value) {
+        let params = this.searchparams(value);
+        this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
+            .subscribe((results) => {
+            let datas = results["data"];
+            let datapagination = results["pagination"];
+            this.Dropdowndata = datas;
+            if (this.Dropdowndata.length >= 0) {
+                this.has_next = datapagination.has_next;
+                this.has_previous = datapagination.has_previous;
+                this.currentpage = datapagination.index;
+            }
+        });
+    }
+    selected() {
+        var _a, _b;
+        // let data = this.DropdownForm.value.value
+        if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.wholedata) {
+            this.dataEvent.emit(this.chipSelectedObj);
+        }
+        else {
+            if ((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey) {
+                this.dataEvent.emit(this.chipSelectedId);
+            }
+            else {
+                this.dataEvent.emit(this.chipSelectedObj);
+            }
+        }
+    }
+    searchparams(value) {
+        let params = '';
+        if (this.InputFields.params) {
+            params = this.InputFields.params;
+        }
+        let inpValue = value;
+        inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : '';
+        return params;
+    }
+    removechip(obj) {
+        const index = this.chipSelectedObj.indexOf(obj);
+        if (index >= 0) {
+            this.chipSelectedObj.splice(index, 1);
+            console.log(this.chipSelectedObj);
+            this.chipSelectedId.splice(index, 1);
+            console.log(this.chipSelectedId);
+            this.DropInput.nativeElement.value = '';
+            this.selected();
+        }
+    }
+    venSelected(event) {
+        this.DropInput.nativeElement.value = '';
+        console.log('event.option.value', event.option.value);
+        this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);
+        console.log('chipSelectedvenid', this.chipSelectedObj);
+    }
+    selectvenByName(ven) {
+        var _a, _b;
+        let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);
+        if (foundemp1.length) {
+            return;
+        }
+        let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);
+        if (foundemp.length) {
+            this.chipSelectedObj.push(foundemp[0]);
+            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]);
+            }
+            else {
+                this.chipSelectedId.push(foundemp[0].id);
+            }
+        }
+    }
+    comparekey(e) {
+        var _a, _b;
+        if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.comparekey) {
+            return (_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.comparekey;
+        }
+        else {
+            if (e === null || e === void 0 ? void 0 : e.id) {
+                return "id";
+            }
+            else {
+                return this.InputFields.displaykey;
+            }
+        }
+    }
+};
+VsChipddCmpComponent.ctorParameters = () => [
+    { type: VsChipdropdownService },
+    { type: FormBuilder }
+];
+__decorate([
+    Input()
+], VsChipddCmpComponent.prototype, "InputFields", void 0);
+__decorate([
+    Input()
+], VsChipddCmpComponent.prototype, "ResetForm", void 0);
+__decorate([
+    ViewChild(MatAutocompleteTrigger)
+], VsChipddCmpComponent.prototype, "autocompleteTrigger", void 0);
+__decorate([
+    ViewChild('scrolll')
+], VsChipddCmpComponent.prototype, "matAutocompleteApp", void 0);
+__decorate([
+    Output()
+], VsChipddCmpComponent.prototype, "dataEvent", void 0);
+__decorate([
+    ViewChild('DropInput')
+], VsChipddCmpComponent.prototype, "DropInput", void 0);
+VsChipddCmpComponent = __decorate([
+    Component({
+        selector: 'lib-vs-chipdd-cmp',
+        template: "<div>\n    <form [formGroup]=\"DropdownForm\">\n        <mat-form-field appearance=\"outline\" class=\"mat-chipScroll\">\n            <mat-label>{{InputFields.label}}</mat-label>\n            <mat-chip-list multiple #chipListvendor class=\"chip-container\">\n                <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\n                    {{ obj[InputFields.displaykey] }}\n                    <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\n                    (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\n                              separatorsKeysCodes\n                            \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\n            </mat-chip-list>\n            <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\n                (opened)=\"autocompleteAppScroll()\">\n                <ng-container>\n                    <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\n                        {{dropvalues[InputFields.displaykey]}}\n                    </mat-option>\n                </ng-container>\n            </mat-autocomplete>\n        </mat-form-field>\n    </form>\n</div>",
+        styles: [""]
+    })
+], VsChipddCmpComponent);
+
+let VsChipdropdownModule = class VsChipdropdownModule {
+};
+VsChipdropdownModule = __decorate([
+    NgModule({
+        declarations: [VsChipdropdownComponent, VsChipddCmpComponent],
+        imports: [MatFormFieldModule, MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, CommonModule, MatGridListModule, MatChipsModule, MatIconModule],
+        exports: [VsChipddCmpComponent]
+    })
+], VsChipdropdownModule);
+
+/*
+ * Public API Surface of vs-chipdropdown
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VsChipddCmpComponent, VsChipdropdownComponent, VsChipdropdownModule, VsChipdropdownService };
+//# sourceMappingURL=unnilouis.org-vs-chipdropdown.js.map

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

@@ -0,0 +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';\nimport { Observable } from 'rxjs';\nimport { HttpClient } from '@angular/common/http';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class VsChipdropdownService {\n\n  constructor(private http: HttpClient) { }\n  postApi(Apiurl,json={},params): Observable<any> {\n    const getToken = localStorage.getItem(\"sessionData\");\n    let tokenValue = JSON.parse(getToken);\n    let token = tokenValue.token;\n    console.log(\"params\",params)\n    let paradata=''\n    if(params!==undefined && params!==null && params!==''){\n      paradata=params\n    }\n    const headers = { Authorization: \"Token \" + token };\n    return this.http.post<any>(Apiurl+paradata,json ,{\n      headers: headers,\n      \n    });\n  }\n  GetApi(Apiurl,params=''): Observable<any> {\n    const getToken = localStorage.getItem(\"sessionData\");\n    let tokenValue = JSON.parse(getToken);\n    let token = tokenValue.token;\n    console.log(\"params\",params)\n    let paradata=''\n    if(params!==undefined && params!==null && params!==''){\n      paradata=params\n    }\n    const headers = { Authorization: \"Token \" + token };\n    return this.http.get<any>(Apiurl+paradata,{\n      headers: headers,\n    });\n  }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-vs-chipdropdown',\n  template: `\n    <p>\n      vs-chipdropdown works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class VsChipdropdownComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","import { Component, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';\nimport {\n  debounceTime,\n  distinctUntilChanged,\n  tap,\n  filter,\n  switchMap,\n  finalize,\n  takeUntil,\n  map,\n} from \"rxjs/operators\";\nimport { from, Observable, fromEvent } from 'rxjs';\nimport { VsChipdropdownService } from '../vs-chipdropdown.service'\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\n@Component({\n  selector: 'lib-vs-chipdd-cmp',\n  templateUrl: './vs-chipdd-cmp.component.html',\n  styleUrls: ['./vs-chipdd-cmp.component.scss']\n})\nexport class VsChipddCmpComponent {\n  DrodownLoading: boolean;\n  constructor(private service: VsChipdropdownService, private fb: FormBuilder) { }\n  @Input() InputFields: any\n  @Input() ResetForm: any\n\n  @ViewChild(MatAutocompleteTrigger) autocompleteTrigger: MatAutocompleteTrigger;\n  @ViewChild('scrolll') matAutocompleteApp: MatAutocomplete;\n  @Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();\n  @ViewChild('DropInput') DropInput: any;\n  readonly separatorsKeysCodes: number[] = [ENTER, COMMA];\n\n  has_next: boolean = false;\n  currentpage: number = 1;\n  Dropdowndata: any = [];\n  has_previous: boolean = false;\n  DropdownForm: FormGroup\n  chipSelectedId: any = [];\n  chipSelectedObj: any = []\n\n  ngOnInit() {\n    this.DropdownForm = this.fb.group({\n      value: ''\n    })\n    if(this.InputFields?.defaultvalue){\n      this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\n      this.chipSelectedObj=this.InputFields?.defaultvalue\n      if(this.chipSelectedObj.length>0){\n        for (let foundemp of this.chipSelectedObj){\n          if (this.InputFields?.Outputkey) {\n            this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\n    \n          }\n          else {\n            this.chipSelectedId.push(foundemp.id)\n    \n          }\n        }\n        this.selected()\n      }\n      \n\n    }\n    this.getdropdown('')\n  }\n  ngOnChanges(changes: SimpleChanges): void {\n    console.log(\"changes.ResetForm\", changes.ResetForm, changes.ResetForm.currentValue, changes.ResetForm && changes.ResetForm.currentValue)\n    if (changes.InputFields && changes.InputFields.currentValue) {\n      console.log(\"Summary Log Changes\")\n      this.currentpage = 1\n      this.getdropdown('');\n    }\n    if (changes.ResetForm && changes.ResetForm.currentValue) {\n      console.log(\"hitted\")\n      this.DropdownForm.reset()\n      this.currentpage = 1\n      this.getdropdown('');\n      this.chipSelectedId = [];\n      this.chipSelectedObj = []\n      this.dataEvent.emit([]);\n\n\n    }\n  }\n  // public displaydevelopclient(clt: any, key: string) {\n  //   return key[clt];\n  // }\n  autocompleteAppScroll() {\n    setTimeout(() => {\n      if (\n        this.matAutocompleteApp &&\n        this.autocompleteTrigger &&\n        this.matAutocompleteApp.panel\n      ) {\n        fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')\n          .pipe(\n            map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop),\n            takeUntil(this.autocompleteTrigger.panelClosingActions as Observable<any>)\n          )\n          .subscribe(x => {\n            const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;\n            const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;\n            const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;\n            const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;\n            if (atBottom) {\n              if (this.has_next === true) {\n                let value = this.DropInput.nativeElement.value\n                let params = this.searchparams(value)\n                this.currentpage = this.currentpage + 1\n                if (this.currentpage > 1) {\n                  this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\n                    .subscribe((results: any[]) => {\n                      let datas = results[\"data\"];\n                      let datapagination = results[\"pagination\"];\n                      this.Dropdowndata = this.Dropdowndata.concat(datas);\n                      console.log(\"this.Dropdowndata\", this.Dropdowndata)\n                      if (this.Dropdowndata.length >= 0) {\n                        this.has_next = datapagination.has_next;\n                        this.has_previous = datapagination.has_previous;\n                        this.currentpage = datapagination.index;\n                      }\n                    })\n                }\n\n              }\n            }\n          });\n      }\n    });\n  }\n  dropdownsearch() {\n    this.DropdownForm.get(\"value\").valueChanges.pipe(\n      debounceTime(100),\n      distinctUntilChanged(),\n      tap(() => {\n        this.DrodownLoading = true;\n        console.log(\"inside tap\");\n      }),\n      switchMap((value) => {\n        let params = this.searchparams(value);\n        this.currentpage = 1\n        return this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params).pipe(\n          finalize(() => {\n            this.DrodownLoading = false;\n          })\n        );\n      })\n    ).subscribe((results: any[]) => {\n      let datas = results[\"data\"];\n      this.Dropdowndata = datas;\n    });\n  }\n  getdropdown(value) {\n    let params = this.searchparams(value)\n    this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\n      .subscribe((results: any[]) => {\n        let datas = results[\"data\"];\n        let datapagination = results[\"pagination\"];\n        this.Dropdowndata = datas\n        if (this.Dropdowndata.length >= 0) {\n          this.has_next = datapagination.has_next;\n          this.has_previous = datapagination.has_previous;\n          this.currentpage = datapagination.index;\n        }\n      })\n  }\n  selected() {\n    // let data = this.DropdownForm.value.value\n    if (this.InputFields?.wholedata) {\n      this.dataEvent.emit(this.chipSelectedObj);\n    }\n    else {\n      if (this.InputFields?.Outputkey) {\n        this.dataEvent.emit(this.chipSelectedId);\n      }\n      else {\n        this.dataEvent.emit(this.chipSelectedObj);\n      }\n\n    }\n\n  }\n  searchparams(value) {\n    let params = ''\n    if (this.InputFields.params) {\n      params = this.InputFields.params\n    }\n    let inpValue = value\n    inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : ''\n    return params\n  }\n  removechip(obj) {\n    const index = this.chipSelectedObj.indexOf(obj);\n\n    if (index >= 0) {\n\n      this.chipSelectedObj.splice(index, 1);\n      console.log(this.chipSelectedObj);\n      this.chipSelectedId.splice(index, 1);\n      console.log(this.chipSelectedId);\n      this.DropInput.nativeElement.value = '';\n      this.selected()\n    }\n\n  }\n  public venSelected(event: MatAutocompleteSelectedEvent): void {\n    this.DropInput.nativeElement.value = '';\n    console.log('event.option.value', event.option.value)\n    this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);\n    console.log('chipSelectedvenid', this.chipSelectedObj)\n  }\n  private selectvenByName(ven) {\n    let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);\n    if (foundemp1.length) {\n      return;\n    }\n    let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);\n    if (foundemp.length) {\n      this.chipSelectedObj.push(foundemp[0]);\n      if (this.InputFields?.Outputkey) {\n        this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey])\n\n      }\n      else {\n        this.chipSelectedId.push(foundemp[0].id)\n\n      }\n    }\n  }\n  comparekey(e) {\n    if (this.InputFields?.comparekey) {\n      return this.InputFields?.comparekey\n    }\n    else {\n      if (e?.id) {\n        return \"id\"\n      }\n      else {\n        return this.InputFields.displaykey\n      }\n    }\n  }\n}","import { NgModule } from '@angular/core';\nimport { VsChipdropdownComponent } from './vs-chipdropdown.component';\nimport { VsChipddCmpComponent } from './vs-chipdd-cmp/vs-chipdd-cmp.component';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n\n@NgModule({\n  declarations: [VsChipdropdownComponent, VsChipddCmpComponent],\n  imports: [MatFormFieldModule,MatInputModule,MatSelectModule,MatAutocompleteModule,FormsModule,ReactiveFormsModule,CommonModule,MatGridListModule,MatChipsModule,MatIconModule],\n  exports: [VsChipddCmpComponent]\n})\nexport class VsChipdropdownModule { }\n","/*\n * Public API Surface of vs-chipdropdown\n */\n\nexport * from './lib/vs-chipdropdown.service';\nexport * from './lib/vs-chipdropdown.component';\nexport * from './lib/vs-chipdropdown.module';\nexport * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}