@unnilouis.org/vs-chipdropdown 16.2.5 → 16.2.7
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 +24 -24
- package/esm2022/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.mjs +162 -72
- package/esm2022/lib/vs-chipdropdown.component.mjs +9 -9
- package/esm2022/lib/vs-chipdropdown.service.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/unnilouis.org-vs-chipdropdown.mjs +167 -78
- package/fesm2022/unnilouis.org-vs-chipdropdown.mjs.map +1 -1
- package/lib/vs-chipdd-cmp/vs-chipdd-cmp.component.d.ts +9 -3
- package/package.json +1 -1
|
@@ -2,18 +2,18 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class VsChipdropdownComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VsChipdropdownComponent, selector: "lib-vs-chipdropdown", ngImport: i0, template: `
|
|
6
|
-
<p>
|
|
7
|
-
vs-chipdropdown works!
|
|
8
|
-
</p>
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VsChipdropdownComponent, selector: "lib-vs-chipdropdown", ngImport: i0, template: `
|
|
6
|
+
<p>
|
|
7
|
+
vs-chipdropdown works!
|
|
8
|
+
</p>
|
|
9
9
|
`, isInline: true }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-vs-chipdropdown', template: `
|
|
14
|
-
<p>
|
|
15
|
-
vs-chipdropdown works!
|
|
16
|
-
</p>
|
|
13
|
+
args: [{ selector: 'lib-vs-chipdropdown', template: `
|
|
14
|
+
<p>
|
|
15
|
+
vs-chipdropdown works!
|
|
16
|
+
</p>
|
|
17
17
|
` }]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidnMtY2hpcGRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3ZzLWNoaXBkcm9wZG93bi9zcmMvbGliL3ZzLWNoaXBkcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUMsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsMkRBUnhCOzs7O0dBSVQ7OzRGQUlVLHVCQUF1QjtrQkFWbkMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7R0FJVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdnMtY2hpcGRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHA+XHJcbiAgICAgIHZzLWNoaXBkcm9wZG93biB3b3JrcyFcclxuICAgIDwvcD5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFZzQ2hpcGRyb3Bkb3duQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIl19
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
42
42
|
providedIn: 'root'
|
|
43
43
|
}]
|
|
44
44
|
}], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidnMtY2hpcGRyb3Bkb3duLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy92cy1jaGlwZHJvcGRvd24vc3JjL2xpYi92cy1jaGlwZHJvcGRvd24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPM0MsTUFBTSxPQUFPLHFCQUFxQjtJQUVoQyxZQUFvQixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO0lBQUksQ0FBQztJQUN6QyxPQUFPLENBQUMsTUFBTSxFQUFDLElBQUksR0FBQyxFQUFFLEVBQUMsTUFBTTtRQUMzQixNQUFNLFFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3JELElBQUksVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsSUFBSSxLQUFLLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQztRQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBQyxNQUFNLENBQUMsQ0FBQTtRQUM1QixJQUFJLFFBQVEsR0FBQyxFQUFFLENBQUE7UUFDZixJQUFHLE1BQU0sS0FBRyxTQUFTLElBQUksTUFBTSxLQUFHLElBQUksSUFBSSxNQUFNLEtBQUcsRUFBRSxFQUFDO1lBQ3BELFFBQVEsR0FBQyxNQUFNLENBQUE7U0FDaEI7UUFDRCxNQUFNLE9BQU8sR0FBRyxFQUFFLGFBQWEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLENBQUM7UUFDcEQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBTSxNQUFNLEdBQUMsUUFBUSxFQUFDLElBQUksRUFBRTtZQUMvQyxPQUFPLEVBQUUsT0FBTztTQUVqQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsTUFBTSxDQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUMsRUFBRTtRQUNyQixNQUFNLFFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3JELElBQUksVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsSUFBSSxLQUFLLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQztRQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBQyxNQUFNLENBQUMsQ0FBQTtRQUM1QixJQUFJLFFBQVEsR0FBQyxFQUFFLENBQUE7UUFDZixJQUFHLE1BQU0sS0FBRyxTQUFTLElBQUksTUFBTSxLQUFHLElBQUksSUFBSSxNQUFNLEtBQUcsRUFBRSxFQUFDO1lBQ3BELFFBQVEsR0FBQyxNQUFNLENBQUE7U0FDaEI7UUFDRCxNQUFNLE9BQU8sR0FBRyxFQUFFLGFBQWEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLENBQUM7UUFDcEQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBTSxNQUFNLEdBQUMsUUFBUSxFQUFDO1lBQ3hDLE9BQU8sRUFBRSxPQUFPO1NBQ2pCLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBL0JVLHFCQUFxQjttSEFBckIscUJBQXFCLGNBRnBCLE1BQU07OzRGQUVQLHFCQUFxQjtrQkFIakMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFZzQ2hpcGRyb3Bkb3duU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkgeyB9XHJcbiAgcG9zdEFwaShBcGl1cmwsanNvbj17fSxwYXJhbXMpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgY29uc3QgZ2V0VG9rZW4gPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInNlc3Npb25EYXRhXCIpO1xyXG4gICAgbGV0IHRva2VuVmFsdWUgPSBKU09OLnBhcnNlKGdldFRva2VuKTtcclxuICAgIGxldCB0b2tlbiA9IHRva2VuVmFsdWUudG9rZW47XHJcbiAgICBjb25zb2xlLmxvZyhcInBhcmFtc1wiLHBhcmFtcylcclxuICAgIGxldCBwYXJhZGF0YT0nJ1xyXG4gICAgaWYocGFyYW1zIT09dW5kZWZpbmVkICYmIHBhcmFtcyE9PW51bGwgJiYgcGFyYW1zIT09Jycpe1xyXG4gICAgICBwYXJhZGF0YT1wYXJhbXNcclxuICAgIH1cclxuICAgIGNvbnN0IGhlYWRlcnMgPSB7IEF1dGhvcml6YXRpb246IFwiVG9rZW4gXCIgKyB0b2tlbiB9O1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0PGFueT4oQXBpdXJsK3BhcmFkYXRhLGpzb24gLHtcclxuICAgICAgaGVhZGVyczogaGVhZGVycyxcclxuICAgICAgXHJcbiAgICB9KTtcclxuICB9XHJcbiAgR2V0QXBpKEFwaXVybCxwYXJhbXM9JycpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgY29uc3QgZ2V0VG9rZW4gPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInNlc3Npb25EYXRhXCIpO1xyXG4gICAgbGV0IHRva2VuVmFsdWUgPSBKU09OLnBhcnNlKGdldFRva2VuKTtcclxuICAgIGxldCB0b2tlbiA9IHRva2VuVmFsdWUudG9rZW47XHJcbiAgICBjb25zb2xlLmxvZyhcInBhcmFtc1wiLHBhcmFtcylcclxuICAgIGxldCBwYXJhZGF0YT0nJ1xyXG4gICAgaWYocGFyYW1zIT09dW5kZWZpbmVkICYmIHBhcmFtcyE9PW51bGwgJiYgcGFyYW1zIT09Jycpe1xyXG4gICAgICBwYXJhZGF0YT1wYXJhbXNcclxuICAgIH1cclxuICAgIGNvbnN0IGhlYWRlcnMgPSB7IEF1dGhvcml6YXRpb246IFwiVG9rZW4gXCIgKyB0b2tlbiB9O1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQ8YW55PihBcGl1cmwrcGFyYWRhdGEse1xyXG4gICAgICBoZWFkZXJzOiBoZWFkZXJzLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -5,4 +5,4 @@ export * from './lib/vs-chipdropdown.service';
|
|
|
5
5
|
export * from './lib/vs-chipdropdown.component';
|
|
6
6
|
export * from './lib/vs-chipdropdown.module';
|
|
7
7
|
export * from './lib/vs-chipdd-cmp/vs-chipdd-cmp.component';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZzLWNoaXBkcm9wZG93bi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNkNBQTZDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdnMtY2hpcGRyb3Bkb3duXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdnMtY2hpcGRyb3Bkb3duLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi92cy1jaGlwZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdnMtY2hpcGRyb3Bkb3duLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZzLWNoaXBkZC1jbXAvdnMtY2hpcGRkLWNtcC5jb21wb25lbnQnIl19
|
|
@@ -6,9 +6,9 @@ import * as i5 from '@angular/material/autocomplete';
|
|
|
6
6
|
import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
7
7
|
import { map, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, finalize } from 'rxjs/operators';
|
|
8
8
|
import { fromEvent } from 'rxjs';
|
|
9
|
-
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
10
9
|
import * as i2 from '@angular/forms';
|
|
11
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
10
|
+
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
11
|
+
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
12
12
|
import * as i3 from '@angular/material/form-field';
|
|
13
13
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
14
14
|
import * as i4 from '@angular/material/core';
|
|
@@ -69,18 +69,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
69
|
|
|
70
70
|
class VsChipdropdownComponent {
|
|
71
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>
|
|
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
76
|
`, isInline: true }); }
|
|
77
77
|
}
|
|
78
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipdropdownComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
|
-
args: [{ selector: 'lib-vs-chipdropdown', template: `
|
|
81
|
-
<p>
|
|
82
|
-
vs-chipdropdown works!
|
|
83
|
-
</p>
|
|
80
|
+
args: [{ selector: 'lib-vs-chipdropdown', template: `
|
|
81
|
+
<p>
|
|
82
|
+
vs-chipdropdown works!
|
|
83
|
+
</p>
|
|
84
84
|
` }]
|
|
85
85
|
}] });
|
|
86
86
|
|
|
@@ -97,11 +97,18 @@ class VsChipddCmpComponent {
|
|
|
97
97
|
this.has_previous = false;
|
|
98
98
|
this.chipSelectedId = [];
|
|
99
99
|
this.chipSelectedObj = [];
|
|
100
|
+
this.Outputdata = [];
|
|
101
|
+
this.formkeyarr = [];
|
|
100
102
|
}
|
|
101
103
|
ngOnInit() {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
104
|
+
// if (this.formGroup) {
|
|
105
|
+
// this.DropdownForm = this.formGroup;
|
|
106
|
+
// } else {
|
|
107
|
+
// this.DropdownForm = this.fb.group({
|
|
108
|
+
// value: '',
|
|
109
|
+
// });
|
|
110
|
+
// }
|
|
111
|
+
// this.dupngonit();
|
|
105
112
|
// if (this.InputFields?.defaultvalue) {
|
|
106
113
|
// this.DropdownForm.get("value").patchValue(this.InputFields?.defaultvalue)
|
|
107
114
|
// this.chipSelectedObj = this.InputFields?.defaultvalue
|
|
@@ -124,25 +131,64 @@ class VsChipddCmpComponent {
|
|
|
124
131
|
// this.getdropdown('')
|
|
125
132
|
// }
|
|
126
133
|
}
|
|
134
|
+
looop() {
|
|
135
|
+
for (let foundemp of this.chipSelectedObj) {
|
|
136
|
+
if (!(foundemp instanceof Number)) {
|
|
137
|
+
if (this.InputFields?.Outputkey) {
|
|
138
|
+
this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey]);
|
|
139
|
+
}
|
|
140
|
+
if (this.InputFields?.formkey) {
|
|
141
|
+
this.formkeyarr.push(foundemp[this.InputFields?.formkey]);
|
|
142
|
+
}
|
|
143
|
+
else {
|
|
144
|
+
this.chipSelectedId.push(foundemp.id);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
127
149
|
dupngonit() {
|
|
128
|
-
this.
|
|
129
|
-
|
|
130
|
-
|
|
150
|
+
if (this.formGroup) {
|
|
151
|
+
this.DropdownForm = this.formGroup;
|
|
152
|
+
if (!this.DropdownForm.contains(this.InputFields?.formcontrolname)) {
|
|
153
|
+
this.DropdownForm.addControl(this.dynamciformcontrolparent(), new FormControl({ value: [], disabled: this.InputFields?.disabled }));
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
this.DropdownForm = this.fb.group({
|
|
158
|
+
chipvalue: [],
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
console.log('this.DropdownForm', this.DropdownForm.value);
|
|
162
|
+
// this.chipSelectedObj =
|
|
163
|
+
// this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
|
|
164
|
+
// this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0
|
|
165
|
+
// ? this.DropdownForm.get(this.dynamciformcontrolparent()).value
|
|
166
|
+
// : [];
|
|
167
|
+
// console.log('this.chipSelectedObj', this.chipSelectedObj);
|
|
131
168
|
if (this.InputFields?.defaultvalue) {
|
|
132
|
-
this.DropdownForm.get(
|
|
169
|
+
// this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(
|
|
170
|
+
// this.InputFields?.formkey
|
|
171
|
+
// ? this.InputFields?.defaultvalue[this.InputFields?.formkey]
|
|
172
|
+
// : this.InputFields?.defaultvalue
|
|
173
|
+
// );
|
|
174
|
+
// this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.InputFields?.defaultvalue);
|
|
133
175
|
this.chipSelectedObj = this.InputFields?.defaultvalue;
|
|
176
|
+
this.chipSelectedId = [];
|
|
177
|
+
this.formkeyarr = [];
|
|
134
178
|
if (this.chipSelectedObj.length > 0) {
|
|
135
|
-
|
|
136
|
-
if (this.InputFields?.Outputkey) {
|
|
137
|
-
this.chipSelectedId.push(foundemp[this.InputFields?.Outputkey]);
|
|
138
|
-
}
|
|
139
|
-
else {
|
|
140
|
-
this.chipSelectedId.push(foundemp.id);
|
|
141
|
-
}
|
|
142
|
-
}
|
|
179
|
+
this.looop();
|
|
143
180
|
this.selected();
|
|
144
181
|
}
|
|
145
182
|
}
|
|
183
|
+
if (this.DropdownForm.get(this.dynamciformcontrolparent()).value &&
|
|
184
|
+
this.DropdownForm.get(this.dynamciformcontrolparent()).value.length !== 0) {
|
|
185
|
+
this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value;
|
|
186
|
+
console.log('test', this.chipSelectedObj = this.DropdownForm.get(this.dynamciformcontrolparent()).value);
|
|
187
|
+
this.chipSelectedId = [];
|
|
188
|
+
this.formkeyarr = [];
|
|
189
|
+
this.looop();
|
|
190
|
+
this.selected();
|
|
191
|
+
}
|
|
146
192
|
if (this.InputFields?.fronentdata) {
|
|
147
193
|
this.Dropdowndata = this.InputFields?.data;
|
|
148
194
|
}
|
|
@@ -152,16 +198,17 @@ class VsChipddCmpComponent {
|
|
|
152
198
|
}
|
|
153
199
|
ngOnChanges(changes) {
|
|
154
200
|
if (changes.InputFields && changes.InputFields.currentValue) {
|
|
155
|
-
console.log(
|
|
201
|
+
console.log('Summary Log Changes');
|
|
156
202
|
this.currentpage = 1;
|
|
157
203
|
this.dupngonit();
|
|
158
204
|
}
|
|
159
205
|
if (changes.ResetForm && changes.ResetForm.currentValue) {
|
|
160
|
-
console.log(
|
|
161
|
-
this.DropdownForm.reset();
|
|
206
|
+
console.log('hitted');
|
|
207
|
+
// this.DropdownForm.reset();
|
|
162
208
|
this.currentpage = 1;
|
|
163
209
|
this.dupngonit();
|
|
164
210
|
this.chipSelectedId = [];
|
|
211
|
+
this.formkeyarr = [];
|
|
165
212
|
this.chipSelectedObj = [];
|
|
166
213
|
this.dataEvent.emit([]);
|
|
167
214
|
}
|
|
@@ -170,14 +217,14 @@ class VsChipddCmpComponent {
|
|
|
170
217
|
// return key[clt];
|
|
171
218
|
// }
|
|
172
219
|
autocompleteAppScroll() {
|
|
173
|
-
if (!
|
|
220
|
+
if (!this.InputFields?.fronentdata) {
|
|
174
221
|
setTimeout(() => {
|
|
175
222
|
if (this.matAutocompleteApp &&
|
|
176
223
|
this.autocompleteTrigger &&
|
|
177
224
|
this.matAutocompleteApp.panel) {
|
|
178
225
|
fromEvent(this.matAutocompleteApp.panel.nativeElement, 'scroll')
|
|
179
|
-
.pipe(map(x => this.matAutocompleteApp.panel.nativeElement.scrollTop), takeUntil(this.autocompleteTrigger.panelClosingActions))
|
|
180
|
-
.subscribe(x => {
|
|
226
|
+
.pipe(map((x) => this.matAutocompleteApp.panel.nativeElement.scrollTop), takeUntil(this.autocompleteTrigger.panelClosingActions))
|
|
227
|
+
.subscribe((x) => {
|
|
181
228
|
const scrollTop = this.matAutocompleteApp.panel.nativeElement.scrollTop;
|
|
182
229
|
const scrollHeight = this.matAutocompleteApp.panel.nativeElement.scrollHeight;
|
|
183
230
|
const elementHeight = this.matAutocompleteApp.panel.nativeElement.clientHeight;
|
|
@@ -188,12 +235,13 @@ class VsChipddCmpComponent {
|
|
|
188
235
|
let params = this.searchparams(value);
|
|
189
236
|
this.currentpage = this.currentpage + 1;
|
|
190
237
|
if (this.currentpage > 1) {
|
|
191
|
-
this.service
|
|
238
|
+
this.service
|
|
239
|
+
.GetApi(this.InputFields.url + '?page=' + this.currentpage, params)
|
|
192
240
|
.subscribe((results) => {
|
|
193
|
-
let datas = results[
|
|
194
|
-
let datapagination = results[
|
|
241
|
+
let datas = results['data'];
|
|
242
|
+
let datapagination = results['pagination'];
|
|
195
243
|
this.Dropdowndata = this.Dropdowndata.concat(datas);
|
|
196
|
-
console.log(
|
|
244
|
+
console.log('this.Dropdowndata', this.Dropdowndata);
|
|
197
245
|
if (this.Dropdowndata.length >= 0) {
|
|
198
246
|
this.has_next = datapagination.has_next;
|
|
199
247
|
this.has_previous = datapagination.has_previous;
|
|
@@ -209,30 +257,39 @@ class VsChipddCmpComponent {
|
|
|
209
257
|
}
|
|
210
258
|
}
|
|
211
259
|
dropdownsearch() {
|
|
212
|
-
if (!
|
|
213
|
-
this.DropdownForm.get(
|
|
260
|
+
if (!this.InputFields?.fronentdata) {
|
|
261
|
+
this.DropdownForm.get('value')
|
|
262
|
+
.valueChanges.pipe(debounceTime(100), distinctUntilChanged(), tap(() => {
|
|
214
263
|
this.DrodownLoading = true;
|
|
215
|
-
console.log(
|
|
264
|
+
console.log('inside tap');
|
|
216
265
|
}), switchMap((value) => {
|
|
217
266
|
let params = this.searchparams(value);
|
|
218
267
|
this.currentpage = 1;
|
|
219
|
-
return this.service
|
|
268
|
+
return this.service
|
|
269
|
+
.GetApi(this.InputFields.url + '?page=' + this.currentpage, params)
|
|
270
|
+
.pipe(finalize(() => {
|
|
220
271
|
this.DrodownLoading = false;
|
|
221
272
|
}));
|
|
222
|
-
}))
|
|
223
|
-
|
|
273
|
+
}))
|
|
274
|
+
.subscribe((results) => {
|
|
275
|
+
let datas = results['data'];
|
|
224
276
|
this.Dropdowndata = datas;
|
|
225
277
|
});
|
|
226
278
|
}
|
|
227
279
|
}
|
|
228
280
|
getdropdown(value) {
|
|
281
|
+
this.currentpage = 1;
|
|
229
282
|
if (this.InputFields.url) {
|
|
230
283
|
let params = this.searchparams(value);
|
|
231
|
-
this.service
|
|
284
|
+
this.service
|
|
285
|
+
.GetApi(this.InputFields.url + '?page=' + this.currentpage, params)
|
|
232
286
|
.subscribe((results) => {
|
|
233
|
-
let datas = results[
|
|
234
|
-
let datapagination = results[
|
|
287
|
+
let datas = results['data'];
|
|
288
|
+
let datapagination = results['pagination'];
|
|
235
289
|
this.Dropdowndata = datas;
|
|
290
|
+
setTimeout(() => {
|
|
291
|
+
this.trigger.openPanel();
|
|
292
|
+
}, 0);
|
|
236
293
|
if (this.Dropdowndata.length >= 0) {
|
|
237
294
|
this.has_next = datapagination.has_next;
|
|
238
295
|
this.has_previous = datapagination.has_previous;
|
|
@@ -241,34 +298,49 @@ class VsChipddCmpComponent {
|
|
|
241
298
|
});
|
|
242
299
|
}
|
|
243
300
|
}
|
|
301
|
+
dynamciformcontrolparent() {
|
|
302
|
+
return this.InputFields?.formcontrolname && this.formGroup
|
|
303
|
+
? this.InputFields?.formcontrolname
|
|
304
|
+
: 'chipvalue';
|
|
305
|
+
}
|
|
244
306
|
selected() {
|
|
245
|
-
|
|
246
|
-
if (this.InputFields?.
|
|
247
|
-
this.
|
|
248
|
-
if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
249
|
-
this.InputFields?.formgroup
|
|
250
|
-
.get(this.InputFields?.formcontrolname)
|
|
251
|
-
.patchValue(this.chipSelectedObj);
|
|
252
|
-
}
|
|
307
|
+
this.Outputdata = this.chipSelectedObj;
|
|
308
|
+
if (this.InputFields?.Outputkey) {
|
|
309
|
+
this.Outputdata = this.chipSelectedId;
|
|
253
310
|
}
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
this.dataEvent.emit(this.chipSelectedId);
|
|
257
|
-
if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
258
|
-
this.InputFields?.formgroup
|
|
259
|
-
.get(this.InputFields?.formcontrolname)
|
|
260
|
-
.patchValue(this.chipSelectedId);
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
else {
|
|
264
|
-
this.dataEvent.emit(this.chipSelectedObj);
|
|
265
|
-
if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
266
|
-
this.InputFields?.formgroup
|
|
267
|
-
.get(this.InputFields?.formcontrolname)
|
|
268
|
-
.patchValue(this.chipSelectedObj);
|
|
269
|
-
}
|
|
270
|
-
}
|
|
311
|
+
if (this.formGroup && this.InputFields?.formcontrolname) {
|
|
312
|
+
this.DropdownForm.get(this.dynamciformcontrolparent()).patchValue(this.formkeyarr);
|
|
271
313
|
}
|
|
314
|
+
console.log(this.formkeyarr);
|
|
315
|
+
console.log('this.DropdownForm.get', this.DropdownForm.value);
|
|
316
|
+
this.dataEvent.emit(this.Outputdata);
|
|
317
|
+
// let data = this.DropdownForm.value.value
|
|
318
|
+
// if (this.InputFields?.wholedata) {
|
|
319
|
+
// this.dataEvent.emit(this.chipSelectedObj);
|
|
320
|
+
// if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
321
|
+
// this.InputFields?.formgroup
|
|
322
|
+
// .get(this.InputFields?.formcontrolname)
|
|
323
|
+
// .patchValue(this.chipSelectedObj);
|
|
324
|
+
// }
|
|
325
|
+
// }
|
|
326
|
+
// else {
|
|
327
|
+
// if (this.InputFields?.Outputkey) {
|
|
328
|
+
// this.dataEvent.emit(this.chipSelectedId);
|
|
329
|
+
// if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
330
|
+
// this.InputFields?.formgroup
|
|
331
|
+
// .get(this.InputFields?.formcontrolname)
|
|
332
|
+
// .patchValue(this.chipSelectedId);
|
|
333
|
+
// }
|
|
334
|
+
// }
|
|
335
|
+
// else {
|
|
336
|
+
// this.dataEvent.emit(this.chipSelectedObj);
|
|
337
|
+
// if (this.InputFields?.formgroup && this.InputFields?.formcontrolname) {
|
|
338
|
+
// this.InputFields?.formgroup
|
|
339
|
+
// .get(this.InputFields?.formcontrolname)
|
|
340
|
+
// .patchValue(this.chipSelectedObj);
|
|
341
|
+
// }
|
|
342
|
+
// }
|
|
343
|
+
// }
|
|
272
344
|
}
|
|
273
345
|
searchparams(value) {
|
|
274
346
|
let params = '';
|
|
@@ -276,7 +348,9 @@ class VsChipddCmpComponent {
|
|
|
276
348
|
params = this.InputFields.params;
|
|
277
349
|
}
|
|
278
350
|
let inpValue = value;
|
|
279
|
-
inpValue
|
|
351
|
+
inpValue
|
|
352
|
+
? (params += '&' + this.InputFields.searchkey + '=' + inpValue)
|
|
353
|
+
: '';
|
|
280
354
|
return params;
|
|
281
355
|
}
|
|
282
356
|
removechip(obj) {
|
|
@@ -286,30 +360,37 @@ class VsChipddCmpComponent {
|
|
|
286
360
|
console.log(this.chipSelectedObj);
|
|
287
361
|
this.chipSelectedId.splice(index, 1);
|
|
288
362
|
console.log(this.chipSelectedId);
|
|
363
|
+
this.formkeyarr.splice(index, 1);
|
|
364
|
+
console.log('this.formkeyarr', this.formkeyarr);
|
|
289
365
|
this.DropInput.nativeElement.value = '';
|
|
290
366
|
this.selected();
|
|
291
367
|
}
|
|
292
368
|
}
|
|
293
|
-
venSelected(
|
|
369
|
+
venSelected(data) {
|
|
294
370
|
this.DropInput.nativeElement.value = '';
|
|
295
|
-
console.log('event.option.value',
|
|
296
|
-
this.selectvenByName(
|
|
371
|
+
console.log('event.option.value', data);
|
|
372
|
+
this.selectvenByName(data[this.comparekey(data)]);
|
|
297
373
|
console.log('chipSelectedvenid', this.chipSelectedObj);
|
|
298
374
|
}
|
|
299
375
|
selectvenByName(ven) {
|
|
300
|
-
let foundemp1 = this.chipSelectedObj.filter(e => e[this.comparekey(e)] == ven);
|
|
376
|
+
let foundemp1 = this.chipSelectedObj.filter((e) => e[this.comparekey(e)] == ven);
|
|
301
377
|
if (foundemp1.length) {
|
|
302
378
|
return;
|
|
303
379
|
}
|
|
304
|
-
let foundemp = this.Dropdowndata.filter(e => e[this.comparekey(e)] == ven);
|
|
380
|
+
let foundemp = this.Dropdowndata.filter((e) => e[this.comparekey(e)] == ven);
|
|
305
381
|
if (foundemp.length) {
|
|
306
382
|
this.chipSelectedObj.push(foundemp[0]);
|
|
307
383
|
if (this.InputFields?.Outputkey) {
|
|
308
384
|
this.chipSelectedId.push(foundemp[0][this.InputFields?.Outputkey]);
|
|
309
385
|
}
|
|
386
|
+
if (this.InputFields?.formkey) {
|
|
387
|
+
this.formkeyarr.push(foundemp[0][this.InputFields?.formkey]);
|
|
388
|
+
}
|
|
310
389
|
else {
|
|
311
390
|
this.chipSelectedId.push(foundemp[0].id);
|
|
312
391
|
}
|
|
392
|
+
console.log('formkeyarr12', this.formkeyarr);
|
|
393
|
+
this.selected();
|
|
313
394
|
}
|
|
314
395
|
}
|
|
315
396
|
comparekey(e) {
|
|
@@ -318,7 +399,7 @@ class VsChipddCmpComponent {
|
|
|
318
399
|
}
|
|
319
400
|
else {
|
|
320
401
|
if (e?.id) {
|
|
321
|
-
return
|
|
402
|
+
return 'id';
|
|
322
403
|
}
|
|
323
404
|
else {
|
|
324
405
|
return this.InputFields.displaykey;
|
|
@@ -326,17 +407,23 @@ class VsChipddCmpComponent {
|
|
|
326
407
|
}
|
|
327
408
|
}
|
|
328
409
|
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 }); }
|
|
329
|
-
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
|
|
410
|
+
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", formGroup: "formGroup" }, outputs: { dataEvent: "dataEvent" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: ["autoCompleteInput"], descendants: true, read: MatAutocompleteTrigger }, { 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\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-grid multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip-row\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-row>\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-grid>\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: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: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.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: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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" }] }); }
|
|
330
411
|
}
|
|
331
412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VsChipddCmpComponent, decorators: [{
|
|
332
413
|
type: Component,
|
|
333
|
-
args: [{ selector: 'lib-vs-chipdd-cmp', template: "<div
|
|
414
|
+
args: [{ 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-grid multiple #chipListvendor class=\"chip-container\">\r\n <mat-chip-row\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-row>\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-grid>\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: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"] }]
|
|
334
415
|
}], ctorParameters: function () { return [{ type: VsChipdropdownService }, { type: i2.FormBuilder }]; }, propDecorators: { InputFields: [{
|
|
335
416
|
type: Input
|
|
336
417
|
}], ResetForm: [{
|
|
337
418
|
type: Input
|
|
338
419
|
}], Backendapi: [{
|
|
339
420
|
type: Input
|
|
421
|
+
}], trigger: [{
|
|
422
|
+
type: ViewChild,
|
|
423
|
+
args: ['autoCompleteInput', {
|
|
424
|
+
static: false,
|
|
425
|
+
read: MatAutocompleteTrigger,
|
|
426
|
+
}]
|
|
340
427
|
}], autocompleteTrigger: [{
|
|
341
428
|
type: ViewChild,
|
|
342
429
|
args: [MatAutocompleteTrigger]
|
|
@@ -348,6 +435,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
348
435
|
}], DropInput: [{
|
|
349
436
|
type: ViewChild,
|
|
350
437
|
args: ['DropInput']
|
|
438
|
+
}], formGroup: [{
|
|
439
|
+
type: Input
|
|
351
440
|
}] } });
|
|
352
441
|
|
|
353
442
|
// import {VsSharedModuleModule} from '@unnilouis.org/vs-shared-module'
|