{"version":3,"file":"241.f31ce40fc26e758ad386.js","mappings":"qKAEO,MAAMA,EACXC,cACEC,KAAKC,UAAY,CACfC,SAAU,eACVC,aAAc,8BACdC,iBAAkB,mCAClBC,aAAc,8BACdC,MAAO,sBAGTN,KAAKO,QAAU,CACbJ,aAAc,6BACdK,OAAQ,aACRC,OAAQ,cAGVT,KAAKU,eAAgB,IAAAC,IAAGX,KAAKC,UAAUE,cACvCH,KAAKY,eAAgB,IAAAD,IAAGX,KAAKC,UAAUI,aACzC,CAEAQ,OACEb,KAAKc,WACP,CAEAA,YACEd,KAAKU,cAAcK,SAAQZ,KACzB,QAASA,EAAc,SAAUa,IAC/Bb,EAAac,UAAUC,OAAOlB,KAAKO,QAAQC,OAAM,GAClD,KAGH,SAAS,IAAAW,GAAE,QAAS,SAAUH,KACvB,QAAgBA,EAAMI,OAAQpB,KAAKO,QAAQJ,eAC9CH,KAAKU,cAAcK,SAAQZ,IACzBA,EAAac,UAAUI,OAAOrB,KAAKO,QAAQC,OAAM,GAErD,IAGFR,KAAKY,cAAcG,SAAQV,KACzB,QAASA,EAAc,SAAUW,IAC/B,MAAMM,EAAYjB,EAAakB,QAAQvB,KAAKC,UAAUC,UAChDsB,GAA0B,IAAAb,IAAGX,KAAKC,UAAUI,aAAciB,GAC1DlB,GAAmB,IAAAe,GAAEnB,KAAKC,UAAUG,iBAAkBkB,GAExDjB,EAAaY,UAAUQ,SAASzB,KAAKO,QAAQC,UAAYH,EAAaqB,QAAQC,kBAChFH,EAAwBT,SAAQa,IACzBA,EAAuBF,QAAQC,iBAIlCC,EAAuBX,UAAUI,OAAOrB,KAAKO,QAAQC,SAHrDoB,EAAuBX,UAAUY,IAAI7B,KAAKO,QAAQC,QAClDJ,EAAiB0B,YAAcF,EAAuBE,YAGxD,IAGFzB,EAAaY,UAAUI,OAAOrB,KAAKO,QAAQC,QAC3CR,KAAK+B,WAAU,EAAOT,KAEtBE,EAAwBT,SAAQa,IAC9BA,EAAuBX,UAAUI,OAAOrB,KAAKO,QAAQC,OAAM,IAG7DH,EAAaY,UAAUY,IAAI7B,KAAKO,QAAQC,QACxCR,KAAK+B,UAAU1B,EAAaqB,QAAQC,iBAAkBL,GACtDlB,EAAiB0B,YAAczB,EAAayB,YAC9C,GACD,GAEL,CAEAC,UAAWC,EAAOV,IACF,IAAAX,IAAGX,KAAKC,UAAUK,MAAOgB,GAEjCP,SAAQkB,KACPD,GAASC,EAAKP,QAAQC,iBAAiBO,SAASF,GACnDC,EAAKhB,UAAUI,OAAOrB,KAAKO,QAAQE,QAEnCwB,EAAKhB,UAAUY,IAAI7B,KAAKO,QAAQE,OAClC,GAEJ,EAGF,S","sources":["webpack://drausbuettel/./JavaScript/Components/BlogList1.js"],"sourcesContent":["import { $, $$, addEvent, hasParentsClass } from './HelperFunctions'\n\nexport class BlogList1 {\n  constructor () {\n    this.selectors = {\n      blogList: '.blog-list-1',\n      filterSelect: '.blog-list-1__filter-select',\n      filterSelectText: '.blog-list-1__filter-select span',\n      filterButton: '.blog-list-1__filter-button',\n      items: '.blog-list-1__item'\n    }\n\n    this.classes = {\n      filterSelect: 'blog-list-1__filter-select',\n      active: 'is--active',\n      hidden: 'is--hidden'\n    }\n\n    this.filterSelects = $$(this.selectors.filterSelect)\n    this.filterButtons = $$(this.selectors.filterButton)\n  }\n\n  init () {\n    this.addEvents()\n  }\n\n  addEvents () {\n    this.filterSelects.forEach(filterSelect => {\n      addEvent(filterSelect, 'click', (event) => {\n        filterSelect.classList.toggle(this.classes.active)\n      })\n    })\n\n    addEvent($('body'), 'click', (event) => {\n      if (!hasParentsClass(event.target, this.classes.filterSelect)) {\n        this.filterSelects.forEach(filterSelect => {\n          filterSelect.classList.remove(this.classes.active)\n        })\n      }\n    })\n\n    this.filterButtons.forEach(filterButton => {\n      addEvent(filterButton, 'click', (event) => {\n        const blockList = filterButton.closest(this.selectors.blogList)\n        const allFilterButtonsInBlock = $$(this.selectors.filterButton, blockList)\n        const filterSelectText = $(this.selectors.filterSelectText, blockList)\n\n        if (filterButton.classList.contains(this.classes.active) || !filterButton.dataset.blogListCategory) {\n          allFilterButtonsInBlock.forEach(allFilterButtonInBlock => {\n            if (!allFilterButtonInBlock.dataset.blogListCategory) {\n              allFilterButtonInBlock.classList.add(this.classes.active)\n              filterSelectText.textContent = allFilterButtonInBlock.textContent\n            } else {\n              allFilterButtonInBlock.classList.remove(this.classes.active)\n            }\n          })\n\n          filterButton.classList.remove(this.classes.active)\n          this.setFilter(false, blockList)\n        } else {\n          allFilterButtonsInBlock.forEach(allFilterButtonInBlock => {\n            allFilterButtonInBlock.classList.remove(this.classes.active)\n          })\n\n          filterButton.classList.add(this.classes.active)\n          this.setFilter(filterButton.dataset.blogListCategory, blockList)\n          filterSelectText.textContent = filterButton.textContent\n        }\n      })\n    })\n  }\n\n  setFilter (value, blockList) {\n    const items = $$(this.selectors.items, blockList)\n\n    items.forEach(item => {\n      if (!value || item.dataset.blogListCategory.includes(value)) {\n        item.classList.remove(this.classes.hidden)\n      } else {\n        item.classList.add(this.classes.hidden)\n      }\n    })\n  }\n}\n\nexport default BlogList1\n"],"names":["BlogList1","constructor","this","selectors","blogList","filterSelect","filterSelectText","filterButton","items","classes","active","hidden","filterSelects","$$","filterButtons","init","addEvents","forEach","event","classList","toggle","$","target","remove","blockList","closest","allFilterButtonsInBlock","contains","dataset","blogListCategory","allFilterButtonInBlock","add","textContent","setFilter","value","item","includes"],"sourceRoot":""}