{"version":3,"sources":["_1800-tabbed-content.js"],"names":["e","t","n","r","s","o","u","a","require","i","Error","f","exports","call","length","1","module","toggleList","currentTarget","closest","list","querySelector","listButton","classList","toggle","tabClick","keyCode","document","preventDefault","dataId","getAttribute","querySelectorAll","forEach","remove","setAttribute","add","getElementById","tabStatus","resortTabIndex","let","activeTab","targetLabel","textContent","targetIcon","innerHTML","outerHTML","activeContent","z","addEventListener","tab"],"mappings":"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","file":"1800-tabbed-content.min.js","sourcesContent":["const toggleList = (e) => {\r\n    const module = e.currentTarget.closest('.tabbed-content-1800');\r\n    const list = module.querySelector('.tabbed-content-1800__wrapper__left-nav__list');//this is tab list that appears on left in desktop screen\r\n    const listButton = module.querySelector('.tabbed-content-1800__wrapper__left-nav__btn'); //this is the dropdown visible in smaller screens\r\n\r\n    list.classList.toggle('active');\r\n    listButton.classList.toggle('active');\r\n}\r\n\r\nconst tabClick = (e) => {\r\n    if (e.keyCode === 32 && document.querySelector('.experience-editor') != null) {//do nothing in EE\r\n        e.preventDefault();\r\n    } \r\n    const dataId = e.currentTarget.getAttribute('data-id');//get tab id\r\n    const module = e.currentTarget.closest('.tabbed-content-1800');\r\n    module.querySelectorAll('.tabbed-content-1800__wrapper__left-nav__list__item').forEach(t => {//get all tabs\r\n        t.classList.remove('active');//mark tabs inactive\r\n        t.setAttribute('aria-selected', false);//mark tabs not selected\r\n        t.setAttribute('tabindex', 0);//mark tab index as 0\r\n    });\r\n    e.currentTarget.classList.add('active');//mark clicked tab element active\r\n    module.querySelectorAll('.tabbed-content-1800__wrapper__content').forEach(t => {//get all tab contents\r\n        t.classList.remove('in');\r\n        t.setAttribute('aria-hidden', true);//hide all\r\n        t.setAttribute('tabindex', -1);\r\n    });\r\n    document.getElementById(dataId).classList.add('in');//show content related to clicked tab\r\n\r\n    const list = module.querySelector('.tabbed-content-1800__wrapper__left-nav__list');//this is tab list that appears on left in desktop screen\r\n    const listButton = module.querySelector('.tabbed-content-1800__wrapper__left-nav__btn'); //this is the dropdown visible in smaller screens\r\n\r\n    list.classList.remove('active');\r\n    listButton.classList.remove('active');\r\n    tabStatus(module, listButton);\r\n    resortTabIndex(module);\r\n};\r\n\r\nconst tabStatus = (module, listButton) => {\r\n    let activeTab = module.querySelector('.tabbed-content-1800__wrapper__left-nav__list__item.active');//get the active tab\r\n    let activeContent = module.querySelector('.tabbed-content-1800__wrapper__content.in');//get the content area of active tab\r\n    activeContent.setAttribute('aria-hidden', false);//mark content as not hidden\r\n    activeTab.setAttribute('aria-selected', true);//mark tab as selected\r\n    let targetLabel = activeTab.textContent;//get selected tab label\r\n    let targetIcon = activeTab.querySelector('svg');//get selected tab icon\r\n    if (targetIcon) {//setting the listbutton innher html for smaller screens\r\n        listButton.innerHTML = '<span class=\"tabbed-content-1800__wrapper__left-nav__btn__icon\">' + targetIcon.outerHTML + '</span>' + targetLabel;\r\n    }\r\n    else {\r\n        listButton.innerHTML = targetLabel;\r\n    }\r\n}\r\n\r\nconst resortTabIndex = (module) => {\r\n    let activeTab = module.querySelector('.tabbed-content-1800__wrapper__left-nav__list__item.active');//get active tab\r\n    let activeContent = module.querySelector('.tabbed-content-1800__wrapper__content.in');//get active content\r\n    activeTab.setAttribute('tabindex', 1);\r\n    activeContent.setAttribute('tabindex', 1);\r\n    let activeLinks = module.querySelectorAll('.tabbed-content-1800__wrapper__content.in a');//get all links within active content\r\n    activeLinks.forEach(z => {\r\n        z.setAttribute('tabindex', 1);\r\n    });\r\n}\r\n\r\nconst bindTabs = (module, list, listButton) => {\r\n    module.querySelectorAll('.tabbed-content-1800__wrapper__left-nav__list__item').forEach(tab => { //get all tabs \r\n        tab.addEventListener('click', tabClick);//add event on each tab\r\n        tab.addEventListener('keyup', tabClick);\r\n    })\r\n};\r\n\r\ndocument.querySelectorAll('.tabbed-content-1800').forEach(module => { //look for each 1800 module\r\n    \r\n    const list = module.querySelector('.tabbed-content-1800__wrapper__left-nav__list');//this is tab list that appears on left in desktop screen\r\n    const listButton = module.querySelector('.tabbed-content-1800__wrapper__left-nav__btn'); //this is the dropdown visible in smaller screens\r\n    listButton.addEventListener('click', toggleList);//on click of dropdown, exexute toggle on tabs\r\n\r\n    tabStatus(module, listButton);\r\n    resortTabIndex(module);\r\n    bindTabs(module, list, listButton);\r\n});"]}