{"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"]}