{"version":3,"sources":["country-guides.js"],"names":["countryGuides","countryHeader","document","querySelectorAll","filter","section","alphaNavs","forEach","el","addEventListener","e","dataFilter","this","getAttribute","preventDefault","querySelector","classList","remove","add","toggle","target","parentNode"],"mappings":"AAAA,SAASA,gBACL,IAAIC,EAAgBC,SAASC,iBAAiB,yBAC1CC,EAASF,SAASC,iBAAiB,oBACnCE,EAAUH,SAASC,iBAAiB,0BACpCG,EAAYJ,SAASC,iBAAiB,cAG1CC,EAAOG,SAAQ,SAASC,GACpBA,EAAGC,iBAAiB,SAAS,SAASC,GAClC,IAAIC,EAAaC,KAAKC,aAAa,eACnCH,EAAEI,iBAUFR,EAAUC,SAAQ,SAAUG,GACxBA,EAAEK,cAAc,aAAaC,UAAUC,OAAO,YAC9CP,EAAEK,cAAc,gBAAkBJ,EAAa,KAAKK,UAAUE,IAAI,eAGtEb,EAAQE,SAAQ,SAAUG,GACtBA,EAAEM,UAAUC,OAAO,oCAGvBf,SAASa,cAAc,iBAAmBJ,EAAa,KAAKK,UAAUG,OAAO,uCAKrFlB,EAAcM,SAAQ,SAASC,GAC3BA,EAAGC,iBAAiB,SAAS,SAASC,GACrBA,EAAEU,OAAOC,WACfL,UAAUG,OAAO","file":"../country-guides.js","sourcesContent":["function countryGuides() {\r\n    var countryHeader = document.querySelectorAll('.country-card__header'),\r\n        filter = document.querySelectorAll('.alpha-nav__link'),\r\n        section = document.querySelectorAll('.country-card__section'),\r\n        alphaNavs = document.querySelectorAll(\".alpha-nav\");\r\n\r\n    // desktop filter\r\n    filter.forEach(function(el) {\r\n        el.addEventListener('click', function(e) {\r\n            var dataFilter = this.getAttribute('data-filter');\r\n            e.preventDefault();\r\n\r\n\r\n            //filter.forEach(function(e) {\r\n            //    e.classList.remove('bg--main')\r\n            //})\r\n\r\n            //el.classList.add('bg--main')\r\n\r\n            // Foreach  top / bottom letter nav\r\n            alphaNavs.forEach(function (e) {\r\n                e.querySelector(\".bg--main\").classList.remove('bg--main');\r\n                e.querySelector(\"[data-filter=\" + dataFilter + \"]\").classList.add('bg--main');\r\n            });\r\n\r\n            section.forEach(function (e) {\r\n                e.classList.remove('country-card__section--active');\r\n            });\r\n\r\n            document.querySelector(\"[data-section=\" + dataFilter + \"]\").classList.toggle('country-card__section--active');\r\n        })\r\n    })\r\n\r\n    // mobile accordion\r\n    countryHeader.forEach(function(el) {\r\n        el.addEventListener('click', function(e) {\r\n            var parent = e.target.parentNode;\r\n            parent.classList.toggle('country-card__section--active');\r\n            //var parents = document.querySelectorAll(\".alpha-nav\");      // We have one above and one below\r\n            //parents.forEach(function (e) {\r\n            //    e.querySelector(\"[data-section=\" + dataFilter + \"]\").classList.toggle('country-card__section--active');\r\n            //})\r\n\r\n            \r\n        })\r\n    })\r\n}\r\n"]}