UNPKG

ngx-mat-cdk

Version:

Extra Components for Angular Material including Filters,Drag Drop File, MatSelect Mobile Version

35 lines 4.23 kB
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==