@unnilouis.org/vs-chipdropdown 9.1.2 → 16.2.1
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/README.md +13 -76
- package/esm2022/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.mjs +266 -0
- package/esm2022/lib/vs-chipdropdown.component.mjs +19 -0
- package/esm2022/lib/vs-chipdropdown.module.mjs +61 -0
- package/esm2022/lib/vs-chipdropdown.service.mjs +45 -0
- package/esm2022/public-api.mjs +8 -0
- package/esm2022/unnilouis.org-vs-chipdropdown.mjs +5 -0
- package/fesm2022/unnilouis.org-vs-chipdropdown.mjs +391 -0
- package/fesm2022/unnilouis.org-vs-chipdropdown.mjs.map +1 -0
- package/{unnilouis.org-vs-chipdropdown.d.ts → index.d.ts} +1 -0
- package/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.d.ts +6 -10
- package/lib/vs-chipdropdown.component.d.ts +4 -4
- package/lib/vs-chipdropdown.module.d.ts +18 -1
- package/lib/vs-chipdropdown.service.d.ts +3 -0
- package/package.json +21 -13
- package/bundles/unnilouis.org-vs-chipdropdown.umd.js +0 -767
- package/bundles/unnilouis.org-vs-chipdropdown.umd.js.map +0 -1
- package/bundles/unnilouis.org-vs-chipdropdown.umd.min.js +0 -16
- package/bundles/unnilouis.org-vs-chipdropdown.umd.min.js.map +0 -1
- package/esm2015/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +0 -438
- package/esm2015/lib/vs-chipdropdown.component.js +0 -19
- package/esm2015/lib/vs-chipdropdown.module.js +0 -41
- package/esm2015/lib/vs-chipdropdown.service.js +0 -49
- package/esm2015/public-api.js +0 -8
- package/esm2015/unnilouis.org-vs-chipdropdown.js +0 -5
- package/esm5/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.js +0 -454
- package/esm5/lib/vs-chipdropdown.component.js +0 -17
- package/esm5/lib/vs-chipdropdown.module.js +0 -44
- package/esm5/lib/vs-chipdropdown.service.js +0 -52
- package/esm5/public-api.js +0 -8
- package/esm5/unnilouis.org-vs-chipdropdown.js +0 -5
- package/fesm2015/unnilouis.org-vs-chipdropdown.js +0 -540
- package/fesm2015/unnilouis.org-vs-chipdropdown.js.map +0 -1
- package/fesm5/unnilouis.org-vs-chipdropdown.js +0 -560
- package/fesm5/unnilouis.org-vs-chipdropdown.js.map +0 -1
- package/unnilouis.org-vs-chipdropdown.metadata.json +0 -1
|
@@ -0,0 +1,391 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Input, ViewChild, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common/http';
|
|
4
|
+
import { HttpClientModule, HttpClient } from '@angular/common/http';
|
|
5
|
+
import * as i6 from '@angular/material/autocomplete';
|
|
6
|
+
import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
7
|
+
import { map, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, finalize } from 'rxjs/operators';
|
|
8
|
+
import { fromEvent } from 'rxjs';
|
|
9
|
+
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
10
|
+
import * as i2 from '@angular/forms';
|
|
11
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
12
|
+
import * as i3 from '@angular/material/form-field';
|
|
13
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
14
|
+
import * as i4 from '@angular/common';
|
|
15
|
+
import { CommonModule } from '@angular/common';
|
|
16
|
+
import * as i5 from '@angular/material/core';
|
|
17
|
+
import * as i7 from '@angular/material/chips';
|
|
18
|
+
import { MatChipsModule } from '@angular/material/chips';
|
|
19
|
+
import * as i8 from '@angular/material/icon';
|
|
20
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
21
|
+
import * as i9 from '@ngx-translate/core';
|
|
22
|
+
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
|
|
23
|
+
import { MatInputModule } from '@angular/material/input';
|
|
24
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
25
|
+
import { MatGridListModule } from '@angular/material/grid-list';
|
|
26
|
+
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
|
|
27
|
+
|
|
28
|
+
class VsChipdropdownService {
|
|
29
|
+
constructor(http) {
|
|
30
|
+
this.http = http;
|
|
31
|
+
}
|
|
32
|
+
postApi(Apiurl, json = {}, params) {
|
|
33
|
+
const getToken = localStorage.getItem("sessionData");
|
|
34
|
+
let tokenValue = JSON.parse(getToken);
|
|
35
|
+
let token = tokenValue.token;
|
|
36
|
+
console.log("params", params);
|
|
37
|
+
let paradata = '';
|
|
38
|
+
if (params !== undefined && params !== null && params !== '') {
|
|
39
|
+
paradata = params;
|
|
40
|
+
}
|
|
41
|
+
const headers = { Authorization: "Token " + token };
|
|
42
|
+
return this.http.post(Apiurl + paradata, json, {
|
|
43
|
+
headers: headers,
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
GetApi(Apiurl, params = '') {
|
|
47
|
+
const getToken = localStorage.getItem("sessionData");
|
|
48
|
+
let tokenValue = JSON.parse(getToken);
|
|
49
|
+
let token = tokenValue.token;
|
|
50
|
+
console.log("params", params);
|
|
51
|
+
let paradata = '';
|
|
52
|
+
if (params !== undefined && params !== null && params !== '') {
|
|
53
|
+
paradata = params;
|
|
54
|
+
}
|
|
55
|
+
const headers = { Authorization: "Token " + token };
|
|
56
|
+
return this.http.get(Apiurl + paradata, {
|
|
57
|
+
headers: headers,
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
61
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownService, providedIn: 'root' }); }
|
|
62
|
+
}
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownService, decorators: [{
|
|
64
|
+
type: Injectable,
|
|
65
|
+
args: [{
|
|
66
|
+
providedIn: 'root'
|
|
67
|
+
}]
|
|
68
|
+
}], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
|
|
69
|
+
|
|
70
|
+
class VsChipdropdownComponent {
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VsChipdropdownComponent, selector: "lib-vs-chipdropdown", ngImport: i0, template: `
|
|
73
|
+
<p>
|
|
74
|
+
vs-chipdropdown works!
|
|
75
|
+
</p>
|
|
76
|
+
`, isInline: true }); }
|
|
77
|
+
}
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownComponent, decorators: [{
|
|
79
|
+
type: Component,
|
|
80
|
+
args: [{ selector: 'lib-vs-chipdropdown', template: `
|
|
81
|
+
<p>
|
|
82
|
+
vs-chipdropdown works!
|
|
83
|
+
</p>
|
|
84
|
+
` }]
|
|
85
|
+
}] });
|
|
86
|
+
|
|
87
|
+
class VsChipddCmpComponent {
|
|
88
|
+
constructor(service, fb) {
|
|
89
|
+
this.service = service;
|
|
90
|
+
this.fb = fb;
|
|
91
|
+
this.Backendapi = true;
|
|
92
|
+
this.dataEvent = new EventEmitter();
|
|
93
|
+
this.separatorsKeysCodes = [ENTER, COMMA];
|
|
94
|
+
this.has_next = false;
|
|
95
|
+
this.currentpage = 1;
|
|
96
|
+
this.Dropdowndata = [];
|
|
97
|
+
this.has_previous = false;
|
|
98
|
+
this.chipSelectedId = [];
|
|
99
|
+
this.chipSelectedObj = [];
|
|
100
|
+
}
|
|
101
|
+
ngOnInit() {
|
|
102
|
+
this.DropdownForm = this.fb.group({
|
|
103
|
+
value: ''
|
|
104
|
+
});
|
|
105
|
+
// if (this.InputFields?.defaultvalue) {
|
|
106
|
+
// this.DropdownForm.get("value").patchValue(this.InputFields?.defaultvalue)
|
|
107
|
+
// this.chipSelectedObj = this.InputFields?.defaultvalue
|
|
108
|
+
// if (this.chipSelectedObj.length > 0) {
|
|
109
|
+
// for (let foundemp of this.chipSelectedObj) {
|
|
110
|
+
// if (this.InputFields?.Outputkey) {
|
|
111
|
+
// this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])
|
|
112
|
+
// }
|
|
113
|
+
// else {
|
|
114
|
+
// this.chipSelectedId.push(foundemp.id)
|
|
115
|
+
// }
|
|
116
|
+
// }
|
|
117
|
+
// this.selected()
|
|
118
|
+
// }
|
|
119
|
+
// }
|
|
120
|
+
// if (this.InputFields?.fronentdata) {
|
|
121
|
+
// this.Dropdowndata = this.InputFields?.data
|
|
122
|
+
// }
|
|
123
|
+
// else {
|
|
124
|
+
// this.getdropdown('')
|
|
125
|
+
// }
|
|
126
|
+
}
|
|
127
|
+
dupngonit() {
|
|
128
|
+
this.DropdownForm = this.fb.group({
|
|
129
|
+
value: ''
|
|
130
|
+
});
|
|
131
|
+
if (this.InputFields?.defaultvalue) {
|
|
132
|
+
this.DropdownForm.get("value").patchValue(this.InputFields?.defaultvalue);
|
|
133
|
+
this.chipSelectedObj = this.InputFields?.defaultvalue;
|
|
134
|
+
if (this.chipSelectedObj.length > 0) {
|
|
135
|
+
for (let foundemp of this.chipSelectedObj) {
|
|
136
|
+
if (this.InputFields?.Outputkey) {
|
|
137
|
+
this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey]);
|
|
138
|
+
}
|
|
139
|
+
else {
|
|
140
|
+
this.chipSelectedId.push(foundemp.id);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
this.selected();
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
if (this.InputFields?.fronentdata) {
|
|
147
|
+
this.Dropdowndata = this.InputFields?.data;
|
|
148
|
+
}
|
|
149
|
+
else {
|
|
150
|
+
this.getdropdown('');
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
ngOnChanges(changes) {
|
|
154
|
+
if (changes.InputFields && changes.InputFields.currentValue) {
|
|
155
|
+
console.log("Summary Log Changes");
|
|
156
|
+
this.currentpage = 1;
|
|
157
|
+
this.dupngonit();
|
|
158
|
+
}
|
|
159
|
+
if (changes.ResetForm && changes.ResetForm.currentValue) {
|
|
160
|
+
console.log("hitted");
|
|
161
|
+
this.DropdownForm.reset();
|
|
162
|
+
this.currentpage = 1;
|
|
163
|
+
this.dupngonit();
|
|
164
|
+
this.chipSelectedId = [];
|
|
165
|
+
this.chipSelectedObj = [];
|
|
166
|
+
this.dataEvent.emit([]);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
// public displaydevelopclient(clt: any, key: string) {
|
|
170
|
+
// return key[clt];
|
|
171
|
+
// }
|
|
172
|
+
autocompleteAppScroll() {
|
|
173
|
+
if (!(this.InputFields?.fronentdata)) {
|
|
174
|
+
setTimeout(() => {
|
|
175
|
+
if (this.matAutocompleteApp &&
|
|
176
|
+
this.autocompleteTrigger &&
|
|
177
|
+
this.matAutocompleteApp.panel) {
|
|
178
|
+
fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')
|
|
179
|
+
.pipe(map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop), takeUntil(this.autocompleteTrigger.panelClosingActions))
|
|
180
|
+
.subscribe(x => {
|
|
181
|
+
const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;
|
|
182
|
+
const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;
|
|
183
|
+
const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;
|
|
184
|
+
const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;
|
|
185
|
+
if (atBottom) {
|
|
186
|
+
if (this.has_next === true) {
|
|
187
|
+
let value = this.DropInput.nativeElement.value;
|
|
188
|
+
let params = this.searchparams(value);
|
|
189
|
+
this.currentpage = this.currentpage + 1;
|
|
190
|
+
if (this.currentpage > 1) {
|
|
191
|
+
this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
|
|
192
|
+
.subscribe((results) => {
|
|
193
|
+
let datas = results["data"];
|
|
194
|
+
let datapagination = results["pagination"];
|
|
195
|
+
this.Dropdowndata = this.Dropdowndata.concat(datas);
|
|
196
|
+
console.log("this.Dropdowndata", this.Dropdowndata);
|
|
197
|
+
if (this.Dropdowndata.length >= 0) {
|
|
198
|
+
this.has_next = datapagination.has_next;
|
|
199
|
+
this.has_previous = datapagination.has_previous;
|
|
200
|
+
this.currentpage = datapagination.index;
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
});
|
|
207
|
+
}
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
dropdownsearch() {
|
|
212
|
+
if (!(this.InputFields?.fronentdata)) {
|
|
213
|
+
this.DropdownForm.get("value").valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(() => {
|
|
214
|
+
this.DrodownLoading = true;
|
|
215
|
+
console.log("inside tap");
|
|
216
|
+
}), switchMap((value) => {
|
|
217
|
+
let params = this.searchparams(value);
|
|
218
|
+
this.currentpage = 1;
|
|
219
|
+
return this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params).pipe(finalize(() => {
|
|
220
|
+
this.DrodownLoading = false;
|
|
221
|
+
}));
|
|
222
|
+
})).subscribe((results) => {
|
|
223
|
+
let datas = results["data"];
|
|
224
|
+
this.Dropdowndata = datas;
|
|
225
|
+
});
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
getdropdown(value) {
|
|
229
|
+
if (this.InputFields.url) {
|
|
230
|
+
let params = this.searchparams(value);
|
|
231
|
+
this.service.GetApi(this.InputFields.url + "?page=" + this.currentpage, params)
|
|
232
|
+
.subscribe((results) => {
|
|
233
|
+
let datas = results["data"];
|
|
234
|
+
let datapagination = results["pagination"];
|
|
235
|
+
this.Dropdowndata = datas;
|
|
236
|
+
if (this.Dropdowndata.length >= 0) {
|
|
237
|
+
this.has_next = datapagination.has_next;
|
|
238
|
+
this.has_previous = datapagination.has_previous;
|
|
239
|
+
this.currentpage = datapagination.index;
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
selected() {
|
|
245
|
+
// let data = this.DropdownForm.value.value
|
|
246
|
+
if (this.InputFields?.wholedata) {
|
|
247
|
+
this.dataEvent.emit(this.chipSelectedObj);
|
|
248
|
+
}
|
|
249
|
+
else {
|
|
250
|
+
if (this.InputFields?.Outputkey) {
|
|
251
|
+
this.dataEvent.emit(this.chipSelectedId);
|
|
252
|
+
}
|
|
253
|
+
else {
|
|
254
|
+
this.dataEvent.emit(this.chipSelectedObj);
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
searchparams(value) {
|
|
259
|
+
let params = '';
|
|
260
|
+
if (this.InputFields.params) {
|
|
261
|
+
params = this.InputFields.params;
|
|
262
|
+
}
|
|
263
|
+
let inpValue = value;
|
|
264
|
+
inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : '';
|
|
265
|
+
return params;
|
|
266
|
+
}
|
|
267
|
+
removechip(obj) {
|
|
268
|
+
const index = this.chipSelectedObj.indexOf(obj);
|
|
269
|
+
if (index >= 0) {
|
|
270
|
+
this.chipSelectedObj.splice(index, 1);
|
|
271
|
+
console.log(this.chipSelectedObj);
|
|
272
|
+
this.chipSelectedId.splice(index, 1);
|
|
273
|
+
console.log(this.chipSelectedId);
|
|
274
|
+
this.DropInput.nativeElement.value = '';
|
|
275
|
+
this.selected();
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
venSelected(event) {
|
|
279
|
+
this.DropInput.nativeElement.value = '';
|
|
280
|
+
console.log('event.option.value', event.option.value);
|
|
281
|
+
this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);
|
|
282
|
+
console.log('chipSelectedvenid', this.chipSelectedObj);
|
|
283
|
+
}
|
|
284
|
+
selectvenByName(ven) {
|
|
285
|
+
let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);
|
|
286
|
+
if (foundemp1.length) {
|
|
287
|
+
return;
|
|
288
|
+
}
|
|
289
|
+
let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);
|
|
290
|
+
if (foundemp.length) {
|
|
291
|
+
this.chipSelectedObj.push(foundemp[0]);
|
|
292
|
+
if (this.InputFields?.Outputkey) {
|
|
293
|
+
this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey]);
|
|
294
|
+
}
|
|
295
|
+
else {
|
|
296
|
+
this.chipSelectedId.push(foundemp[0].id);
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
comparekey(e) {
|
|
301
|
+
if (this.InputFields?.comparekey) {
|
|
302
|
+
return this.InputFields?.comparekey;
|
|
303
|
+
}
|
|
304
|
+
else {
|
|
305
|
+
if (e?.id) {
|
|
306
|
+
return "id";
|
|
307
|
+
}
|
|
308
|
+
else {
|
|
309
|
+
return this.InputFields.displaykey;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipddCmpComponent, deps: [{ token: VsChipdropdownService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VsChipddCmpComponent, selector: "lib-vs-chipdd-cmp", inputs: { InputFields: "InputFields", ResetForm: "ResetForm", Backendapi: "Backendapi" }, outputs: { dataEvent: "dataEvent" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "matAutocompleteApp", first: true, predicate: ["scrolll"], descendants: true }, { propertyName: "DropInput", first: true, predicate: ["DropInput"], descendants: true }], usesOnChanges: true, ngImport: i0, 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-grid multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip-row *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-row>\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-grid>\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 \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:transparent}.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)}\n"], dependencies: [{ kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
|
|
315
|
+
}
|
|
316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipddCmpComponent, decorators: [{
|
|
317
|
+
type: Component,
|
|
318
|
+
args: [{ 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-grid multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip-row *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-row>\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-grid>\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 \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:transparent}.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)}\n"] }]
|
|
319
|
+
}], ctorParameters: function () { return [{ type: VsChipdropdownService }, { type: i2.FormBuilder }]; }, propDecorators: { InputFields: [{
|
|
320
|
+
type: Input
|
|
321
|
+
}], ResetForm: [{
|
|
322
|
+
type: Input
|
|
323
|
+
}], Backendapi: [{
|
|
324
|
+
type: Input
|
|
325
|
+
}], autocompleteTrigger: [{
|
|
326
|
+
type: ViewChild,
|
|
327
|
+
args: [MatAutocompleteTrigger]
|
|
328
|
+
}], matAutocompleteApp: [{
|
|
329
|
+
type: ViewChild,
|
|
330
|
+
args: ['scrolll']
|
|
331
|
+
}], dataEvent: [{
|
|
332
|
+
type: Output
|
|
333
|
+
}], DropInput: [{
|
|
334
|
+
type: ViewChild,
|
|
335
|
+
args: ['DropInput']
|
|
336
|
+
}] } });
|
|
337
|
+
|
|
338
|
+
class VsChipdropdownModule {
|
|
339
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
340
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownModule, declarations: [VsChipdropdownComponent,
|
|
341
|
+
VsChipddCmpComponent], imports: [MatFormFieldModule, CommonModule,
|
|
342
|
+
MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, MatGridListModule, MatChipsModule, MatIconModule,
|
|
343
|
+
HttpClientModule, i9.TranslateModule], exports: [VsChipddCmpComponent] }); }
|
|
344
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownModule, imports: [MatFormFieldModule, CommonModule,
|
|
345
|
+
MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, MatGridListModule, MatChipsModule, MatIconModule,
|
|
346
|
+
HttpClientModule,
|
|
347
|
+
TranslateModule.forRoot({
|
|
348
|
+
loader: {
|
|
349
|
+
provide: TranslateLoader,
|
|
350
|
+
useFactory: httpTranslateLoader,
|
|
351
|
+
deps: [HttpClient],
|
|
352
|
+
},
|
|
353
|
+
})] }); }
|
|
354
|
+
}
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownModule, decorators: [{
|
|
356
|
+
type: NgModule,
|
|
357
|
+
args: [{
|
|
358
|
+
declarations: [
|
|
359
|
+
VsChipdropdownComponent,
|
|
360
|
+
VsChipddCmpComponent
|
|
361
|
+
],
|
|
362
|
+
imports: [MatFormFieldModule, CommonModule,
|
|
363
|
+
MatInputModule, MatSelectModule, MatAutocompleteModule, FormsModule, ReactiveFormsModule, MatGridListModule, MatChipsModule, MatIconModule,
|
|
364
|
+
HttpClientModule,
|
|
365
|
+
TranslateModule.forRoot({
|
|
366
|
+
loader: {
|
|
367
|
+
provide: TranslateLoader,
|
|
368
|
+
useFactory: httpTranslateLoader,
|
|
369
|
+
deps: [HttpClient],
|
|
370
|
+
},
|
|
371
|
+
}),
|
|
372
|
+
],
|
|
373
|
+
exports: [
|
|
374
|
+
VsChipddCmpComponent
|
|
375
|
+
]
|
|
376
|
+
}]
|
|
377
|
+
}] });
|
|
378
|
+
function httpTranslateLoader(http) {
|
|
379
|
+
return new TranslateHttpLoader(http);
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
/*
|
|
383
|
+
* Public API Surface of vs-chipdropdown
|
|
384
|
+
*/
|
|
385
|
+
|
|
386
|
+
/**
|
|
387
|
+
* Generated bundle index. Do not edit.
|
|
388
|
+
*/
|
|
389
|
+
|
|
390
|
+
export { VsChipddCmpComponent, VsChipdropdownComponent, VsChipdropdownModule, VsChipdropdownService, httpTranslateLoader };
|
|
391
|
+
//# sourceMappingURL=unnilouis.org-vs-chipdropdown.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unnilouis.org-vs-chipdropdown.mjs","sources":["../../../projects/vs-chipdropdown/src/lib/vs-chipdropdown.service.ts","../../../projects/vs-chipdropdown/src/lib/vs-chipdropdown.component.ts","../../../projects/vs-chipdropdown/src/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.ts","../../../projects/vs-chipdropdown/src/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.html","../../../projects/vs-chipdropdown/src/lib/vs-chipdropdown.module.ts","../../../projects/vs-chipdropdown/src/public-api.ts","../../../projects/vs-chipdropdown/src/unnilouis.org-vs-chipdropdown.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class VsChipdropdownService {\r\n\r\n constructor(private http: HttpClient) { }\r\n postApi(Apiurl,json={},params): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.post<any>(Apiurl+paradata,json ,{\r\n headers: headers,\r\n \r\n });\r\n }\r\n GetApi(Apiurl,params=''): Observable<any> {\r\n const getToken = localStorage.getItem(\"sessionData\");\r\n let tokenValue = JSON.parse(getToken);\r\n let token = tokenValue.token;\r\n console.log(\"params\",params)\r\n let paradata=''\r\n if(params!==undefined && params!==null && params!==''){\r\n paradata=params\r\n }\r\n const headers = { Authorization: \"Token \" + token };\r\n return this.http.get<any>(Apiurl+paradata,{\r\n headers: headers,\r\n });\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-vs-chipdropdown',\r\n template: `\r\n <p>\r\n vs-chipdropdown works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class VsChipdropdownComponent {\r\n\r\n}\r\n","import { Component, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport {\r\n debounceTime,\r\n distinctUntilChanged,\r\n tap,\r\n filter,\r\n switchMap,\r\n finalize,\r\n takeUntil,\r\n map,\r\n} from \"rxjs/operators\";\r\nimport { from, Observable, fromEvent } from 'rxjs';\r\nimport { VsChipdropdownService } from '../vs-chipdropdown.service'\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\n@Component({\r\n selector: 'lib-vs-chipdd-cmp',\r\n templateUrl: './vs-chipdd-cmp.component.html',\r\n styleUrls: ['./vs-chipdd-cmp.component.scss']\r\n})\r\nexport class VsChipddCmpComponent {\r\n DrodownLoading: boolean;\r\n constructor(private service: VsChipdropdownService, private fb: FormBuilder) { }\r\n @Input() InputFields: any\r\n @Input() ResetForm: any\r\n @Input() Backendapi: boolean = true\r\n\r\n @ViewChild(MatAutocompleteTrigger) autocompleteTrigger: MatAutocompleteTrigger;\r\n @ViewChild('scrolll') matAutocompleteApp: MatAutocomplete;\r\n @Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();\r\n @ViewChild('DropInput') DropInput: any;\r\n readonly separatorsKeysCodes: number[] = [ENTER, COMMA];\r\n\r\n has_next: boolean = false;\r\n currentpage: number = 1;\r\n Dropdowndata: any = [];\r\n has_previous: boolean = false;\r\n DropdownForm: FormGroup\r\n chipSelectedId: any = [];\r\n chipSelectedObj: any = []\r\n\r\n ngOnInit() {\r\n this.DropdownForm = this.fb.group({\r\n value: ''\r\n })\r\n // if (this.InputFields?.defaultvalue) {\r\n // this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n // this.chipSelectedObj = this.InputFields?.defaultvalue\r\n // if (this.chipSelectedObj.length > 0) {\r\n // for (let foundemp of this.chipSelectedObj) {\r\n // if (this.InputFields?.Outputkey) {\r\n // this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n\r\n // }\r\n // else {\r\n // this.chipSelectedId.push(foundemp.id)\r\n\r\n // }\r\n // }\r\n // this.selected()\r\n // }\r\n\r\n\r\n // }\r\n // if (this.InputFields?.fronentdata) {\r\n // this.Dropdowndata = this.InputFields?.data\r\n\r\n // }\r\n // else {\r\n // this.getdropdown('')\r\n // }\r\n }\r\n dupngonit(){\r\n this.DropdownForm = this.fb.group({\r\n value: ''\r\n })\r\n if (this.InputFields?.defaultvalue) {\r\n this.DropdownForm.get(\"value\").patchValue(this.InputFields?.defaultvalue)\r\n this.chipSelectedObj = this.InputFields?.defaultvalue\r\n if (this.chipSelectedObj.length > 0) {\r\n for (let foundemp of this.chipSelectedObj) {\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey])\r\n\r\n }\r\n else {\r\n this.chipSelectedId.push(foundemp.id)\r\n\r\n }\r\n }\r\n this.selected()\r\n }\r\n\r\n\r\n }\r\n if (this.InputFields?.fronentdata) {\r\n this.Dropdowndata = this.InputFields?.data\r\n\r\n }\r\n else {\r\n this.getdropdown('')\r\n }\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.InputFields && changes.InputFields.currentValue) {\r\n console.log(\"Summary Log Changes\")\r\n this.currentpage = 1\r\n this.dupngonit()\r\n }\r\n if (changes.ResetForm && changes.ResetForm.currentValue) {\r\n console.log(\"hitted\")\r\n this.DropdownForm.reset()\r\n this.currentpage = 1\r\n this.dupngonit()\r\n this.chipSelectedId = [];\r\n this.chipSelectedObj = []\r\n this.dataEvent.emit([]);\r\n\r\n\r\n }\r\n }\r\n // public displaydevelopclient(clt: any, key: string) {\r\n // return key[clt];\r\n // }\r\n autocompleteAppScroll() {\r\n if (!(this.InputFields?.fronentdata)) {\r\n setTimeout(() => {\r\n if (\r\n this.matAutocompleteApp &&\r\n this.autocompleteTrigger &&\r\n this.matAutocompleteApp.panel\r\n ) {\r\n fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')\r\n .pipe(\r\n map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop),\r\n takeUntil(this.autocompleteTrigger.panelClosingActions as Observable<any>)\r\n )\r\n .subscribe(x => {\r\n const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;\r\n const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;\r\n const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;\r\n const atBottom = scrollHeight - 1 <= scrollTop + elementHeight;\r\n if (atBottom) {\r\n if (this.has_next === true) {\r\n let value = this.DropInput.nativeElement.value\r\n let params = this.searchparams(value)\r\n this.currentpage = this.currentpage + 1\r\n if (this.currentpage > 1) {\r\n this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n .subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n let datapagination = results[\"pagination\"];\r\n this.Dropdowndata = this.Dropdowndata.concat(datas);\r\n console.log(\"this.Dropdowndata\", this.Dropdowndata)\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n })\r\n }\r\n\r\n }\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n }\r\n dropdownsearch() {\r\n if (!(this.InputFields?.fronentdata)) {\r\n this.DropdownForm.get(\"value\").valueChanges.pipe(\r\n debounceTime(100),\r\n distinctUntilChanged(),\r\n tap(() => {\r\n this.DrodownLoading = true;\r\n console.log(\"inside tap\");\r\n }),\r\n switchMap((value) => {\r\n let params = this.searchparams(value);\r\n this.currentpage = 1\r\n return this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params).pipe(\r\n finalize(() => {\r\n this.DrodownLoading = false;\r\n })\r\n );\r\n })\r\n ).subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n this.Dropdowndata = datas;\r\n });\r\n }\r\n\r\n }\r\n getdropdown(value) {\r\n if(this.InputFields.url){\r\n let params = this.searchparams(value)\r\n this.service.GetApi(this.InputFields.url + \"?page=\" + this.currentpage, params)\r\n .subscribe((results: any[]) => {\r\n let datas = results[\"data\"];\r\n let datapagination = results[\"pagination\"];\r\n this.Dropdowndata = datas\r\n if (this.Dropdowndata.length >= 0) {\r\n this.has_next = datapagination.has_next;\r\n this.has_previous = datapagination.has_previous;\r\n this.currentpage = datapagination.index;\r\n }\r\n })\r\n\r\n }\r\n \r\n }\r\n selected() {\r\n // let data = this.DropdownForm.value.value\r\n if (this.InputFields?.wholedata) {\r\n this.dataEvent.emit(this.chipSelectedObj);\r\n }\r\n else {\r\n if (this.InputFields?.Outputkey) {\r\n this.dataEvent.emit(this.chipSelectedId);\r\n }\r\n else {\r\n this.dataEvent.emit(this.chipSelectedObj);\r\n }\r\n\r\n }\r\n\r\n }\r\n searchparams(value) {\r\n let params = ''\r\n if (this.InputFields.params) {\r\n params = this.InputFields.params\r\n }\r\n let inpValue = value\r\n inpValue ? params += '&' + this.InputFields.searchkey + '=' + inpValue : ''\r\n return params\r\n }\r\n removechip(obj) {\r\n const index = this.chipSelectedObj.indexOf(obj);\r\n\r\n if (index >= 0) {\r\n\r\n this.chipSelectedObj.splice(index, 1);\r\n console.log(this.chipSelectedObj);\r\n this.chipSelectedId.splice(index, 1);\r\n console.log(this.chipSelectedId);\r\n this.DropInput.nativeElement.value = '';\r\n this.selected()\r\n }\r\n\r\n }\r\n public venSelected(event: MatAutocompleteSelectedEvent): void {\r\n this.DropInput.nativeElement.value = '';\r\n console.log('event.option.value', event.option.value)\r\n this.selectvenByName(event.option.value[this.comparekey(event.option.value)]);\r\n console.log('chipSelectedvenid', this.chipSelectedObj)\r\n }\r\n private selectvenByName(ven) {\r\n let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);\r\n if (foundemp1.length) {\r\n return;\r\n }\r\n let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);\r\n if (foundemp.length) {\r\n this.chipSelectedObj.push(foundemp[0]);\r\n if (this.InputFields?.Outputkey) {\r\n this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey])\r\n\r\n }\r\n else {\r\n this.chipSelectedId.push(foundemp[0].id)\r\n\r\n }\r\n }\r\n }\r\n comparekey(e) {\r\n if (this.InputFields?.comparekey) {\r\n return this.InputFields?.comparekey\r\n }\r\n else {\r\n if (e?.id) {\r\n return \"id\"\r\n }\r\n else {\r\n return this.InputFields.displaykey\r\n }\r\n }\r\n }\r\n}"," <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-grid multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip-row *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-row>\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-grid>\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 \r\n \r\n","import { NgModule } from '@angular/core';\r\nimport { VsChipdropdownComponent } from './vs-chipdropdown.component';\r\nimport { VsChipddCmpComponent } from './vs-chipdd-cmp/vs-chipdd-cmp.component';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClientModule, HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\n@NgModule({\r\n declarations: [\r\n VsChipdropdownComponent,\r\n VsChipddCmpComponent\r\n ],\r\n imports: [MatFormFieldModule,CommonModule,\r\n MatInputModule,MatSelectModule,MatAutocompleteModule,FormsModule,ReactiveFormsModule,MatGridListModule,MatChipsModule,MatIconModule,\r\n HttpClientModule,\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: httpTranslateLoader,\r\n deps: [HttpClient],\r\n },\r\n }),\r\n ],\r\n exports: [\r\n VsChipddCmpComponent\r\n ]\r\n})\r\nexport class VsChipdropdownModule { }\r\nexport function httpTranslateLoader(http: HttpClient) {\r\n return new TranslateHttpLoader(http);\r\n}\r\n","/*\r\n * Public API Surface of vs-chipdropdown\r\n */\r\n\r\nexport * from './lib/vs-chipdropdown.service';\r\nexport * from './lib/vs-chipdropdown.component';\r\nexport * from './lib/vs-chipdropdown.module';\r\nexport * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.VsChipdropdownService"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { EventEmitter, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
2
|
+
import { MatAutocompleteSelectedEvent, MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
3
3
|
import { VsChipdropdownService } from '../vs-chipdropdown.service';
|
|
4
4
|
import { FormBuilder, FormGroup } from '@angular/forms';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class VsChipddCmpComponent {
|
|
6
7
|
private service;
|
|
7
8
|
private fb;
|
|
@@ -10,7 +11,6 @@ export declare class VsChipddCmpComponent {
|
|
|
10
11
|
InputFields: any;
|
|
11
12
|
ResetForm: any;
|
|
12
13
|
Backendapi: boolean;
|
|
13
|
-
trigger: MatAutocompleteTrigger;
|
|
14
14
|
autocompleteTrigger: MatAutocompleteTrigger;
|
|
15
15
|
matAutocompleteApp: MatAutocomplete;
|
|
16
16
|
dataEvent: EventEmitter<any>;
|
|
@@ -23,22 +23,18 @@ export declare class VsChipddCmpComponent {
|
|
|
23
23
|
DropdownForm: FormGroup;
|
|
24
24
|
chipSelectedId: any;
|
|
25
25
|
chipSelectedObj: any;
|
|
26
|
-
formGroup: FormGroup;
|
|
27
26
|
ngOnInit(): void;
|
|
28
|
-
looop(): void;
|
|
29
27
|
dupngonit(): void;
|
|
30
28
|
ngOnChanges(changes: SimpleChanges): void;
|
|
31
29
|
autocompleteAppScroll(): void;
|
|
32
|
-
|
|
33
|
-
dropdownsearch(): boolean;
|
|
30
|
+
dropdownsearch(): void;
|
|
34
31
|
getdropdown(value: any): void;
|
|
35
|
-
Outputdata: any;
|
|
36
|
-
dynamciformcontrolparent(): any;
|
|
37
32
|
selected(): void;
|
|
38
33
|
searchparams(value: any): string;
|
|
39
34
|
removechip(obj: any): void;
|
|
40
|
-
|
|
41
|
-
venSelected(datas: any): void;
|
|
35
|
+
venSelected(event: MatAutocompleteSelectedEvent): void;
|
|
42
36
|
private selectvenByName;
|
|
43
37
|
comparekey(e: any): any;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VsChipddCmpComponent, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<VsChipddCmpComponent, "lib-vs-chipdd-cmp", never, { "InputFields": { "alias": "InputFields"; "required": false; }; "ResetForm": { "alias": "ResetForm"; "required": false; }; "Backendapi": { "alias": "Backendapi"; "required": false; }; }, { "dataEvent": "dataEvent"; }, never, never, false, never>;
|
|
44
40
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare class VsChipdropdownComponent
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class VsChipdropdownComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<VsChipdropdownComponent, "lib-vs-chipdropdown", never, {}, {}, never, never, false, never>;
|
|
5
5
|
}
|
|
@@ -1,5 +1,22 @@
|
|
|
1
|
-
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
|
|
2
1
|
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./vs-chipdropdown.component";
|
|
5
|
+
import * as i2 from "./vs-chipdd-cmp/vs-chipdd-cmp.component";
|
|
6
|
+
import * as i3 from "@angular/material/form-field";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
8
|
+
import * as i5 from "@angular/material/input";
|
|
9
|
+
import * as i6 from "@angular/material/select";
|
|
10
|
+
import * as i7 from "@angular/material/autocomplete";
|
|
11
|
+
import * as i8 from "@angular/forms";
|
|
12
|
+
import * as i9 from "@angular/material/grid-list";
|
|
13
|
+
import * as i10 from "@angular/material/chips";
|
|
14
|
+
import * as i11 from "@angular/material/icon";
|
|
15
|
+
import * as i12 from "@angular/common/http";
|
|
16
|
+
import * as i13 from "@ngx-translate/core";
|
|
3
17
|
export declare class VsChipdropdownModule {
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownModule, never>;
|
|
19
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<VsChipdropdownModule, [typeof i1.VsChipdropdownComponent, typeof i2.VsChipddCmpComponent], [typeof i3.MatFormFieldModule, typeof i4.CommonModule, typeof i5.MatInputModule, typeof i6.MatSelectModule, typeof i7.MatAutocompleteModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.MatGridListModule, typeof i10.MatChipsModule, typeof i11.MatIconModule, typeof i12.HttpClientModule, typeof i13.TranslateModule], [typeof i2.VsChipddCmpComponent]>;
|
|
20
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<VsChipdropdownModule>;
|
|
4
21
|
}
|
|
5
22
|
export declare function httpTranslateLoader(http: HttpClient): TranslateHttpLoader;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { Observable } from 'rxjs';
|
|
2
2
|
import { HttpClient } from '@angular/common/http';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class VsChipdropdownService {
|
|
4
5
|
private http;
|
|
5
6
|
constructor(http: HttpClient);
|
|
6
7
|
postApi(Apiurl: any, json: {}, params: any): Observable<any>;
|
|
7
8
|
GetApi(Apiurl: any, params?: string): Observable<any>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VsChipdropdownService, never>;
|
|
10
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<VsChipdropdownService>;
|
|
8
11
|
}
|
package/package.json
CHANGED
|
@@ -1,17 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unnilouis.org/vs-chipdropdown",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"esm2015": "esm2015/unnilouis.org-vs-chipdropdown.js",
|
|
9
|
-
"fesm5": "fesm5/unnilouis.org-vs-chipdropdown.js",
|
|
10
|
-
"fesm2015": "fesm2015/unnilouis.org-vs-chipdropdown.js",
|
|
11
|
-
"typings": "unnilouis.org-vs-chipdropdown.d.ts",
|
|
12
|
-
"metadata": "unnilouis.org-vs-chipdropdown.metadata.json",
|
|
13
|
-
"sideEffects": false,
|
|
3
|
+
"version": "16.2.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^16.2.0",
|
|
6
|
+
"@angular/core": "^16.2.0"
|
|
7
|
+
},
|
|
14
8
|
"dependencies": {
|
|
15
|
-
"tslib": "^
|
|
9
|
+
"tslib": "^2.3.0"
|
|
10
|
+
},
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"module": "fesm2022/unnilouis.org-vs-chipdropdown.mjs",
|
|
13
|
+
"typings": "index.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
"./package.json": {
|
|
16
|
+
"default": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./index.d.ts",
|
|
20
|
+
"esm2022": "./esm2022/unnilouis.org-vs-chipdropdown.mjs",
|
|
21
|
+
"esm": "./esm2022/unnilouis.org-vs-chipdropdown.mjs",
|
|
22
|
+
"default": "./fesm2022/unnilouis.org-vs-chipdropdown.mjs"
|
|
23
|
+
}
|
|
16
24
|
}
|
|
17
|
-
}
|
|
25
|
+
}
|