@unnilouis.org/vs-chipdropdown 0.0.23-V9 → 0.0.25-V9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/unnilouis.org-vs-chipdropdown.umd.js +1 -1
- package/bundles/unnilouis.org-vs-chipdropdown.umd.min.js +1 -1
- package/esm2015/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +1 -1
- package/esm5/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +1 -1
- package/fesm2015/unnilouis.org-vs-chipdropdown.js +1 -1
- package/fesm5/unnilouis.org-vs-chipdropdown.js +1 -1
- package/package.json +1 -1
- package/unnilouis.org-vs-chipdropdown.metadata.json +1 -1
|
@@ -558,7 +558,7 @@
|
|
|
558
558
|
core.Component({
|
|
559
559
|
selector: 'lib-vs-chipdd-cmp',
|
|
560
560
|
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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
|
|
561
|
-
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
561
|
+
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]
|
|
562
562
|
})
|
|
563
563
|
], VsChipddCmpComponent);
|
|
564
564
|
return VsChipddCmpComponent;
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function f(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,o=t&&e[t],n=0;if(o)return o.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}var b=function(){function e(e){this.http=e}return e.prototype.postApi=function(e,t,o){void 0===t&&(t={});var n=localStorage.getItem("sessionData"),r=JSON.parse(n).token;console.log("params",o);var i="";null!=o&&""!==o&&(i=o);var a={Authorization:"Token "+r};return this.http.post(e+i,t,{headers:a})},e.prototype.GetApi=function(e,t){void 0===t&&(t="");var o=localStorage.getItem("sessionData"),n=JSON.parse(o).token;console.log("params",t);var r="";null!=t&&""!==t&&(r=t);var i={Authorization:"Token "+n};return this.http.get(e+r,{headers:i})},e.ctorParameters=function(){return[{type:o.HttpClient}]},e.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(o.HttpClient))},token:e,providedIn:"root"}),e=f([t.Injectable({providedIn:"root"})],e)}(),I=function(){function e(){}return e.prototype.ngOnInit=function(){},e=f([t.Component({selector:"lib-vs-chipdropdown",template:"\n <p>\n vs-chipdropdown works!\n </p>\n "})],e)}(),w=function(){function e(e,o){this.service=e,this.fb=o,this.Backendapi=!0,this.dataEvent=new t.EventEmitter,this.separatorsKeysCodes=[l.ENTER,l.COMMA],this.has_next=!1,this.currentpage=1,this.Dropdowndata=[],this.has_previous=!1,this.chipSelectedId=[],this.chipSelectedObj=[]}return e.prototype.ngOnInit=function(){this.DropdownForm=this.fb.group({value:""})},e.prototype.dupngonit=function(){var e,t,o,n,r,i,a,l,p;if(this.DropdownForm=this.fb.group({value:""}),(null===(o=this.InputFields)||void 0===o?void 0:o.defaultvalue)&&(this.DropdownForm.get("value").patchValue(null===(n=this.InputFields)||void 0===n?void 0:n.defaultvalue),this.chipSelectedObj=null===(r=this.InputFields)||void 0===r?void 0:r.defaultvalue,this.chipSelectedObj.length>0)){try{for(var s=y(this.chipSelectedObj),u=s.next();!u.done;u=s.next()){var c=u.value;(null===(i=this.InputFields)||void 0===i?void 0:i.Outputkey)?this.chipSelectedId.push(c[null===(a=this.InputFields)||void 0===a?void 0:a.Outputkey]):this.chipSelectedId.push(c.id)}}catch(t){e={error:t}}finally{try{u&&!u.done&&(t=s.return)&&t.call(s)}finally{if(e)throw e.error}}this.selected()}(null===(l=this.InputFields)||void 0===l?void 0:l.fronentdata)?this.Dropdowndata=null===(p=this.InputFields)||void 0===p?void 0:p.data:this.getdropdown("")},e.prototype.ngOnChanges=function(e){console.log("changes.ResetForm",e.ResetForm,e.ResetForm.currentValue,e.ResetForm&&e.ResetForm.currentValue),e.InputFields&&e.InputFields.currentValue&&(console.log("Summary Log Changes"),this.currentpage=1,this.dupngonit()),e.ResetForm&&e.ResetForm.currentValue&&(console.log("hitted"),this.DropdownForm.reset(),this.currentpage=1,this.dupngonit(),this.chipSelectedId=[],this.chipSelectedObj=[],this.dataEvent.emit([]))},e.prototype.autocompleteAppScroll=function(){var e,t=this;(null===(e=this.InputFields)||void 0===e?void 0:e.fronentdata)||setTimeout((function(){t.matAutocompleteApp&&t.autocompleteTrigger&&t.matAutocompleteApp.panel&&i.fromEvent(t.matAutocompleteApp.panel.nativeElement,"scroll").pipe(r.map((function(e){return t.matAutocompleteApp.panel.nativeElement.scrollTop})),r.takeUntil(t.autocompleteTrigger.panelClosingActions)).subscribe((function(e){var o=t.matAutocompleteApp.panel.nativeElement.scrollTop;if(t.matAutocompleteApp.panel.nativeElement.scrollHeight-1<=o+t.matAutocompleteApp.panel.nativeElement.clientHeight&&!0===t.has_next){var n=t.DropInput.nativeElement.value,r=t.searchparams(n);t.currentpage=t.currentpage+1,t.currentpage>1&&t.service.GetApi(t.InputFields.url+"?page="+t.currentpage,r).subscribe((function(e){var o=e.data,n=e.pagination;t.Dropdowndata=t.Dropdowndata.concat(o),console.log("this.Dropdowndata",t.Dropdowndata),t.Dropdowndata.length>=0&&(t.has_next=n.has_next,t.has_previous=n.has_previous,t.currentpage=n.index)}))}}))}))},e.prototype.dropdownsearch=function(){var e,t=this;(null===(e=this.InputFields)||void 0===e?void 0:e.fronentdata)||this.DropdownForm.get("value").valueChanges.pipe(r.debounceTime(100),r.distinctUntilChanged(),r.tap((function(){t.DrodownLoading=!0,console.log("inside tap")})),r.switchMap((function(e){var o=t.searchparams(e);return t.currentpage=1,t.service.GetApi(t.InputFields.url+"?page="+t.currentpage,o).pipe(r.finalize((function(){t.DrodownLoading=!1})))}))).subscribe((function(e){var o=e.data;t.Dropdowndata=o}))},e.prototype.getdropdown=function(e){var t=this,o=this.searchparams(e);this.service.GetApi(this.InputFields.url+"?page="+this.currentpage,o).subscribe((function(e){var o=e.data,n=e.pagination;t.Dropdowndata=o,t.Dropdowndata.length>=0&&(t.has_next=n.has_next,t.has_previous=n.has_previous,t.currentpage=n.index)}))},e.prototype.selected=function(){var e,t;(null===(e=this.InputFields)||void 0===e?void 0:e.wholedata)?this.dataEvent.emit(this.chipSelectedObj):(null===(t=this.InputFields)||void 0===t?void 0:t.Outputkey)?this.dataEvent.emit(this.chipSelectedId):this.dataEvent.emit(this.chipSelectedObj)},e.prototype.searchparams=function(e){var t="";this.InputFields.params&&(t=this.InputFields.params);var o=e;return o&&(t+="&"+this.InputFields.searchkey+"="+o),t},e.prototype.removechip=function(e){var t=this.chipSelectedObj.indexOf(e);t>=0&&(this.chipSelectedObj.splice(t,1),console.log(this.chipSelectedObj),this.chipSelectedId.splice(t,1),console.log(this.chipSelectedId),this.DropInput.nativeElement.value="",this.selected())},e.prototype.venSelected=function(e){this.DropInput.nativeElement.value="",console.log("event.option.value",e.option.value),this.selectvenByName(e.option.value[this.comparekey(e.option.value)]),console.log("chipSelectedvenid",this.chipSelectedObj)},e.prototype.selectvenByName=function(e){var t,o,n=this;if(!this.chipSelectedObj.filter((function(t){return t[n.comparekey(t)]==e})).length){var r=this.Dropdowndata.filter((function(t){return t[n.comparekey(t)]==e}));r.length&&(this.chipSelectedObj.push(r[0]),(null===(t=this.InputFields)||void 0===t?void 0:t.Outputkey)?this.chipSelectedId.push(r[0][null===(o=this.InputFields)||void 0===o?void 0:o.Outputkey]):this.chipSelectedId.push(r[0].id))}},e.prototype.comparekey=function(e){var t,o;return(null===(t=this.InputFields)||void 0===t?void 0:t.comparekey)?null===(o=this.InputFields)||void 0===o?void 0:o.comparekey:(null==e?void 0:e.id)?"id":this.InputFields.displaykey},e.ctorParameters=function(){return[{type:b},{type:a.FormBuilder}]},f([t.Input()],e.prototype,"InputFields",void 0),f([t.Input()],e.prototype,"ResetForm",void 0),f([t.Input()],e.prototype,"Backendapi",void 0),f([t.ViewChild(n.MatAutocompleteTrigger)],e.prototype,"autocompleteTrigger",void 0),f([t.ViewChild("scrolll")],e.prototype,"matAutocompleteApp",void 0),f([t.Output()],e.prototype,"dataEvent",void 0),f([t.ViewChild("DropInput")],e.prototype,"DropInput",void 0),e=f([t.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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class="chip-container">\r\n <mat-chip *ngFor="let obj of chipSelectedObj" [removable]="true" (removed)="removechip(obj)" class="mat-chipEx">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]="scrolll" class="matformfieldinputstyle"\r\n (keydown)="dropdownsearch()" [matChipInputFor]="chipListvendor" [matChipInputSeparatorKeyCodes]="\r\n separatorsKeysCodes\r\n " [matChipInputAddOnBlur]="true" formControlName="value" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll="matAutocomplete" (optionSelected)="venSelected($event)"\r\n (opened)="autocompleteAppScroll()">\r\n <ng-container>\r\n <mat-option *ngFor="let dropvalues of Dropdowndata" [value]="dropvalues" (click)="selected()">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n',styles:[".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.chip-container .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]})],e)}(),F=function(){function e(){}return e=f([t.NgModule({declarations:[I,w],imports:[p.MatFormFieldModule,s.MatInputModule,u.MatSelectModule,n.MatAutocompleteModule,a.FormsModule,a.ReactiveFormsModule,c.CommonModule,d.MatGridListModule,h.MatChipsModule,m.MatIconModule,v.TranslateModule,o.HttpClientModule,v.TranslateModule.forRoot({loader:{provide:v.TranslateLoader,useFactory:S,deps:[o.HttpClient]}})],exports:[w]})],e)}();function S(e){return new g.TranslateHttpLoader(e)}e.VsChipddCmpComponent=w,e.VsChipdropdownComponent=I,e.VsChipdropdownModule=F,e.VsChipdropdownService=b,e.httpTranslateLoader=S,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */function f(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,o=t&&e[t],n=0;if(o)return o.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}var b=function(){function e(e){this.http=e}return e.prototype.postApi=function(e,t,o){void 0===t&&(t={});var n=localStorage.getItem("sessionData"),r=JSON.parse(n).token;console.log("params",o);var i="";null!=o&&""!==o&&(i=o);var a={Authorization:"Token "+r};return this.http.post(e+i,t,{headers:a})},e.prototype.GetApi=function(e,t){void 0===t&&(t="");var o=localStorage.getItem("sessionData"),n=JSON.parse(o).token;console.log("params",t);var r="";null!=t&&""!==t&&(r=t);var i={Authorization:"Token "+n};return this.http.get(e+r,{headers:i})},e.ctorParameters=function(){return[{type:o.HttpClient}]},e.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(o.HttpClient))},token:e,providedIn:"root"}),e=f([t.Injectable({providedIn:"root"})],e)}(),I=function(){function e(){}return e.prototype.ngOnInit=function(){},e=f([t.Component({selector:"lib-vs-chipdropdown",template:"\n <p>\n vs-chipdropdown works!\n </p>\n "})],e)}(),w=function(){function e(e,o){this.service=e,this.fb=o,this.Backendapi=!0,this.dataEvent=new t.EventEmitter,this.separatorsKeysCodes=[l.ENTER,l.COMMA],this.has_next=!1,this.currentpage=1,this.Dropdowndata=[],this.has_previous=!1,this.chipSelectedId=[],this.chipSelectedObj=[]}return e.prototype.ngOnInit=function(){this.DropdownForm=this.fb.group({value:""})},e.prototype.dupngonit=function(){var e,t,o,n,r,i,a,l,p;if(this.DropdownForm=this.fb.group({value:""}),(null===(o=this.InputFields)||void 0===o?void 0:o.defaultvalue)&&(this.DropdownForm.get("value").patchValue(null===(n=this.InputFields)||void 0===n?void 0:n.defaultvalue),this.chipSelectedObj=null===(r=this.InputFields)||void 0===r?void 0:r.defaultvalue,this.chipSelectedObj.length>0)){try{for(var s=y(this.chipSelectedObj),u=s.next();!u.done;u=s.next()){var c=u.value;(null===(i=this.InputFields)||void 0===i?void 0:i.Outputkey)?this.chipSelectedId.push(c[null===(a=this.InputFields)||void 0===a?void 0:a.Outputkey]):this.chipSelectedId.push(c.id)}}catch(t){e={error:t}}finally{try{u&&!u.done&&(t=s.return)&&t.call(s)}finally{if(e)throw e.error}}this.selected()}(null===(l=this.InputFields)||void 0===l?void 0:l.fronentdata)?this.Dropdowndata=null===(p=this.InputFields)||void 0===p?void 0:p.data:this.getdropdown("")},e.prototype.ngOnChanges=function(e){console.log("changes.ResetForm",e.ResetForm,e.ResetForm.currentValue,e.ResetForm&&e.ResetForm.currentValue),e.InputFields&&e.InputFields.currentValue&&(console.log("Summary Log Changes"),this.currentpage=1,this.dupngonit()),e.ResetForm&&e.ResetForm.currentValue&&(console.log("hitted"),this.DropdownForm.reset(),this.currentpage=1,this.dupngonit(),this.chipSelectedId=[],this.chipSelectedObj=[],this.dataEvent.emit([]))},e.prototype.autocompleteAppScroll=function(){var e,t=this;(null===(e=this.InputFields)||void 0===e?void 0:e.fronentdata)||setTimeout((function(){t.matAutocompleteApp&&t.autocompleteTrigger&&t.matAutocompleteApp.panel&&i.fromEvent(t.matAutocompleteApp.panel.nativeElement,"scroll").pipe(r.map((function(e){return t.matAutocompleteApp.panel.nativeElement.scrollTop})),r.takeUntil(t.autocompleteTrigger.panelClosingActions)).subscribe((function(e){var o=t.matAutocompleteApp.panel.nativeElement.scrollTop;if(t.matAutocompleteApp.panel.nativeElement.scrollHeight-1<=o+t.matAutocompleteApp.panel.nativeElement.clientHeight&&!0===t.has_next){var n=t.DropInput.nativeElement.value,r=t.searchparams(n);t.currentpage=t.currentpage+1,t.currentpage>1&&t.service.GetApi(t.InputFields.url+"?page="+t.currentpage,r).subscribe((function(e){var o=e.data,n=e.pagination;t.Dropdowndata=t.Dropdowndata.concat(o),console.log("this.Dropdowndata",t.Dropdowndata),t.Dropdowndata.length>=0&&(t.has_next=n.has_next,t.has_previous=n.has_previous,t.currentpage=n.index)}))}}))}))},e.prototype.dropdownsearch=function(){var e,t=this;(null===(e=this.InputFields)||void 0===e?void 0:e.fronentdata)||this.DropdownForm.get("value").valueChanges.pipe(r.debounceTime(100),r.distinctUntilChanged(),r.tap((function(){t.DrodownLoading=!0,console.log("inside tap")})),r.switchMap((function(e){var o=t.searchparams(e);return t.currentpage=1,t.service.GetApi(t.InputFields.url+"?page="+t.currentpage,o).pipe(r.finalize((function(){t.DrodownLoading=!1})))}))).subscribe((function(e){var o=e.data;t.Dropdowndata=o}))},e.prototype.getdropdown=function(e){var t=this,o=this.searchparams(e);this.service.GetApi(this.InputFields.url+"?page="+this.currentpage,o).subscribe((function(e){var o=e.data,n=e.pagination;t.Dropdowndata=o,t.Dropdowndata.length>=0&&(t.has_next=n.has_next,t.has_previous=n.has_previous,t.currentpage=n.index)}))},e.prototype.selected=function(){var e,t;(null===(e=this.InputFields)||void 0===e?void 0:e.wholedata)?this.dataEvent.emit(this.chipSelectedObj):(null===(t=this.InputFields)||void 0===t?void 0:t.Outputkey)?this.dataEvent.emit(this.chipSelectedId):this.dataEvent.emit(this.chipSelectedObj)},e.prototype.searchparams=function(e){var t="";this.InputFields.params&&(t=this.InputFields.params);var o=e;return o&&(t+="&"+this.InputFields.searchkey+"="+o),t},e.prototype.removechip=function(e){var t=this.chipSelectedObj.indexOf(e);t>=0&&(this.chipSelectedObj.splice(t,1),console.log(this.chipSelectedObj),this.chipSelectedId.splice(t,1),console.log(this.chipSelectedId),this.DropInput.nativeElement.value="",this.selected())},e.prototype.venSelected=function(e){this.DropInput.nativeElement.value="",console.log("event.option.value",e.option.value),this.selectvenByName(e.option.value[this.comparekey(e.option.value)]),console.log("chipSelectedvenid",this.chipSelectedObj)},e.prototype.selectvenByName=function(e){var t,o,n=this;if(!this.chipSelectedObj.filter((function(t){return t[n.comparekey(t)]==e})).length){var r=this.Dropdowndata.filter((function(t){return t[n.comparekey(t)]==e}));r.length&&(this.chipSelectedObj.push(r[0]),(null===(t=this.InputFields)||void 0===t?void 0:t.Outputkey)?this.chipSelectedId.push(r[0][null===(o=this.InputFields)||void 0===o?void 0:o.Outputkey]):this.chipSelectedId.push(r[0].id))}},e.prototype.comparekey=function(e){var t,o;return(null===(t=this.InputFields)||void 0===t?void 0:t.comparekey)?null===(o=this.InputFields)||void 0===o?void 0:o.comparekey:(null==e?void 0:e.id)?"id":this.InputFields.displaykey},e.ctorParameters=function(){return[{type:b},{type:a.FormBuilder}]},f([t.Input()],e.prototype,"InputFields",void 0),f([t.Input()],e.prototype,"ResetForm",void 0),f([t.Input()],e.prototype,"Backendapi",void 0),f([t.ViewChild(n.MatAutocompleteTrigger)],e.prototype,"autocompleteTrigger",void 0),f([t.ViewChild("scrolll")],e.prototype,"matAutocompleteApp",void 0),f([t.Output()],e.prototype,"dataEvent",void 0),f([t.ViewChild("DropInput")],e.prototype,"DropInput",void 0),e=f([t.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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class="chip-container">\r\n <mat-chip *ngFor="let obj of chipSelectedObj" [removable]="true" (removed)="removechip(obj)" class="mat-chipEx">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]="scrolll" class="matformfieldinputstyle"\r\n (keydown)="dropdownsearch()" [matChipInputFor]="chipListvendor" [matChipInputSeparatorKeyCodes]="\r\n separatorsKeysCodes\r\n " [matChipInputAddOnBlur]="true" formControlName="value" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll="matAutocomplete" (optionSelected)="venSelected($event)"\r\n (opened)="autocompleteAppScroll()">\r\n <ng-container>\r\n <mat-option *ngFor="let dropvalues of Dropdowndata" [value]="dropvalues" (click)="selected()">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n',styles:[".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]})],e)}(),F=function(){function e(){}return e=f([t.NgModule({declarations:[I,w],imports:[p.MatFormFieldModule,s.MatInputModule,u.MatSelectModule,n.MatAutocompleteModule,a.FormsModule,a.ReactiveFormsModule,c.CommonModule,d.MatGridListModule,h.MatChipsModule,m.MatIconModule,v.TranslateModule,o.HttpClientModule,v.TranslateModule.forRoot({loader:{provide:v.TranslateLoader,useFactory:S,deps:[o.HttpClient]}})],exports:[w]})],e)}();function S(e){return new g.TranslateHttpLoader(e)}e.VsChipddCmpComponent=w,e.VsChipdropdownComponent=I,e.VsChipdropdownModule=F,e.VsChipdropdownService=b,e.httpTranslateLoader=S,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=unnilouis.org-vs-chipdropdown.umd.min.js.map
|
|
@@ -267,7 +267,7 @@ VsChipddCmpComponent = __decorate([
|
|
|
267
267
|
Component({
|
|
268
268
|
selector: 'lib-vs-chipdd-cmp',
|
|
269
269
|
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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
|
|
270
|
-
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
270
|
+
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]
|
|
271
271
|
})
|
|
272
272
|
], VsChipddCmpComponent);
|
|
273
273
|
export { VsChipddCmpComponent };
|
|
@@ -281,7 +281,7 @@ var VsChipddCmpComponent = /** @class */ (function () {
|
|
|
281
281
|
Component({
|
|
282
282
|
selector: 'lib-vs-chipdd-cmp',
|
|
283
283
|
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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
|
|
284
|
-
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
284
|
+
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]
|
|
285
285
|
})
|
|
286
286
|
], VsChipddCmpComponent);
|
|
287
287
|
return VsChipddCmpComponent;
|
|
@@ -336,7 +336,7 @@ VsChipddCmpComponent = __decorate([
|
|
|
336
336
|
Component({
|
|
337
337
|
selector: 'lib-vs-chipdd-cmp',
|
|
338
338
|
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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
|
|
339
|
-
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
339
|
+
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]
|
|
340
340
|
})
|
|
341
341
|
], VsChipddCmpComponent);
|
|
342
342
|
|
|
@@ -351,7 +351,7 @@ var VsChipddCmpComponent = /** @class */ (function () {
|
|
|
351
351
|
Component({
|
|
352
352
|
selector: 'lib-vs-chipdd-cmp',
|
|
353
353
|
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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n",
|
|
354
|
-
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
354
|
+
styles: [".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]
|
|
355
355
|
})
|
|
356
356
|
], VsChipddCmpComponent);
|
|
357
357
|
return VsChipddCmpComponent;
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"VsChipdropdownService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":28}]}],"postApi":[{"__symbolic":"method"}],"GetApi":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"VsChipdropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-vs-chipdropdown","template":"\n <p>\n vs-chipdropdown works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"VsChipdropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VsChipdropdownComponent"},{"__symbolic":"reference","name":"VsChipddCmpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":19,"character":31},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":19,"character":46},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":19,"character":62},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":84},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":96},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":116},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":19,"character":129},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":19,"character":147},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":162},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":22,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":24,"character":17},"useFactory":{"__symbolic":"reference","name":"httpTranslateLoader"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":26,"character":15}]}}]}],"exports":[{"__symbolic":"reference","name":"VsChipddCmpComponent"}]}]}],"members":{}},"httpTranslateLoader":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":33,"character":13},"arguments":[{"__symbolic":"reference","name":"http"}]}},"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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n","styles":[".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.
|
|
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":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VsChipdropdownComponent"},{"__symbolic":"reference","name":"VsChipddCmpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":19,"character":31},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":19,"character":46},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":19,"character":62},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":84},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":96},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":116},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":19,"character":129},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":19,"character":147},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":162},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":22,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":24,"character":17},"useFactory":{"__symbolic":"reference","name":"httpTranslateLoader"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":26,"character":15}]}}]}],"exports":[{"__symbolic":"reference","name":"VsChipddCmpComponent"}]}]}],"members":{}},"httpTranslateLoader":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":33,"character":13},"arguments":[{"__symbolic":"reference","name":"http"}]}},"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 | translate}}</mat-label>\r\n <mat-chip-list multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip *ngFor=\"let obj of chipSelectedObj\" [removable]=\"true\" (removed)=\"removechip(obj)\" class=\"mat-chipEx\">\r\n {{ obj[InputFields?.displaykey] }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n <input #DropInput [matAutocomplete]=\"scrolll\" class=\"matformfieldinputstyle\"\r\n (keydown)=\"dropdownsearch()\" [matChipInputFor]=\"chipListvendor\" [matChipInputSeparatorKeyCodes]=\"\r\n separatorsKeysCodes\r\n \" [matChipInputAddOnBlur]=\"true\" formControlName=\"value\" />\r\n </mat-chip-list>\r\n <mat-autocomplete #scrolll=\"matAutocomplete\" (optionSelected)=\"venSelected($event)\"\r\n (opened)=\"autocompleteAppScroll()\">\r\n <ng-container>\r\n <mat-option *ngFor=\"let dropvalues of Dropdowndata\" [value]=\"dropvalues\" (click)=\"selected()\">\r\n {{dropvalues[InputFields?.displaykey]}}\r\n </mat-option>\r\n </ng-container>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n","styles":[".mat-chipScroll{width:420px!important}.mat-chipEx{text-align:left}.chip-container::-webkit-scrollbar{width:6px;height:6px}.chip-container::-webkit-scrollbar-track{background:0 0}.chip-container::-webkit-scrollbar-thumb{border-radius:20px;background:#c3c3c3}.chip-container::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.mat-chipScroll .mat-chip-list-wrapper{height:80px;overflow-y:scroll}"]}]}],"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}}]}],"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":28,"character":13}]}]}],"matAutocompleteApp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["scrolll"]}]}],"dataEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"DropInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["DropInput"]}]}],"ngOnInit":[{"__symbolic":"method"}],"dupngonit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"autocompleteAppScroll":[{"__symbolic":"method"}],"dropdownsearch":[{"__symbolic":"method"}],"getdropdown":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"searchparams":[{"__symbolic":"method"}],"removechip":[{"__symbolic":"method"}],"venSelected":[{"__symbolic":"method"}],"selectvenByName":[{"__symbolic":"method"}],"comparekey":[{"__symbolic":"method"}]}}},"origins":{"VsChipdropdownService":"./lib/vs-chipdropdown.service","VsChipdropdownComponent":"./lib/vs-chipdropdown.component","VsChipdropdownModule":"./lib/vs-chipdropdown.module","httpTranslateLoader":"./lib/vs-chipdropdown.module","VsChipddCmpComponent":"./lib/vs-chipdd-cmp/vs-chipdd-cmp.component"},"importAs":"@unnilouis.org/vs-chipdropdown"}
|