<div class="form-group max-w-500">
    <input type="search" class="form-control form-control-light m-0" aria-label="Search" placeholder="Search products" spellcheck="false"
        data-bind="textInput: pattern" />
</div>

<div class="cards">
    <!-- ko if: working -->
    <div class="cards-body">
        <spinner class="fit"></spinner>
    </div>
    <!-- /ko -->

    <!-- ko ifnot: working -->
    <div class="cards-body animation-fade-in">

        <!-- ko foreach: { data: products, as: 'item' } -->
    