{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/filter/ItemFilterList.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?8c6e","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA;AACA;AACA;AACA;AAEA;AAEA,0BAFA;AAIA,cACA;AACA;AADA,GALA;AASA,gGATA;AASA;AAEA;AACA;AACA,kBADA;AAEA;AAFA,KADA;AAKA,2BALA;AAMA,eACA;AACA,iBADA;AAEA,aAFA,sBAGA;AACA;AACA;AALA,KAPA;AAcA,wBACA;AACA,iBADA;AAEA;AAAA;AAAA;AAFA,KAfA;AAmBA,oBACA;AACA,kBADA;AAEA;AAFA,KApBA;AAwBA,yBACA;AACA,kBADA;AAEA;AAFA;AAzBA,GAXA;AA0CA,MA1CA,kBA2CA;AACA;AACA,+BADA;AAEA,yBAFA;AAGA,yBAHA;AAIA,oBAJA;AAKA;AALA;AAOA,GAnDA;AAqDA,8BAEA;AACA,UADA,kBACA,KADA,EAEA;AAAA;;AACA,2CACA;AACA;AACA;;AAEA,mCACA,MADA,CACA;AAAA;AAAA,OADA;AAEA,KAVA;AAWA;AAAA;AAAA,KAXA;AAYA;AAAA;AAAA;AAZA,IAFA,CArDA;AAsEA,SAtEA,qBAuEA;AAAA;;AACA,6JACA;AACA;AACA;AACA,GA5EA;AA6EA,SA7EA,qBA6EA;AAAA;;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA,OAFA;AAGA,KATA;AAUA,GAxFA;AA0FA,eA1FA,2BA0FA;AACA;AACA,GA5FA;AA6FA,WACA;AACA,YADA,sBACA;AACA;AACA,KAHA;AAKA,kBALA,0BAKA,SALA,EAMA;AACA,oDACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AArBA;AA9FA,G;;;;;;;;;;;;ACfA;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,SAAS,SAAS,+CAA+C,EAAE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACvCA;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","file":"chunks/ceres-client-51.js","sourcesContent":["<template>\n    <div class=\"filter-wrapper\" :class=\"'filter-wrapper__'+filterType\" v-show=\"facets && facets.length > 0\">\n        <portal-mobile 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-mobile>\n    </div>\n</template>\n\n<script>\n\nimport UrlService from \"ceres/app/services/UrlService\";\nimport { mapState } from \"vuex\";\nimport ItemFilter from \"./ItemFilter.vue\";\nimport { ComponentIdMixin } from \"ceres/app/mixins/componentId.mixin\";\n\nexport default {\n\n    name: \"item-filter-list\",\n\n    components:\n    {\n        ItemFilter\n    },\n\n    mixins: [ComponentIdMixin], // Experimental mixin, may be removed in the future.\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            initialPriceMin: \"\",\n            initialPriceMax: \"\",\n            windowWidth: 0,\n            isMobile: true\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    created()\n    {\n        if (!this.$store.state.itemList.facets?.length)\n        {\n            this.$store.commit(\"addFacets\", this.facetData);\n        }\n    },\n    mounted() {\n        this.$nextTick(() => {\n\n            this.windowWidth = window.innerWidth;\n            this.isMobile = window.innerWidth < 992;\n\n            window.addEventListener('resize', this.onResize);\n            $('body').on('click','.dropdown-menu.keep-open', function (e) {\n                e.stopPropagation();\n            });\n        })\n    },\n\n    beforeDestroy() {\n        window.removeEventListener('resize', this.onResize);\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                this.initialPriceMin = priceMin;\n                this.initialPriceMax = priceMax;\n\n                return true;\n            }\n\n            return false;\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 _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: { 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    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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/florianhartwig/Sites/DIA-tito-express/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&\""],"sourceRoot":""}