{"version":3,"file":"event-filter.js","sources":["../../../js/components/event-filter.js"],"sourcesContent":["function fadeOut(el){\r\n el.style.opacity = 1;\r\n \r\n (function fade() {\r\n if ((el.style.opacity -= .1) < 0) {\r\n el.style.display = \"none\";\r\n } else {\r\n requestAnimationFrame(fade);\r\n }\r\n })();\r\n };\r\n \r\nfunction fadeIn(el, display){\r\n el.style.opacity = 0;\r\n el.style.display = display || \"block\";\r\n \r\n (function fade() {\r\n var val = parseFloat(el.style.opacity);\r\n if (!((val += .1) > 1)) {\r\n el.style.opacity = val;\r\n requestAnimationFrame(fade);\r\n }\r\n })();\r\n};\r\n\r\n\r\n class EventFilter\r\n {\r\n constructor()\r\n {\r\n const elem = document.getElementById('filter-events');\r\n\r\n const items = document.querySelectorAll('.event');\r\n elem.addEventListener('change',() => {\r\n let value = elem.value;\r\n console.log(value);\r\n items.forEach((el) => {\r\n if(el.classList.contains(value))\r\n {\r\n fadeIn(el);\r\n }else{\r\n fadeOut(el);\r\n }\r\n })\r\n });\r\n const event = new Event('change');\r\n elem.dispatchEvent(event);\r\n\r\n }\r\n \r\n }\r\n \r\n new EventFilter();\r\n "],"names":["fadeOut","el","fade","fadeIn","display","val","EventFilter","elem","items","value","event"],"mappings":"AAAA,SAASA,EAAQC,EAAG,CAChBA,EAAG,MAAM,QAAU,EAElB,SAASC,GAAO,EACVD,EAAG,MAAM,SAAW,IAAM,EAC7BA,EAAG,MAAM,QAAU,OAEnB,sBAAsBC,CAAI,CAElC,GAEA,CACA,SAASC,EAAOF,EAAIG,EAAQ,CACxBH,EAAG,MAAM,QAAU,EACnBA,EAAG,MAAM,QAAqB,QAE7B,SAASC,GAAO,CACf,IAAIG,EAAM,WAAWJ,EAAG,MAAM,OAAO,GAC9BI,GAAO,IAAM,IAClBJ,EAAG,MAAM,QAAUI,EACnB,sBAAsBH,CAAI,EAElC,GACA,CAGE,MAAMI,CACN,CACI,aACA,CACE,MAAMC,EAAO,SAAS,eAAe,eAAe,EAE9CC,EAAQ,SAAS,iBAAiB,QAAQ,EAChDD,EAAK,iBAAiB,SAAS,IAAM,CACjC,IAAIE,EAAQF,EAAK,MACjB,QAAQ,IAAIE,CAAK,EACjBD,EAAM,QAASP,GAAO,CACfA,EAAG,UAAU,SAASQ,CAAK,EAE1BN,EAAOF,CAAE,EAETD,EAAQC,CAAE,CAE9B,CAAa,CACb,CAAS,EACD,MAAMS,EAAQ,IAAI,MAAM,QAAQ,EAChCH,EAAK,cAAcG,CAAK,CAEzB,CAEJ,CAED,IAAIJ"}