https://www.unleashedsoftware.com/js/tabbed-benefits.js

1import{S as e}from"./core-565014ce.js";import{P as t}from"./pagination-5236f751.js";import"./create-element-if-not-defined-bb8c8288.js";class s{tabs;tabPanels;firstTab;lastTab;tabsContainer;tabPanelsContainer;constructor(e,t){this.tabs=e,this.tabPanels=t,e.forEach(((e,t)=>{e.tabIndex=-1,e.setAttribute("aria-selected","false"),e.addEventListener("keydown",this.onKeydown.bind(this)),e.addEventListener("click",this.onClick.bind(this)),this.firstTab||(this.firstTab=e),this.lastTab=e})),this.tabsContainer=this.firstTab.parentElement,this.tabPanelsContainer=this.tabPanels[0].parentElement,console.log(this.tabPanelsContainer),this.setSelectedTab(this.firstTab,!1),this.tabPanelsContainer.style.setProperty("--minHeight",`${this.tabsContainer.offsetHeight}px`)}setSelectedTab(e,t){"boolean"!=typeof t&&(t=!0),this.tabs.forEach(((s,a)=>{const i=this.tabPanels[a];e===s?(s.setAttribute("aria-selected","true"),s.removeAttribute("tabindex"),i.classList.remove("is-hidden"),t&&s.focus(),this.tabPanelsContainer.style.setProperty("--activePanelHeight",`${i.offsetHeight}px`)):(s.setAttribute("aria-selected","false"),s.tabIndex=-1,i.classList.add("is-hidden"))}))}setSelectedToPreviousTab(e){if(e===this.firstTab)this.setSelectedTab(this.lastTab);else{const t=this.tabs.indexOf(e);this.setSelectedTab(this.tabs[t-1])}}setSelectedToNextTab(e){if(e===this.lastTab)this.setSelectedTab(this.firstTab);else{const t=this.tabs.indexOf(e);this.setSelectedTab(this.tabs[t+1])}}onKeydown(e){const t=e.currentTarget;let s=!1;switch(e.key){case"ArrowUp":this.setSelectedToPreviousTab(t),s=!0;break;case"ArrowDown":this.setSelectedToNextTab(t),s=!0;break;case"Home":this.setSelectedTab(this.firstTab),s=!0;break;case"End":this.setSelectedTab(this.lastTab),s=!0}s&&(e.stopPropagation(),e.preventDefault())}onClick(e){this.setSelectedTab(e.currentTarget)}}[...document.querySelectorAll(".js-tabsContainer")].map((function(a){const i=[...a.querySelectorAll(".js-tab")],n=[...a.querySelectorAll(".js-tabPanel")],r=a.querySelector(".js-carouselBullets");return window.innerWidth<1024&&new e(a,{modules:[t],pagination:{type:"bullets",el:r},slidesPerView:1,spaceBetween:20,autoHeight:!0,breakpoints:{1024:{enabled:!1}}}),new s(i,n)}));