{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/filter/ItemFilter.vue","webpack:///resources/js/src/app/components/itemList/filter/ItemFilterList.vue","webpack:///resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?db71","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?8c6e","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?9960","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?4603","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?0ff5","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?392f","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?a593","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?575d","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?ef57"],"names":[],"mappings":"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2BAkCA;AACA;AACA,iDACA;AAAA;AAAA;AAAA,SADA;AAEA;AACA,KAvCA;AAyCA,oBAzCA,8BAyCA;AACA;;AAEA;AACA;AACA;;AACA;AACA,KAhDA;AAkDA,qBAlDA,6BAkDA,IAlDA,EAkDA;AAAA;;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAJA;AAKA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA,WAJA;AAKA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;AAtBA;AAwBA;AA5EA;AAlCA,G;;;;;;;;;;;;ACzCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,8CAA8C;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA,+BAA+B,8CAA8C;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC;AACpC,2BAA2B;AAC3B;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,qCAAqC,0BAA0B;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA,uBAAuB,qCAAqC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,yCAAyC,oCAAoC;AAC7E;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC;AACxC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC9MA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX;AACA;AACA,aAAa,SAAS,+CAA+C,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClDA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,mCAAmC;AACvD;AACA,mBAAmB,2CAA2C;AAC9D;AACA;AACA,eAAe,2CAA2C;AAC1D,iBAAiB,0CAA0C;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,qBAAqB,sBAAsB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,iBAAiB,2CAA2C;AAC5D;AACA;AACA;AACA,iBAAiB,0CAA0C;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,qBAAqB,sBAAsB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,eAAe,2CAA2C;AAC1D;AACA;AACA;AACA,wBAAwB,wCAAwC;AAChE;AACA,kBAAkB,2BAA2B;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzGA;AAAA;AAAA;AAAA;AAAyF;AAC3B;AACL;;;AAGzD;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,qFAAM;AACR,EAAE,8FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAwM,CAAgB,8OAAG,EAAC,C;;;;;;;;;;;;ACA5N;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA6F;AAC3B;AACL;;;AAG7D;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,oFAAM;AACR,EAAE,yFAAM;AACR,EAAE,kGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA4M,CAAgB,kPAAG,EAAC,C;;;;;;;;;;;;ACAhO;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA8F;AAC3B;AACL;;;AAG9D;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,qFAAM;AACR,EAAE,0FAAM;AACR,EAAE,mGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA6M,CAAgB,mPAAG,EAAC,C;;;;;;;;;;;;ACAjO;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-7.js","sourcesContent":["<template>\n    <div :class=\"facet.cssClass + ' item-filter item-filter--' + filterType\" v-if=\"facet.name\">\n        <div v-if=\"filterType === 'sidebar' || isMobile\">\n            <button class=\"btn item-filter-toggle collapsed\" data-toggle=\"collapse\"\n               :data-target=\"'#filter-collapse_' + facet.id\"\n               aria-expanded=\"false\" :aria-controls=\"'filter-collapse_' + _cid\">\n                {{ facetName }}\n                <span>\n                    <span v-for=\"activeFacet in activeFacets.slice(0,3)\" class=\"badge badge-light badge-pill\">\n                        {{ activeFacet.name }}\n                    </span>\n                    <span v-if=\"activeFacets.length>3\" class=\"badge badge-light badge-pill\">\n                        ...\n                    </span>\n                    <svg class=\"icon icon-chevron-down\" fill=\"currentColor\">\n                        <use xlink:href=\"#chevron-down\" />\n                    </svg>\n                </span>\n            </button>\n        </div>\n        <button v-else class=\"btn btn-light dropdown-toggle\" type=\"button\"\n                id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            {{ facetName }}\n        </button>\n        <div :class=\"wrapperClasses\" :id=\"'filter-collapse_' + facet.id\">\n            <template v-if=\"facet.type === 'price'\">\n                <item-filter-price></item-filter-price>\n            </template>\n            <template v-else>\n                <input v-if=\"facets.length > 8\" type=\"text\" class=\"form-control item-filter__search\" v-model=\"searchString\" :placeholder=\"$translate('Ceres::Template.itemSearchSearchTerm')\">\n                <div class=\"item-filter__scroll\">\n                  <div class=\"item-filter-item custom-control custom-checkbox\" v-for=\"value in displayFacets\" :key=\"value.id\">\n                        <input :id=\"'option-' + value.id\" class=\"custom-control-input item-filter-item__checkbox\" type=\"checkbox\"\n                               :checked=\"isSelected(value.id)\" @change=\"updateFacet(value)\"\n                               :disabled=\"isLoading || value.count <= 0\">\n                        <label :for=\"'option-' + value.id\" class=\"item-filter-label custom-control-label\"\n                               :class=\"[paddingClasses, isSelected(value.id) ? 'item-filter-label--active' : '']\">\n                            {{ value.name }}\n                        </label>\n                        <div class=\"item-filter-item__count badge badge-light badge-pill\">{{ value.count }}</div>\n                    </div>\n                </div>\n            </template>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {mapState} from 'vuex';\nimport ItemFilterPrice from './ItemFilterPrice.vue';\nimport { ComponentIdMixin } from \"ceres/app/mixins/componentId.mixin\";\n\nconst _map = require('lodash/map');\n\nexport default {\n\n    name: 'item-filter',\n\n    components:\n        {\n            ItemFilterPrice,\n        },\n\n    mixins: [ComponentIdMixin],\n\n    props:\n        {\n            isMobile: {\n                type: Boolean,\n                default: false,\n            },\n            filterType: {\n                type: String,\n                default: 'dropdown',\n            },\n            facet:\n                {\n                    type: Object,\n                },\n            paddingClasses:\n                {\n                    type: String,\n                    default: null,\n                },\n            paddingInlineStyles:\n                {\n                    type: String,\n                    default: null,\n                },\n        },\n    data() {\n        return {\n            searchString: '',\n        };\n    },\n    computed:\n        {\n            facets() {\n                return this.facet.values;\n            },\n            displayFacets(){\n                let that = this;\n                if(this.searchString.length > 0){\n                    return this.facets.filter(facet => facet.name.toLowerCase().includes(that.searchString.toLowerCase()));\n                }else{\n                    return this.facets;\n                }\n            },\n            activeFacets() {\n                let selectedFacetIds = _map(this.selectedFacets, 'id');\n                return this.facets.filter(facet => selectedFacetIds.includes(facet.id));\n            },\n            facetName() {\n                if (this.facet.translationKey && this.facet.translationKey.length > 0) {\n                    return this.$translate('Ceres::Template.' + this.facet.translationKey);\n                }\n\n                return this.facet.name;\n            },\n\n            ...mapState({\n                selectedFacets: state => state.itemList.selectedFacets,\n                isLoading: state => state.itemList.isLoading,\n            }),\n            wrapperClasses() {\n                return this.filterType === 'sidebar' || this.isMobile\n                    ? 'item-filter__collapse collapse'\n                    : 'dropdown-menu item-filter-item__dropdown-menu keep-open';\n            },\n        },\n\n    methods:\n        {\n            updateFacet(facetValue) {\n\n                const toolbarElements = document.getElementsByClassName('widget-toolbar');\n\n                for (const toolbarElement of toolbarElements)\n                {\n                    if (toolbarElement.contains(this.$vnode.elm))\n                    {\n                        window.localStorage.setItem('openFilterToolbar', true);\n                    }\n                }\n\n                this.$store.dispatch('selectFacet', { facetValue });\n            },\n\n            isSelected(facetValueId) {\n                return this.selectedFacets.findIndex(selectedFacet => selectedFacet.id === facetValueId) > -1;\n            },\n        },\n};\n</script>\n","<template>\n    <div class=\"filter-wrapper\" :class=\"'filter-wrapper__'+filterType\" v-show=\"facets && facets.length > 0\">\n        <template v-if=\"!isMounted\">\n            <item-filter :filter-type=\"filterType\" :is-mobile=\"isMobile\" v-for=\"facet in facets\" :facet=\"facet\" :key=\"facet.id\"></item-filter>\n        </template>\n        <portal v-else to=\"mobile-filter\" :disabled=\"!isMobile\">\n            <item-filter :filter-type=\"filterType\" :is-mobile=\"isMobile\" v-for=\"facet in facets\" :facet=\"facet\" :key=\"facet.id\"></item-filter>\n        </portal>\n    </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport ItemFilter from \"./ItemFilter.vue\";\n\nexport default {\n\n    name: \"item-filter-list\",\n\n    components:\n    {\n        ItemFilter\n    },\n\n    props: {\n        filterType:\n        {\n            type: String,\n            default: 'dropdown'\n        },\n        filterListBulk: Boolean,\n        facetData:\n        {\n            type: Array,\n            default()\n            {\n                return [];\n            }\n        },\n        allowedFacetsTypes:\n        {\n            type: Array,\n            default: () => []\n        },\n        paddingClasses:\n        {\n            type: String,\n            default: null\n        },\n        paddingInlineStyles:\n        {\n            type: String,\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            initialSelectedFacets: [],\n            initialPriceMin: \"\",\n            initialPriceMax: \"\",\n            isMobile: false,\n            isMounted: false\n        };\n    },\n\n    computed:\n    {\n        ...mapState({\n            facets(state)\n            {\n                if (!this.allowedFacetsTypes.length)\n                {\n                    return state.itemList.facets;\n                }\n\n                return state.itemList.facets\n                    .filter(facet => this.allowedFacetsTypes.includes(facet.id) || this.allowedFacetsTypes.includes(facet.type));\n            },\n            isLoading: state => state.itemList.isLoading,\n            selectedFacets: state => state.itemList.selectedFacets\n        }),\n    },\n\n    created()\n    {\n        this.$store.commit(\"addFacets\", this.facetData);\n    },\n\n    mounted()\n    {\n        this.isMobile  = !window.matchMedia(\"(min-width: 992px)\").matches;\n        this.isMounted = true;\n\n        this.$nextTick(() => {\n            window.addEventListener('resize', () => {\n                this.isMobile = !window.matchMedia(\"(min-width: 992px)\").matches;\n            });\n            $('body').on('click','.dropdown-menu.keep-open', function (e) {\n                e.stopPropagation();\n            });\n        })\n    },\n\n    beforeDestroy()\n    {\n        window.removeEventListener('resize', this.onResize);\n    }\n}\n</script>\n","<template>\n    <div class=\"item-filter-price\">\n        <div class=\"item-filter-price__slider\" v-if=\"!loading\">\n<!--            <vue-slider v-model=\"price\"-->\n<!--                        :max=\"maxValue\"-->\n<!--                        :min=\"minValue\"-->\n<!--                        @error=\"handleSliderError\">-->\n<!--            </vue-slider>-->\n        </div>\n\n        <div class=\"item-filter-price__inputs\">\n            <div class=\"item-filter-price__input\">\n                <input v-model=\"price[0]\" :min=\"minValue\" :max=\"maxValue\" type=\"number\" @blur=\"checkPriceInputs\" :aria-label=\"$translate('Ceres::Template.itemFilterPriceMin')\" />\n            </div>\n\n            <div class=\"item-filter-price__spacer\">\n                -\n            </div>\n\n            <div class=\"item-filter-price__input\">\n                <input v-model=\"price[1]\" :min=\"minValue\" :max=\"maxValue\" type=\"number\" @blur=\"checkPriceInputs\" :aria-label=\"$translate('Ceres::Template.itemFilterPriceMax')\"/>\n            </div>\n        </div>\n\n        <div class=\"item-filter-price__button\">\n            <button type=\"button\" class=\"btn btn-primary btn-appearance btn-block\" :class=\"{'disabled': isDisabled}\"\n                    v-tooltip\n                    data-toggle=\"tooltip\" data-placement=\"top\" @click=\"triggerFilter()\"\n                    :title=\"$translate('Ceres::Template.itemApply')\" :aria-label=\"$translate('Ceres::Template.itemFilterButton')\">\n                {{ $translate('Ceres::Template.itemApply') }}\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport UrlService from 'ceres/app/services/UrlService';\nimport {mapState} from 'vuex';\n// import vueSlider from 'vue-slider-component';\nimport ApiService from 'ceres/app/services/ApiService';\n\nexport default {\n    data() {\n        return {\n            price: [0, 1500],\n            currency: App.activeCurrency,\n            minValue: 0,\n            maxValue: 1500,\n            loading: true,\n        }\n    },\n\n    // components: {\n    //     vueSlider,\n    // },\n\n    mounted() {\n        this.loadMaxPrice();\n    },\n\n    computed:\n        {\n            isDisabled() {\n                return (this.price[0] === '' && this.price[1] === '') ||\n                    (parseInt(this.price[0]) >= parseInt(this.price[1])) ||\n                    this.isLoading;\n            },\n\n            ...mapState({\n                isLoading: state => state.itemList.isLoading,\n                currentCategory: state => state.navigation.currentCategory,\n            }),\n        },\n\n    methods:\n        {\n            loadMaxPrice() {\n                let that = this;\n                this.loading = true;\n                let url = new URL(window.location.href);\n                let facets = url.searchParams.get('facets');\n                if (typeof facets === 'undefined' || facets == null) {\n                    facets = '';\n                }\n                else {\n                    facets = '&facets=' + facets;\n                }\n                let category = '';\n                if (this.currentCategory) {\n                    category = 'categoryId=' + this.currentCategory.id;\n                }\n                let search = url.searchParams.get('query');\n                if (typeof search === 'undefined' || search == null) {\n                    search = '';\n                }\n                else {\n                    search = 'query=' + search;\n                }\n                ApiService.get(window.location.origin + '/rest/eConnect/price-filter?' + search + category + facets).\n                    done(response => {\n                        that.maxValue = Math.floor(response.priceMax + 1);\n                        that.minValue = Math.ceil(response.priceMin - 1);\n                        const urlParams = UrlService.getUrlParams(document.location.search);\n                        that.price[0] = urlParams.priceMin || that.minValue;\n                        that.price[1] = urlParams.priceMax || that.maxValue;\n                        that.loading = false;\n                    });\n            },\n\n            triggerFilter() {\n                if (!this.isDisabled) {\n                    this.$store.dispatch('selectPriceFacet',\n                        {priceMin: this.price[0].toString(), priceMax: this.price[1].toString()});\n                }\n            },\n\n            checkPriceInputs() {\n                let val = this.price;\n\n                if (val[0] > val[1]) {\n                    val = [val[1], val[0]];\n                }\n                this.price = val;\n            },\n\n            handleSliderError(type) {\n                let curPrice = [...this.price];\n                switch (type) {\n                    case 3:\n                        curPrice.forEach((val, key) => {\n                            if (val < 0) {\n                                curPrice[key] = 0;\n                            }\n                        });\n                        this.price = curPrice;\n                        break;\n                    case 4:\n                        curPrice.forEach((val, key) => {\n                            if (val > this.maxValue) {\n                                curPrice[key] = this.maxValue;\n                            }\n                        });\n                        this.price = curPrice;\n                        break;\n                    case 1:\n                        console.log('value not allowed!');\n                        break;\n                    case 2:\n                        console.log('interval not allowed!');\n                        break;\n                }\n            },\n        },\n};\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.facet.name\n    ? _c(\n        \"div\",\n        {\n          class:\n            _vm.facet.cssClass + \" item-filter item-filter--\" + _vm.filterType\n        },\n        [\n          _vm.filterType === \"sidebar\" || _vm.isMobile\n            ? _c(\"div\", [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn item-filter-toggle collapsed\",\n                    attrs: {\n                      \"data-toggle\": \"collapse\",\n                      \"data-target\": \"#filter-collapse_\" + _vm.facet.id,\n                      \"aria-expanded\": \"false\",\n                      \"aria-controls\": \"filter-collapse_\" + _vm._cid\n                    }\n                  },\n                  [\n                    _vm._v(\n                      \"\\n            \" +\n                        _vm._s(_vm.facetName) +\n                        \"\\n            \"\n                    ),\n                    _c(\n                      \"span\",\n                      [\n                        _vm._l(_vm.activeFacets.slice(0, 3), function(\n                          activeFacet\n                        ) {\n                          return _c(\n                            \"span\",\n                            { staticClass: \"badge badge-light badge-pill\" },\n                            [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(activeFacet.name) +\n                                  \"\\n                \"\n                              )\n                            ]\n                          )\n                        }),\n                        _vm._v(\" \"),\n                        _vm.activeFacets.length > 3\n                          ? _c(\n                              \"span\",\n                              { staticClass: \"badge badge-light badge-pill\" },\n                              [\n                                _vm._v(\n                                  \"\\n                    ...\\n                \"\n                                )\n                              ]\n                            )\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass: \"icon icon-chevron-down\",\n                            attrs: { fill: \"currentColor\" }\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: { \"xlink:href\": \"#chevron-down\" }\n                            })\n                          ]\n                        )\n                      ],\n                      2\n                    )\n                  ]\n                )\n              ])\n            : _c(\n                \"button\",\n                {\n                  staticClass: \"btn btn-light dropdown-toggle\",\n                  attrs: {\n                    type: \"button\",\n                    id: \"dropdownMenuButton\",\n                    \"data-toggle\": \"dropdown\",\n                    \"aria-haspopup\": \"true\",\n                    \"aria-expanded\": \"false\"\n                  }\n                },\n                [_vm._v(\"\\n        \" + _vm._s(_vm.facetName) + \"\\n    \")]\n              ),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            {\n              class: _vm.wrapperClasses,\n              attrs: { id: \"filter-collapse_\" + _vm.facet.id }\n            },\n            [\n              _vm.facet.type === \"price\"\n                ? [_c(\"item-filter-price\")]\n                : [\n                    _vm.facets.length > 8\n                      ? _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.searchString,\n                              expression: \"searchString\"\n                            }\n                          ],\n                          staticClass: \"form-control item-filter__search\",\n                          attrs: {\n                            type: \"text\",\n                            placeholder: _vm.$translate(\n                              \"Ceres::Template.itemSearchSearchTerm\"\n                            )\n                          },\n                          domProps: { value: _vm.searchString },\n                          on: {\n                            input: function($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.searchString = $event.target.value\n                            }\n                          }\n                        })\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"item-filter__scroll\" },\n                      _vm._l(_vm.displayFacets, function(value) {\n                        return _c(\n                          \"div\",\n                          {\n                            key: value.id,\n                            staticClass:\n                              \"item-filter-item custom-control custom-checkbox\"\n                          },\n                          [\n                            _c(\"input\", {\n                              staticClass:\n                                \"custom-control-input item-filter-item__checkbox\",\n                              attrs: {\n                                id: \"option-\" + value.id,\n                                type: \"checkbox\",\n                                disabled: _vm.isLoading || value.count <= 0\n                              },\n                              domProps: { checked: _vm.isSelected(value.id) },\n                              on: {\n                                change: function($event) {\n                                  return _vm.updateFacet(value)\n                                }\n                              }\n                            }),\n                            _vm._v(\" \"),\n                            _c(\n                              \"label\",\n                              {\n                                staticClass:\n                                  \"item-filter-label custom-control-label\",\n                                class: [\n                                  _vm.paddingClasses,\n                                  _vm.isSelected(value.id)\n                                    ? \"item-filter-label--active\"\n                                    : \"\"\n                                ],\n                                attrs: { for: \"option-\" + value.id }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(value.name) +\n                                    \"\\n                    \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"item-filter-item__count badge badge-light badge-pill\"\n                              },\n                              [_vm._v(_vm._s(value.count))]\n                            )\n                          ]\n                        )\n                      }),\n                      0\n                    )\n                  ]\n            ],\n            2\n          )\n        ]\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.facets && _vm.facets.length > 0,\n          expression: \"facets && facets.length > 0\"\n        }\n      ],\n      staticClass: \"filter-wrapper\",\n      class: \"filter-wrapper__\" + _vm.filterType\n    },\n    [\n      !_vm.isMounted\n        ? _vm._l(_vm.facets, function(facet) {\n            return _c(\"item-filter\", {\n              key: facet.id,\n              attrs: {\n                \"filter-type\": _vm.filterType,\n                \"is-mobile\": _vm.isMobile,\n                facet: facet\n              }\n            })\n          })\n        : _c(\n            \"portal\",\n            { attrs: { to: \"mobile-filter\", disabled: !_vm.isMobile } },\n            _vm._l(_vm.facets, function(facet) {\n              return _c(\"item-filter\", {\n                key: facet.id,\n                attrs: {\n                  \"filter-type\": _vm.filterType,\n                  \"is-mobile\": _vm.isMobile,\n                  facet: facet\n                }\n              })\n            }),\n            1\n          )\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"item-filter-price\" }, [\n    !_vm.loading\n      ? _c(\"div\", { staticClass: \"item-filter-price__slider\" })\n      : _vm._e(),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"item-filter-price__inputs\" }, [\n      _c(\"div\", { staticClass: \"item-filter-price__input\" }, [\n        _c(\"input\", {\n          directives: [\n            {\n              name: \"model\",\n              rawName: \"v-model\",\n              value: _vm.price[0],\n              expression: \"price[0]\"\n            }\n          ],\n          attrs: {\n            min: _vm.minValue,\n            max: _vm.maxValue,\n            type: \"number\",\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterPriceMin\")\n          },\n          domProps: { value: _vm.price[0] },\n          on: {\n            blur: _vm.checkPriceInputs,\n            input: function($event) {\n              if ($event.target.composing) {\n                return\n              }\n              _vm.$set(_vm.price, 0, $event.target.value)\n            }\n          }\n        })\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"item-filter-price__spacer\" }, [\n        _vm._v(\"\\n                -\\n            \")\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"item-filter-price__input\" }, [\n        _c(\"input\", {\n          directives: [\n            {\n              name: \"model\",\n              rawName: \"v-model\",\n              value: _vm.price[1],\n              expression: \"price[1]\"\n            }\n          ],\n          attrs: {\n            min: _vm.minValue,\n            max: _vm.maxValue,\n            type: \"number\",\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterPriceMax\")\n          },\n          domProps: { value: _vm.price[1] },\n          on: {\n            blur: _vm.checkPriceInputs,\n            input: function($event) {\n              if ($event.target.composing) {\n                return\n              }\n              _vm.$set(_vm.price, 1, $event.target.value)\n            }\n          }\n        })\n      ])\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"item-filter-price__button\" }, [\n      _c(\n        \"button\",\n        {\n          directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n          staticClass: \"btn btn-primary btn-appearance btn-block\",\n          class: { disabled: _vm.isDisabled },\n          attrs: {\n            type: \"button\",\n            \"data-toggle\": \"tooltip\",\n            \"data-placement\": \"top\",\n            title: _vm.$translate(\"Ceres::Template.itemApply\"),\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterButton\")\n          },\n          on: {\n            click: function($event) {\n              return _vm.triggerFilter()\n            }\n          }\n        },\n        [\n          _vm._v(\n            \"\\n                \" +\n              _vm._s(_vm.$translate(\"Ceres::Template.itemApply\")) +\n              \"\\n            \"\n          )\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ItemFilter.vue?vue&type=template&id=e3ecc314&\"\nimport script from \"./ItemFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemFilter.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Applications/XAMPP/xamppfiles/htdocs/DIA-econnect/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e3ecc314')) {\n      api.createRecord('e3ecc314', component.options)\n    } else {\n      api.reload('e3ecc314', component.options)\n    }\n    module.hot.accept(\"./ItemFilter.vue?vue&type=template&id=e3ecc314&\", function () {\n      api.rerender('e3ecc314', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/filter/ItemFilter.vue\"\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilter.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilter.vue?vue&type=template&id=e3ecc314&\"","import { render, staticRenderFns } from \"./ItemFilterList.vue?vue&type=template&id=d687d598&\"\nimport script from \"./ItemFilterList.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemFilterList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Applications/XAMPP/xamppfiles/htdocs/DIA-econnect/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('d687d598')) {\n      api.createRecord('d687d598', component.options)\n    } else {\n      api.reload('d687d598', component.options)\n    }\n    module.hot.accept(\"./ItemFilterList.vue?vue&type=template&id=d687d598&\", function () {\n      api.rerender('d687d598', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/filter/ItemFilterList.vue\"\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterList.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterList.vue?vue&type=template&id=d687d598&\"","import { render, staticRenderFns } from \"./ItemFilterPrice.vue?vue&type=template&id=60aef3ba&\"\nimport script from \"./ItemFilterPrice.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemFilterPrice.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Applications/XAMPP/xamppfiles/htdocs/DIA-econnect/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('60aef3ba')) {\n      api.createRecord('60aef3ba', component.options)\n    } else {\n      api.reload('60aef3ba', component.options)\n    }\n    module.hot.accept(\"./ItemFilterPrice.vue?vue&type=template&id=60aef3ba&\", function () {\n      api.rerender('60aef3ba', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue\"\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterPrice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterPrice.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemFilterPrice.vue?vue&type=template&id=60aef3ba&\""],"sourceRoot":""}