{"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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;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,sEAAsE;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,8CAA8C;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qCAAqC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,wCAAwC;AAC9D,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,qCAAqC,0BAA0B;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,4CAA4C,4BAA4B;AACxE,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,4BAA4B;AAC1E,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACtSA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,SAAS,SAAS,gDAAgD,EAAE;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxFA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,mCAAmC;AACvD,eAAe,2CAA2C;AAC1D;AACA,qBAAqB,2CAA2C;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,qBAAqB,kDAAkD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,2BAA2B,sBAAsB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA,qBAAqB,kDAAkD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,2CAA2C;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,qBAAqB,kDAAkD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,2BAA2B,sBAAsB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA,qBAAqB,kDAAkD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,2CAA2C;AAC1D;AACA;AACA;AACA;AACA,kBAAkB,2BAA2B;AAC7C;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC/JA;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-4.js","sourcesContent":["<template>\n    <div v-if=\"facet.name && ![28,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53].includes(facet.id)\" :class=\"'item-filter__wrapper item-filter__wrapper--' + facet.id\">\n        <div v-if=\"filterType === 'sidebar' || isMobile\">\n            <button class=\"btn btn-white filter-toggle collapsed\"\n                    data-toggle=\"collapse\"\n                    :data-target=\"'#filter-collapse_' + facet.id\"\n                    aria-expanded=\"false\" :aria-controls=\"'filter-collapse_' + _uid\">\n                {{ facetName }}\n                <span>\n                    <span v-if=\"activeFacets.length > 3\" class=\"badge badge-light badge-pill\">\n                        ...\n                    </span>\n                    <i class=\"fa fa-angle-up ml-2\"></i>\n                </span>\n            </button>\n        </div>\n        <button v-else class=\"btn btn-outline-dark 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            <button class=\"item-filter__reset\" v-show=\"activeFacets && activeFacets.length > 0\" @click=\"clearFacet()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"15\">\n                    <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#svg-reset\"></use>\n                </svg>\n                {{ $translate('OD3dprimaV2::Template.categoryResetFilter') }}\n            </button>\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 && !notSearchFacetIds.includes(facet.id)\"\n                       type=\"text\"\n                       class=\"form-control\"\n                       v-model=\"searchString\"\n                       :placeholder=\"$translate('OD3dprimaV2::Template.itemSearchSearchTerm')\">\n                <div class=\"item-filter__scroll\"\n                     :class=\"facets.length > 8 && !notSearchFacetIds.includes(facet.id) ? 'item-filter__scroll--lg-max-height' : ''\">\n                    <div v-for=\"value in displayFacets\"\n                         class=\"item-filter__item custom-control custom-checkbox\" :class=\"value.cssClass\"\n                         :key=\"value.id\">\n                        <label v-if=\"colorFacetIds.includes(facet.id)\"\n                               class=\"item-filter__item-color-label\"\n                               :class=\"{'item-filter--active': isSelected(value.id)}\"\n                               :for=\"'option-' + value.id\">\n                        <span class=\"item-filter__item-color\">\n                            <div class=\"item-filter__item-color--inner\"\n                               :class=\"'item-filter__item-color--'+value.cssClass\"\n                               v-tooltip\n                               data-toggle=\"tooltip\"\n                               data-placement=\"top\"\n                               :title=\"value.name\"></div>\n                        </span>\n                            <!-- TODO: checked color close icon -->\n                            <input type=\"checkbox\"\n                                   :id=\"'option-' + value.id\"\n                                   :checked=\"isSelected(value.id)\"\n                                   @change=\"updateFacet(value)\"\n                                   :disabled=\"isLoading\">\n                            <span class=\"item-filter__item-checkmark d-none\"></span>\n                        </label>\n                        <template v-else>\n                            <input :id=\"'option-' + value.id\"\n                                   class=\"custom-control-input item-filter__checkbox\"\n                                   type=\"checkbox\"\n                                   :checked=\"isSelected(value.id)\"\n                                   @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                        </template>\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 _ from 'lodash';\n\nexport default {\n\n    name: 'item-filter',\n\n    components:\n        {\n            ItemFilterPrice,\n        },\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            colorFacetIds: [4],\n            notSearchFacetIds: [4, 20, 22],\n            notSortFacetIds: [4, 20, 22]\n        };\n    },\n    computed:\n        {\n            facets() {\n                return this.facet.values;\n            },\n            displayFacets() {\n\n                let that = this;\n                let facets = this.facets;\n\n                // if (!this.notSortFacetIds.includes(this.facet.id)) {\n                //     facets = _.sortBy(this.facets, ['name']);\n                // }\n\n                if (this.searchString.length > 0) {\n                    return facets.filter(facet => facet.name.toLowerCase().includes(that.searchString.toLowerCase()));\n                }\n\n                return facets;\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            wrapperClasses() {\n                return this.filterType === 'sidebar' || this.isMobile\n                    ? 'item-filter__collapse collapse'\n                    : 'dropdown-menu item-filter__dropdown-menu item-filter__dropdown-menu keep-open';\n            },\n            ...mapState({\n                selectedFacets: state => state.itemList.selectedFacets,\n                isLoading: state => state.itemList.isLoading,\n            })\n        },\n\n    methods:\n        {\n            updateFacet(facetValue) {\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            clearFacet() {\n                this.$store.commit('setSelectedFacetsByIds', this.activeFacets);\n                this.$store.dispatch('loadItemList');\n            },\n        },\n};\n</script>\n","<template>\n    <div class=\"filter-wrapper\" :class=\"'filter-wrapper__'+filterType\" v-show=\"facets && facets.length > 0\">\n        <portal-mobile portal-to=\"mobile-filter\" :breakpoint=\"992\">\n            <item-filter :filter-type=\"filterType\"\n                         :is-mobile=\"isMobile\"\n                         v-for=\"facet in facets\"\n                         :facet=\"facet\"\n                         :key=\"facet.id\">\n            </item-filter>\n            <button v-show=\"selectedFacets && selectedFacets.length > 0\"\n                    class=\"item-filter__clear-all\"\n                    @click=\"clearAllFacets()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"15\">\n                  <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#svg-reset\"></use>\n                </svg>\n                {{ $translate(\"OD3dprimaV2::Template.categoryResetFilters\") }}\n            </button>\n        </portal-mobile>\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            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            windowWidth: 0\n        };\n    },\n\n    computed:\n    {\n        ...mapState({\n            facets(state) {\n\n                let facets = state.itemList.facets;\n\n                let priceFacetIndex        = facets.findIndex(facet => facet.type === 'price');\n                let availabilityFacetIndex = facets.findIndex(facet => facet.type === 'availability');\n\n                //move price always first\n                if(priceFacetIndex > -1) {\n                    facets.splice(0, 0, facets.splice(priceFacetIndex, 1)[0]);\n                }\n\n                //move price always second\n                if(availabilityFacetIndex > -1) {\n                    facets.splice(1, 0, facets.splice(availabilityFacetIndex, 1)[0]);\n                }\n\n                if (!this.allowedFacetsTypes.length) {\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        isMobile(){\n            return this.windowWidth < 992;\n        }\n    },\n\n    created()\n    {\n      if (!this.$store.state.itemList.facets?.length)\n      {\n        this.$store.commit(\"addFacets\", this.facetData);\n      }\n    },\n\n    mounted()\n    {\n        this.windowWidth = window.innerWidth;\n\n        this.$nextTick(() => {\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    methods:\n    {\n        onResize() {\n            this.windowWidth = window.innerWidth;\n        },\n\n        initPriceFacet(urlParams)\n        {\n            if (urlParams.priceMin || urlParams.priceMax)\n            {\n                const priceMin = urlParams.priceMin || '';\n                const priceMax = urlParams.priceMax || '';\n\n                this.$store.commit('setPriceFacet', { priceMin: priceMin, priceMax: priceMax });\n\n                return true;\n            }\n\n            return false;\n        },\n\n        clearAllFacets()\n        {\n            this.$store.commit('resetAllSelectedFacets');\n            this.$store.dispatch('loadItemList')\n        }\n    }\n}\n</script>\n","<template>\n    <div class=\"item-filter-price\">\n        <div class=\"item-filter-price__inputs\">\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            <div class=\"item-filter-price__input-wrapper\" :style=\"loading ? 'opacity: 0' : 'opacity: 1'\">\n                <div class=\"item-filter-price__input d-flex align-items-center\">\n                    <span v-if=\"lang !== 'se'\" class=\"item-filter-price__currency pr-1\">{{ activeCurrency }}</span>\n                    <input v-model=\"price[0]\" :min=\"minValue\" :max=\"maxValue\" type=\"number\" @blur=\"checkPriceInputs\" :aria-label=\"$translate('Ceres::Template.itemFilterPriceMin')\"/>\n                    <span v-if=\"lang === 'se'\" class=\"item-filter-price__currency pl-1\">{{ activeCurrency }}</span>\n                </div>\n                <span class=\"item-filter-price__spacer\">-</span>\n                <div class=\"item-filter-price__input d-flex align-items-center\">\n                    <span v-if=\"lang !== 'se'\" class=\"item-filter-price__currency pr-1\">{{ activeCurrency }}</span>\n                    <input v-model=\"price[1]\" :min=\"minValue\" :max=\"maxValue\" type=\"number\" @blur=\"checkPriceInputs\" :aria-label=\"$translate('Ceres::Template.itemFilterPriceMax')\"/>\n                    <span v-if=\"lang === 'se'\" class=\"item-filter-price__currency pl-1\">{{ activeCurrency }}</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"item-filter-price__button\">\n            <button type=\"button\"\n                    class=\"btn btn-primary btn-appearance btn-block\"\n                    :class=\"{'disabled': isDisabled}\"\n                    @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 { mapState } from \"vuex\";\nimport UrlService from \"ceres/app/services/UrlService\";\nimport ApiService from \"ceres/app/services/ApiService\";\n\nimport MonetaryFormatter from '~/app/helper/MonetaryFormatter';\nimport {isNullOrUndefined} from \"ceres/app/helper/utils\";\n\nexport default {\n\n    data() {\n        return {\n            price: [0, 1500],\n            activeCurrency: App.activeCurrency,\n            minValue: 0,\n            maxValue: 1500,\n            loading: true,\n            lang: App.language\n        };\n    },\n\n    mounted() {\n        this.loadMaxPrice();\n\n        const urlParams = UrlService.getUrlParams(document.location.search);\n\n        this.priceMin = urlParams.priceMin || \"\";\n        this.priceMax = urlParams.priceMax || \"\";\n    },\n\n    computed: {\n            isDisabled() {\n                return (this.price[0] === \"\" && this.price[1] === \"\") ||\n                    (parseInt(this.price[0]) >= parseInt(this.price[1])) ||\n                    this.isLoading;\n            },\n            vatRate() {\n\n                let filtered = App.defaultVatValue.vatRates[0];\n\n                if(!isNullOrUndefined(filtered)) {\n                    return parseFloat(filtered.vatRate);\n                }\n\n                return undefined;\n            },\n            ...mapState({\n                isLoading: state => state.itemList.isLoading,\n                currentCategory: state => state.navigation.currentCategory,\n                basket: state => state.basket.data,\n                currentPriceType: state => state.localization.currentPriceType\n            })\n        },\n\n    methods: {\n        loadMaxPrice() {\n\n            let that     = this;\n            let url      = new URL(window.location.href);\n            let facets   = url.searchParams.get('facets');\n            let category = '';\n            let search   = url.searchParams.get('query');\n\n            if (typeof facets === 'undefined' || facets == null) {\n                facets = '';\n            } else {\n                facets = '&facets=' + facets;\n            }\n\n            if (this.currentCategory) {\n                category = 'categoryId=' + this.currentCategory.id\n            }\n\n            if (typeof search === 'undefined' || search == null) {\n                search = '';\n            } else {\n                search = 'query=' + search;\n            }\n\n            ApiService.get(window.location.origin + '/rest/OD3dprimaV2/price-filter?' + search + category + facets).done(response => {\n\n                const urlParams = UrlService.getUrlParams(document.location.search);\n\n                that.minValue = that.roundPrice(Math.floor(response.priceMin + 1), 'ceil');\n                that.maxValue = that.roundPrice(Math.ceil(response.priceMax - 1), 'floor');\n\n                if(that.minValue < 0) {\n                    that.minValue = 0;\n                }\n\n                that.price[0] = that.roundPrice(parseInt(urlParams.priceMin), 'ceil') || that.minValue;\n                that.price[1] = that.roundPrice(parseInt(urlParams.priceMax), 'floor') || that.maxValue;\n\n            }).always(() => {\n                that.loading = false;\n            });\n        },\n\n        triggerFilter() {\n            if (!this.isDisabled) {\n                this.$store.dispatch('selectPriceFacet', {\n                    priceMin: this.roundPrice(this.price[0], 'ceil', 'b2c')+'',\n                    priceMax: this.roundPrice(this.price[1], 'floor', 'b2c')+'',\n                });\n            }\n        },\n\n        handleSliderError(type) {\n\n            let curPrice = [...this.price]\n\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        checkPriceInputs() {\n\n            let val = this.price;\n\n            if (parseInt(val[0]) > parseInt(val[1])) {\n                val = [val[1], val[0]];\n            }\n\n            this.price = val;\n        },\n        roundPrice(price, mathFn, type) {\n\n            if(this.currentPriceType !== 'b2b') {\n                return price;\n            }\n\n            type = type || '';\n\n            if(price <= 0) {\n                return price;\n            }\n\n            price = eval('Math.'+mathFn)((this.getPrice(price, type) + Number.EPSILON) * 100) / 100;\n\n            return Math.ceil(price - 1);\n        },\n        getPrice(value, type) {\n\n            if(value <= 0) {\n                return value;\n            }\n\n            if(!isNullOrUndefined(this.vatRate) && this.vatRate > 0) {\n\n                let vatFactor = (1 + (this.vatRate / 100));\n\n                //use gross value for server request, net price display is completely done in frontend\n                if(type === 'b2c' && this.currentPriceType === 'b2b') {\n                    return value * vatFactor\n                }\n\n                if(this.currentPriceType === 'b2b') {\n                    return value / vatFactor;\n                }\n            }\n\n            return value;\n        }\n    },\n\n    filters: {\n        _currency(value) {\n            return new MonetaryFormatter()\n                .format(parseInt(value), App.activeCurrency, true);\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    ![\n      28, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46,\n      47, 48, 49, 50, 51, 52, 53,\n    ].includes(_vm.facet.id)\n    ? _c(\n        \"div\",\n        { class: \"item-filter__wrapper item-filter__wrapper--\" + _vm.facet.id },\n        [\n          _vm.filterType === \"sidebar\" || _vm.isMobile\n            ? _c(\"div\", [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn btn-white 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._uid,\n                    },\n                  },\n                  [\n                    _vm._v(\n                      \"\\n            \" +\n                        _vm._s(_vm.facetName) +\n                        \"\\n            \"\n                    ),\n                    _c(\"span\", [\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(\"i\", { staticClass: \"fa fa-angle-up ml-2\" }),\n                    ]),\n                  ]\n                ),\n              ])\n            : _c(\n                \"button\",\n                {\n                  staticClass: \"btn btn-outline-dark 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              _c(\n                \"button\",\n                {\n                  directives: [\n                    {\n                      name: \"show\",\n                      rawName: \"v-show\",\n                      value: _vm.activeFacets && _vm.activeFacets.length > 0,\n                      expression: \"activeFacets && activeFacets.length > 0\",\n                    },\n                  ],\n                  staticClass: \"item-filter__reset\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.clearFacet()\n                    },\n                  },\n                },\n                [\n                  _c(\n                    \"svg\",\n                    {\n                      attrs: {\n                        xmlns: \"http://www.w3.org/2000/svg\",\n                        width: \"24\",\n                        height: \"15\",\n                      },\n                    },\n                    [\n                      _c(\"use\", {\n                        attrs: {\n                          \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                          \"xlink:href\": \"#svg-reset\",\n                        },\n                      }),\n                    ]\n                  ),\n                  _vm._v(\n                    \"\\n            \" +\n                      _vm._s(\n                        _vm.$translate(\n                          \"OD3dprimaV2::Template.categoryResetFilter\"\n                        )\n                      ) +\n                      \"\\n        \"\n                  ),\n                ]\n              ),\n              _vm._v(\" \"),\n              _vm.facet.type === \"price\"\n                ? [_c(\"item-filter-price\")]\n                : [\n                    _vm.facets.length > 8 &&\n                    !_vm.notSearchFacetIds.includes(_vm.facet.id)\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\",\n                          attrs: {\n                            type: \"text\",\n                            placeholder: _vm.$translate(\n                              \"OD3dprimaV2::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                      {\n                        staticClass: \"item-filter__scroll\",\n                        class:\n                          _vm.facets.length > 8 &&\n                          !_vm.notSearchFacetIds.includes(_vm.facet.id)\n                            ? \"item-filter__scroll--lg-max-height\"\n                            : \"\",\n                      },\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                            class: value.cssClass,\n                          },\n                          [\n                            _vm.colorFacetIds.includes(_vm.facet.id)\n                              ? _c(\n                                  \"label\",\n                                  {\n                                    staticClass:\n                                      \"item-filter__item-color-label\",\n                                    class: {\n                                      \"item-filter--active\": _vm.isSelected(\n                                        value.id\n                                      ),\n                                    },\n                                    attrs: { for: \"option-\" + value.id },\n                                  },\n                                  [\n                                    _c(\n                                      \"span\",\n                                      {\n                                        staticClass: \"item-filter__item-color\",\n                                      },\n                                      [\n                                        _c(\"div\", {\n                                          directives: [\n                                            {\n                                              name: \"tooltip\",\n                                              rawName: \"v-tooltip\",\n                                            },\n                                          ],\n                                          staticClass:\n                                            \"item-filter__item-color--inner\",\n                                          class:\n                                            \"item-filter__item-color--\" +\n                                            value.cssClass,\n                                          attrs: {\n                                            \"data-toggle\": \"tooltip\",\n                                            \"data-placement\": \"top\",\n                                            title: value.name,\n                                          },\n                                        }),\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\"input\", {\n                                      attrs: {\n                                        type: \"checkbox\",\n                                        id: \"option-\" + value.id,\n                                        disabled: _vm.isLoading,\n                                      },\n                                      domProps: {\n                                        checked: _vm.isSelected(value.id),\n                                      },\n                                      on: {\n                                        change: function ($event) {\n                                          return _vm.updateFacet(value)\n                                        },\n                                      },\n                                    }),\n                                    _vm._v(\" \"),\n                                    _c(\"span\", {\n                                      staticClass:\n                                        \"item-filter__item-checkmark d-none\",\n                                    }),\n                                  ]\n                                )\n                              : [\n                                  _c(\"input\", {\n                                    staticClass:\n                                      \"custom-control-input item-filter__checkbox\",\n                                    attrs: {\n                                      id: \"option-\" + value.id,\n                                      type: \"checkbox\",\n                                      disabled:\n                                        _vm.isLoading || value.count <= 0,\n                                    },\n                                    domProps: {\n                                      checked: _vm.isSelected(value.id),\n                                    },\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                                ],\n                          ],\n                          2\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      _c(\n        \"portal-mobile\",\n        { attrs: { \"portal-to\": \"mobile-filter\", breakpoint: 992 } },\n        [\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          _vm._v(\" \"),\n          _c(\n            \"button\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.selectedFacets && _vm.selectedFacets.length > 0,\n                  expression: \"selectedFacets && selectedFacets.length > 0\",\n                },\n              ],\n              staticClass: \"item-filter__clear-all\",\n              on: {\n                click: function ($event) {\n                  return _vm.clearAllFacets()\n                },\n              },\n            },\n            [\n              _c(\n                \"svg\",\n                {\n                  attrs: {\n                    xmlns: \"http://www.w3.org/2000/svg\",\n                    width: \"24\",\n                    height: \"15\",\n                  },\n                },\n                [\n                  _c(\"use\", {\n                    attrs: {\n                      \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                      \"xlink:href\": \"#svg-reset\",\n                    },\n                  }),\n                ]\n              ),\n              _vm._v(\n                \"\\n            \" +\n                  _vm._s(\n                    _vm.$translate(\"OD3dprimaV2::Template.categoryResetFilters\")\n                  ) +\n                  \"\\n        \"\n              ),\n            ]\n          ),\n        ],\n        2\n      ),\n    ],\n    1\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    _c(\"div\", { staticClass: \"item-filter-price__inputs\" }, [\n      !_vm.loading\n        ? _c(\"div\", { staticClass: \"item-filter-price__slider\" })\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        {\n          staticClass: \"item-filter-price__input-wrapper\",\n          style: _vm.loading ? \"opacity: 0\" : \"opacity: 1\",\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"item-filter-price__input d-flex align-items-center\",\n            },\n            [\n              _vm.lang !== \"se\"\n                ? _c(\n                    \"span\",\n                    { staticClass: \"item-filter-price__currency pr-1\" },\n                    [_vm._v(_vm._s(_vm.activeCurrency))]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\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(\n                    \"Ceres::Template.itemFilterPriceMin\"\n                  ),\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              _vm._v(\" \"),\n              _vm.lang === \"se\"\n                ? _c(\n                    \"span\",\n                    { staticClass: \"item-filter-price__currency pl-1\" },\n                    [_vm._v(_vm._s(_vm.activeCurrency))]\n                  )\n                : _vm._e(),\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\"span\", { staticClass: \"item-filter-price__spacer\" }, [\n            _vm._v(\"-\"),\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            {\n              staticClass: \"item-filter-price__input d-flex align-items-center\",\n            },\n            [\n              _vm.lang !== \"se\"\n                ? _c(\n                    \"span\",\n                    { staticClass: \"item-filter-price__currency pr-1\" },\n                    [_vm._v(_vm._s(_vm.activeCurrency))]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\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(\n                    \"Ceres::Template.itemFilterPriceMax\"\n                  ),\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              _vm._v(\" \"),\n              _vm.lang === \"se\"\n                ? _c(\n                    \"span\",\n                    { staticClass: \"item-filter-price__currency pl-1\" },\n                    [_vm._v(_vm._s(_vm.activeCurrency))]\n                  )\n                : _vm._e(),\n            ]\n          ),\n        ]\n      ),\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"item-filter-price__button\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"btn btn-primary btn-appearance btn-block\",\n          class: { disabled: _vm.isDisabled },\n          attrs: {\n            type: \"button\",\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(\"/Users/fhartwig/Sites/DIA-3dprima_v2/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(\"/Users/fhartwig/Sites/DIA-3dprima_v2/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(\"/Users/fhartwig/Sites/DIA-3dprima_v2/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":""}