1import{u as useFeatureFlags,r as reactExports,g as getArrayOfNavigationLetters,j as jsxRuntimeExports,B as Box,H as Heading,F as Flex,b as Button}from"../entries/src_pages_catch-all.zP0j-ceq.js";import"./chunk-CnBNYna8.js";import"./chunk-CsftmvP9.js";/* empty css *//* empty css */const LetterNavigation=props=>{const{athletes_drawer_letter_navigation_enabled}=useFeatureFlags();if(!athletes_drawer_letter_navigation_enabled)return null;const{athletesContainer,athletesList}=props;if(athletesList.length<10)return null;const navigationLetters=reactExports.useMemo(()=>getArrayOfNavigationLetters(athletesList),[athletesList]),handleLetterClick=event=>{var _a;const{target}=event;if(!(target instanceof HTMLButtonElement))return;const athlete=(_a=athletesContainer.current)==null?void 0:_a.querySelector(`[data-navigation=${target.textContent}]`);athlete==null||athlete.scrollIntoView({behavior:"smooth",block:"start"})},letterGap=navigationLetters.length>20?"2px":"8px";return jsxRuntimeExports.jsxs(Box,{onClick:handleLetterClick,gap:4,position:"absolute",top:24,right:4,children:[jsxRuntimeExports.jsx(Heading,{size:"md",textTransform:"unset",textAlign:"right",marginBottom:4,marginRight:2,children:"Jump to Last Name â"}),jsxRuntimeExports.jsx(Flex,{gap:letterGap,flexDirection:"column",align:"flex-end",children:navigationLetters.map(letter=>jsxRuntimeExports.jsx(Button,{variant:"ghost",size:"xsCircle","aria-label":`Scroll to the first athlete whose last name begins with ${letter.toUpperCase()}`,children:letter},letter))})]})};export{LetterNavigation};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.