Aurelia ValueConverter - Array Filter by Text Input

genericFilter.js

//aurelia ValueConverter
export class GenericFilterValueConverter {
    toView(array, value, cols, showResults=false) {
        if (!value) { return showResults ?  array :  []; };

        var arrayOut = array.filter(
            function(arrayIn) {
                for (var col in arrayIn) {
                    if (arrayIn.hasOwnProperty(col)) {
                        if (cols.indexOf(col) != -1 && arrayIn[col].toLowerCase()
                                                                   .indexOf(value.toLowerCase()) != -1) {
                            return true;
                        }
                    }
                };
                return false;
            });
        return arrayOut;
    }
}

products.html

<!--aurelia view-->
<template>
    <require from="../services/genericFilter"></require>
    <input type="text" placeholder="Search Product Name" name="searchValue" value.bind="searchValue & debounce:500"/>
    <div class="grid">
        <div repeat.for="product of products | genericFilter:searchValue:definedColumns:true">
            <div class="col-1-2">
                <!--product.html repeats for each product-->
                <compose model.bind="product" view="products/product.html"></compose>
            </div>
        </div>
    </div>
</template>

products.js

//aurelia module
export class Products {
    constructor(utilityNameData, router) {
        this.products = [];
        //this view will sort   size,  cost,  produtName
        this.definedColumns = ["size","cost","productName"];
    }
    activate() {
        return this.data.getAllProducts()
            .then(products => {
                this.products = products;
            });
    }
}