@unnilouis.org/vs-chipdropdown 9.0.9 → 16.2.0

package/esm5/lib/vs-chipdropdown.service.js

@@ -1,52 +0,0 @@
-import { __decorate } from "tslib";
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http";
-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 = i0.ɵɵdefineInjectable({ factory: function VsChipdropdownService_Factory() { return new VsChipdropdownService(i0.ɵɵinject(i1.HttpClient)); }, token: VsChipdropdownService, providedIn: "root" });
-    VsChipdropdownService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], VsChipdropdownService);
-    return VsChipdropdownService;
-}());
-export { VsChipdropdownService };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidnMtY2hpcGRyb3Bkb3duLnNlcnZpY2UuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdW5uaWxvdWlzLm9yZy92cy1jaGlwZHJvcGRvd24vIiwic291cmNlcyI6WyJsaWIvdnMtY2hpcGRyb3Bkb3duLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUFLbEQ7SUFFRSwrQkFBb0IsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtJQUFJLENBQUM7SUFDekMsdUNBQU8sR0FBUCxVQUFRLE1BQU0sRUFBQyxJQUFPLEVBQUMsTUFBTTtRQUFkLHFCQUFBLEVBQUEsU0FBTztRQUNwQixJQUFNLFFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3JELElBQUksVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsSUFBSSxLQUFLLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQztRQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBQyxNQUFNLENBQUMsQ0FBQTtRQUM1QixJQUFJLFFBQVEsR0FBQyxFQUFFLENBQUE7UUFDZixJQUFHLE1BQU0sS0FBRyxTQUFTLElBQUksTUFBTSxLQUFHLElBQUksSUFBSSxNQUFNLEtBQUcsRUFBRSxFQUFDO1lBQ3BELFFBQVEsR0FBQyxNQUFNLENBQUE7U0FDaEI7UUFDRCxJQUFNLE9BQU8sR0FBRyxFQUFFLGFBQWEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLENBQUM7UUFDcEQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBTSxNQUFNLEdBQUMsUUFBUSxFQUFDLElBQUksRUFBRTtZQUMvQyxPQUFPLEVBQUUsT0FBTztTQUVqQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0Qsc0NBQU0sR0FBTixVQUFPLE1BQU0sRUFBQyxNQUFTO1FBQVQsdUJBQUEsRUFBQSxXQUFTO1FBQ3JCLElBQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDckQsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QyxJQUFJLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDO1FBQzdCLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQzVCLElBQUksUUFBUSxHQUFDLEVBQUUsQ0FBQTtRQUNmLElBQUcsTUFBTSxLQUFHLFNBQVMsSUFBSSxNQUFNLEtBQUcsSUFBSSxJQUFJLE1BQU0sS0FBRyxFQUFFLEVBQUM7WUFDcEQsUUFBUSxHQUFDLE1BQU0sQ0FBQTtTQUNoQjtRQUNELElBQU0sT0FBTyxHQUFHLEVBQUUsYUFBYSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFNLE1BQU0sR0FBQyxRQUFRLEVBQUM7WUFDeEMsT0FBTyxFQUFFLE9BQU87U0FDakIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0JBN0J5QixVQUFVOzs7SUFGekIscUJBQXFCO1FBSGpDLFVBQVUsQ0FBQztZQUNWLFVBQVUsRUFBRSxNQUFNO1NBQ25CLENBQUM7T0FDVyxxQkFBcUIsQ0FnQ2pDO2dDQXZDRDtDQXVDQyxBQWhDRCxJQWdDQztTQWhDWSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFZzQ2hpcGRyb3Bkb3duU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkgeyB9XHJcbiAgcG9zdEFwaShBcGl1cmwsanNvbj17fSxwYXJhbXMpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgY29uc3QgZ2V0VG9rZW4gPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInNlc3Npb25EYXRhXCIpO1xyXG4gICAgbGV0IHRva2VuVmFsdWUgPSBKU09OLnBhcnNlKGdldFRva2VuKTtcclxuICAgIGxldCB0b2tlbiA9IHRva2VuVmFsdWUudG9rZW47XHJcbiAgICBjb25zb2xlLmxvZyhcInBhcmFtc1wiLHBhcmFtcylcclxuICAgIGxldCBwYXJhZGF0YT0nJ1xyXG4gICAgaWYocGFyYW1zIT09dW5kZWZpbmVkICYmIHBhcmFtcyE9PW51bGwgJiYgcGFyYW1zIT09Jycpe1xyXG4gICAgICBwYXJhZGF0YT1wYXJhbXNcclxuICAgIH1cclxuICAgIGNvbnN0IGhlYWRlcnMgPSB7IEF1dGhvcml6YXRpb246IFwiVG9rZW4gXCIgKyB0b2tlbiB9O1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0PGFueT4oQXBpdXJsK3BhcmFkYXRhLGpzb24gLHtcclxuICAgICAgaGVhZGVyczogaGVhZGVycyxcclxuICAgICAgXHJcbiAgICB9KTtcclxuICB9XHJcbiAgR2V0QXBpKEFwaXVybCxwYXJhbXM9JycpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgY29uc3QgZ2V0VG9rZW4gPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInNlc3Npb25EYXRhXCIpO1xyXG4gICAgbGV0IHRva2VuVmFsdWUgPSBKU09OLnBhcnNlKGdldFRva2VuKTtcclxuICAgIGxldCB0b2tlbiA9IHRva2VuVmFsdWUudG9rZW47XHJcbiAgICBjb25zb2xlLmxvZyhcInBhcmFtc1wiLHBhcmFtcylcclxuICAgIGxldCBwYXJhZGF0YT0nJ1xyXG4gICAgaWYocGFyYW1zIT09dW5kZWZpbmVkICYmIHBhcmFtcyE9PW51bGwgJiYgcGFyYW1zIT09Jycpe1xyXG4gICAgICBwYXJhZGF0YT1wYXJhbXNcclxuICAgIH1cclxuICAgIGNvbnN0IGhlYWRlcnMgPSB7IEF1dGhvcml6YXRpb246IFwiVG9rZW4gXCIgKyB0b2tlbiB9O1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQ8YW55PihBcGl1cmwrcGFyYWRhdGEse1xyXG4gICAgICBoZWFkZXJzOiBoZWFkZXJzLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm5/public-api.js

