{"version":3,"sources":["tabbedContent.js"],"names":["initTabbedContent","tabID","tabSet","document","querySelector","tab","querySelectorAll","tabPanel","forEach","el","addEventListener","id","this","getAttribute","tabContent","e","classList","remove","setAttribute","add"],"mappings":"AAAA,SAASA,kBAAkBC,GAEvB,IAAIC,EAASC,SAASC,cAAc,WAAaH,GAC7CI,EAAMH,EAAOI,iBAAiB,cAC9BC,EAAWL,EAAOI,iBAAiB,kBAEvCD,EAAIG,SAAQ,SAAUC,GAClBA,EAAGC,iBAAiB,SAAS,WACzB,IAAIC,EAAKC,KAAKC,aAAa,YACvBC,EAAaZ,EAAOE,cAAc,IAAIO,GAG1CN,EAAIG,SAAQ,SAASO,GACjBA,EAAEC,UAAUC,OAAO,qBACnBF,EAAEG,aAAa,gBAAiB,YAGpCT,EAAGO,UAAUG,IAAI,qBACjBV,EAAGS,aAAa,gBAAiB,QAGjCX,EAASC,SAAQ,SAASO,GACtBA,EAAEC,UAAUG,IAAI,UAChBJ,EAAEG,aAAa,cAAe,WAElCJ,EAAWE,UAAUC,OAAO,UAC5BH,EAAWI,aAAa,cAAe","file":"../tabbedContent.js","sourcesContent":["function initTabbedContent(tabID) {\r\n\r\n    var tabSet = document.querySelector('.tabSet_' + tabID),\r\n        tab = tabSet.querySelectorAll('.tabs__tab'),\r\n        tabPanel = tabSet.querySelectorAll('.tabs__content');\r\n\r\n    tab.forEach(function (el) {\r\n        el.addEventListener('click', function() {\r\n            var id = this.getAttribute('data-tab');\r\n            var tabContent = tabSet.querySelector('.'+id);\r\n\r\n            // add and remove active classes\r\n            tab.forEach(function(e) {\r\n                e.classList.remove('tabs__tab--active')\r\n                e.setAttribute('aria-selected', 'false')\r\n            })\r\n            \r\n            el.classList.add('tabs__tab--active')\r\n            el.setAttribute('aria-selected', 'true')\r\n            \r\n            // show relevant tab content\r\n            tabPanel.forEach(function(e) {\r\n                e.classList.add('hidden')\r\n                e.setAttribute('aria-hidden', 'true')\r\n            })\r\n            tabContent.classList.remove('hidden')\r\n            tabContent.setAttribute('aria-hidden', 'false')\r\n        })\r\n    })\r\n}\r\n\r\n// function initTabbedContent(tabID) {\r\n\r\n//     var $tabSet = $('.tabSet_' + tabID);\r\n//     var $tabs__tab = $tabSet.find('.tabs__tab');\r\n//     var $tab__content = $tabSet.find('.tabs__content');\r\n\r\n//     $tabs__tab.click(function () {\r\n\r\n//         var id = $(this).data('tab');\r\n//         var $thisContentTab = $tabSet.find('.'+id);\r\n\r\n//         $tabs__tab.removeClass('tabs__tab--active');\r\n//         $(this).addClass('tabs__tab--active');\r\n\r\n//         $tab__content.addClass('hidden');\r\n//         $thisContentTab.removeClass('hidden');\r\n\r\n//         // Update aria tags\r\n//         $tabs__tab.attr('aria-selected', 'false');\r\n//         $(this).attr('aria-selected', 'true');\r\n\r\n//         $tab__content.attr('aria-hidden', 'true');\r\n//         $thisContentTab.attr('aria-hidden', 'false');\r\n\r\n//     });\r\n// }"]}