<script type="x/template" id="vue-item-filter-list">
    <div v-if="facets.length > 0">
        {{ component( "Ceres::ItemList.Components.Filter.ItemFilter") }}
        {{ component( "Ceres::ItemList.Components.Filter.ItemFilterTagList") }}

        <div class="row">
            <div class="col-xs-12">
                <div class="text-xs-right">

                    <a class="filter-toggle" data-toggle="collapse" href="#filterCollapse" aria-expanded="false" aria-controls="filterCollapse">
                        <i class="fa fa-sliders" aria-hidden="true"></i> Filter
                    </a>

                    <item-filter-tag-list :category-id="categoryId" :facets="facets"></item-filter-tag-list>
                </div>
            </div>
        </div>

        <item-filter v-for="facet in facets" :facet="facet" :category-id="categoryId"></item-filter>
    </div>
</script>
<script type="x/template" id="vue-item-filter-list">
    <div v-if="facets && facets.length > 0">
        {{ component( "Ceres::ItemList.Components.Filter.ItemFilter") }}
        {{ component( "Ceres::ItemList.Components.Filter.ItemFilterTagList") }}

        <div class="row">
            <div class="col-xs-12">
                <div class="text-xs-right">

                    <a class="filter-toggle" data-toggle="collapse" href="#filterCollapse" aria-expanded="false" aria-controls="filterCollapse">
                        <i class="fa fa-sliders" aria-hidden="true"></i> Filter
                    </a>

                    <item-filter-tag-list :category-id="categoryId" :facets="facets"></item-filter-tag-list>
                </div>
            </div>
        </div>

        <item-filter v-for="facet in facets" :facet="facet" :category-id="categoryId"></item-filter>
    </div>
</script>
FIX add null check to facets rendering
FIX add null check to facets rendering
