{"version":3,"sources":["card-list.js"],"names":["cardList","document","querySelectorAll","forEach","el","addEventListener","event","parent","target","closest","grid","querySelector","card","parentNode","e","classList","remove","add","contains"],"mappings":"AAAA,SAASA,WACMC,SAASC,iBAAiB,uBAEhCC,SAAQ,SAAUC,GACnBA,EAAGC,iBAAiB,SAAS,SAAUC,GACnC,IAAIC,EAASD,EAAME,OAAOC,QAAQ,iBAC9BC,EAAOH,EAAOI,cAAc,uBAC5BC,EAAOL,EAAOL,iBAAiB,SACfI,EAAME,OAAOK,WAGnBX,iBAAiB,uBAAuBC,SAAQ,SAASW,GACnEA,EAAEC,UAAUC,OAAO,iCAEvBZ,EAAGW,UAAUE,IAAI,8BAGbb,EAAGW,UAAUG,SAAS,cACjBR,EAAKK,UAAUG,SAAS,UACzBR,EAAKK,UAAUE,IAAI,QACnBP,EAAKK,UAAUE,IAAI,WAEnBL,EAAKT,SAAQ,SAAUW,GACnBA,EAAEC,UAAUE,IAAI,YAEhBH,EAAEC,UAAUC,OAAO,kBAMvBN,EAAKK,UAAUG,SAAS,UACxBR,EAAKK,UAAUC,OAAO,QACtBN,EAAKK,UAAUC,OAAO,WAEtBJ,EAAKT,SAAQ,SAAUW,GACnBA,EAAEC,UAAUC,OAAO,YAEnBF,EAAEC,UAAUE,IAAI","file":"../card-list.js","sourcesContent":["function cardList() {\r\n var icon = document.querySelectorAll('.card-listing__icon')\r\n\r\n icon.forEach(function (el) {\r\n el.addEventListener('click', function (event) {\r\n var parent = event.target.closest('.card-listing'),\r\n grid = parent.querySelector('.card-listing__grid'),\r\n card = parent.querySelectorAll('.card'),\r\n iconContainer = event.target.parentNode\r\n\r\n // add & remove active classes on icons\r\n iconContainer.querySelectorAll('.card-listing__icon').forEach(function(e) {\r\n e.classList.remove('card-listing__icon--active')\r\n })\r\n el.classList.add('card-listing__icon--active')\r\n\r\n // switch grid classes\r\n if (el.classList.contains('icon--grid')) {\r\n if (!grid.classList.contains('grid')) {\r\n grid.classList.add('grid')\r\n grid.classList.add('grid--2')\r\n\r\n card.forEach(function (e) {\r\n e.classList.add('bg--grey')\r\n // e.classList.add('card--simple')\r\n e.classList.remove('card--list')\r\n })\r\n }\r\n } \r\n \r\n else {\r\n if (grid.classList.contains('grid')) {\r\n grid.classList.remove('grid')\r\n grid.classList.remove('grid--2')\r\n\r\n card.forEach(function (e) {\r\n e.classList.remove('bg--grey')\r\n // e.classList.remove('card--simple')\r\n e.classList.add('card--list')\r\n })\r\n }\r\n }\r\n })\r\n })\r\n}\r\n"]}