{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?8c6e","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?db71","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","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?9960","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","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"],"names":["render","_vm","this","_h","$createElement","_c","_self","isMobile","facets","length","type","staticClass","_v","_s","$translate","_l","facet","name","key","id","attrs","facetManufacturerId","napoConfig","itemLists","ref","refInFor","priceMin","default","price","value","priceMax","on","click","$event","clearAllFacets","_e","directives","rawName","expression","mode","currentFacet","hideFilter","width","height","closeFilter","clearFacet","class","selectedFacetIds","showFilter","isSelected","values","domProps","innerHTML","selectedFacets","_withStripped","indexOf","searchString","title","placeholder","input","target","composing","onInputChange","disabled","isLoading","checked","change","updateFacet","facetColorId","cssClass","includes","style","background","for","count","selectedManufacturer","tag","removeTag","component","options","__file","currentMin","currency","currentMax","_b","disableCallback","enableCallback","callback","filterPrice","model","sliderConfig","$$v","$set"],"mappings":"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","file":"chunks/ceres-49.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.isMobile &&\n    _vm.facets &&\n    _vm.facets.length > 0 &&\n    _vm.type === \"desktop\"\n      ? _c(\n          \"div\",\n          { staticClass: \"filter__wrapper\" },\n          [\n            _c(\"div\", { staticClass: \"filter__title\" }, [\n              _vm._v(\n                \"\\n            \" +\n                  _vm._s(_vm.$translate(\"ODNaPo::NaPo.Filter\")) +\n                  \"\\n        \"\n              )\n            ]),\n            _vm._v(\" \"),\n            _vm._l(_vm.facets, function(facet) {\n              return [\n                facet.type !== \"price\"\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"filter__facet-wrapper\" },\n                      [\n                        _c(\"div\", { staticClass: \"filter__facet-name\" }, [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(facet.name) +\n                              \"\\n                \"\n                          )\n                        ]),\n                        _vm._v(\" \"),\n                        _c(\"item-filter\", {\n                          key: facet.id,\n                          attrs: {\n                            facet: facet,\n                            facetManufacturerId:\n                              _vm.napoConfig.itemLists.facetManufacturerId,\n                            type: \"desktop\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _c(\n                      \"div\",\n                      { staticClass: \"filter__facet-wrapper\" },\n                      [\n                        _c(\"item-filter-price\", {\n                          ref: \"priceFilter\",\n                          refInFor: true,\n                          attrs: {\n                            \"price-min\": _vm.priceMin.default.price.value,\n                            \"price-max\": _vm.priceMax.default.price.value\n                          }\n                        })\n                      ],\n                      1\n                    )\n              ]\n            }),\n            _vm._v(\" \"),\n            _c(\n              \"button\",\n              {\n                staticClass: \"filter__clear-all\",\n                on: {\n                  click: function($event) {\n                    return _vm.clearAllFacets()\n                  }\n                }\n              },\n              [\n                _vm._v(\n                  \"\\n            \" +\n                    _vm._s(\n                      _vm.$translate(\"ODNaPo::NaPo.categoryResetFilters\")\n                    ) +\n                    \"\\n        \"\n                )\n              ]\n            )\n          ],\n          2\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.isMobile && _vm.type === \"mobile\"\n      ? _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-mobile__wrapper\"\n          },\n          [\n            _c(\"div\", { staticClass: \"filter-mobile__list-wrapper\" }, [\n              _c(\"div\", { staticClass: \"filter-mobile__list-inner\" }, [\n                _c(\"div\", { staticClass: \"filter-mobile__content\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"filter-mobile__list-head\" },\n                    [\n                      _c(\n                        \"transition\",\n                        { attrs: { name: \"fade\", mode: \"out-in\" } },\n                        [\n                          _vm.currentFacet\n                            ? _c(\n                                \"button\",\n                                {\n                                  key: \"key--filter-mobile__hide\",\n                                  staticClass: \"filter-mobile__hide\",\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.hideFilter()\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"svg\",\n                                    { attrs: { width: \"22\", height: \"10\" } },\n                                    [\n                                      _c(\"use\", {\n                                        attrs: {\n                                          \"xmlns:xlink\":\n                                            \"http://www.w3.org/1999/xlink\",\n                                          \"xlink:href\": \"#svg-arrow-back-long\"\n                                        }\n                                      })\n                                    ]\n                                  )\n                                ]\n                              )\n                            : _c(\n                                \"button\",\n                                {\n                                  key: \"key--filter-mobile__close\",\n                                  staticClass: \"filter-mobile__close\",\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.closeFilter()\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"svg\",\n                                    { attrs: { width: \"14\", height: \"14\" } },\n                                    [\n                                      _c(\"use\", {\n                                        attrs: {\n                                          \"xmlns:xlink\":\n                                            \"http://www.w3.org/1999/xlink\",\n                                          \"xlink:href\": \"#svg-close\"\n                                        }\n                                      })\n                                    ]\n                                  )\n                                ]\n                              )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"transition\",\n                        { attrs: { name: \"fade\", mode: \"out-in\" } },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              key: _vm.currentFacet.id,\n                              staticClass: \"filter-mobile__headline\"\n                            },\n                            [\n                              _vm._v(\n                                \"\\n                                \" +\n                                  _vm._s(\n                                    _vm.currentFacet\n                                      ? _vm.currentFacet.name\n                                      : _vm.$translate(\"ODNaPo::NaPo.Filter\")\n                                  ) +\n                                  \"\\n                            \"\n                              )\n                            ]\n                          )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"transition\",\n                        { attrs: { name: \"fade\", mode: \"out-in\" } },\n                        [\n                          _vm.currentFacet\n                            ? _c(\n                                \"button\",\n                                {\n                                  key: \"key--filter-mobile__reset--single\",\n                                  staticClass: \"filter-mobile__reset\",\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.clearFacet()\n                                    }\n                                  }\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"ODNaPo::NaPo.FilterClearSingle\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              )\n                            : _c(\n                                \"button\",\n                                {\n                                  key: \"key--filter-mobile__reset--all\",\n                                  staticClass: \"filter-mobile__reset\",\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.clearAllFacets()\n                                    }\n                                  }\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"ODNaPo::NaPo.FilterClear\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              )\n                        ]\n                      )\n                    ],\n                    1\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"filter-mobile__shifter\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"filter-mobile__menu--main\" },\n                      [\n                        _vm._l(_vm.facets, function(facet) {\n                          return [\n                            facet.type !== \"price\"\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"filter-mobile__name\",\n                                    class: [\n                                      \"filter-mobile__name--\" + facet.id,\n                                      {\n                                        \"filter-mobile__name--selected\":\n                                          _vm.selectedFacetIds &&\n                                          typeof _vm.selectedFacetIds[\n                                            facet.id\n                                          ] !== \"undefined\" &&\n                                          _vm.selectedFacetIds[facet.id]\n                                      }\n                                    ],\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.showFilter(\n                                          facet,\n                                          \"filter-mobile__name--\" + facet.id\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _vm._v(\n                                      \"\\n                                    \" +\n                                        _vm._s(facet.name) +\n                                        \"\\n                                    \"\n                                    ),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"filter-mobiles__selected-wrapper\"\n                                      },\n                                      [\n                                        facet.type === \"price\"\n                                          ? [\n                                              _vm.isSelected(\"price\")\n                                                ? void 0\n                                                : _vm._e()\n                                            ]\n                                          : _vm._l(facet.values, function(\n                                              value\n                                            ) {\n                                              return [\n                                                _vm.isSelected(value) !== \"\"\n                                                  ? _c(\"div\", {\n                                                      staticClass:\n                                                        \"filter-mobile__selected\",\n                                                      domProps: {\n                                                        innerHTML: _vm._s(\n                                                          _vm.isSelected(value)\n                                                        )\n                                                      }\n                                                    })\n                                                  : _vm._e()\n                                              ]\n                                            })\n                                      ],\n                                      2\n                                    )\n                                  ]\n                                )\n                              : _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"filter-mobile__price-wrapper\"\n                                  },\n                                  [\n                                    _c(\"item-filter-price\", {\n                                      ref: \"priceFilter\",\n                                      refInFor: true,\n                                      attrs: {\n                                        \"price-min\":\n                                          _vm.priceMin.default.price.value,\n                                        \"price-max\":\n                                          _vm.priceMax.default.price.value\n                                      }\n                                    })\n                                  ],\n                                  1\n                                )\n                          ]\n                        }),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"filter-mobile__cta-wrapper\",\n                            class: {\n                              \"filter-mobile__wrap-cta--clear\":\n                                _vm.selectedFacets.length > 0\n                            }\n                          },\n                          [\n                            _c(\n                              \"button\",\n                              {\n                                staticClass:\n                                  \"btn btn__primary btn__primary--filter\",\n                                on: {\n                                  click: function($event) {\n                                    return _vm.closeFilter()\n                                  }\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                    \" +\n                                    _vm._s(\n                                      _vm.$translate(\"ODNaPo::NaPo.filterCta\")\n                                    ) +\n                                    \"\\n                                \"\n                                )\n                              ]\n                            )\n                          ]\n                        )\n                      ],\n                      2\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"filter-mobile__menu--filter\" },\n                      [\n                        _vm.currentFacet\n                          ? [\n                              _c(\"item-filter\", {\n                                key: _vm.currentFacet.id,\n                                attrs: {\n                                  facet: _vm.currentFacet,\n                                  facetManufacturerId:\n                                    _vm.napoConfig.itemLists\n                                      .facetManufacturerId,\n                                  type: \"mobile\"\n                                }\n                              })\n                            ]\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"btn btn__primary btn__primary--filter-absolute\",\n                            on: {\n                              click: function($event) {\n                                return _vm.closeFilter()\n                              }\n                            }\n                          },\n                          [\n                            _vm._v(\n                              \"\\n                                \" +\n                                _vm._s(\n                                  _vm.$translate(\"ODNaPo::NaPo.filterCta\")\n                                ) +\n                                \"\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      2\n                    )\n                  ])\n                ])\n              ])\n            ])\n          ]\n        )\n      : _vm._e()\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\", [\n    _vm.facet.name && _vm.type === \"desktop\"\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"filter__values-wrapper js--filter-values-wrapper\",\n            class: {\n              \"filter__values-wrapper--manufacturer\":\n                _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1\n            }\n          },\n          [\n            _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1\n              ? _c(\"div\", { staticClass: \"filter__search-wrapper\" }, [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.searchString,\n                        expression: \"searchString\"\n                      }\n                    ],\n                    staticClass: \"filter__search-input\",\n                    attrs: {\n                      type: \"text\",\n                      title: \"facet filter manufacturer\",\n                      placeholder: _vm.$translate(\n                        \"ODNaPo::NaPo.categoryFilterSearchManufacturer\"\n                      )\n                    },\n                    domProps: { value: _vm.searchString },\n                    on: {\n                      input: [\n                        function($event) {\n                          if ($event.target.composing) {\n                            return\n                          }\n                          _vm.searchString = $event.target.value\n                        },\n                        function($event) {\n                          return _vm.onInputChange()\n                        }\n                      ]\n                    }\n                  })\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm._l(_vm.facets, function(value) {\n              return _c(\n                \"div\",\n                {\n                  key: value.id,\n                  staticClass: \"filter__value-wrapper\",\n                  class: {\n                    \"js--filter__manufacturer\":\n                      _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1\n                  },\n                  attrs: { \"data-value-name\": value.name }\n                },\n                [\n                  _c(\"input\", {\n                    staticClass: \"filter__input\",\n                    attrs: {\n                      id: \"id--filter__property-\" + value.id,\n                      type: \"checkbox\",\n                      disabled: _vm.isLoading\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: \"filter__property\",\n                      class: {\n                        \"filter__property--color\":\n                          _vm.facet.id == _vm.napoConfig.itemLists.facetColorId,\n                        \"filter__property--svg\": value.cssClass.includes(\"svg\"),\n                        \"filter__property--manufacturer\":\n                          _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1,\n                        \"filter__property--color-white\":\n                          value.cssClass === \"#ffffff\"\n                      },\n                      style: [\n                        _vm.facet.id == _vm.napoConfig.itemLists.facetColorId &&\n                        !value.cssClass.includes(\"svg\")\n                          ? { background: value.cssClass }\n                          : {}\n                      ],\n                      attrs: { for: \"id--filter__property-\" + value.id }\n                    },\n                    [\n                      _vm.facet.id != _vm.napoConfig.itemLists.facetColorId\n                        ? [\n                            _vm._v(\n                              \"\\n                    \" +\n                                _vm._s(value.name) +\n                                \"\\n                \"\n                            )\n                          ]\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      value.cssClass.includes(\"svg\")\n                        ? _c(\"svg\", { attrs: { width: \"20\", height: \"20\" } }, [\n                            _c(\"use\", {\n                              attrs: {\n                                \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                                \"xlink:href\": value.cssClass\n                              }\n                            })\n                          ])\n                        : _vm._e()\n                    ],\n                    2\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"filter__badge\" }, [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(value.count) +\n                        \"\\n            \"\n                    )\n                  ])\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1 &&\n            _vm.selectedManufacturer.length > 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"filter__tags-wrapper--manufacturer\" },\n                  _vm._l(_vm.selectedManufacturer, function(tag) {\n                    return _c(\n                      \"span\",\n                      {\n                        on: {\n                          click: function($event) {\n                            return _vm.removeTag(tag)\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(tag.name) +\n                            \"\\n                \"\n                        ),\n                        _c(\"svg\", { attrs: { width: \"6\", height: \"6\" } }, [\n                          _c(\"use\", {\n                            attrs: {\n                              \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                              \"xlink:href\": \"#svg-close\"\n                            }\n                          })\n                        ])\n                      ]\n                    )\n                  }),\n                  0\n                )\n              : _vm._e()\n          ],\n          2\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.facet.name && _vm.type === \"mobile\"\n      ? _c(\n          \"div\",\n          {\n            staticClass:\n              \"filter-mobile__sub-menu-wrapper js--filter-values-wrapper\"\n          },\n          [\n            _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1\n              ? _c(\"div\", { staticClass: \"filter-mobile__search-wrapper\" }, [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.searchString,\n                        expression: \"searchString\"\n                      }\n                    ],\n                    staticClass: \"filter-mobile__search-input\",\n                    attrs: {\n                      type: \"text\",\n                      title: _vm.$translate(\n                        \"ODNaPo::NaPo.categoryFilterSearchManufacturer\"\n                      ),\n                      placeholder: _vm.$translate(\n                        \"ODNaPo::NaPo.categoryFilterSearchManufacturer\"\n                      )\n                    },\n                    domProps: { value: _vm.searchString },\n                    on: {\n                      input: [\n                        function($event) {\n                          if ($event.target.composing) {\n                            return\n                          }\n                          _vm.searchString = $event.target.value\n                        },\n                        function($event) {\n                          return _vm.onInputChange()\n                        }\n                      ]\n                    }\n                  })\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm._l(_vm.facets, function(value) {\n              return _c(\n                \"div\",\n                {\n                  key: value.id,\n                  staticClass: \"filter-mobile__facet-wrapper\",\n                  class: {\n                    \"js--filter__manufacturer\":\n                      _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1\n                  },\n                  attrs: { \"data-value-name\": value.name }\n                },\n                [\n                  _c(\"input\", {\n                    staticClass: \"filter-mobile__input\",\n                    attrs: {\n                      id: \"id--filter-mobile__option-\" + value.id,\n                      type: \"checkbox\",\n                      disabled: _vm.isLoading\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: \"filter-mobile__property\",\n                      attrs: { for: \"id--filter-mobile__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(\"div\", { staticClass: \"filter-mobile__badge\" }, [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(value.count) +\n                        \"\\n            \"\n                    )\n                  ])\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.facetManufacturerId.indexOf(_vm.facet.id) > -1 &&\n            _vm.selectedManufacturer.length > 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"filter-mobile__tags-wrapper--manufacturer\" },\n                  _vm._l(_vm.selectedManufacturer, function(tag) {\n                    return _c(\n                      \"span\",\n                      {\n                        on: {\n                          click: function($event) {\n                            return _vm.removeTag(tag)\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(tag.name) +\n                            \"\\n                \"\n                        ),\n                        _c(\"svg\", { attrs: { width: \"6\", height: \"6\" } }, [\n                          _c(\"use\", {\n                            attrs: {\n                              \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                              \"xlink:href\": \"#svg-close\"\n                            }\n                          })\n                        ])\n                      ]\n                    )\n                  }),\n                  0\n                )\n              : _vm._e()\n          ],\n          2\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div v-if=\"facet.name && type === 'desktop'\"\n             class=\"filter__values-wrapper js--filter-values-wrapper\"\n             :class=\"{'filter__values-wrapper--manufacturer': facetManufacturerId.indexOf(facet.id) > -1}\">\n\n            <div v-if=\"facetManufacturerId.indexOf(facet.id) > -1\"\n                 class=\"filter__search-wrapper\">\n                <input type=\"text\"\n                       title=\"facet filter manufacturer\"\n                       class=\"filter__search-input\"\n                       :placeholder=\"$translate('ODNaPo::NaPo.categoryFilterSearchManufacturer')\"\n                       v-model=\"searchString\"\n                       @input=\"onInputChange()\">\n            </div>\n\n            <div class=\"filter__value-wrapper\"\n                 v-for=\"value in facets\"\n                 :key=\"value.id\"\n                 :data-value-name=\"value.name\"\n                 :class=\"{'js--filter__manufacturer': facetManufacturerId.indexOf(facet.id) > -1 }\">\n                <input :id=\"'id--filter__property-' + value.id\"\n                       class=\"filter__input\"\n                       type=\"checkbox\"\n                       :checked=\"isSelected(value.id)\"\n                       @change=\"updateFacet(value)\"\n                       :disabled=\"isLoading\">\n                <label :for=\"'id--filter__property-' + value.id\"\n                       class=\"filter__property\"\n                       :class=\"{\n                           'filter__property--color': facet.id == napoConfig.itemLists.facetColorId,\n                           'filter__property--svg': value.cssClass.includes('svg'),\n                           'filter__property--manufacturer': facetManufacturerId.indexOf(facet.id) > -1,\n                           'filter__property--color-white': value.cssClass === '#ffffff'\n                       }\"\n                       :style=\"[(facet.id == napoConfig.itemLists.facetColorId && !value.cssClass.includes('svg'))? {'background': value.cssClass} : {}]\">\n                    <template v-if=\"facet.id != napoConfig.itemLists.facetColorId\">\n                        {{ value.name }}\n                    </template>\n                    <svg width=\"20\" height=\"20\" v-if=\"value.cssClass.includes('svg')\">\n                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                             :xlink:href=\"value.cssClass\"></use>\n                    </svg>\n                </label>\n                <div class=\"filter__badge\">\n                    {{ value.count }}\n                </div>\n            </div>\n\n            <div v-if=\"facetManufacturerId.indexOf(facet.id) > -1 && selectedManufacturer.length > 0\"\n                 class=\"filter__tags-wrapper--manufacturer\">\n                <span v-for=\"tag in selectedManufacturer\"\n                      @click=\"removeTag(tag)\">\n                    {{ tag.name }}\n                    <svg width=\"6\" height=\"6\">\n                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                             xlink:href=\"#svg-close\"></use>\n                    </svg>\n                </span>\n            </div>\n\n        </div>\n        <div v-if=\"facet.name && type === 'mobile'\"\n             class=\"filter-mobile__sub-menu-wrapper js--filter-values-wrapper\">\n\n            <div v-if=\"facetManufacturerId.indexOf(facet.id) > -1\"\n                 class=\"filter-mobile__search-wrapper\">\n                <input type=\"text\"\n                       :title=\"$translate('ODNaPo::NaPo.categoryFilterSearchManufacturer')\"\n                       class=\"filter-mobile__search-input\"\n                       :placeholder=\"$translate('ODNaPo::NaPo.categoryFilterSearchManufacturer')\"\n                       v-model=\"searchString\"\n                       @input=\"onInputChange()\">\n            </div>\n\n            <div class=\"filter-mobile__facet-wrapper\"\n                 v-for=\"value in facets\"\n                 :key=\"value.id\"\n                 :data-value-name=\"value.name\"\n                 :class=\"{'js--filter__manufacturer': facetManufacturerId.indexOf(facet.id) > -1 }\">\n                <input :id=\"'id--filter-mobile__option-' + value.id\"\n                       class=\"filter-mobile__input\"\n                       type=\"checkbox\"\n                       :checked=\"isSelected(value.id)\"\n                       @change=\"updateFacet(value)\"\n                       :disabled=\"isLoading\">\n                <label :for=\"'id--filter-mobile__option-' + value.id\"\n                       class=\"filter-mobile__property\">\n                    {{ value.name }}\n                </label>\n                <div class=\"filter-mobile__badge\">\n                    {{ value.count }}\n                </div>\n            </div>\n\n            <div v-if=\"facetManufacturerId.indexOf(facet.id) > -1 && selectedManufacturer.length > 0\"\n                 class=\"filter-mobile__tags-wrapper--manufacturer\">\n                <span v-for=\"tag in selectedManufacturer\"\n                      @click=\"removeTag(tag)\">\n                    {{ tag.name }}\n                    <svg width=\"6\" height=\"6\">\n                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                             xlink:href=\"#svg-close\"></use>\n                    </svg>\n                </span>\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n    import {mapState} from \"vuex\";\n\n    export default {\n\n        props: [\n            \"facet\",\n            \"facetManufacturerId\",\n            \"type\"\n        ],\n\n        data() {\n            return {\n                searchString: '',\n                interval: false,\n                napoConfig: App.napoConfig\n            };\n        },\n\n        computed: {\n\n            ...mapState({\n                selectedFacets: state => state.itemList.selectedFacets,\n                isLoading: state => state.itemList.isLoading\n            }),\n\n            facets() {\n                return this.facet.values;\n                // this.facet.values.sort((facetA, facetB) => {\n                //     if (facetA.position > facetB.position) {\n                //         return 1;\n                //     }\n                //     if (facetA.position < facetB.position) {\n                //         return -1;\n                //     }\n                //\n                //     return 0;\n                // });\n            },\n\n            selectedManufacturer() {\n\n                let tmp = [];\n\n                for (let i = 0; i < this.selectedFacets.length; i++) {\n                    if (this.facets.find(facet => facet.id === this.selectedFacets[i].id)) {\n                        tmp.push(this.selectedFacets[i]);\n                    }\n                }\n\n                return tmp;\n            }\n        },\n\n        methods: {\n\n            updateFacet(facetValue) {\n                this.$store.dispatch(\"selectFacet\", { facetValue })\n            },\n\n            isSelected(facetValueId) {\n                return this.selectedFacets.findIndex(selectedFacet => selectedFacet.id === facetValueId) > -1;\n            },\n\n            onInputChange() {\n\n                let that = this;\n                const $filter = $(that.$el).find(\".js--filter-values-wrapper\");\n\n                clearTimeout(this.interval);\n\n                this.interval = setTimeout(function () {\n\n                    if (that.searchString === \"\") {\n                        $filter.find(\".js--filter__manufacturer\").show();\n                    }else {\n\n                        $filter.find(\".js--filter__manufacturer\").each(function () {\n\n                            let $this = $(this);\n\n                            if (\n                                $this.data(\"value-name\")\n                                    .toLowerCase()\n                                    .indexOf(that.searchString.toLowerCase()) > -1\n                            ) {\n                                $this.show();\n                            }else {\n                                $this.hide();\n                            }\n                        });\n                    }\n                }, 500);\n            },\n\n            removeTag(tag) {\n                this.$store.dispatch(\"selectFacet\", { facetValue: tag });\n            }\n        }\n    }\n</script>\n","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&\"","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-NaPo/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","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"filter__price-wrapper\" }, [\n    _c(\"div\", { staticClass: \"filter__price-values-wrapper\" }, [\n      _c(\"span\", { staticClass: \"filter__price-values-name\" }, [\n        _vm._v(\n          \"\\n                \" +\n            _vm._s(_vm.$translate(\"ODNaPo::NaPo.FilterPrice\")) +\n            \"\\n            \"\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"span\", [\n        _c(\"span\", { staticClass: \"filter__price-value\" }, [\n          _vm._v(\n            \"\\n\\t\\t\\t\\t    \" +\n              _vm._s(_vm.currentMin) +\n              \" \" +\n              _vm._s(_vm.currency) +\n              \"\\n                \"\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"filter__price-divider\" }, [\n          _vm._v(\"\\n                     - \\n                \")\n        ]),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"filter__price-value\" }, [\n          _vm._v(\n            \"\\n                    \" +\n              _vm._s(_vm.currentMax) +\n              \" \" +\n              _vm._s(_vm.currency) +\n              \"\\n\\t\\t\\t\"\n          )\n        ])\n      ])\n    ]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"filter__price-slider-wrapper\" },\n      [\n        _c(\n          \"vue-slider\",\n          _vm._b(\n            {\n              ref: \"priceSlider\",\n              attrs: { disabled: _vm.isLoading },\n              on: {\n                \"drag-start\": _vm.disableCallback,\n                \"drag-end\": _vm.enableCallback,\n                callback: _vm.filterPrice\n              },\n              model: {\n                value: _vm.sliderConfig.value,\n                callback: function($$v) {\n                  _vm.$set(_vm.sliderConfig, \"value\", $$v)\n                },\n                expression: \"sliderConfig.value\"\n              }\n            },\n            \"vue-slider\",\n            _vm.sliderConfig,\n            false\n          )\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"filter__price-wrapper\">\n\n        <div class=\"filter__price-values-wrapper\">\n            <span class=\"filter__price-values-name\">\n                {{ $translate(\"ODNaPo::NaPo.FilterPrice\") }}\n            </span>\n            <span>\n                <span class=\"filter__price-value\">\n\t\t\t\t    {{ currentMin }} {{ currency }}\n                </span>\n                <span class=\"filter__price-divider\">\n                    &nbsp;-&nbsp;\n                </span>\n                <span class=\"filter__price-value\">\n                    {{ currentMax }} {{ currency }}\n\t\t\t</span>\n            </span>\n        </div>\n\n        <div class=\"filter__price-slider-wrapper\">\n            <vue-slider ref=\"priceSlider\"\n                        v-bind=\"sliderConfig\"\n                        v-model=\"sliderConfig.value\"\n                        :disabled=\"isLoading\"\n                        @drag-start=\"disableCallback\"\n                        @drag-end=\"enableCallback\"\n                        @callback=\"filterPrice\">\n            </vue-slider>\n        </div>\n    </div>\n</template>\n\n<script>\nimport UrlService from 'ceres/app/services/UrlService';\nimport vueSlider from 'vue-slider-component';\nimport { mapState } from 'vuex';\n\nexport default {\n\n    props: ['priceMin', 'priceMax'],\n\n    components: {\n        vueSlider,\n    },\n\n    data() {\n\n        return {\n            callbackBool: true,\n            currency: App.activeCurrency,\n            sliderConfig: {\n                value: [0, 500],\n                width: '100%',\n                height: 4,\n                dotWidth: 14,\n                dotHeight: 14,\n                speed: 1,\n                min: 0,\n                max: 9999999,\n                disabled: false,\n                show: true,\n                useKeyboard: true,\n                tooltip: false,\n                formatter: '{value}',\n                mergeFormatter: '{value1} ~ {value2}',\n                bgStyle: {\n                    backgroundColor: '#e3e3e3',\n                },\n                processStyle: {\n                    backgroundColor: '#7f7f81',\n                },\n            },\n            currentMin: 0,\n            currentMax: 500,\n            timeout: null\n        };\n    },\n\n    computed: {\n\n        isDisabled() {\n\n            const urlParams = UrlService.getUrlParams(document.location.search);\n\n            return (typeof urlParams.priceMin === 'undefined' && typeof urlParams.priceMax === 'undefined') &&\n                (\n                    (this.sliderConfig.value[0] === this.sliderConfig.min && this.sliderConfig.value[1] === this.sliderConfig.max) ||\n                    (this.sliderConfig.value[0] >= this.sliderConfig.value[1]) ||\n                    this.isLoading\n                );\n        },\n\n        ...mapState({\n            isLoading: state => state.itemList.isLoading\n        }),\n    },\n\n    mounted() {\n\n        this.sliderConfig.min = this.priceMin;\n        this.sliderConfig.max = this.priceMax;\n\n        const urlParams = UrlService.getUrlParams(document.location.search);\n\n        if (typeof urlParams.priceMin !== 'undefined' && typeof urlParams.priceMax !== 'undefined') {\n            this.$refs.priceSlider.setValue([parseFloat(urlParams.priceMin), parseFloat(urlParams.priceMax)]);\n        } else if (typeof urlParams.priceMin !== 'undefined') {\n            this.$refs.priceSlider.setValue([this.sliderConfig.min, parseFloat(urlParams.priceMax)]);\n        } else if (typeof urlParams.priceMax !== 'undefined') {\n            this.$refs.priceSlider.setValue([parseFloat(urlParams.priceMin), this.sliderConfig.max]);\n        }else {\n            this.$refs.priceSlider.setValue([this.sliderConfig.min, this.sliderConfig.max]);\n        }\n\n        this.currentMin = parseFloat(this.sliderConfig.value[0].toFixed(2)).toLocaleString();\n        this.currentMax = parseFloat(this.sliderConfig.value[1].toFixed(2)).toLocaleString();\n\n        this.refreshSlider();\n    },\n\n    methods: {\n\n        disableCallback() {\n            this.callbackBool = false;\n        },\n\n        enableCallback() {\n            this.callbackBool = true;\n            this.filterPrice();\n        },\n\n        selectAll(event) {\n            event.target.select();\n        },\n\n        filterPrice() {\n\n            this.currentMin = parseFloat(this.sliderConfig.value[0].toFixed(2)).toLocaleString();\n            this.currentMax = parseFloat(this.sliderConfig.value[1].toFixed(2)).toLocaleString();\n\n            const urlParams = UrlService.getUrlParams(document.location.search);\n\n            if(\n                (\n                    typeof urlParams.priceMin === 'undefined' &&\n                    (this.sliderConfig.value[0] !== this.sliderConfig.min || this.sliderConfig.value[1] !== this.sliderConfig.max)\n                ) || (\n                    typeof urlParams.priceMin !== 'undefined' &&\n                    (this.sliderConfig.value[0] !== parseFloat(urlParams.priceMin) || this.sliderConfig.value[1] !== parseFloat(urlParams.priceMax))\n                )\n            ) {\n\n                let that = this;\n\n                //set data in store only when 1s no change is detected\n                clearTimeout(that.timeout);\n                that.timeout = setTimeout(function () {\n                    if (!that.isDisabled) {\n                        //price as string = plenty\n                        that.$store.dispatch('selectPriceFacet', {\n                            priceMin: that.sliderConfig.value[0] != that.priceMin[0] ? String(that.sliderConfig.value[0]) : '',\n                            priceMax: that.sliderConfig.value[1] != that.priceMax[1] ? String(that.sliderConfig.value[1]) : '',\n                        });\n                    }\n                }, 1000);\n            }\n        },\n\n        refreshSlider() {\n\n            /**\n             * Quick and dirty slider dots position fix.\n             * With less timeout the slider dots are not positioned at the values.\n             */\n            setTimeout(() => {\n                this.$refs.priceSlider.refresh();\n            }, 1000);\n\n            window.dispatchEvent(new Event('resize')); // fix button position on init with new min and max values\n        },\n    },\n}\n</script>\n","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&\"","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-NaPo/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","<template>\n    <div>\n        <div v-if=\"!isMobile && facets && facets.length > 0 && type === 'desktop'\"\n             class=\"filter__wrapper\">\n\n            <div class=\"filter__title\">\n                {{ $translate(\"ODNaPo::NaPo.Filter\") }}\n            </div>\n\n            <template v-for=\"facet in facets\">\n\n                <div v-if=\"facet.type !== 'price'\"\n                     class=\"filter__facet-wrapper\">\n                    <div class=\"filter__facet-name\">\n                        {{ facet.name }}\n                    </div>\n                    <item-filter :facet=\"facet\"\n                                 :key=\"facet.id\"\n                                 :facetManufacturerId=\"napoConfig.itemLists.facetManufacturerId\"\n                                 type=\"desktop\">\n                    </item-filter>\n                </div>\n\n                <div v-else\n                     class=\"filter__facet-wrapper\">\n                    <item-filter-price ref=\"priceFilter\"\n                                       :price-min=\"priceMin.default.price.value\"\n                                       :price-max=\"priceMax.default.price.value\">\n                    </item-filter-price>\n                </div>\n\n            </template>\n\n            <button class=\"filter__clear-all\"\n                    @click=\"clearAllFacets()\">\n                {{ $translate(\"ODNaPo::NaPo.categoryResetFilters\") }}\n            </button>\n\n        </div>\n        <div v-if=\"isMobile && type === 'mobile'\"\n             v-show=\"facets && facets.length > 0\"\n             class=\"filter-mobile__wrapper\">\n\n            <div class=\"filter-mobile__list-wrapper\">\n                <div class=\"filter-mobile__list-inner\">\n\n                    <div class=\"filter-mobile__content\">\n                        <div class=\"filter-mobile__list-head\">\n\n                            <transition name=\"fade\" mode=\"out-in\">\n                                <button v-if=\"currentFacet\"\n                                        class=\"filter-mobile__hide\"\n                                        @click=\"hideFilter()\"\n                                        key=\"key--filter-mobile__hide\">\n                                    <svg width=\"22\" height=\"10\">\n                                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                             xlink:href=\"#svg-arrow-back-long\"></use>\n                                    </svg>\n                                </button>\n                                <button v-else\n                                        class=\"filter-mobile__close\"\n                                        @click=\"closeFilter()\"\n                                        key=\"key--filter-mobile__close\">\n                                    <svg width=\"14\" height=\"14\">\n                                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                             xlink:href=\"#svg-close\"></use>\n                                    </svg>\n                                </button>\n                            </transition>\n\n                            <transition name=\"fade\" mode=\"out-in\">\n                                <div class=\"filter-mobile__headline\"\n                                     :key=\"currentFacet.id\">\n                                    {{ currentFacet ? currentFacet.name : $translate(\"ODNaPo::NaPo.Filter\") }}\n                                </div>\n                            </transition>\n\n                            <transition name=\"fade\" mode=\"out-in\">\n                                <button v-if=\"currentFacet\"\n                                        @click=\"clearFacet()\"\n                                        class=\"filter-mobile__reset\"\n                                        key=\"key--filter-mobile__reset--single\">\n                                    {{ $translate(\"ODNaPo::NaPo.FilterClearSingle\") }}\n                                </button>\n                                <button v-else\n                                        @click=\"clearAllFacets()\"\n                                        class=\"filter-mobile__reset\"\n                                        key=\"key--filter-mobile__reset--all\">\n                                    {{ $translate(\"ODNaPo::NaPo.FilterClear\") }}\n                                </button>\n                            </transition>\n\n                        </div>\n\n                        <div class=\"filter-mobile__shifter\">\n                            <div class=\"filter-mobile__menu--main\">\n                                <template v-for=\"facet in facets\">\n                                    <div class=\"filter-mobile__name\"\n                                         :class=\"['filter-mobile__name--' + facet.id, { 'filter-mobile__name--selected': (selectedFacetIds && typeof selectedFacetIds[facet.id] !== 'undefined' && selectedFacetIds[facet.id])}]\"\n                                         @click=\"showFilter(facet, 'filter-mobile__name--' + facet.id)\"\n                                         v-if=\"facet.type !== 'price'\">\n                                        {{ facet.name }}\n                                        <div class=\"filter-mobiles__selected-wrapper\">\n                                            <template v-if=\"facet.type === 'price'\">\n                                                <template v-if=\"isSelected('price')\"></template>\n                                            </template>\n                                            <template v-else\n                                                      v-for=\"value in facet.values\">\n                                                <div v-html=\"isSelected(value)\"\n                                                     v-if=\"isSelected(value) !== ''\"\n                                                     class=\"filter-mobile__selected\">\n                                                </div>\n                                            </template>\n                                        </div>\n                                    </div>\n                                    <div v-else\n                                         class=\"filter-mobile__price-wrapper\">\n                                        <item-filter-price ref=\"priceFilter\"\n                                                           :price-min=\"priceMin.default.price.value\"\n                                                           :price-max=\"priceMax.default.price.value\">\n                                        </item-filter-price>\n                                    </div>\n                                </template>\n                                <div class=\"filter-mobile__cta-wrapper\"\n                                     :class=\"{'filter-mobile__wrap-cta--clear': selectedFacets.length > 0}\">\n                                    <button class=\"btn btn__primary btn__primary--filter\"\n                                            @click=\"closeFilter()\">\n                                        {{ $translate(\"ODNaPo::NaPo.filterCta\") }}\n                                    </button>\n                                </div>\n                            </div>\n\n                            <div class=\"filter-mobile__menu--filter\">\n                                <template v-if=\"currentFacet\">\n                                    <item-filter :facet=\"currentFacet\"\n                                                 :key=\"currentFacet.id\"\n                                                 :facetManufacturerId=\"napoConfig.itemLists.facetManufacturerId\"\n                                                 type=\"mobile\">\n                                    </item-filter>\n                                </template>\n                                <button class=\"btn btn__primary btn__primary--filter-absolute\"\n                                        @click=\"closeFilter()\">\n                                    {{ $translate(\"ODNaPo::NaPo.filterCta\") }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import UrlService from 'ceres/app/services/UrlService';\n    import { mapState, mapGetters } from 'vuex';\n    import ItemFilter from \"./ItemFilter.vue\";\n    import ItemFilterPrice from \"./ItemFilterPrice.vue\";\n    import enquire from 'enquire.js';\n\n    export default {\n\n        components: {\n            ItemFilter,\n            ItemFilterPrice\n        },\n\n        props: {\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            priceMax:\n                {\n\n                },\n            priceMin:\n                {\n\n                },\n            type:\n                {\n                    type: String,\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            return {\n                isActive: false,\n                currentFacet: false,\n                elementSelector: '',\n                isMobile: true,\n                napoConfig: App.napoConfig,\n                initialSelectedFacets: [],\n                initialPriceMin: \"\",\n                initialPriceMax: \"\"\n            };\n        },\n\n        computed: {\n            ...mapState({\n\n                facets(state) {\n\n                    if (!this.allowedFacetsTypes.length){\n                        return this.sortFacets(state.itemList.facets)\n                    }\n\n                    return this.sortFacets(\n                        state.itemList.facets\n                            .filter(facet => this.allowedFacetsTypes.includes(facet.id) || this.allowedFacetsTypes.includes(facet.type))\n                        )\n                },\n                selectedFacets: state => state.itemList.selectedFacets\n            }),\n            ...mapGetters([\n                'selectedFacetIds'\n            ])\n        },\n\n        created() {\n\n            this.$store.commit('addFacets', this.facetData);\n\n            this.initSelectedFacets();\n            this.setupEnquire();\n        },\n\n        methods: {\n\n            initSelectedFacets() {\n\n                const urlParams = UrlService.getUrlParams(document.location.search);\n\n                let selectedFacets = [];\n\n                if (urlParams.facets) {\n                    selectedFacets = urlParams.facets.split(',');\n                }\n\n                if (this.initPriceFacet(urlParams)) {\n                    selectedFacets.push('price');\n                }\n\n                if (selectedFacets.length > 0) {\n                    this.$store.commit('setSelectedFacetsByIds', selectedFacets);\n                }\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            //desktop and mobile are two different templates\n            //if component is duplicate there are some problems\n            setupEnquire() {\n\n                let that = this;\n\n                enquire.register('screen and (min-width: 992px)', {\n                    match: function () {\n                        that.isMobile = false;\n                    },\n                    unmatch: function () {\n                        that.isMobile = true;\n                    }\n                });\n\n            },\n\n            openFilter() {\n\n                let that = this;\n\n                window.setTimeout(() => {\n                    that.isActive = !that.isActive;\n                }, 300);\n\n                $('.filter-mobile__list-wrapper').addClass('filter-mobile__list-wrapper--open');\n                $('body').addClass('mobile-navigation--visible');\n\n                if (typeof this.$refs.priceFilter !== 'undefined') {\n                    this.$refs.priceFilter[0].refreshSlider();\n                }\n            },\n\n            closeFilter() {\n\n                let that = this;\n\n                window.setTimeout(() => {\n                    that.isActive = !that.isActive;\n                }, 300);\n\n                $('.filter-mobile__list-wrapper').removeClass('filter-mobile__list-wrapper--open');\n                $('body').removeClass('mobile-navigation--visible');\n\n                this.hideFilter();\n            },\n\n            showFilter(facet) {\n                this.currentFacet = facet;\n                $('.filter-mobile__shifter').addClass('filter-mobile__shifter--right');\n            },\n\n            hideFilter() {\n                this.currentFacet = false;\n                $('.filter-mobile__shifter').removeClass('filter-mobile__shifter--right');\n            },\n\n            isSelected(value) {\n\n                let facetValueId = value.id;\n                let name = '';\n\n                if (this.selectedFacets.findIndex(selectedFacet => selectedFacet.id === facetValueId) > -1) {\n                    name = value.name;\n                }\n\n                return name;\n            },\n\n            clearFacet() {\n\n                let selectedFacets = [];\n\n                if(this.currentFacet) {\n\n                    for(let i = 0; i < this.selectedFacetIds.length; i++) {\n\n                        let found = false;\n\n                        for(let ii = 0; ii < this.currentFacet.values.length; ii++) {\n                            if(this.currentFacet.values[ii].id === this.selectedFacetIds[i]) {\n                               found = true;\n                            }\n                        }\n\n                        if(!found) {\n                            selectedFacets.push(''+this.selectedFacetIds[i]);\n                        }\n                    }\n\n                    if(selectedFacets.length !== this.selectedFacetIds.length) {\n                        this.$store.commit('setSelectedFacetsByIds', selectedFacets);\n                        this.$store.dispatch('loadItemList');\n                    }\n                }\n            },\n\n            clearAllFacets() {\n                this.$store.commit('resetAllSelectedFacets');\n                this.$store.dispatch('loadItemList')\n            },\n\n            sortFacets(facets) {\n                return facets;\n                // return facets.sort((facetA, facetB) => {\n                //\n                //     if (facetA.position > facetB.position) {\n                //         return 1;\n                //     }\n                //\n                //     if (facetA.position < facetB.position) {\n                //         return -1;\n                //     }\n                //\n                //     return 0;\n                // });\n            }\n        }\n    }\n</script>\n","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&\"","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-NaPo/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"],"sourceRoot":""}