ngx-mat-cdk
Version:
Extra Components for Angular Material including Filters,Drag Drop File, MatSelect Mobile Version
36 lines • 4.42 kB
JavaScript
import { Component, Input } from '@angular/core';
export class NgxMatSelectTriggerComponent {
constructor() {
this.values = [];
}
remove(chip) {
var _a;
if (this.matSelect) {
const itemIndex = this.values.findIndex(z => z[this.valueMember] == chip[this.valueMember]);
if (itemIndex !== -1) {
const val = this.matSelect.value;
this.matSelect.value = [];
val.splice(itemIndex, 1);
this.matSelect.value = val;
(_a = this.matSelect.ngControl) === null || _a === void 0 ? void 0 : _a.reset(this.matSelect.value);
}
}
}
ngOnInit() {
}
}
NgxMatSelectTriggerComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-mat-select-trigger',
template: "<mat-chip-list *ngIf=\"values && values.length > 0\">\r\n <mat-chip (removed)=\"remove(chip)\" *ngFor=\"let chip of values\">\r\n {{chip[displayMember]}}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n</mat-chip-list>\r\n",
styles: [""]
},] }
];
NgxMatSelectTriggerComponent.ctorParameters = () => [];
NgxMatSelectTriggerComponent.propDecorators = {
displayMember: [{ type: Input }],
valueMember: [{ type: Input }],
matSelect: [{ type: Input }],
values: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zZWxlY3QtdHJpZ2dlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvQWxpcmV6YSBNb2hhbW1hZGkvc291cmNlL3JlcG9zL015TGlicmFyeS9Bbmd1bGFyLkxpYnJhcnkvbGlicy9wcm9qZWN0cy9uZ3gtbWF0LWNkay9zcmMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvbmd4LW1hdC1zZWxlY3QtdHJpZ2dlci9uZ3gtbWF0LXNlbGVjdC10cmlnZ2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQVN2RCxNQUFNLE9BQU8sNEJBQTRCO0lBbUJ2QztRQWZTLFdBQU0sR0FBVSxFQUFFLENBQUM7SUFnQjVCLENBQUM7SUFkRCxNQUFNLENBQUMsSUFBUzs7UUFDZCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztZQUM1RixJQUFJLFNBQVMsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDcEIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7Z0JBQ2pDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztnQkFDMUIsR0FBRyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztnQkFDM0IsTUFBQSxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsMENBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFO2FBQ3ZEO1NBQ0Y7SUFDSCxDQUFDO0lBS0QsUUFBUTtJQUNSLENBQUM7OztZQTVCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsbVFBQXNEOzthQUV2RDs7Ozs0QkFFRSxLQUFLOzBCQUNMLEtBQUs7d0JBQ0wsS0FBSztxQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01hdFNlbGVjdH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NlbGVjdFwiO1xyXG5pbXBvcnQge01hdENoaXBFdmVudH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2NoaXBzL2NoaXBcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LW1hdC1zZWxlY3QtdHJpZ2dlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1tYXQtc2VsZWN0LXRyaWdnZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25neC1tYXQtc2VsZWN0LXRyaWdnZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd4TWF0U2VsZWN0VHJpZ2dlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzcGxheU1lbWJlcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbHVlTWVtYmVyOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWF0U2VsZWN0OiBNYXRTZWxlY3Q7XHJcbiAgQElucHV0KCkgdmFsdWVzOiBhbnlbXSA9IFtdO1xyXG5cclxuICByZW1vdmUoY2hpcDogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5tYXRTZWxlY3QpIHtcclxuICAgICAgY29uc3QgaXRlbUluZGV4ID0gdGhpcy52YWx1ZXMuZmluZEluZGV4KHogPT4gelt0aGlzLnZhbHVlTWVtYmVyXSA9PSBjaGlwW3RoaXMudmFsdWVNZW1iZXJdKTtcclxuICAgICAgaWYgKGl0ZW1JbmRleCAhPT0gLTEpIHtcclxuICAgICAgICBjb25zdCB2YWwgPSB0aGlzLm1hdFNlbGVjdC52YWx1ZTtcclxuICAgICAgICB0aGlzLm1hdFNlbGVjdC52YWx1ZSA9IFtdO1xyXG4gICAgICAgIHZhbC5zcGxpY2UoaXRlbUluZGV4LCAxKTtcclxuICAgICAgICB0aGlzLm1hdFNlbGVjdC52YWx1ZSA9IHZhbDtcclxuICAgICAgICB0aGlzLm1hdFNlbGVjdC5uZ0NvbnRyb2w/LnJlc2V0KHRoaXMubWF0U2VsZWN0LnZhbHVlKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==