ngx-mat-cdk
Version:
Extra Components for Angular Material including Filters,Drag Drop File, MatSelect Mobile Version
35 lines • 4.23 kB
JavaScript
import { Directive, ElementRef, Input } from '@angular/core';
export class NgxMatSearchBoxDirective {
constructor(el) {
this.el = el;
this.classes = [];
if (this.el.nativeElement) {
const inputEl = this.el.nativeElement;
const icon = document.createElement('i');
icon.classList.add('ngx-mat-search-box-icon');
icon.classList.add('fal');
icon.classList.add('fa-search');
const container = document.createElement('div');
container.classList.add('ngx-mat-search-box-container');
this.classes.forEach(cls => {
container.classList.add(cls);
});
inputEl.classList.add('ngx-mat-search-box-input');
inputEl.before(container);
container.appendChild(inputEl);
container.appendChild(icon);
}
}
}
NgxMatSearchBoxDirective.decorators = [
{ type: Directive, args: [{
selector: 'input[ngxMatSearchBox]'
},] }
];
NgxMatSearchBoxDirective.ctorParameters = () => [
{ type: ElementRef }
];
NgxMatSearchBoxDirective.propDecorators = {
classes: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zZWFyY2gtYm94LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9BbGlyZXphIE1vaGFtbWFkaS9zb3VyY2UvcmVwb3MvTXlMaWJyYXJ5L0FuZ3VsYXIuTGlicmFyeS9saWJzL3Byb2plY3RzL25neC1tYXQtY2RrL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9zaGFyZWQvZGlyZWN0aXZlcy9uZ3gtbWF0LXNlYXJjaC1ib3guZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUszRCxNQUFNLE9BQU8sd0JBQXdCO0lBR25DLFlBQ1UsRUFBZ0M7UUFBaEMsT0FBRSxHQUFGLEVBQUUsQ0FBOEI7UUFIakMsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUs5QixJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFO1lBQ3pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1lBQ3RDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDekMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMseUJBQXlCLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUNoQyxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hELFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ3pCLFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1lBQ0gsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsMEJBQTBCLENBQUMsQ0FBQztZQUNsRCxPQUFPLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzFCLFNBQVMsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDL0IsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM3QjtJQUNILENBQUM7OztZQXpCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjthQUNuQzs7O1lBSmtCLFVBQVU7OztzQkFNMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ2lucHV0W25neE1hdFNlYXJjaEJveF0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hNYXRTZWFyY2hCb3hEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PlxyXG4gICkge1xyXG4gICAgaWYgKHRoaXMuZWwubmF0aXZlRWxlbWVudCkge1xyXG4gICAgICBjb25zdCBpbnB1dEVsID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xyXG4gICAgICBjb25zdCBpY29uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaScpO1xyXG4gICAgICBpY29uLmNsYXNzTGlzdC5hZGQoJ25neC1tYXQtc2VhcmNoLWJveC1pY29uJyk7XHJcbiAgICAgIGljb24uY2xhc3NMaXN0LmFkZCgnZmFsJyk7XHJcbiAgICAgIGljb24uY2xhc3NMaXN0LmFkZCgnZmEtc2VhcmNoJyk7XHJcbiAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xyXG4gICAgICBjb250YWluZXIuY2xhc3NMaXN0LmFkZCgnbmd4LW1hdC1zZWFyY2gtYm94LWNvbnRhaW5lcicpO1xyXG4gICAgICB0aGlzLmNsYXNzZXMuZm9yRWFjaChjbHMgPT4ge1xyXG4gICAgICAgIGNvbnRhaW5lci5jbGFzc0xpc3QuYWRkKGNscyk7XHJcbiAgICAgIH0pO1xyXG4gICAgICBpbnB1dEVsLmNsYXNzTGlzdC5hZGQoJ25neC1tYXQtc2VhcmNoLWJveC1pbnB1dCcpO1xyXG4gICAgICBpbnB1dEVsLmJlZm9yZShjb250YWluZXIpO1xyXG4gICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQoaW5wdXRFbCk7XHJcbiAgICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZChpY29uKTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiJdfQ==