{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/componentId.mixin.js","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue","webpack:///resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?d65f","webpack:///resources/js/src/app/components/itemList/filter/ItemFilter.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?f0bc","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterPrice.vue?e68b","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilter.vue?208f","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterDeviceSearch.vue","webpack:///resources/js/src/app/components/itemList/filter/ItemFilterDeviceSearch.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterDeviceSearch.vue?969a","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterDeviceSearch.vue?a2b9","webpack:///resources/js/src/app/components/itemList/filter/ItemFilterList.vue","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?6efa","webpack:///./resources/js/src/app/components/itemList/filter/ItemFilterList.vue?34d8"],"names":["KEYS","document","debug_component_ids","ComponentIdMixin","created","_this$$vnode","this","$options","_componentTag","$vnode","tag","_cid","node","prevNode","isNullOrUndefined","hasSiblings","$children","occurenceIndex","getOwnOccurenceIndex","$parent","potentialSiblings","_step","_iterator","_createForOfIteratorHelper","s","n","done","potentialSibling","value","err","e","f","filter","indexOf","render","_vm","_c","_self","filterListBulk","isSaegekettenPage","_e","_v","_l","filteredFacets","facet","key","id","attrs","paddingClasses","paddingInlineStyles","directives","name","rawName","facets","length","expression","staticClass","class","isLoading","categoryFacets","bgImage","hideFilter","filterID","showHeader","_withStripped","cssClass","active","activeTitle","facetName","on","click","$event","toggleActiveTitle","_s","type","style","_uid","disabled","count","domProps","checked","isSelected","change","updateFacet","for","currency","priceMin","placeholder","$translate","focus","selectAll","input","target","composing","priceMax","isDisabled","title","triggerFilter","icon","loading","data","App","activeCurrency","mounted","urlParams","UrlService","getUrlParams","location","search","computed","_objectSpread","parseInt","mapState","state","itemList","methods","event","select","window","localStorage","setItem","$store","dispatch","components","ItemFilterPrice","props","Object","String","default","values","translationKey","selectedFacets","facetValue","getElementsByClassName","contains","elm","facetValueId","findIndex","selectedFacet","role","Boolean","Number","SAEGEKETTEN_URL_PATTERN","ALLOWED_FACETS","FACET_ORDER","ItemFilter","ItemFilterDeviceSearch","SagekettenSearch","mixins","facetData","Array","allowedFacetsTypes","test","pathname","includes","sort","a","b","_this","_this$$store$state$it","commit"],"mappings":"ssCAOA,IAAMA,EAAO,GAEW,oBAAbC,WAEPA,SAASC,oBAAsBF,GAG5B,IAAMG,EAAmB,CAC5BC,QAAO,WACP,IAAAC,EAEI,GAAKC,KAAKC,SAASC,eAA6B,QAAZH,EAACC,KAAKG,cAAM,IAAAJ,GAAXA,EAAaK,IAAlD,CAKAJ,KAAKK,KAAO,GAMZ,IAJA,IAAIC,EAAON,KAEPO,EAAW,MAEPC,YAAkBF,IAC1B,CACI,IAAKE,YAAkBD,IAEfE,EAAYH,EAAKI,UAAWH,GAChC,CACI,IAAMI,EAAiBC,EAAqBN,EAAKI,UAAWH,GAE5DP,KAAKK,MAAQM,EAIrBX,KAAKK,MAAQ,IAETC,EAAKL,SAASC,gBAEdF,KAAKK,MAAQC,EAAKL,SAASC,eAG/BK,EAAWD,EACXA,EAAOA,EAAKO,QAGXnB,EAAKM,KAAKK,QAEXX,EAAKM,KAAKK,MAAQ,GAGtBX,EAAKM,KAAKK,WAIlB,SAASI,EAAYK,EAAmBR,GACxC,IACoDS,EADpDC,EAAAC,EACmCH,GAAiB,IAAhD,IAAAE,EAAAE,MAAAH,EAAAC,EAAAG,KAAAC,MACA,KADWC,EAAgBN,EAAAO,MAEvB,GAAID,EAAiBpB,SAASC,gBAAkBI,EAAKL,SAASC,eAAiBmB,IAAqBf,EAEhG,OAAO,GAEd,MAAAiB,GAAAP,EAAAQ,EAAAD,GAAA,QAAAP,EAAAS,IAED,OAAO,EAGX,SAASb,EAAqBE,EAAmBR,GAI7C,OAFiBQ,EAAkBY,QAAO,SAAAL,GAAgB,OAAIA,EAAiBpB,SAASC,gBAAkBI,EAAKL,SAASC,iBAExGyB,QAAQrB,K,wCC9E5B,IAAIsB,EAAS,WACX,IAAIC,EAAM7B,KACR8B,EAAKD,EAAIE,MAAMD,GACjB,OAAOD,EAAIG,eACPF,EACE,MACA,CACED,EAAII,kBAAoBH,EAAG,qBAAuBD,EAAIK,KACtDL,EAAIM,GAAG,KACPN,EAAIO,GAAGP,EAAIQ,gBAAgB,SAAUC,GACnC,OAAOR,EAAG,cAAe,CACvBS,IAAKD,EAAME,GACXC,MAAO,CACLH,MAAOA,EACP,kBAAmBT,EAAIa,eACvB,wBAAyBb,EAAIc,2BAKrC,GAEFb,EACE,MACA,CACEc,WAAY,CACV,CACEC,KAAM,OACNC,QAAS,SACTxB,MAAOO,EAAIkB,QAAUlB,EAAIkB,OAAOC,OAAS,EACzCC,WAAY,gCAGhBC,YAAa,kBAEf,CACErB,EAAII,kBAAoBH,EAAG,qBAAuBD,EAAIK,KACtDL,EAAIM,GAAG,KACPL,EACE,MACA,CACEc,WAAY,CACV,CACEC,KAAM,sBACNC,QAAS,0BAGbI,YAAa,mBAEf,CACEpB,EACE,MACA,CACEoB,YAAa,oBACbC,MAAO,CAAE,aAActB,EAAIuB,YAE7B,CACGvB,EAAII,kBAiBDJ,EAAIK,KAhBJJ,EACE,MACA,CAAEoB,YAAa,kCACf,CACEpB,EAAG,4BAA6B,CAC9BW,MAAO,CACLH,MAAOT,EAAIwB,eAAe,GAC1BC,QAASzB,EAAIyB,QACbC,WAAY1B,EAAI0B,WAChBC,SAAU3B,EAAI2B,SACdC,WAAY5B,EAAI4B,eAItB,GAGN5B,EAAIM,GAAG,KACPL,EAAG,MAAO,CAAEoB,YAAa,yBAA2B,CAClDpB,EACE,MACA,CACEoB,YAAa,0BACbC,MAAO,CAAE,OAAQtB,EAAII,oBAEvBJ,EAAIO,GAAGP,EAAIQ,gBAAgB,SAAUC,GACnC,OAAOR,EAAG,cAAe,CACvBS,IAAKD,EAAME,GACXC,MAAO,CAAEH,MAAOA,QAGpB,UAQd,IAIRV,EAAO8B,eAAgB,E,gICrGnB9B,EAAS,WACX,IAAIC,EAAM7B,KACR8B,EAAKD,EAAIE,MAAMD,GACjB,OAAOD,EAAIS,MAAMO,KACbf,EACE,MACA,CACEoB,YAAa,qBACbC,MAAO,CACLtB,EAAIS,MAAMqB,SACV,CAAEC,OAAQ/B,EAAIgC,cAAgBhC,EAAIiC,aAGtC,CACEhC,EACE,MACA,CACEoB,YAAa,gBACba,GAAI,CACFC,MAAO,SAAUC,GACf,OAAOpC,EAAIqC,kBAAkBrC,EAAIiC,cAIvC,CAACjC,EAAIM,GAAG,SAAWN,EAAIsC,GAAGtC,EAAIiC,WAAa,UAE7CjC,EAAIM,GAAG,KACY,UAAnBN,EAAIS,MAAM8B,KACNtC,EAAG,MAAO,CAACA,EAAG,sBAAuB,GACrCA,EACE,MACA,CACEoB,YAAa,uBACbC,MAAOtB,EAAIS,MAAMqB,UAEnB9B,EAAIO,GAAGP,EAAIkB,QAAQ,SAAUzB,GAC3B,OAAOQ,EACL,MACA,CACES,IAAKjB,EAAMkB,GACXU,YAAa,qBACbC,MAAO7B,EAAMqC,UAEf,CACE7B,EAAG,MAAO,CAAEoB,YAAa,wBAA0B,CAC9B,YAAnB5B,EAAMqC,UACa,SAAnBrC,EAAMqC,UACa,YAAnBrC,EAAMqC,UACa,SAAnBrC,EAAMqC,SACF7B,EAAG,MAAO,CACRoB,YAAa,oBACbmB,MACE,oBACA/C,EAAMqC,SACN,yDAEJrC,EAAMqC,UAEe,QAAnBrC,EAAMqC,UACa,QAAnBrC,EAAMqC,UACa,QAAnBrC,EAAMqC,UACa,QAAnBrC,EAAMqC,SAER7B,EAAG,MAAO,CACRoB,YAAa,cACbmB,MAAO,oBAAsB/C,EAAMqC,WAErC9B,EAAIK,KACRL,EAAIM,GAAG,KACY,QAAnBb,EAAMqC,UAYiB,QAAnBrC,EAAMqC,UAYa,QAAnBrC,EAAMqC,UAYa,QAAnBrC,EAAMqC,SAnCN7B,EAAG,MAAO,CACRoB,YAAa,gBACbmB,MACE,0CACAxC,EAAIS,MAAME,GACV,IACAlB,EAAMkB,GACN,IACAlB,EAAMqC,SACN,MAsCJ9B,EAAIK,KACRL,EAAIM,GAAG,KACPL,EAAG,QAAS,CACVoB,YAAa,0BACbT,MAAO,CACLD,GAAI,UAAYlB,EAAMkB,GAAK,IAAMX,EAAIyC,KACrCF,KAAM,WACNG,SAAU1C,EAAIuB,WAAa9B,EAAMkD,OAAS,GAE5CC,SAAU,CAAEC,QAAS7C,EAAI8C,WAAWrD,EAAMkB,KAC1CuB,GAAI,CACFa,OAAQ,SAAUX,GAChB,OAAOpC,EAAIgD,YAAYvD,OAI7BO,EAAIM,GAAG,KACPL,EACE,QACA,CACEoB,YAAa,mBACbC,MAAO,CAACtB,EAAIa,eAAgB,UAAYpB,EAAMkB,IAC9C6B,MAAOxC,EAAIc,oBACXF,MAAO,CACLqC,IAAK,UAAYxD,EAAMkB,GAAK,IAAMX,EAAIyC,OAG1C,CACExC,EAAG,MAAO,CAAEoB,YAAa,UAAY,CACnCpB,EAAG,OAAQ,CAAEoB,YAAa,eAAiB,CACzCrB,EAAIM,GAAGN,EAAIsC,GAAG7C,EAAMuB,SAEtBhB,EAAIM,GAAG,KACPL,EAAG,OAAQ,CAAEoB,YAAa,gBAAkB,CAC1CrB,EAAIM,GAAGN,EAAIsC,GAAG7C,EAAMkD,qBASpC,KAIV3C,EAAIK,MAGVN,EAAO8B,eAAgB,E,6BCvKnB9B,EAAS,WACX,IAAIC,EAAM7B,KACR8B,EAAKD,EAAIE,MAAMD,GACjB,OAAOA,EAAG,MAAO,CAAEoB,YAAa,qBAAuB,CACrDpB,EAAG,MAAO,CAAEoB,YAAa,eAAiB,CACxCpB,EAAG,MAAO,CAAEoB,YAAa,uBAAyB,CAChDpB,EAAG,OAAQ,CAAEoB,YAAa,oBAAsB,CAC9CrB,EAAIM,GAAGN,EAAIsC,GAAGtC,EAAIkD,eAGtBlD,EAAIM,GAAG,KACPL,EAAG,QAAS,CACVc,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTxB,MAAOO,EAAImD,SACX/B,WAAY,aAGhBC,YAAa,eACbT,MAAO,CACL2B,KAAM,SACNa,YAAa,MACb,aAAcpD,EAAIqD,WAAW,uCAE/BT,SAAU,CAAEnD,MAAOO,EAAImD,UACvBjB,GAAI,CACFoB,MAAO,SAAUlB,GACf,OAAOpC,EAAIuD,UAAUnB,IAEvBoB,MAAO,SAAUpB,GACXA,EAAOqB,OAAOC,YAClB1D,EAAImD,SAAWf,EAAOqB,OAAOhE,aAKrCO,EAAIM,GAAG,KACPL,EAAG,MAAO,CAAEoB,YAAa,eAAiB,CACxCpB,EAAG,MAAO,CAAEoB,YAAa,uBAAyB,CAChDpB,EAAG,OAAQ,CAAEoB,YAAa,oBAAsB,CAC9CrB,EAAIM,GAAGN,EAAIsC,GAAGtC,EAAIkD,eAGtBlD,EAAIM,GAAG,KACPL,EAAG,QAAS,CACVc,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTxB,MAAOO,EAAI2D,SACXvC,WAAY,aAGhBC,YAAa,eACbT,MAAO,CACL2B,KAAM,SACNa,YAAa,MACb,aAAcpD,EAAIqD,WAAW,uCAE/BT,SAAU,CAAEnD,MAAOO,EAAI2D,UACvBzB,GAAI,CACFoB,MAAO,SAAUlB,GACf,OAAOpC,EAAIuD,UAAUnB,IAEvBoB,MAAO,SAAUpB,GACXA,EAAOqB,OAAOC,YAClB1D,EAAI2D,SAAWvB,EAAOqB,OAAOhE,aAKrCO,EAAIM,GAAG,KACPL,EACE,SACA,CACEc,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCI,YAAa,iCACbC,MAAO,CAAEoB,SAAU1C,EAAI4D,YACvBhD,MAAO,CACL2B,KAAM,SACN,cAAe,UACf,iBAAkB,MAClBsB,MAAO7D,EAAIqD,WAAW,6BACtB,aAAcrD,EAAIqD,WAAW,qCAE/BnB,GAAI,CACFC,MAAO,SAAUC,GACf,OAAOpC,EAAI8D,mBAIjB,CAAC7D,EAAG,OAAQ,CAAEW,MAAO,CAAEmD,KAAM,QAASC,QAAShE,EAAIuB,cACnD,MAKNxB,EAAO8B,eAAgB,E,u4BC5DR,ICvC8M,EDuC9M,CACfoC,KAAA,WAEA,OACAd,SAAA,GACAQ,SAAA,GACAT,SAAAgB,IAAAC,iBAIAC,QAAA,WAEA,IAAAC,EAAAC,IAAAC,aAAAzG,SAAA0G,SAAAC,QAEA,KAAAtB,SAAAkB,EAAAlB,UAAA,GACA,KAAAQ,SAAAU,EAAAV,UAAA,IAGAe,S,+VAAAC,CAAA,CAEAf,WAAA,WAEA,gBAAAT,UAAA,UAAAQ,UACAiB,SAAA,KAAAzB,WAAAyB,SAAA,KAAAjB,WACA,KAAApC,YAGAsD,YAAA,CACAtD,UAAA,SAAAuD,GAAA,OAAAA,EAAAC,SAAAxD,cAIAyD,QACA,CACAzB,UAAA,SAAA0B,GAEAA,EAAAxB,OAAAyB,UAGApB,cAAA,WAEA,KAAAF,aAEAuB,OAAAC,aAAAC,QAAA,wBACA,KAAAC,OAAAC,SAAA,oBAAApC,SAAA,KAAAA,SAAAQ,SAAA,KAAAA,e,g3DE+Ce,IClIyM,EDkIzM,CACf3C,KAAA,cAEAwE,WAAA,CACAC,gBE/HgB,YACd,EACA,ELyFoB,IKvFpB,EACA,KACA,KACA,M,SF2HFC,MAAA,CACAjF,MAAA,CACA8B,KAAAoD,QAEA9E,eAAA,CACA0B,KAAAqD,OACAC,QAAA,MAEA/E,oBAAA,CACAyB,KAAAqD,OACAC,QAAA,OAGA5B,KAAA,WACA,OACAjC,YAAA,OAGA0C,S,+VAAAC,CAAA,CACAzD,OAAA,WACA,YAAAT,MAAAqF,QAGA7D,UAAA,WACA,YAAAxB,MAAAsF,gBAAA,KAAAtF,MAAAsF,eAAA5E,OAAA,EACA,KAAAkC,WAAA,wBAAA5C,MAAAsF,gBAGA,KAAAtF,MAAAO,OAEA6D,YAAA,CACAmB,eAAA,SAAAlB,GAAA,OAAAA,EAAAC,SAAAiB,gBACAzE,UAAA,SAAAuD,GAAA,OAAAA,EAAAC,SAAAxD,cAIAyD,QAAA,CACAhC,YAAA,SAAAiD,GACA,IAEA/G,EAFAC,EAAAC,EAAAtB,SAAAoI,uBAAA,mBAEA,QAAA/G,EAAAE,MAAAH,EAAAC,EAAAG,KAAAC,MAAA,CAAAL,EAAAO,MACA0G,SAAA,KAAA7H,OAAA8H,MACAjB,OAAAC,aAAAC,QAAA,yBAEA,MAAA3F,GAAAP,EAAAQ,EAAAD,GAAA,QAAAP,EAAAS,IAEA,KAAA0F,OAAAC,SAAA,eAAAU,gBAGAnD,WAAA,SAAAuD,GACA,OACA,KAAAL,eAAAM,WACA,SAAAC,GAAA,OAAAA,EAAA5F,KAAA0F,MACA,GAIAhE,kBAAA,SAAAwB,GACA,KAAA7B,cAAA6B,EACA,KAAA7B,YAAA,KAEA,KAAAA,YAAA6B,KGpLe,EAXC,YACd,EACA,EP6JoB,IO3JpB,EACA,KACA,KACA,M,QCdE9D,EAAS,WACX,IAAIC,EAAM7B,KACR8B,EAAKD,EAAIE,MAAMD,GACjB,OAAOD,EAAI4B,aAAe5B,EAAI0B,WAC1BzB,EACE,MACA,CACEoB,YACE,mEACFmB,MAAO,yBAA2BxC,EAAIyB,QAAU,IAChDb,MAAO,CACL,wBAAyBZ,EAAIyB,QAC7B,cAAe,OACf+E,KAAM,QAGV,CACEvG,EAAG,MAAO,CAAEoB,YAAa,iBAAmB,CAC1CpB,EAAG,MAAO,CAAEoB,YAAa,8BAAgC,CACvDpB,EACE,MACA,CAAEoB,YAAa,uCACf,CACEpB,EAAG,MAAO,CAAEoB,YAAa,+BAAiC,CACxDpB,EAAG,KAAM,CAAEoB,YAAa,gCAAkC,CACxDrB,EAAIM,GACF,iBACEN,EAAIsC,GACFtC,EAAIqD,WACF,8DAGJ,kBAGNrD,EAAIM,GAAG,KACPL,EACE,OACA,CACEoB,YACE,gEAEJ,CACErB,EAAIM,GACF,iBACEN,EAAIsC,GACFtC,EAAIqD,WACF,6DAGJ,kBAIRrD,EAAIM,GAAG,KACPL,EACE,MACA,CACEoB,YAAa,qBACbT,MAAO,CAAED,GAAI,4BAEf,CACEX,EAAIS,MAAMO,KACNf,EAAG,MAAO,CACRA,EACE,MACA,CACEoB,YAAa,yBACbC,MAAO,CACLtB,EAAIS,MAAME,GACV,CACEoB,OAAQ/B,EAAIgC,cAAgBhC,EAAIiC,YAGpCC,GAAI,CACFC,MAAO,SAAUC,GACf,OAAOpC,EAAIqC,kBACTrC,EAAIiC,cAKZ,CACEjC,EAAIM,GACF,qBACEN,EAAIsC,GAAGtC,EAAIiC,WACX,sBAIRjC,EAAIM,GAAG,KACPL,EACE,MACA,CACEc,WAAY,CACV,CACEC,KAAM,OACNC,QAAS,SACTxB,MAAOO,EAAIgC,cAAgBhC,EAAIiC,UAC/Bb,WAAY,8BAGhBC,YAAa,wBAEfrB,EAAIO,GAAGP,EAAIS,MAAMqF,QAAQ,SAAUrG,GACjC,OAAOQ,EACL,MACA,CACES,IAAKjB,EAAMkB,GACXU,YAAa,sBAEf,CACEpB,EACE,MACA,CAAEoB,YAAa,wBACf,CACEpB,EAAG,QAAS,CACVoB,YACE,0BACFT,MAAO,CACLD,GACE,UACAlB,EAAMkB,GACN,IACAX,EAAIyC,KACNF,KAAM,WACNG,SACE1C,EAAIuB,WACJ9B,EAAMkD,OAAS,GAEnBC,SAAU,CACRC,QAAS7C,EAAI8C,WAAWrD,EAAMkB,KAEhCuB,GAAI,CACFa,OAAQ,SAAUX,GAChB,OAAOpC,EAAIgD,YAAYvD,OAI7BO,EAAIM,GAAG,KACPL,EACE,QACA,CACEoB,YAAa,mBACbC,MAAO,CACLtB,EAAIa,eACJ,UAAYpB,EAAMkB,IAEpB6B,MAAOxC,EAAIc,oBACXF,MAAO,CACLqC,IACE,UACAxD,EAAMkB,GACN,IACAX,EAAIyC,OAGV,CACExC,EACE,MACA,CAAEoB,YAAa,UACf,CACEpB,EACE,OACA,CACEoB,YACE,eAEJ,CAACrB,EAAIM,GAAGN,EAAIsC,GAAG7C,EAAMuB,SAEvBhB,EAAIM,GAAG,KACPL,EACE,OACA,CACEoB,YACE,gBAEJ,CACErB,EAAIM,GACFN,EAAIsC,GAAG7C,EAAMkD,qBAarC,KAGJ3C,EAAIK,iBAU1BL,EAAIK,M,y2DAGVN,EAAO8B,eAAgB,ECxJR,ICxDqN,EDwDrN,CACfb,KAAA,yBAEA0E,MAAA,CACAjF,MAAA,CACA8B,KAAAoD,QAEA9E,eAAA,CACA0B,KAAAqD,OACAC,QAAA,MAEA/E,oBAAA,CACAyB,KAAAqD,OACAC,QAAA,MAEApE,QAAA,CACAc,KAAAqD,OACAC,QAAA,MAEAnE,WAAA,CACAa,KAAAkE,QACAZ,SAAA,GAEAlE,SAAA,CACAY,KAAAmE,OACAb,QAAA,IAEAjE,WAAA,CACAW,KAAAkE,QACAZ,SAAA,IAGA5B,KAAA,WACA,OACAjC,YAAA,OAGA0C,S,+VAAAC,CAAA,CACA1C,UAAA,WACA,YAAAxB,MAAAO,OAGA6D,YAAA,CACAmB,eAAA,SAAAlB,GAAA,OAAAA,EAAAC,SAAAiB,gBACAzE,UAAA,SAAAuD,GAAA,OAAAA,EAAAC,SAAAxD,cAIAyD,QAAA,CACAhC,YAAA,SAAAiD,GACA,IAEA/G,EAFAC,EAAAC,EAAAtB,SAAAoI,uBAAA,mBAEA,QAAA/G,EAAAE,MAAAH,EAAAC,EAAAG,KAAAC,MAAA,CAAAL,EAAAO,MACA0G,SAAA,KAAA7H,OAAA8H,MACAjB,OAAAC,aAAAC,QAAA,yBAEA,MAAA3F,GAAAP,EAAAQ,EAAAD,GAAA,QAAAP,EAAAS,IAEA,KAAA0F,OAAAC,SAAA,eAAAU,gBAGAnD,WAAA,SAAAuD,GACA,OACA,KAAAL,eAAAM,WACA,SAAAC,GAAA,OAAAA,EAAA5F,KAAA0F,MACA,GAIAhE,kBAAA,SAAAwB,GACA,KAAA7B,cAAA6B,EACA,KAAA7B,YAAA,KAEA,KAAAA,YAAA6B,KE/Ge,EAXC,YACd,EACA,EHsMoB,IGpMpB,EACA,KACA,KACA,M,84BCmBF,IAAA8C,EAAA,wBACAC,EAAA,yCACAC,EAAA,CACA,UACA,YACA,WACA,OCvC4N,ED0C7M,CACf7F,KAAA,mBACAwE,WAAA,CACAsB,aACAC,yBACAC,sBAEAC,OAAA,CAAAjJ,KAEA0H,MAAA,CACAvF,eAAAsG,QACAS,UAAA,CACA3E,KAAA4E,MACAtB,QAAA,sBAEAuB,mBAAA,CACA7E,KAAA4E,MACAtB,QAAA,sBAEAhF,eAAA,CACA0B,KAAAqD,OACAC,QAAA,MAEA/E,oBAAA,CACAyB,KAAAqD,OACAC,QAAA,MAEApE,QAAA,CACAc,KAAAqD,OACAC,QAAA,iFAEAnE,WAAA,CACAa,KAAAkE,QACAZ,SAAA,GAEAlE,SAAA,CACAY,KAAAmE,OACAb,QAAA,MAEAjE,WAAA,CACAW,KAAAkE,QACAZ,SAAA,IAIAnB,S,+VAAAC,CAAA,CACAvE,kBAAA,WACA,OAAAuG,EAAAU,KAAAlC,OAAAX,SAAA8C,WAGA9F,eAAA,WACA,YAAA0F,UAAArH,QAAA,SAAAY,GAAA,YAAAA,EAAAE,OAGAH,eAAA,WACA,IAAAU,EAAA,KAAAA,OAAArB,QAAA,SAAAY,GAAA,YAAAA,EAAAE,MAOA,OALA,KAAAP,oBACAc,IAAArB,QAAA,SAAAY,GAAA,OAAAmG,EAAAW,SAAA9G,EAAAO,SACAwG,MAAA,SAAAC,EAAAC,GAAA,OAAAb,EAAAY,EAAAzG,MAAA6F,EAAAa,EAAA1G,UAGAE,IAGA2D,YAAA,CACA3D,OAAA,SAAA4D,GAAA,IAAA6C,EAAA,KACA,YAAAP,mBAAAjG,OAGA2D,EAAAC,SAAA7D,OAAArB,QACA,SAAAY,GAAA,OACAkH,EAAAP,mBAAAG,SAAA9G,EAAAE,KACAgH,EAAAP,mBAAAG,SAAA9G,EAAA8B,SALAuC,EAAAC,SAAA7D,QAQAK,UAAA,SAAAuD,GAAA,OAAAA,EAAAC,SAAAxD,WACAyE,eAAA,SAAAlB,GAAA,OAAAA,EAAAC,SAAAiB,mBAIA/H,QAAA,eAAA2J,EACA,QAAAA,EAAA,KAAAtC,OAAAR,MAAAC,SAAA7D,cAAA,IAAA0G,KAAAzG,QACA,KAAAmE,OAAAuC,OAAA,iBAAAX,aEtHI,EAAY,YACd,EACAnH,Ef2FoB,IezFpB,EACA,KACA,KACA,MAIa,Y","file":"chunks/ceres-17.min.js","sourcesContent":["/**\n * Mixing for generating unique keys, that can be similarly created on server and clientside.\n * Collisions are possible in theory, be advised that this is an experimental mixin and may be removed in the future.\n */\n\nimport { isNullOrUndefined } from \"../helper/utils\";\n\nconst KEYS = {};\n\nif (typeof document !== \"undefined\")\n{\n    document.debug_component_ids = KEYS;\n}\n\nexport const ComponentIdMixin = {\n    created()\n    {\n        // Root elements, early exit\n        if (!this.$options._componentTag && !this.$vnode?.tag)\n        {\n            return;\n        }\n\n        this._cid = \"\";\n\n        let node = this;\n\n        let prevNode = null;\n\n        while (!isNullOrUndefined(node))\n        {\n            if (!isNullOrUndefined(prevNode))\n            {\n                if (hasSiblings(node.$children, prevNode))\n                {\n                    const occurenceIndex = getOwnOccurenceIndex(node.$children, prevNode);\n\n                    this._cid += occurenceIndex;\n                }\n            }\n\n            this._cid += \"_\";\n\n            if (node.$options._componentTag)\n            {\n                this._cid += node.$options._componentTag;\n            }\n\n            prevNode = node;\n            node = node.$parent;\n        }\n\n        if (!KEYS[this._cid])\n        {\n            KEYS[this._cid] = 0;\n        }\n\n        KEYS[this._cid]++;\n    }\n};\n\nfunction hasSiblings(potentialSiblings, node)\n{\n    for (const potentialSibling of potentialSiblings)\n    {\n        if (potentialSibling.$options._componentTag === node.$options._componentTag && potentialSibling !== node)\n        {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nfunction getOwnOccurenceIndex(potentialSiblings, node)\n{\n    const siblings = potentialSiblings.filter(potentialSibling => potentialSibling.$options._componentTag === node.$options._componentTag);\n\n    return siblings.indexOf(node);\n}\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.filterListBulk\n    ? _c(\n        \"div\",\n        [\n          _vm.isSaegekettenPage ? _c(\"sageketten-search\") : _vm._e(),\n          _vm._v(\" \"),\n          _vm._l(_vm.filteredFacets, function (facet) {\n            return _c(\"item-filter\", {\n              key: facet.id,\n              attrs: {\n                facet: facet,\n                \"padding-classes\": _vm.paddingClasses,\n                \"padding-inline-styles\": _vm.paddingInlineStyles,\n              },\n            })\n          }),\n        ],\n        2\n      )\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-wrapper\",\n        },\n        [\n          _vm.isSaegekettenPage ? _c(\"sageketten-search\") : _vm._e(),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"open-filter-toolbar\",\n                  rawName: \"v-open-filter-toolbar\",\n                },\n              ],\n              staticClass: \"filter-collapse\",\n            },\n            [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"component-loading\",\n                  class: { \"is-loading\": _vm.isLoading },\n                },\n                [\n                  !_vm.isSaegekettenPage\n                    ? _c(\n                        \"div\",\n                        { staticClass: \"device-search-filter-container\" },\n                        [\n                          _c(\"item-filter-device-search\", {\n                            attrs: {\n                              facet: _vm.categoryFacets[0],\n                              bgImage: _vm.bgImage,\n                              hideFilter: _vm.hideFilter,\n                              filterID: _vm.filterID,\n                              showHeader: _vm.showHeader,\n                            },\n                          }),\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"container-max mx-auto\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"filterdrop card-columns\",\n                        class: { \"mt-4\": _vm.isSaegekettenPage },\n                      },\n                      _vm._l(_vm.filteredFacets, function (facet) {\n                        return _c(\"item-filter\", {\n                          key: facet.id,\n                          attrs: { facet: facet },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ]\n              ),\n            ]\n          ),\n        ],\n        1\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.facet.name\n    ? _c(\n        \"div\",\n        {\n          staticClass: \"card pt-4 border-0\",\n          class: [\n            _vm.facet.cssClass,\n            { active: _vm.activeTitle === _vm.facetName },\n          ],\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"h3 title py-0\",\n              on: {\n                click: function ($event) {\n                  return _vm.toggleActiveTitle(_vm.facetName)\n                },\n              },\n            },\n            [_vm._v(\"\\n    \" + _vm._s(_vm.facetName) + \"\\n  \")]\n          ),\n          _vm._v(\" \"),\n          _vm.facet.type === \"price\"\n            ? _c(\"div\", [_c(\"item-filter-price\")], 1)\n            : _c(\n                \"div\",\n                {\n                  staticClass: \"form-check-container\",\n                  class: _vm.facet.cssClass,\n                },\n                _vm._l(_vm.facets, function (value) {\n                  return _c(\n                    \"div\",\n                    {\n                      key: value.id,\n                      staticClass: \"form-check-wrapper\",\n                      class: value.cssClass,\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"form-check mb-0 pl-0\" }, [\n                        value.cssClass === \"#FFFFFF\" ||\n                        value.cssClass === \"#FFF\" ||\n                        value.cssClass === \"#ffffff\" ||\n                        value.cssClass === \"#fff\"\n                          ? _c(\"div\", {\n                              staticClass: \"filterColor white\",\n                              style:\n                                \"background-color:\" +\n                                value.cssClass +\n                                \"; box-shadow: inset 0px 0px 0px 1px rgb(233 233 233)\",\n                            })\n                          : value.cssClass &&\n                            !(\n                              value.cssClass === \"png\" ||\n                              value.cssClass === \"jpg\" ||\n                              value.cssClass === \"svg\" ||\n                              value.cssClass === \"gif\"\n                            )\n                          ? _c(\"div\", {\n                              staticClass: \"filterColor\",\n                              style: \"background-color:\" + value.cssClass,\n                            })\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        value.cssClass === \"png\"\n                          ? _c(\"div\", {\n                              staticClass: \"filterPattern\",\n                              style:\n                                \"background-image: url(/documents/facet/\" +\n                                _vm.facet.id +\n                                \"/\" +\n                                value.id +\n                                \".\" +\n                                value.cssClass +\n                                \")\",\n                            })\n                          : value.cssClass === \"jpg\"\n                          ? _c(\"div\", {\n                              staticClass: \"filterPattern\",\n                              style:\n                                \"background-image: url(/documents/facet/\" +\n                                _vm.facet.id +\n                                \"/\" +\n                                value.id +\n                                \".\" +\n                                value.cssClass +\n                                \")\",\n                            })\n                          : value.cssClass === \"gif\"\n                          ? _c(\"div\", {\n                              staticClass: \"filterPattern\",\n                              style:\n                                \"background-image: url(/documents/facet/\" +\n                                _vm.facet.id +\n                                \"/\" +\n                                value.id +\n                                \".\" +\n                                value.cssClass +\n                                \")\",\n                            })\n                          : value.cssClass === \"svg\"\n                          ? _c(\"div\", {\n                              staticClass: \"filterPattern\",\n                              style:\n                                \"background-image: url(/documents/facet/\" +\n                                _vm.facet.id +\n                                \"/\" +\n                                value.id +\n                                \".\" +\n                                value.cssClass +\n                                \")\",\n                            })\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"input\", {\n                          staticClass: \"form-check-input d-none\",\n                          attrs: {\n                            id: \"option-\" + value.id + \"-\" + _vm._uid,\n                            type: \"checkbox\",\n                            disabled: _vm.isLoading || value.count <= 0,\n                          },\n                          domProps: { checked: _vm.isSelected(value.id) },\n                          on: {\n                            change: function ($event) {\n                              return _vm.updateFacet(value)\n                            },\n                          },\n                        }),\n                        _vm._v(\" \"),\n                        _c(\n                          \"label\",\n                          {\n                            staticClass: \"form-check-label\",\n                            class: [_vm.paddingClasses, \"option-\" + value.id],\n                            style: _vm.paddingInlineStyles,\n                            attrs: {\n                              for: \"option-\" + value.id + \"-\" + _vm._uid,\n                            },\n                          },\n                          [\n                            _c(\"div\", { staticClass: \"d-flex\" }, [\n                              _c(\"span\", { staticClass: \"flex-grow-1\" }, [\n                                _vm._v(_vm._s(value.name)),\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"span\", { staticClass: \"filter-badge\" }, [\n                                _vm._v(_vm._s(value.count)),\n                              ]),\n                            ]),\n                          ]\n                        ),\n                      ]),\n                    ]\n                  )\n                }),\n                0\n              ),\n        ]\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"item-filter-price\" }, [\n    _c(\"div\", { staticClass: \"input-group\" }, [\n      _c(\"div\", { staticClass: \"input-group-prepend\" }, [\n        _c(\"span\", { staticClass: \"input-group-text\" }, [\n          _vm._v(_vm._s(_vm.currency)),\n        ]),\n      ]),\n      _vm._v(\" \"),\n      _c(\"input\", {\n        directives: [\n          {\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.priceMin,\n            expression: \"priceMin\",\n          },\n        ],\n        staticClass: \"form-control\",\n        attrs: {\n          type: \"number\",\n          placeholder: \"Min\",\n          \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterPriceMin\"),\n        },\n        domProps: { value: _vm.priceMin },\n        on: {\n          focus: function ($event) {\n            return _vm.selectAll($event)\n          },\n          input: function ($event) {\n            if ($event.target.composing) return\n            _vm.priceMin = $event.target.value\n          },\n        },\n      }),\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"input-group\" }, [\n      _c(\"div\", { staticClass: \"input-group-prepend\" }, [\n        _c(\"span\", { staticClass: \"input-group-text\" }, [\n          _vm._v(_vm._s(_vm.currency)),\n        ]),\n      ]),\n      _vm._v(\" \"),\n      _c(\"input\", {\n        directives: [\n          {\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.priceMax,\n            expression: \"priceMax\",\n          },\n        ],\n        staticClass: \"form-control\",\n        attrs: {\n          type: \"number\",\n          placeholder: \"Max\",\n          \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterPriceMax\"),\n        },\n        domProps: { value: _vm.priceMax },\n        on: {\n          focus: function ($event) {\n            return _vm.selectAll($event)\n          },\n          input: function ($event) {\n            if ($event.target.composing) return\n            _vm.priceMax = $event.target.value\n          },\n        },\n      }),\n    ]),\n    _vm._v(\" \"),\n    _c(\n      \"button\",\n      {\n        directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n        staticClass: \"btn btn-primary btn-appearance\",\n        class: { disabled: _vm.isDisabled },\n        attrs: {\n          type: \"button\",\n          \"data-toggle\": \"tooltip\",\n          \"data-placement\": \"top\",\n          title: _vm.$translate(\"Ceres::Template.itemApply\"),\n          \"aria-label\": _vm.$translate(\"Ceres::Template.itemFilterButton\"),\n        },\n        on: {\n          click: function ($event) {\n            return _vm.triggerFilter()\n          },\n        },\n      },\n      [_c(\"icon\", { attrs: { icon: \"check\", loading: _vm.isLoading } })],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item-filter-price\">\n        <div class=\"input-group\">\n            <div class=\"input-group-prepend\">\n                <span class=\"input-group-text\">{{ currency }}</span>\n            </div>\n\n            <input type=\"number\"\n                   class=\"form-control\"\n                   @focus=\"selectAll($event)\"\n                   placeholder=\"Min\"\n                   v-model=\"priceMin\"\n                   :aria-label=\"$translate('Ceres::Template.itemFilterPriceMin')\">\n        </div>\n\n        <div class=\"input-group\">\n            <div class=\"input-group-prepend\">\n                <span class=\"input-group-text\">{{ currency }}</span>\n            </div>\n\n            <input type=\"number\"\n                   class=\"form-control\"\n                   @focus=\"selectAll($event)\"\n                   placeholder=\"Max\"\n                   v-model=\"priceMax\"\n                   :aria-label=\"$translate('Ceres::Template.itemFilterPriceMax')\">\n        </div>\n\n        <button type=\"button\" class=\"btn btn-primary btn-appearance\" :class=\"{'disabled': isDisabled}\" v-tooltip\n                data-toggle=\"tooltip\" data-placement=\"top\" @click=\"triggerFilter()\" :title=\"$translate('Ceres::Template.itemApply')\" :aria-label=\"$translate('Ceres::Template.itemFilterButton')\">\n            <icon icon=\"check\" :loading=\"isLoading\"></icon>\n        </button>\n    </div>\n</template>\n\n<script>\nimport UrlService from \"../../../services/UrlService\";\nimport { mapState } from \"vuex\";\n\nexport default {\n    data()\n    {\n        return {\n            priceMin: \"\",\n            priceMax: \"\",\n            currency: App.activeCurrency\n        };\n    },\n\n    mounted()\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    {\n        isDisabled()\n        {\n            return (this.priceMin === \"\" && this.priceMax === \"\") ||\n                (parseInt(this.priceMin) >= parseInt(this.priceMax)) ||\n                this.isLoading;\n        },\n\n        ...mapState({\n            isLoading: state => state.itemList.isLoading\n        })\n    },\n\n    methods:\n    {\n        selectAll(event)\n        {\n            event.target.select();\n        },\n\n        triggerFilter()\n        {\n            if (!this.isDisabled)\n            {\n                window.localStorage.setItem(\"openFilterToolbar\", true);\n                this.$store.dispatch(\"selectPriceFacet\", { priceMin: this.priceMin, priceMax: this.priceMax });\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!./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&\"","<template>\n  <div\n    v-if=\"facet.name\"\n    class=\"card pt-4 border-0\"\n    :class=\"[facet.cssClass, { active: activeTitle === facetName }]\"\n  >\n    <div class=\"h3 title py-0\" @click=\"toggleActiveTitle(facetName)\">\n      {{ facetName }}\n    </div>\n\n    <div v-if=\"facet.type === 'price'\">\n      <item-filter-price></item-filter-price>\n    </div>\n\n    <div class=\"form-check-container\" :class=\"facet.cssClass\" v-else>\n      <div\n        class=\"form-check-wrapper\"\n        v-for=\"value in facets\"\n        :key=\"value.id\"\n        :class=\"value.cssClass\"\n      >\n        <div class=\"form-check mb-0 pl-0\">\n          <div\n            class=\"filterColor white\"\n            v-if=\"\n              value.cssClass === '#FFFFFF' ||\n              value.cssClass === '#FFF' ||\n              value.cssClass === '#ffffff' ||\n              value.cssClass === '#fff'\n            \"\n            :style=\"\n              'background-color:' +\n              value.cssClass +\n              '; box-shadow: inset 0px 0px 0px 1px rgb(233 233 233)'\n            \"\n          ></div>\n          <div\n            class=\"filterColor\"\n            v-else-if=\"\n              value.cssClass &&\n              !(\n                value.cssClass === 'png' ||\n                value.cssClass === 'jpg' ||\n                value.cssClass === 'svg' ||\n                value.cssClass === 'gif'\n              )\n            \"\n            :style=\"'background-color:' + value.cssClass\"\n          ></div>\n          <div\n            class=\"filterPattern\"\n            v-if=\"value.cssClass === 'png'\"\n            :style=\"\n              'background-image: url(/documents/facet/' +\n              facet.id +\n              '/' +\n              value.id +\n              '.' +\n              value.cssClass +\n              ')'\n            \"\n          ></div>\n          <div\n            class=\"filterPattern\"\n            v-else-if=\"value.cssClass === 'jpg'\"\n            :style=\"\n              'background-image: url(/documents/facet/' +\n              facet.id +\n              '/' +\n              value.id +\n              '.' +\n              value.cssClass +\n              ')'\n            \"\n          ></div>\n          <div\n            class=\"filterPattern\"\n            v-else-if=\"value.cssClass === 'gif'\"\n            :style=\"\n              'background-image: url(/documents/facet/' +\n              facet.id +\n              '/' +\n              value.id +\n              '.' +\n              value.cssClass +\n              ')'\n            \"\n          ></div>\n          <div\n            class=\"filterPattern\"\n            v-else-if=\"value.cssClass === 'svg'\"\n            :style=\"\n              'background-image: url(/documents/facet/' +\n              facet.id +\n              '/' +\n              value.id +\n              '.' +\n              value.cssClass +\n              ')'\n            \"\n          ></div>\n          <input\n            :id=\"'option-' + value.id + '-' + _uid\"\n            class=\"form-check-input d-none\"\n            type=\"checkbox\"\n            :checked=\"isSelected(value.id)\"\n            @change=\"updateFacet(value)\"\n            :disabled=\"isLoading || value.count <= 0\"\n          />\n          <label\n            :for=\"'option-' + value.id + '-' + _uid\"\n            class=\"form-check-label\"\n            :class=\"[paddingClasses, 'option-' + value.id]\"\n            :style=\"paddingInlineStyles\"\n          >\n            <div class=\"d-flex\">\n              <span class=\"flex-grow-1\">{{ value.name }}</span>\n              <span class=\"filter-badge\">{{ value.count }}</span>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport ItemFilterPrice from \"./ItemFilterPrice.vue\";\n\nexport default {\n  name: \"item-filter\",\n\n  components: {\n    ItemFilterPrice,\n  },\n\n  props: {\n    facet: {\n      type: Object,\n    },\n    paddingClasses: {\n      type: String,\n      default: null,\n    },\n    paddingInlineStyles: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      activeTitle: null,\n    };\n  },\n  computed: {\n    facets() {\n      return this.facet.values;\n    },\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    ...mapState({\n      selectedFacets: (state) => state.itemList.selectedFacets,\n      isLoading: (state) => state.itemList.isLoading,\n    }),\n  },\n\n  methods: {\n    updateFacet(facetValue) {\n      const toolbarElements = document.getElementsByClassName(\"widget-toolbar\");\n\n      for (const toolbarElement of toolbarElements) {\n        if (toolbarElement.contains(this.$vnode.elm)) {\n          window.localStorage.setItem(\"openFilterToolbar\", true);\n        }\n      }\n\n      this.$store.dispatch(\"selectFacet\", { facetValue });\n    },\n\n    isSelected(facetValueId) {\n      return (\n        this.selectedFacets.findIndex(\n          (selectedFacet) => selectedFacet.id === facetValueId\n        ) > -1\n      );\n    },\n\n    toggleActiveTitle(title) {\n      if (this.activeTitle === title) {\n        this.activeTitle = null;\n      } else {\n        this.activeTitle = title;\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!./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 \"./ItemFilterPrice.vue?vue&type=template&id=29419334&\"\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\nexport default component.exports","import { render, staticRenderFns } from \"./ItemFilter.vue?vue&type=template&id=915f036a&\"\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\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.showHeader && !_vm.hideFilter\n    ? _c(\n        \"div\",\n        {\n          staticClass:\n            \"category-heroshot deviceSearch-heroshot variation-heroshot lozad\",\n          style: \"background-image: url(\" + _vm.bgImage + \")\",\n          attrs: {\n            \"data-background-image\": _vm.bgImage,\n            \"data-loaded\": \"true\",\n            role: \"img\",\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"container-max\" }, [\n            _c(\"div\", { staticClass: \"row justify-content-center\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"col-12 col-sm-12 col-md-10 col-lg-9\" },\n                [\n                  _c(\"div\", { staticClass: \"category-heroshot-container\" }, [\n                    _c(\"h2\", { staticClass: \"d-block h2 mb-3 mb-lg-4 pb-0\" }, [\n                      _vm._v(\n                        \"\\n            \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"maversandVuePlugin::Additional.itemFilterDeviceSearchHead\"\n                            )\n                          ) +\n                          \"\\n          \"\n                      ),\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass:\n                          \"d-block heroshot-description mb-3 mb-lg-5 font-weight-normal\",\n                      },\n                      [\n                        _vm._v(\n                          \"\\n            \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"maversandVuePlugin::Additional.itemFilterDeviceSearchSub\"\n                              )\n                            ) +\n                            \"\\n          \"\n                        ),\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"dropdown-container\",\n                        attrs: { id: \"seachCategoriesDropdown\" },\n                      },\n                      [\n                        _vm.facet.name\n                          ? _c(\"div\", [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass: \"dropdown pt-4 border-0\",\n                                  class: [\n                                    _vm.facet.id,\n                                    {\n                                      active: _vm.activeTitle === _vm.facetName,\n                                    },\n                                  ],\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.toggleActiveTitle(\n                                        _vm.facetName\n                                      )\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                \" +\n                                      _vm._s(_vm.facetName) +\n                                      \"\\n              \"\n                                  ),\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"show\",\n                                      rawName: \"v-show\",\n                                      value: _vm.activeTitle === _vm.facetName,\n                                      expression: \"activeTitle === facetName\",\n                                    },\n                                  ],\n                                  staticClass: \"form-check-container\",\n                                },\n                                _vm._l(_vm.facet.values, function (value) {\n                                  return _c(\n                                    \"div\",\n                                    {\n                                      key: value.id,\n                                      staticClass: \"form-check-wrapper\",\n                                    },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"form-check mb-0 pl-0\" },\n                                        [\n                                          _c(\"input\", {\n                                            staticClass:\n                                              \"form-check-input d-none\",\n                                            attrs: {\n                                              id:\n                                                \"option-\" +\n                                                value.id +\n                                                \"-\" +\n                                                _vm._uid,\n                                              type: \"checkbox\",\n                                              disabled:\n                                                _vm.isLoading ||\n                                                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: \"form-check-label\",\n                                              class: [\n                                                _vm.paddingClasses,\n                                                \"option-\" + value.id,\n                                              ],\n                                              style: _vm.paddingInlineStyles,\n                                              attrs: {\n                                                for:\n                                                  \"option-\" +\n                                                  value.id +\n                                                  \"-\" +\n                                                  _vm._uid,\n                                              },\n                                            },\n                                            [\n                                              _c(\n                                                \"div\",\n                                                { staticClass: \"d-flex\" },\n                                                [\n                                                  _c(\n                                                    \"span\",\n                                                    {\n                                                      staticClass:\n                                                        \"flex-grow-1\",\n                                                    },\n                                                    [_vm._v(_vm._s(value.name))]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"span\",\n                                                    {\n                                                      staticClass:\n                                                        \"filter-badge\",\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        _vm._s(value.count)\n                                                      ),\n                                                    ]\n                                                  ),\n                                                ]\n                                              ),\n                                            ]\n                                          ),\n                                        ]\n                                      ),\n                                    ]\n                                  )\n                                }),\n                                0\n                              ),\n                            ])\n                          : _vm._e(),\n                      ]\n                    ),\n                  ]),\n                ]\n              ),\n            ]),\n          ]),\n        ]\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"showHeader && !hideFilter\" class=\"category-heroshot deviceSearch-heroshot variation-heroshot lozad\"\n    :data-background-image=\"bgImage\" data-loaded=\"true\" role=\"img\" :style=\"'background-image: url(' + bgImage + ')'\">\n    <div class=\"container-max\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-sm-12 col-md-10 col-lg-9\">\n          <div class=\"category-heroshot-container\">\n            <h2 class=\"d-block h2 mb-3 mb-lg-4 pb-0\">\n              {{\n                $translate(\n                  \"maversandVuePlugin::Additional.itemFilterDeviceSearchHead\"\n                )\n              }}\n            </h2>\n            <span class=\"d-block heroshot-description mb-3 mb-lg-5 font-weight-normal\">\n              {{\n                $translate(\n                  \"maversandVuePlugin::Additional.itemFilterDeviceSearchSub\"\n                )\n              }}\n            </span>\n            <div class=\"dropdown-container\" id=\"seachCategoriesDropdown\">\n              <div v-if=\"facet.name\">\n                <div class=\"dropdown pt-4 border-0\" :class=\"[facet.id, { active: activeTitle === facetName }]\"\n                  @click=\"toggleActiveTitle(facetName)\">\n                  {{ facetName }}\n                </div>\n\n                <div class=\"form-check-container\" v-show=\"activeTitle === facetName\">\n                  <div class=\"form-check-wrapper\" v-for=\"value in facet.values\" :key=\"value.id\">\n                    <div class=\"form-check mb-0 pl-0\">\n                      <input :id=\"'option-' + value.id + '-' + _uid\" class=\"form-check-input d-none\" type=\"checkbox\"\n                        :checked=\"isSelected(value.id)\" @change=\"updateFacet(value)\"\n                        :disabled=\"isLoading || value.count <= 0\" />\n                      <label :for=\"'option-' + value.id + '-' + _uid\" class=\"form-check-label\"\n                        :class=\"[paddingClasses, 'option-' + value.id]\" :style=\"paddingInlineStyles\">\n                        <div class=\"d-flex\">\n                          <span class=\"flex-grow-1\">{{ value.name }}</span>\n                          <span class=\"filter-badge\">{{ value.count }}</span>\n                        </div>\n                      </label>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n  \n<script>\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"ItemFilterDeviceSearch\",\n\n  props: {\n    facet: {\n      type: Object,\n    },\n    paddingClasses: {\n      type: String,\n      default: null,\n    },\n    paddingInlineStyles: {\n      type: String,\n      default: null,\n    },\n    bgImage: {\n      type: String,\n      default: null,\n    },\n    hideFilter: {\n      type: Boolean,\n      default: false,\n    },\n    filterID: {\n      type: Number,\n      default: 13,\n    },\n    showHeader: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      activeTitle: null,\n    };\n  },\n  computed: {\n    facetName() {\n      return this.facet.name;\n    },\n\n    ...mapState({\n      selectedFacets: (state) => state.itemList.selectedFacets,\n      isLoading: (state) => state.itemList.isLoading,\n    }),\n  },\n\n  methods: {\n    updateFacet(facetValue) {\n      const toolbarElements = document.getElementsByClassName(\"widget-toolbar\");\n\n      for (const toolbarElement of toolbarElements) {\n        if (toolbarElement.contains(this.$vnode.elm)) {\n          window.localStorage.setItem(\"openFilterToolbar\", true);\n        }\n      }\n\n      this.$store.dispatch(\"selectFacet\", { facetValue });\n    },\n\n    isSelected(facetValueId) {\n      return (\n        this.selectedFacets.findIndex(\n          (selectedFacet) => selectedFacet.id === facetValueId\n        ) > -1\n      );\n    },\n\n    toggleActiveTitle(title) {\n      if (this.activeTitle === title) {\n        this.activeTitle = null;\n      } else {\n        this.activeTitle = title;\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!./ItemFilterDeviceSearch.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!./ItemFilterDeviceSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemFilterDeviceSearch.vue?vue&type=template&id=045234ce&\"\nimport script from \"./ItemFilterDeviceSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemFilterDeviceSearch.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\nexport default component.exports","<template>\n  <div v-if=\"filterListBulk\">\n    <sageketten-search v-if=\"isSaegekettenPage\"></sageketten-search>\n    <item-filter v-for=\"facet in filteredFacets\" :facet=\"facet\" :key=\"facet.id\" :padding-classes=\"paddingClasses\"\n      :padding-inline-styles=\"paddingInlineStyles\">\n    </item-filter>\n  </div>\n\n  <div v-else class=\"filter-wrapper\" v-show=\"facets && facets.length > 0\">\n    <sageketten-search v-if=\"isSaegekettenPage\"></sageketten-search>\n    <div v-open-filter-toolbar class=\"filter-collapse\">\n      <div class=\"component-loading\" :class=\"{ 'is-loading': isLoading }\">\n        <div class=\"device-search-filter-container\" v-if=\"!isSaegekettenPage\">\n          <item-filter-device-search :facet=\"categoryFacets[0]\" :bgImage=\"bgImage\" :hideFilter=\"hideFilter\"\n            :filterID=\"filterID\" :showHeader=\"showHeader\"></item-filter-device-search>\n        </div>\n        <div class=\"container-max mx-auto\">\n          <div class=\"filterdrop card-columns\" :class=\"{ 'mt-4': isSaegekettenPage }\">\n            <item-filter v-for=\"facet in filteredFacets\" :facet=\"facet\" :key=\"facet.id\"></item-filter>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport ItemFilter from \"./ItemFilter.vue\";\nimport ItemFilterDeviceSearch from \"./ItemFilterDeviceSearch.vue\";\nimport { ComponentIdMixin } from \"../../../mixins/componentId.mixin\";\nimport SagekettenSearch from \"../SagekettenSearch.vue\";\n\nconst SAEGEKETTEN_URL_PATTERN = /saegeketten-schwerter/;\nconst ALLOWED_FACETS = ['Teilung', 'Nutbreite', 'Zahnform', 'Set'];\nconst FACET_ORDER = {\n  'Teilung': 1,\n  'Nutbreite': 2,\n  'Zahnform': 3,\n  'Set': 4\n};\n\nexport default {\n  name: \"item-filter-list\",\n  components: {\n    ItemFilter,\n    ItemFilterDeviceSearch,\n    SagekettenSearch,\n  },\n  mixins: [ComponentIdMixin],\n\n  props: {\n    filterListBulk: Boolean,\n    facetData: {\n      type: Array,\n      default: () => [],\n    },\n    allowedFacetsTypes: {\n      type: Array,\n      default: () => [],\n    },\n    paddingClasses: {\n      type: String,\n      default: null,\n    },\n    paddingInlineStyles: {\n      type: String,\n      default: null,\n    },\n    bgImage: {\n      type: String,\n      default: \"https://cdn02.plentymarkets.com/ocqgl0v083vy/frontend/images/Alle_Marken.webp\",\n    },\n    hideFilter: {\n      type: Boolean,\n      default: false,\n    },\n    filterID: {\n      type: Number,\n      default: null,\n    },\n    showHeader: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isSaegekettenPage() {\n      return SAEGEKETTEN_URL_PATTERN.test(window.location.pathname);\n    },\n\n    categoryFacets() {\n      return this.facetData.filter((facet) => facet.id === 13);\n    },\n\n    filteredFacets() {\n      let facets = this.facets.filter((facet) => facet.id !== 13);\n\n      if (this.isSaegekettenPage) {\n        facets = facets.filter(facet => ALLOWED_FACETS.includes(facet.name))\n          .sort((a, b) => FACET_ORDER[a.name] - FACET_ORDER[b.name]);\n      }\n\n      return facets;\n    },\n\n    ...mapState({\n      facets(state) {\n        if (!this.allowedFacetsTypes.length) {\n          return state.itemList.facets;\n        }\n        return state.itemList.facets.filter(\n          (facet) =>\n            this.allowedFacetsTypes.includes(facet.id) ||\n            this.allowedFacetsTypes.includes(facet.type)\n        );\n      },\n      isLoading: state => state.itemList.isLoading,\n      selectedFacets: state => state.itemList.selectedFacets,\n    }),\n  },\n\n  created() {\n    if (!this.$store.state.itemList.facets?.length) {\n      this.$store.commit(\"addFacets\", this.facetData);\n    }\n  },\n};\n</script>","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=21a4db30&\"\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\nexport default component.exports"],"sourceRoot":""}