https://content.kumospace.com/hubfs/hub_generated/module_assets/1/…/module_tabbed-carousel.min.js

1var module_109549368907=function(){var fn;fn=function(){const carousels=document.querySelectorAll('[data-tabbed-carousel="carousel"]');let clientWidth=0,initialX=null;const getClientX=e=>e.changedTouches?e.changedTouches[0].clientX:e.clientX,getProperty=(el,prop)=>getComputedStyle(el).getPropertyValue(prop),getElementIndex=(el,nodelist)=>[...nodelist].indexOf(el);function setClientWidth(){clientWidth=window.innerWidth}function addEventListeners(el,events,handler,options){events.split(" ").forEach((type=>{el.addEventListener(type,handler,options)}))}function activate(index,carousel){const thisTab=carousel.querySelector('[data-tabbed-carousel="tablist"]').querySelectorAll('[role="tab"]')[index],thisDot=carousel.querySelector('[data-tabbed-carousel="dotlist"]').querySelectorAll('[role="tab"]')[index];!function(carousel){carousel.querySelector('[data-tabbed-carousel="tablist"]').querySelectorAll('[role="tab"]').forEach((tab=>{tab.setAttribute("aria-selected","false"),tab.setAttribute("tabindex","-1")})),carousel.querySelector('[data-tabbed-carousel="dotlist"]').querySelectorAll('[role="tab"]').forEach((dot=>{dot.setAttribute("aria-selected","false"),dot.setAttribute("tabindex","-1")}))}(carousel),thisTab.setAttribute("aria-selected","true"),thisTab.removeAttribute("tabindex"),thisDot.setAttribute("aria-selected","true"),thisDot.removeAttribute("tabindex"),carousel.style.setProperty("--i",index)}function handleDrag(e){if(null===initialX)return;e.preventDefault();const{currentTarget:currentTarget}=e,carousel=currentTarget.closest('[data-tabbed-carousel="carousel"]');let deltaX=Math.round(getClientX(e)-initialX);carousel.style.setProperty("--tx",deltaX/10+"rem")}function handleDown(e){initialX=getClientX(e);const{currentTarget:currentTarget}=e;currentTarget.style.cursor="grabbing",currentTarget.classList.remove("animate"),currentTarget.closest('[data-tabbed-carousel="carousel"]').querySelector('[data-tabbed-carousel="tablist"]').classList.remove("animate"),addEventListeners(currentTarget,"mousemove touchmove",handleDrag,{passive:!1})}function handleUp(e){if(null===initialX)return;const{currentTarget:currentTarget}=e,carousel=currentTarget.closest('[data-tabbed-carousel="carousel"]'),tabsList=carousel.querySelector('[data-tabbed-carousel="tablist"]'),currentIndex=Number(getProperty(carousel,"--i")),slidesCount=Number(getProperty(carousel,"--s"));let deltaX=getClientX(e)-initialX,threshold=Number(Math.sign(deltaX)*deltaX/clientWidth).toFixed(2);var el,handler;deltaX>0&&currentIndex>0&&threshold>.2?activate(currentIndex-1,carousel):deltaX<0&&currentIndex<slidesCount-1&&threshold>.2&&activate(currentIndex+1,carousel),threshold=(1-threshold).toFixed(2),carousel.style.setProperty("--tx","0rem"),carousel.style.setProperty("--d",threshold),currentTarget.style.cursor="grab",currentTarget.classList.add("animate"),tabsList.classList.add("animate"),initialX=null,el=currentTarget,handler=handleDrag,"mousemove touchmove".split(" ").forEach((type=>{el.removeEventListener(type,handler)}))}function clickTab(e){const{currentTarget:currentTarget}=e,carousel=currentTarget.closest('[data-tabbed-carousel="carousel"]'),tabs=carousel.querySelector('[data-tabbed-carousel="tablist"]').querySelectorAll('[role="tab"]'),tabsTarget=getElementIndex(currentTarget,tabs),dots=carousel.querySelector('[data-tabbed-carousel="dotlist"]').querySelectorAll('[role="tab"]'),dotsTarget=getElementIndex(currentTarget,dots);-1!==tabsTarget?activate(tabsTarget,carousel):-1!==dotsTarget&&activate(dotsTarget,carousel)}function arrowTab(e){const{keyCode:keyCode,target:target}=e,carousel=target.closest('[data-tabbed-carousel="carousel"]'),tabsList=carousel.querySelector('[data-tabbed-carousel="tablist"]'),tabs=tabsList.querySelectorAll('[role="tab"]'),targetPrev=target.previousElementSibling,targetNext=target.nextElementSibling,targetFirst=tabsList.firstElementChild,targetLast=tabsList.lastElementChild;switch(keyCode){case 37:target.parentElement.contains(targetPrev)?(activate(getElementIndex(targetPrev,tabs),carousel),targetPrev.focus()):(activate(tabs.length-1,carousel),targetLast.focus());break;case 39:target.parentElement.contains(targetNext)?(activate(getElementIndex(targetNext,tabs),carousel),targetNext.focus()):(activate(0,carousel),targetFirst.focus())}}setClientWidth(),window.addEventListener("resize",setClientWidth),carousels.forEac

1h((carousel=>{const slidesList=carousel.querySelector('[data-tabbed-carousel="slideslist"]');addEventListeners(slidesList,"mousedown touchstart",handleDown,{passive:!0}),addEventListeners(slidesList,"mouseup touchend",handleUp,{passive:!0}),[...carousel.querySelector('[data-tabbed-carousel="tablist"]').querySelectorAll('[role="tab"]'),...carousel.querySelector('[data-tabbed-carousel="dotlist"]').querySelectorAll('[role="tab"]')].forEach((el=>{el.addEventListener("click",clickTab),el.addEventListener("keydown",arrowTab)}))}))},"complete"===document.readyState||"interactive"===document.readyState?(setTimeout(fn,1),document.removeEventListener("DOMContentLoaded",fn)):document.addEventListener("DOMContentLoaded",fn)}();