npm - @unnilouis.org/vs-chipdropdown - Versions diffs - 9.0.3 → 9.0.5 - Mend

@unnilouis.org/vs-chipdropdown 9.0.3 → 9.0.5

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.

Files changed (13) hide show

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

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