upskill-event-manager/assets/js/tabs.min.js

UAGBTabs={init(e){var a=document.querySelectorAll(e);if(a)for(let t=0;t<a.length;t++)UAGBTabs.addEvents(a[t],e)},addEvents(t,e){const a=t.children;if(2===a.length){t=t.getAttribute("data-tab-active");const s=a[0].querySelectorAll("li.uagb-tab"),b=a[1].children;for(let t=0;t<b.length;t++)b[t].setAttribute("tabindex","0"),b[t].setAttribute("role","tabpanel");b[t].classList.add("uagb-tabs-body__active"),s[t].classList.add("uagb-tabs__active");for(let t=0;t<s.length;t++){const r=s[t].getElementsByTagName("a")[0];s[t].setAttribute("id","uagb-tabs__tab"+t),r.setAttribute("aria-selected",!0),r.setAttribute("tabindex","0"),s[t].classList.contains("uagb-tabs__active")||(r.setAttribute("aria-selected",!1),r.setAttribute("tabindex","-1")),r.setAttribute("data-tab",t),r.mainWrapClass=e,r.addEventListener("click",function(t){UAGBTabs.tabClickEvent(t,this,this.parentElement)})}const i=a[0].querySelectorAll('.uagb-tab a[role="tab"]');i.forEach(t=>{t.addEventListener("keydown",function(t){let e;var a=Array.prototype.indexOf.call(i,t.target);"ArrowRight"===t.key?(e=(a+1)%i.length,i[e].focus(),i[a].setAttribute("aria-selected","false"),i[e].setAttribute("aria-selected","true"),UAGBTabs.tabClickEvent(t,i[e],i[e].parentElement),t.preventDefault()):"ArrowLeft"===t.key&&(e=(a-1+i.length)%i.length,i[e].focus(),i[a].setAttribute("aria-selected","false"),i[e].setAttribute("aria-selected","true"),UAGBTabs.tabClickEvent(t,i[e],i[e].parentElement),t.preventDefault())})})}},tabClickEvent(t,e,a){t.preventDefault();var s=e.getAttribute("data-tab");const b=a.closest(".uagb-tabs__panel"),i=e.closest(".uagb-tabs__wrap"),r=i.querySelector(".uagb-tabs__body-wrap").children,l=UAGBTabs.getChildrenWithClass(r,"uagb-inner-tab-"+s),n=b.querySelectorAll("a.uagb-tabs-list");b.querySelector(".uagb-tabs__active")?.classList.remove("uagb-tabs__active"),UAGBTabs.getChildrenWithClass(r,"uagb-tabs-body__active")?.classList.remove("uagb-tabs-body__active");for(let t=0;t<n.length;t++)n[t].setAttribute("aria-selected",!1),n[t].setAttribute("tabindex","-1");a.classList.add("uagb-tabs__active"),e.setAttribute("aria-selected",!0),e.setAttribute("tabindex","0"),l?.classList.add("uagb-tabs-body__active"),l?.setAttribute("aria-hidden",!1);for(let t=0;t<r.length;t++)r[t].classList.contains("uagb-inner-tab-"+s)||r[t].setAttribute("aria-hidden",!0)},anchorTabId(t){const e=window.location.hash;if(""!==e&&/^#uagb-tabs__tab\d$/.test(e)){var a=escape(e.substring(1));const s=document.querySelector("#"+a);a=s.getBoundingClientRect().top+window.pageYOffset,a=(window.scrollTo({top:a,behavior:"smooth"}),s.querySelector("a.uagb-tabs-list").getAttribute("data-tab"));const b=s.closest(".uagb-tabs__panel"),i=document.querySelector(t+" > .uagb-tabs__body-wrap > .uagb-inner-tab-"+a),r=document.querySelectorAll(t+" > .uagb-tabs__body-wrap > .uagb-tabs__body-container:not(.uagb-inner-tab-"+a+")"),l=s.querySelectorAll("a.uagb-tabs-list"),n=s.querySelector("a.uagb-tabs-list");b.querySelector(".uagb-tabs__active").classList.remove("uagb-tabs__active"),document.querySelector(t+" > .uagb-tabs__body-wrap > .uagb-tabs-body__active").classList.remove("uagb-tabs-body__active");for(let t=0;t<l.length;t++)l[t].setAttribute("tabindex","-1"),l[t].setAttribute("aria-selected",!1);s.classList.add("uagb-tabs__active"),n.setAttribute("aria-selected",!0),n.setAttribute("tabindex","0"),i.classList.add("uagb-tabs-body__active"),i.setAttribute("aria-hidden",!1);for(let t=0;t<r.length;t++)r[t].setAttribute("aria-hidden",!0)}},getChildrenWithClass(e,a){let s=null;for(let t=0;t<e.length;t++)if(e[t].classList.contains(a)){s=e[t];break}return s}};