input-deep-search/fesm2015/input-deep-search.js

1.Use npm to install the package

import { __decorate } from 'tslib';
import { EventEmitter, Input, Output, HostListener, Directive, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

function debounce(delay = 700) {
    return function (target, propertyKey, descriptor) {
        let timeout = null;
        const original = descriptor.value;
        descriptor.value = function (...args) {
            clearTimeout(timeout);
            timeout = setTimeout(() => original.apply(this, args), delay);
        };
        return descriptor;
    };
}

let InputSearchDirective = class InputSearchDirective {
    constructor() {
        this.filteredData = new EventEmitter();
    }
    set searchText(searchInput) {
        this.searchTextData = searchInput.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, '').toLowerCase();
    }
    onInputsearch(event) {
        let resultData = [];
        for (var j = 0; j < this.jsonData.length; j++) {
            if (this.getObject(this.jsonData[j], this.searchTextData, this.dataProperties)) {
                resultData.push(this.jsonData[j]);
            }
        }
        this.filteredData.emit(resultData);
    }
    getObject(inputObject, searchData, dataProperties) {
        var result = null;
        if (inputObject instanceof Array) {
            for (var i = 0; i < inputObject.length; i++) {
                if (this.getObject(inputObject[i], searchData, dataProperties)) {
                    return true;
                }
            }
        }
        else {
            for (var prop in inputObject) {
                if (inputObject[prop] instanceof Object || inputObject[prop] instanceof Array)
                    return this.getObject(inputObject[prop], searchData, dataProperties);
                if (dataProperties.length > 0 ? dataProperties.includes(prop) : true) {
                    if (inputObject[prop].replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, '').toLowerCase().includes(searchData)) {
                        return true;
                    }
                }
            }
        }
        return result;
    }
};
__decorate([
    Input('jsonData')
], InputSearchDirective.prototype, "jsonData", void 0);
__decorate([
    Input('dataProperties')
], InputSearchDirective.prototype, "dataProperties", void 0);
__decorate([
    Input('searchText')
], InputSearchDirective.prototype, "searchText", null);
__decorate([
    Output()
], InputSearchDirective.prototype, "filteredData", void 0);
__decorate([
    HostListener('window:keyup', ['$event']),
    debounce()
], InputSearchDirective.prototype, "onInputsearch", null);
InputSearchDirective = __decorate([
    Directive({
        selector: '[appInputSearch]'
    })
], InputSearchDirective);

let InputSearchDirectiveModule = class InputSearchDirectiveModule {
};
InputSearchDirectiveModule = __decorate([
    NgModule({
        declarations: [InputSearchDirective],
        imports: [
            CommonModule
        ],
        exports: [InputSearchDirective]
    })
], InputSearchDirectiveModule);

/**
 * Generated bundle index. Do not edit.
 */

export { InputSearchDirectiveModule, InputSearchDirective as ɵa, debounce as ɵb };
//# sourceMappingURL=input-deep-search.js.map