@unnilouis.org/vs-chipdropdown 0.0.15 → 0.0.16-beta-2

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

@@ -0,0 +1,356 @@
+import { __decorate, __values } 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';
+
+var VsChipdropdownService = /** @class */ (function () {
+    function VsChipdropdownService(http) {
+        this.http = http;
+    }
+    VsChipdropdownService.prototype.postApi = function (Apiurl, json, params) {
+        if (json === void 0) { json = {}; }
+        var getToken = localStorage.getItem("sessionData");
+        var tokenValue = JSON.parse(getToken);
+        var token = tokenValue.token;
+        console.log("params", params);
+        var paradata = '';
+        if (params !== undefined && params !== null && params !== '') {
+            paradata = params;
+        }
+        var headers = { Authorization: "Token " + token };
+        return this.http.post(Apiurl + paradata, json, {
+            headers: headers,
+        });
+    };
+    VsChipdropdownService.prototype.GetApi = function (Apiurl, params) {
+        if (params === void 0) { params = ''; }
+        var getToken = localStorage.getItem("sessionData");
+        var tokenValue = JSON.parse(getToken);
+        var token = tokenValue.token;
+        console.log("params", params);
+        var paradata = '';
+        if (params !== undefined && params !== null && params !== '') {
+            paradata = params;
+        }
+        var headers = { Authorization: "Token " + token };
+        return this.http.get(Apiurl + paradata, {
+            headers: headers,
+        });
+    };
+    VsChipdropdownService.ctorParameters = function () { return [
+        { type: HttpClient }
+    ]; };
+    VsChipdropdownService.ɵprov = ɵɵdefineInjectable({ factory: function VsChipdropdownService_Factory() { return new VsChipdropdownService(ɵɵinject(HttpClient)); }, token: VsChipdropdownService, providedIn: "root" });
+    VsChipdropdownService = __decorate([
+        Injectable({
+            providedIn: 'root'
+        })
+    ], VsChipdropdownService);
+    return VsChipdropdownService;
+}());
+
+var VsChipdropdownComponent = /** @class */ (function () {
+    function VsChipdropdownComponent() {
+    }
+    VsChipdropdownComponent.prototype.ngOnInit = function () {
+    };
+    VsChipdropdownComponent = __decorate([
+        Component({
+            selector: 'lib-vs-chipdropdown',
+            template: "\n    <p>\n      vs-chipdropdown works!\n    </p>\n  "
+        })
+    ], VsChipdropdownComponent);
+    return VsChipdropdownComponent;
+}());
+
+var VsChipddCmpComponent = /** @class */ (function () {
+    function VsChipddCmpComponent(service, fb) {
+        this.service = service;
+        this.fb = fb;
+        this.Backendapi = true;
+        this.FeDrodown = [];
+        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 = [];
+    }
+    VsChipddCmpComponent.prototype.ngOnInit = function () {
+        var e_1, _a;
+        var _b, _c, _d, _e, _f;
+        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 _g = __values(this.chipSelectedObj), _h = _g.next(); !_h.done; _h = _g.next()) {
+                        var foundemp = _h.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);
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_h && !_h.done && (_a = _g.return)) _a.call(_g);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                this.selected();
+            }
+        }
+        if (this.Backendapi) {
+            this.getdropdown('');
+        }
+        else {
+            this.Dropdowndata = this.FeDrodown;
+        }
+    };
+    VsChipddCmpComponent.prototype.ngOnChanges = function (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];
+    // }
+    VsChipddCmpComponent.prototype.autocompleteAppScroll = function () {
+        var _this = this;
+        if (this.Backendapi) {
+            setTimeout(function () {
+                if (_this.matAutocompleteApp &&
+                    _this.autocompleteTrigger &&
+                    _this.matAutocompleteApp.panel) {
+                    fromEvent(_this.matAutocompleteApp.panel.nativeElement, 'scroll')
+                        .pipe(map(function (x) { return _this.matAutocompleteApp.panel.nativeElement.scrollTop; }), takeUntil(_this.autocompleteTrigger.panelClosingActions))
+                        .subscribe(function (x) {
+                        var scrollTop = _this.matAutocompleteApp.panel.nativeElement.scrollTop;
+                        var scrollHeight = _this.matAutocompleteApp.panel.nativeElement.scrollHeight;
+                        var elementHeight = _this.matAutocompleteApp.panel.nativeElement.clientHeight;
+                        var atBottom = scrollHeight - 1 <= scrollTop + elementHeight;
+                        if (atBottom) {
+                            if (_this.has_next === true) {
+                                var value = _this.DropInput.nativeElement.value;
+                                var params = _this.searchparams(value);
+                                _this.currentpage = _this.currentpage + 1;
+                                if (_this.currentpage > 1) {
+                                    _this.service.GetApi(_this.InputFields.url + "?page=" + _this.currentpage, params)
+                                        .subscribe(function (results) {
+                                        var datas = results["data"];
+                                        var 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;
+                                        }
+                                    });
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        }
+    };
+    VsChipddCmpComponent.prototype.dropdownsearch = function () {
+        var _this = this;
+        if (this.Backendapi) {
+            this.DropdownForm.get("value").valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(function () {
+                _this.DrodownLoading = true;
+                console.log("inside tap");
+            }), switchMap(function (value) {
+                var params = _this.searchparams(value);
+                _this.currentpage = 1;
+                return _this.service.GetApi(_this.InputFields.url + "?page=" + _this.currentpage, params).pipe(finalize(function () {
+                    _this.DrodownLoading = false;
+                }));
+            })).subscribe(function (results) {
+                var datas = results["data"];
+                _this.Dropdowndata = datas;
+            });
+        }
+    };
+    VsChipddCmpComponent.prototype.getdropdown = function (value) {
+        var _this = this;
+        var params = this.searchparams(value);
+        this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
+            .subscribe(function (results) {
+            var datas = results["data"];
+            var 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;
+            }
+        });
+    };
+    VsChipddCmpComponent.prototype.selected = function () {
+        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);
+            }
+        }
+    };
+    VsChipddCmpComponent.prototype.searchparams = function (value) {
+        var params = '';
+        if (this.InputFields.params) {
+            params = this.InputFields.params;
+        }
+        var inpValue = value;
+        inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : '';
+        return params;
+    };
+    VsChipddCmpComponent.prototype.removechip = function (obj) {
+        var 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();
+        }
+    };
+    VsChipddCmpComponent.prototype.venSelected = function (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);
+    };
+    VsChipddCmpComponent.prototype.selectvenByName = function (ven) {
+        var _this = this;
+        var _a, _b;
+        var foundemp1 = this.chipSelectedObj.filter(function (e) { return e[_this.comparekey(e)] == ven; });
+        if (foundemp1.length) {
+            return;
+        }
+        var foundemp = this.Dropdowndata.filter(function (e) { return 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);
+            }
+        }
+    };
+    VsChipddCmpComponent.prototype.comparekey = function (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 = function () { return [
+        { type: VsChipdropdownService },
+        { type: FormBuilder }
+    ]; };
+    __decorate([
+        Input()
+    ], VsChipddCmpComponent.prototype, "InputFields", void 0);
+    __decorate([
+        Input()
+    ], VsChipddCmpComponent.prototype, "ResetForm", void 0);
+    __decorate([
+        Input()
+    ], VsChipddCmpComponent.prototype, "Backendapi", void 0);
+    __decorate([
+        Input()
+    ], VsChipddCmpComponent.prototype, "FeDrodown", 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>\r\n    <form [formGroup]=\"DropdownForm\">\r\n        <mat-form-field class=\"mat-chipScroll\"\r\n        appearance=\"outline\">\r\n            <mat-label>{{InputFields.label}}</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>",
+            styles: [".mat-chipScroll{max-width:420px;width:100%}.mat-chipEx{text-align:left}.chip-container{overflow-y:scroll;max-height:80px}.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}"]
+        })
+    ], VsChipddCmpComponent);
+    return VsChipddCmpComponent;
+}());
+
+var VsChipdropdownModule = /** @class */ (function () {
+    function VsChipdropdownModule() {
+    }
+    VsChipdropdownModule = __decorate([
+        NgModule({
+            declarations: [VsChipdropdownComponent, VsChipddCmpComponent],
+            imports: [MatFormFieldModule, MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, CommonModule, MatGridListModule, MatChipsModule, MatIconModule],
+            exports: [VsChipddCmpComponent]
+        })
+    ], VsChipdropdownModule);
+    return 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/fesm5/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';\r\nimport { Observable } from 'rxjs';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class VsChipdropdownService {\r\n\r\n  constructor(private http: HttpClient) { }\r\n  postApi(Apiurl,json={},params): Observable<any> {\r\n    const getToken = localStorage.getItem(\"sessionData\");\r\n    let tokenValue = JSON.parse(getToken);\r\n    let token = tokenValue.token;\r\n    console.log(\"params\",params)\r\n    let paradata=''\r\n    if(params!==undefined && params!==null && params!==''){\r\n      paradata=params\r\n    }\r\n    const headers = { Authorization: \"Token \" + token };\r\n    return this.http.post<any>(Apiurl+paradata,json ,{\r\n      headers: headers,\r\n      \r\n    });\r\n  }\r\n  GetApi(Apiurl,params=''): Observable<any> {\r\n    const getToken = localStorage.getItem(\"sessionData\");\r\n    let tokenValue = JSON.parse(getToken);\r\n    let token = tokenValue.token;\r\n    console.log(\"params\",params)\r\n    let paradata=''\r\n    if(params!==undefined && params!==null && params!==''){\r\n      paradata=params\r\n    }\r\n    const headers = { Authorization: \"Token \" + token };\r\n    return this.http.get<any>(Apiurl+paradata,{\r\n      headers: headers,\r\n    });\r\n  }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-vs-chipdropdown',\r\n  template: `\r\n    <p>\r\n      vs-chipdropdown works!\r\n    </p>\r\n  `,\r\n  styles: [\r\n  ]\r\n})\r\nexport class VsChipdropdownComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","import { Component, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport {\r\n  debounceTime,\r\n  distinctUntilChanged,\r\n  tap,\r\n  filter,\r\n  switchMap,\r\n  finalize,\r\n  takeUntil,\r\n  map,\r\n} from \"rxjs/operators\";\r\nimport { from, Observable, fromEvent } from 'rxjs';\r\nimport { VsChipdropdownService } from '../vs-chipdropdown.service'\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\n@Component({\r\n  selector: 'lib-vs-chipdd-cmp',\r\n  templateUrl: './vs-chipdd-cmp.component.html',\r\n  styleUrls: ['./vs-chipdd-cmp.component.scss']\r\n})\r\nexport class VsChipddCmpComponent {\r\n  DrodownLoading: boolean;\r\n  constructor(private service: VsChipdropdownService, private fb: FormBuilder) { }\r\n  @Input() InputFields: any\r\n  @Input() ResetForm: any\r\n  @Input() Backendapi: boolean=true\r\n  @Input() FeDrodown: any=[]\r\n\r\n  @ViewChild(MatAutocompleteTrigger) autocompleteTrigger: MatAutocompleteTrigger;\r\n  @ViewChild('scrolll') matAutocompleteApp: MatAutocomplete;\r\n  @Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();\r\n  @ViewChild('DropInput') DropInput: any;\r\n  readonly separatorsKeysCodes: number[] = [ENTER, COMMA];\r\n\r\n  has_next: boolean = false;\r\n  currentpage: number = 1;\r\n  Dropdowndata: any = [];\r\n  has_previous: boolean = false;\r\n  DropdownForm: FormGroup\r\n  chipSelectedId: any = [];\r\n  chipSelectedObj: any = []\r\n\r\n  ngOnInit() {\r\n    this.DropdownForm = this.fb.group({\r\n      value: ''\r\n    })\r\n    if(this.InputFields?.defaultvalue){\r\n      this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n      this.chipSelectedObj=this.InputFields?.defaultvalue\r\n      if(this.chipSelectedObj.length>0){\r\n        for (let foundemp of this.chipSelectedObj){\r\n          if (this.InputFields?.Outputkey) {\r\n            this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n    \r\n          }\r\n          else {\r\n            this.chipSelectedId.push(foundemp.id)\r\n    \r\n          }\r\n        }\r\n        this.selected()\r\n      }\r\n      \r\n\r\n    }\r\n    if(this.Backendapi){\r\n      this.getdropdown('')\r\n\r\n    }\r\n    else{\r\n      this.Dropdowndata=this.FeDrodown\r\n    }\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    console.log(\"changes.ResetForm\", changes.ResetForm, changes.ResetForm.currentValue, changes.ResetForm && changes.ResetForm.currentValue)\r\n    if (changes.InputFields && changes.InputFields.currentValue) {\r\n      console.log(\"Summary Log Changes\")\r\n      this.currentpage = 1\r\n      this.getdropdown('');\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.getdropdown('');\r\n      this.chipSelectedId = [];\r\n      this.chipSelectedObj = []\r\n      this.dataEvent.emit([]);\r\n\r\n\r\n    }\r\n  }\r\n  // public displaydevelopclient(clt: any, key: string) {\r\n  //   return key[clt];\r\n  // }\r\n  autocompleteAppScroll() {\r\n    if(this.Backendapi){\r\n      setTimeout(() => {\r\n        if (\r\n          this.matAutocompleteApp &&\r\n          this.autocompleteTrigger &&\r\n          this.matAutocompleteApp.panel\r\n        ) {\r\n          fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')\r\n            .pipe(\r\n              map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop),\r\n              takeUntil(this.autocompleteTrigger.panelClosingActions as Observable<any>)\r\n            )\r\n            .subscribe(x => {\r\n              const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;\r\n              const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;\r\n              const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;\r\n              const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;\r\n              if (atBottom) {\r\n                if (this.has_next === true) {\r\n                  let value = this.DropInput.nativeElement.value\r\n                  let params = this.searchparams(value)\r\n                  this.currentpage = this.currentpage + 1\r\n                  if (this.currentpage > 1) {\r\n                    this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n                      .subscribe((results: any[]) => {\r\n                        let datas = results[\"data\"];\r\n                        let datapagination = results[\"pagination\"];\r\n                        this.Dropdowndata = this.Dropdowndata.concat(datas);\r\n                        console.log(\"this.Dropdowndata\", this.Dropdowndata)\r\n                        if (this.Dropdowndata.length >= 0) {\r\n                          this.has_next = datapagination.has_next;\r\n                          this.has_previous = datapagination.has_previous;\r\n                          this.currentpage = datapagination.index;\r\n                        }\r\n                      })\r\n                  }\r\n  \r\n                }\r\n              }\r\n            });\r\n        }\r\n      });\r\n    }\r\n    \r\n  }\r\n  dropdownsearch() {\r\n    if(this.Backendapi){this.DropdownForm.get(\"value\").valueChanges.pipe(\r\n      debounceTime(100),\r\n      distinctUntilChanged(),\r\n      tap(() => {\r\n        this.DrodownLoading = true;\r\n        console.log(\"inside tap\");\r\n      }),\r\n      switchMap((value) => {\r\n        let params = this.searchparams(value);\r\n        this.currentpage = 1\r\n        return this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params).pipe(\r\n          finalize(() => {\r\n            this.DrodownLoading = false;\r\n          })\r\n        );\r\n      })\r\n    ).subscribe((results: any[]) => {\r\n      let datas = results[\"data\"];\r\n      this.Dropdowndata = datas;\r\n    });}\r\n    \r\n  }\r\n  getdropdown(value) {\r\n    let params = this.searchparams(value)\r\n    this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n      .subscribe((results: any[]) => {\r\n        let datas = results[\"data\"];\r\n        let datapagination = results[\"pagination\"];\r\n        this.Dropdowndata = datas\r\n        if (this.Dropdowndata.length >= 0) {\r\n          this.has_next = datapagination.has_next;\r\n          this.has_previous = datapagination.has_previous;\r\n          this.currentpage = datapagination.index;\r\n        }\r\n      })\r\n  }\r\n  selected() {\r\n    // let data = this.DropdownForm.value.value\r\n    if (this.InputFields?.wholedata) {\r\n      this.dataEvent.emit(this.chipSelectedObj);\r\n    }\r\n    else {\r\n      if (this.InputFields?.Outputkey) {\r\n        this.dataEvent.emit(this.chipSelectedId);\r\n      }\r\n      else {\r\n        this.dataEvent.emit(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 ? params += '&' + this.InputFields.searchkey + '=' + inpValue : ''\r\n    return params\r\n  }\r\n  removechip(obj) {\r\n    const index = this.chipSelectedObj.indexOf(obj);\r\n\r\n    if (index >= 0) {\r\n\r\n      this.chipSelectedObj.splice(index, 1);\r\n      console.log(this.chipSelectedObj);\r\n      this.chipSelectedId.splice(index, 1);\r\n      console.log(this.chipSelectedId);\r\n      this.DropInput.nativeElement.value = '';\r\n      this.selected()\r\n    }\r\n\r\n  }\r\n  public venSelected(event: MatAutocompleteSelectedEvent): void {\r\n    this.DropInput.nativeElement.value = '';\r\n    console.log('event.option.value', event.option.value)\r\n    this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);\r\n    console.log('chipSelectedvenid', this.chipSelectedObj)\r\n  }\r\n  private selectvenByName(ven) {\r\n    let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);\r\n    if (foundemp1.length) {\r\n      return;\r\n    }\r\n    let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);\r\n    if (foundemp.length) {\r\n      this.chipSelectedObj.push(foundemp[0]);\r\n      if (this.InputFields?.Outputkey) {\r\n        this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey])\r\n\r\n      }\r\n      else {\r\n        this.chipSelectedId.push(foundemp[0].id)\r\n\r\n      }\r\n    }\r\n  }\r\n  comparekey(e) {\r\n    if (this.InputFields?.comparekey) {\r\n      return this.InputFields?.comparekey\r\n    }\r\n    else {\r\n      if (e?.id) {\r\n        return \"id\"\r\n      }\r\n      else {\r\n        return this.InputFields.displaykey\r\n      }\r\n    }\r\n  }\r\n}","import { NgModule } from '@angular/core';\r\nimport { VsChipdropdownComponent } from './vs-chipdropdown.component';\r\nimport { VsChipddCmpComponent } from './vs-chipdd-cmp/vs-chipdd-cmp.component';\r\nimport { 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\n\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  exports: [VsChipddCmpComponent]\r\n})\r\nexport class VsChipdropdownModule { }\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

@@ -2,7 +2,6 @@ import { EventEmitter, SimpleChanges } from '@angular/core';
 import { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { VsChipdropdownService } from '../vs-chipdropdown.service';
 import { FormBuilder, FormGroup } from '@angular/forms';
-import * as i0 from "@angular/core";
 export declare class VsChipddCmpComponent {
     private service;
     private fb;
@@ -10,6 +9,8 @@ export declare class VsChipddCmpComponent {
     constructor(service: VsChipdropdownService, fb: FormBuilder);
     InputFields: any;
     ResetForm: any;
+    Backendapi: boolean;
+    FeDrodown: any;
     autocompleteTrigger: MatAutocompleteTrigger;
     matAutocompleteApp: MatAutocomplete;
     dataEvent: EventEmitter<any>;
@@ -33,6 +34,4 @@ export declare class VsChipddCmpComponent {
     venSelected(event: MatAutocompleteSelectedEvent): void;
     private selectvenByName;
     comparekey(e: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VsChipddCmpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VsChipddCmpComponent, "lib-vs-chipdd-cmp", never, { "InputFields": { "alias": "InputFields"; "required": false; }; "ResetForm": { "alias": "ResetForm"; "required": false; }; }, { "dataEvent": "dataEvent"; }, never, never, false, never>;
 }

package/lib/vs-chipdropdown.component.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from "@angular/core";
-export declare class VsChipdropdownComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VsChipdropdownComponent, "lib-vs-chipdropdown", never, {}, {}, never, never, false, never>;
+import { OnInit } from '@angular/core';
+export declare class VsChipdropdownComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
 }

package/lib/vs-chipdropdown.module.d.ts

@@ -1,17 +1,2 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./vs-chipdropdown.component";
-import * as i2 from "./vs-chipdd-cmp/vs-chipdd-cmp.component";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/material/select";
-import * as i7 from "@angular/material/autocomplete";
-import * as i8 from "@angular/forms";
-import * as i9 from "@angular/material/grid-list";
-import * as i10 from "@angular/material/chips";
-import * as i11 from "@angular/material/icon";
 export declare class VsChipdropdownModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VsChipdropdownModule, [typeof i1.VsChipdropdownComponent, typeof i2.VsChipddCmpComponent], [typeof i3.MatFormFieldModule, typeof i4.CommonModule, typeof i5.MatInputModule, typeof i6.MatSelectModule, typeof i7.MatAutocompleteModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.MatGridListModule, typeof i10.MatChipsModule, typeof i11.MatIconModule], [typeof i2.VsChipddCmpComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<VsChipdropdownModule>;
 }

package/lib/vs-chipdropdown.service.d.ts

@@ -1,11 +1,8 @@
 import { Observable } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
-import * as i0 from "@angular/core";
 export declare class VsChipdropdownService {
     private http;
     constructor(http: HttpClient);
     postApi(Apiurl: any, json: {}, params: any): Observable<any>;
     GetApi(Apiurl: any, params?: string): Observable<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<VsChipdropdownService>;
 }

package/package.json

@@ -1,25 +1,21 @@
 {
   "name": "@unnilouis.org/vs-chipdropdown",
-  "version": "0.0.15",
+  "version": "0.0.16-beta-2",
   "peerDependencies": {
-    "@angular/common": "^16.2.0",
-    "@angular/core": "^16.2.0"
+    "@angular/common": "^9.1.13",
+    "@angular/core": "^9.1.13"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^1.10.0"
   },
-  "sideEffects": false,
-  "module": "fesm2022/unnilouis.org-vs-chipdropdown.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/unnilouis.org-vs-chipdropdown.mjs",
-      "esm": "./esm2022/unnilouis.org-vs-chipdropdown.mjs",
-      "default": "./fesm2022/unnilouis.org-vs-chipdropdown.mjs"
-    }
-  }
-}
+  "main": "bundles/unnilouis.org-vs-chipdropdown.umd.js",
+  "module": "fesm5/unnilouis.org-vs-chipdropdown.js",
+  "es2015": "fesm2015/unnilouis.org-vs-chipdropdown.js",
+  "esm5": "esm5/unnilouis.org-vs-chipdropdown.js",
+  "esm2015": "esm2015/unnilouis.org-vs-chipdropdown.js",
+  "fesm5": "fesm5/unnilouis.org-vs-chipdropdown.js",
+  "fesm2015": "fesm2015/unnilouis.org-vs-chipdropdown.js",
+  "typings": "unnilouis.org-vs-chipdropdown.d.ts",
+  "metadata": "unnilouis.org-vs-chipdropdown.metadata.json",
+  "sideEffects": false
+}

package/{index.d.ts → unnilouis.org-vs-chipdropdown.d.ts}

@@ -1,5 +1,4 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@unnilouis.org/vs-chipdropdown" />
 export * from './public-api';

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

@@ -0,0 +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":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VsChipdropdownComponent"},{"__symbolic":"reference","name":"VsChipddCmpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":17,"character":31},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":17,"character":46},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":17,"character":62},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":84},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":96},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":116},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":17,"character":129},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":17,"character":147},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":162}],"exports":[{"__symbolic":"reference","name":"VsChipddCmpComponent"}]}]}],"members":{}},"VsChipddCmpComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-vs-chipdd-cmp","template":"<div>\r\n    <form [formGroup]=\"DropdownForm\">\r\n        <mat-form-field class=\"mat-chipScroll\"\r\n        appearance=\"outline\">\r\n            <mat-label>{{InputFields.label}}</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>","styles":[".mat-chipScroll{max-width:420px;width:100%}.mat-chipEx{text-align:left}.chip-container{overflow-y:scroll;max-height:80px}.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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VsChipdropdownService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":23,"character":66}]}],"InputFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"ResetForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"Backendapi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"FeDrodown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":29,"character":13}]}]}],"matAutocompleteApp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["scrolll"]}]}],"dataEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"DropInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["DropInput"]}]}],"ngOnInit":[{"__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","VsChipddCmpComponent":"./lib/vs-chipdd-cmp/vs-chipdd-cmp.component"},"importAs":"@unnilouis.org/vs-chipdropdown"}