@@ -1,8 +0,0 @@
-/*
- * Public API Surface of vs-chipdropdown
- */
-export * from './lib/vs-chipdropdown.service';
-export * from './lib/vs-chipdropdown.component';
-export * from './lib/vs-chipdropdown.module';
-export * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B1bm5pbG91aXMub3JnL3ZzLWNoaXBkcm9wZG93bi8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDZDQUE2QyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHZzLWNoaXBkcm9wZG93blxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZzLWNoaXBkcm9wZG93bi5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdnMtY2hpcGRyb3Bkb3duLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZzLWNoaXBkcm9wZG93bi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi92cy1jaGlwZGQtY21wL3ZzLWNoaXBkZC1jbXAuY29tcG9uZW50J1xyXG4iXX0=

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

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5uaWxvdWlzLm9yZy12cy1jaGlwZHJvcGRvd24uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdW5uaWxvdWlzLm9yZy92cy1jaGlwZHJvcGRvd24vIiwic291cmNlcyI6WyJ1bm5pbG91aXMub3JnLXZzLWNoaXBkcm9wZG93bi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

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

@@ -1,540 +0,0 @@
-import { __decorate } from 'tslib';
-import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, EventEmitter, Input, ViewChild, Output, NgModule } from '@angular/core';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
-import { map, takeUntil, debounceTime, distinctUntilChanged, switchMap, finalize } from 'rxjs/operators';
-import { fromEvent } from 'rxjs';
-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';
-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';
-import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-
-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.Backendapi = true;
-        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 = [];
-        this.isOptionSelected = false;
-        this.Outputdata = [];
-        this.formkeyarr = [];
-    }
-    ngOnInit() {
-        // 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
-        //   if (this.chipSelectedObj.length > 0) {
-        //     for (let foundemp of this.chipSelectedObj) {
-        //       if (this.InputFields?.Outputkey) {
-        //         this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])
-        //       }
-        //       else {
-        //         this.chipSelectedId.push(foundemp.id)
-        //       }
-        //     }
-        //     this.selected()
-        //   }
-        // }
-        // if (this.InputFields?.fronentdata) {
-        //   this.Dropdowndata = this.InputFields?.data
-        // }
-        // else {
-        //   this.getdropdown('')
-        // }
-    }
-    looop() {
-        var _a, _b, _c, _d;
-        for (let foundemp of this.chipSelectedObj) {
-            if (!(foundemp instanceof Number)) {
-                if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
-                    this.chipSelectedId.push(foundemp[(_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.Outputkey]);
-                }
-                else {
-                    this.chipSelectedId.push(foundemp.id);
-                }
-                if ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.formkey) {
-                    this.formkeyarr.push(foundemp[(_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.formkey]);
-                }
-            }
-        }
-    }
-    dupngonit() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        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 {
-                ((_c = this.InputFields) === null || _c === void 0 ? void 0 : _c.disabled) ? this.DropdownForm.get('chipvalue').disable() : '';
-            }
-        }
-        else {
-            this.DropdownForm = this.fb.group({
-                chipvalue: [], disabled: (_d = this.InputFields) === null || _d === void 0 ? void 0 : _d.disabled
-            });
-        }
-        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 ((_e = this.InputFields) === null || _e === void 0 ? void 0 : _e.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 = (_f = this.InputFields) === null || _f === void 0 ? void 0 : _f.defaultvalue;
-            this.chipSelectedId = [];
-            this.formkeyarr = [];
-            if (this.chipSelectedObj.length > 0) {
-                this.looop();
-                this.selected();
-            }
-        }
-        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 ((_g = this.InputFields) === null || _g === void 0 ? void 0 : _g.fronentdata) {
-            this.Dropdowndata = (_h = this.InputFields) === null || _h === void 0 ? void 0 : _h.data;
-        }
-        this.dropdownsearch();
-        // else {
-        //   this.getdropdown('')
-        // }
-    }
-    ngOnChanges(changes) {
-        if (changes.InputFields && changes.InputFields.currentValue) {
-            console.log('Summary Log Changes');
-            this.currentpage = 1;
-            this.dupngonit();
-        }
-        if (changes.ResetForm && changes.ResetForm.currentValue) {
-            console.log('hitted');
-            // this.DropdownForm.reset();
-            this.currentpage = 1;
-            this.dupngonit();
-            this.chipSelectedId = [];
-            this.formkeyarr = [];
-            this.chipSelectedObj = [];
-            this.dataEvent.emit([]);
-        }
-    }
-    // public displaydevelopclient(clt: any, key: string) {
-    //   return key[clt];
-    // }
-    autocompleteAppScroll() {
-        var _a;
-        if (!((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.fronentdata)) {
-            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() {
-        var _a, _b;
-        const controlName = this.dynamciformcontrolparent();
-        const control = this.DropdownForm.get(controlName);
-        if (control) {
-            if (!((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.fronentdata)) {
-                if (!((_b = this.InputFields) === null || _b === void 0 ? void 0 : _b.url)) {
-                    return false;
-                }
-                this.DropdownForm.get(this.dynamciformcontrolparent())
-                    .valueChanges.pipe(debounceTime(300), distinctUntilChanged(), 
-                // tap(() => {
-                //   this.DrodownLoading = true;
-                //   console.log('inside tap');
-                // }),
-                switchMap((value) => {
-                    if (this.isOptionSelected) {
-                        this.isOptionSelected = false;
-                        return [];
-                    }
-                    let params = this.searchparams(value);
-                    this.currentpage = 1;
-                    console.log("hiteeeedddddddddddddd>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
-                    return this.service
-                        .GetApi(this.InputFields.url + '?page=' + this.currentpage, params)
-                        .pipe(finalize(() => {
-                        this.DrodownLoading = false;
-                    }));
-                }))
-                    .subscribe((results) => {
-                    this.dataEvent.emit('');
-                    let datas = results['data'];
-                    this.Dropdowndata = datas;
-                });
-            }
-            else {
-                //         this.Dropdowndata = this.InputFields?.data
-                this.DropdownForm.get(this.dynamciformcontrolparent()).valueChanges.subscribe((value) => {
-                    var _a;
-                    this.Dropdowndata = (_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.data.filter((item) => { var _a, _b; return (_b = item[(_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.displaykey]) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(value === null || value === void 0 ? void 0 : value.toLowerCase()); });
-                });
-            }
-        }
-        // if (control && !this.InputFields?.fronentdata) {
-        //   this.DropdownForm.get(this.dynamciformcontrolparent())
-        //     .valueChanges.pipe(
-        //       debounceTime(200),
-        //       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: any[]) => {
-        //       let datas = results['data'];
-        //       this.Dropdowndata = datas;
-        //     });
-        // }
-    }
-    getdropdown(value) {
-        this.currentpage = 1;
-        if (this.InputFields.url) {
-            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;
-                setTimeout(() => {
-                    this.trigger.openPanel();
-                }, 0);
-                if (this.Dropdowndata.length >= 0) {
-                    this.has_next = datapagination.has_next;
-                    this.has_previous = datapagination.has_previous;
-                    this.currentpage = datapagination.index;
-                }
-            });
-        }
-    }
-    dynamciformcontrolparent() {
-        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';
-    }
-    selected() {
-        var _a, _b;
-        this.Outputdata = this.chipSelectedObj;
-        if ((_a = this.InputFields) === null || _a === void 0 ? void 0 : _a.Outputkey) {
-            this.Outputdata = this.chipSelectedId;
-        }
-        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) {
-        //   this.dataEvent.emit(this.chipSelectedObj);
-        //   if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
-        //     this.InputFields?.formgroup
-        //       .get(this.InputFields?.formcontrolname)
-        //       .patchValue(this.chipSelectedObj);
-        //   }
-        // }
-        // else {
-        //   if (this.InputFields?.Outputkey) {
-        //     this.dataEvent.emit(this.chipSelectedId);
-        //     if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
-        //       this.InputFields?.formgroup
-        //         .get(this.InputFields?.formcontrolname)
-        //         .patchValue(this.chipSelectedId);
-        //     }
-        //   }
-        //   else {
-        //     this.dataEvent.emit(this.chipSelectedObj);
-        //     if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
-        //       this.InputFields?.formgroup
-        //         .get(this.InputFields?.formcontrolname)
-        //         .patchValue(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.formkeyarr.splice(index, 1);
-            console.log('this.formkeyarr', this.formkeyarr);
-            this.DropInput.nativeElement.value = '';
-            this.selected();
-        }
-    }
-    venSelected(datas) {
-        let data = !datas && datas === '' ? datas : datas.option.value;
-        this.isOptionSelected = true;
-        this.DropInput.nativeElement.value = '';
-        console.log('event.option.value', data);
-        this.selectvenByName(data[this.comparekey(data)]);
-        console.log('chipSelectedvenid', this.chipSelectedObj);
-    }
-    selectvenByName(ven) {
-        var _a, _b, _c, _d;
-        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);
-            }
-            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]);
-            }
-            this.selected();
-        }
-    }
-    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([
-    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);
-__decorate([
-    ViewChild('scrolll')
-], VsChipddCmpComponent.prototype, "matAutocompleteApp", void 0);
-__decorate([
-    Output()
-], VsChipddCmpComponent.prototype, "dataEvent", void 0);
-__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>\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          [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);
-
-// import {VsSharedModuleModule} from '@unnilouis.org/vs-shared-module'
-let VsChipdropdownModule = class VsChipdropdownModule {
-};
-VsChipdropdownModule = __decorate([
-    NgModule({
-        declarations: [VsChipdropdownComponent, VsChipddCmpComponent],
-        imports: [MatFormFieldModule, MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, CommonModule, MatGridListModule, MatChipsModule, MatIconModule,
-            TranslateModule,
-            HttpClientModule,
-            TranslateModule.forRoot({
-                loader: {
-                    provide: TranslateLoader,
-                    useFactory: httpTranslateLoader,
-                    deps: [HttpClient],
-                },
-            }),],
-        // imports: [VsSharedModuleModule],
-        exports: [VsChipddCmpComponent]
-    })
-], VsChipdropdownModule);
-function httpTranslateLoader(http) {
-    return new TranslateHttpLoader(http);
-}
-
-/*
- * Public API Surface of vs-chipdropdown
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { VsChipddCmpComponent, VsChipdropdownComponent, VsChipdropdownModule, VsChipdropdownService, httpTranslateLoader };
-//# sourceMappingURL=unnilouis.org-vs-chipdropdown.js.map