[{"data":1,"prerenderedAt":2477},["ShallowReactive",2],{"navigation_docs":3,"-api-keyboard-navigation-use-roving-focus":271,"-api-keyboard-navigation-use-roving-focus-surround":2472},[4,135],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":28},"Guide","i-lucide-book-open","\u002Fguide","1.guide",[10,29,51,73,91,109],{"title":11,"icon":12,"path":13,"stem":14,"children":15,"page":28},"Getting Started","i-lucide-rocket","\u002Fguide\u002Fgetting-started","1.guide\u002F1.getting-started",[16,20,24],{"title":17,"path":18,"stem":19},"Introduction","\u002Fguide\u002Fgetting-started\u002Fintroduction","1.guide\u002F1.getting-started\u002F1.introduction",{"title":21,"path":22,"stem":23},"First Tooltip","\u002Fguide\u002Fgetting-started\u002Ffirst-tooltip","1.guide\u002F1.getting-started\u002F2.first-tooltip",{"title":25,"path":26,"stem":27},"First Popover","\u002Fguide\u002Fgetting-started\u002Ffirst-popover","1.guide\u002F1.getting-started\u002F3.first-popover",false,{"title":30,"icon":31,"path":32,"stem":33,"children":34,"page":28},"Core Concepts","i-lucide-boxes","\u002Fguide\u002Fcore-concepts","1.guide\u002F2.core-concepts",[35,39,43,47],{"title":36,"path":37,"stem":38},"Floating Node","\u002Fguide\u002Fcore-concepts\u002Ffloating-node","1.guide\u002F2.core-concepts\u002F1.floating-node",{"title":40,"path":41,"stem":42},"Placement & Positioning","\u002Fguide\u002Fcore-concepts\u002Fplacement-and-positioning","1.guide\u002F2.core-concepts\u002F2.placement-and-positioning",{"title":44,"path":45,"stem":46},"Interaction Model","\u002Fguide\u002Fcore-concepts\u002Finteraction-model","1.guide\u002F2.core-concepts\u002F3.interaction-model",{"title":48,"path":49,"stem":50},"Tree Coordination","\u002Fguide\u002Fcore-concepts\u002Ftree-coordination-explained","1.guide\u002F2.core-concepts\u002F4.tree-coordination-explained",{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":28},"Patterns","i-lucide-component","\u002Fguide\u002Fcomponents","1.guide\u002F3.components",[57,61,65,69],{"title":58,"path":59,"stem":60},"Tooltips","\u002Fguide\u002Fcomponents\u002Fbuild-accessible-tooltips","1.guide\u002F3.components\u002F1.build-accessible-tooltips",{"title":62,"path":63,"stem":64},"Popovers & Dropdowns","\u002Fguide\u002Fcomponents\u002Fbuild-popovers-and-dropdowns","1.guide\u002F3.components\u002F2.build-popovers-and-dropdowns",{"title":66,"path":67,"stem":68},"Dialogs & Modals","\u002Fguide\u002Fcomponents\u002Fbuild-dialogs-and-modals","1.guide\u002F3.components\u002F3.build-dialogs-and-modals",{"title":70,"path":71,"stem":72},"Nested Menus","\u002Fguide\u002Fcomponents\u002Fbuild-nested-menus","1.guide\u002F3.components\u002F4.build-nested-menus",{"title":74,"icon":75,"path":76,"stem":77,"children":78,"page":28},"Positioning","i-lucide-crosshair","\u002Fguide\u002Fpositioning","1.guide\u002F4.positioning",[79,83,87],{"title":80,"path":81,"stem":82},"Keep in View","\u002Fguide\u002Fpositioning\u002Fkeep-content-in-view","1.guide\u002F4.positioning\u002F1.keep-content-in-view",{"title":84,"path":85,"stem":86},"Virtual Anchors","\u002Fguide\u002Fpositioning\u002Fuse-virtual-anchors","1.guide\u002F4.positioning\u002F2.use-virtual-anchors",{"title":88,"path":89,"stem":90},"Middleware Pipeline","\u002Fguide\u002Fpositioning\u002Fmiddleware-pipeline","1.guide\u002F4.positioning\u002F3.middleware-pipeline",{"title":92,"icon":93,"path":94,"stem":95,"children":96,"page":28},"Accessibility","i-lucide-person-standing","\u002Fguide\u002Faccessibility","1.guide\u002F5.accessibility",[97,101,105],{"title":98,"path":99,"stem":100},"Open State","\u002Fguide\u002Faccessibility\u002Fcontrol-open-state","1.guide\u002F5.accessibility\u002F1.control-open-state",{"title":102,"path":103,"stem":104},"Focus Models","\u002Fguide\u002Faccessibility\u002Ffocus-models","1.guide\u002F5.accessibility\u002F2.focus-models",{"title":106,"path":107,"stem":108},"Keyboard Navigation","\u002Fguide\u002Faccessibility\u002Fkeyboard-navigation","1.guide\u002F5.accessibility\u002F3.keyboard-navigation",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":28},"Advanced","i-lucide-cpu","\u002Fguide\u002Fadvanced","1.guide\u002F6.advanced",[115,119,123,127,131],{"title":116,"path":117,"stem":118},"Controlled vs Uncontrolled","\u002Fguide\u002Fadvanced\u002Fcontrolled-vs-uncontrolled","1.guide\u002F6.advanced\u002F1.controlled-vs-uncontrolled",{"title":120,"path":121,"stem":122},"Safe Polygons","\u002Fguide\u002Fadvanced\u002Fsafe-polygon-gotchas","1.guide\u002F6.advanced\u002F2.safe-polygon-gotchas",{"title":124,"path":125,"stem":126},"Virtual Anchor Gotchas","\u002Fguide\u002Fadvanced\u002Fvirtual-anchor-gotchas","1.guide\u002F6.advanced\u002F3.virtual-anchor-gotchas",{"title":128,"path":129,"stem":130},"Middleware Ordering","\u002Fguide\u002Fadvanced\u002Fmiddleware-ordering-gotchas","1.guide\u002F6.advanced\u002F4.middleware-ordering-gotchas",{"title":132,"path":133,"stem":134},"List Navigation","\u002Fguide\u002Fadvanced\u002Flist-navigation-gotchas","1.guide\u002F6.advanced\u002F5.list-navigation-gotchas",{"title":136,"icon":137,"path":138,"stem":139,"children":140},"API Reference","i-lucide-code-xml","\u002Fapi","2.api",[141,145,155,165,182,216,233],{"title":142,"path":138,"stem":143,"icon":144},"Overview","2.api\u002Findex","i-lucide-file-text",{"title":146,"icon":147,"path":148,"stem":149,"children":150,"page":28},"Reference","i-lucide-braces","\u002Fapi\u002Foverview","2.api\u002F1.overview",[151],{"title":152,"path":153,"stem":154},"Types","\u002Fapi\u002Foverview\u002Ftypes","2.api\u002F1.overview\u002F1.types",{"title":156,"icon":157,"path":158,"stem":159,"children":160,"page":28},"Core","i-lucide-box","\u002Fapi\u002Fcore","2.api\u002F2.core",[161],{"title":162,"path":163,"stem":164},"useFloatingNode","\u002Fapi\u002Fcore\u002Fuse-floating-node","2.api\u002F2.core\u002F1.use-floating-node",{"title":74,"icon":166,"path":167,"stem":168,"children":169,"page":28},"i-lucide-move","\u002Fapi\u002Fpositioning","2.api\u002F3.positioning",[170,174,178],{"title":171,"path":172,"stem":173},"usePosition","\u002Fapi\u002Fpositioning\u002Fuse-position","2.api\u002F3.positioning\u002F1.use-position",{"title":175,"path":176,"stem":177},"useArrow","\u002Fapi\u002Fpositioning\u002Fuse-arrow","2.api\u002F3.positioning\u002F2.use-arrow",{"title":179,"path":180,"stem":181},"useClientPoint","\u002Fapi\u002Fpositioning\u002Fuse-client-point","2.api\u002F3.positioning\u002F3.use-client-point",{"title":183,"icon":184,"path":185,"stem":186,"children":187,"page":28},"Interactions","i-lucide-mouse-pointer-click","\u002Fapi\u002Finteractions","2.api\u002F4.interactions",[188,192,196,200,204,208,212],{"title":189,"path":190,"stem":191},"useClick","\u002Fapi\u002Finteractions\u002Fuse-click","2.api\u002F4.interactions\u002F1.use-click",{"title":193,"path":194,"stem":195},"useHover","\u002Fapi\u002Finteractions\u002Fuse-hover","2.api\u002F4.interactions\u002F2.use-hover",{"title":197,"path":198,"stem":199},"useFocus","\u002Fapi\u002Finteractions\u002Fuse-focus","2.api\u002F4.interactions\u002F3.use-focus",{"title":201,"path":202,"stem":203},"useFocusTrap","\u002Fapi\u002Finteractions\u002Fuse-focus-trap","2.api\u002F4.interactions\u002F4.use-focus-trap",{"title":205,"path":206,"stem":207},"useOutsideClick","\u002Fapi\u002Finteractions\u002Fuse-outside-click","2.api\u002F4.interactions\u002F5.use-outside-click",{"title":209,"path":210,"stem":211},"useEscapeKey","\u002Fapi\u002Finteractions\u002Fuse-escape-key","2.api\u002F4.interactions\u002F6.use-escape-key",{"title":213,"path":214,"stem":215},"useRole","\u002Fapi\u002Finteractions\u002Fuse-role","2.api\u002F4.interactions\u002F7.use-role",{"title":106,"icon":217,"path":218,"stem":219,"children":220,"page":28},"i-lucide-keyboard","\u002Fapi\u002Fkeyboard-navigation","2.api\u002F5.keyboard-navigation",[221,225,229],{"title":222,"path":223,"stem":224},"useRovingFocus","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-roving-focus","2.api\u002F5.keyboard-navigation\u002F1.use-roving-focus",{"title":226,"path":227,"stem":228},"useAriaActivedescendant","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-aria-activedescendant","2.api\u002F5.keyboard-navigation\u002F2.use-aria-activedescendant",{"title":230,"path":231,"stem":232},"useTypeahead","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-typeahead","2.api\u002F5.keyboard-navigation\u002F3.use-typeahead",{"title":234,"icon":235,"path":236,"stem":237,"children":238,"page":28},"Middleware","i-lucide-blocks","\u002Fapi\u002Fmiddleware","2.api\u002F6.middleware",[239,243,247,251,255,259,263,267],{"title":240,"path":241,"stem":242},"offset","\u002Fapi\u002Fmiddleware\u002Foffset","2.api\u002F6.middleware\u002F1.offset",{"title":244,"path":245,"stem":246},"flip","\u002Fapi\u002Fmiddleware\u002Fflip","2.api\u002F6.middleware\u002F2.flip",{"title":248,"path":249,"stem":250},"shift","\u002Fapi\u002Fmiddleware\u002Fshift","2.api\u002F6.middleware\u002F3.shift",{"title":252,"path":253,"stem":254},"autoPlacement","\u002Fapi\u002Fmiddleware\u002Fautoplacement","2.api\u002F6.middleware\u002F4.autoplacement",{"title":256,"path":257,"stem":258},"size","\u002Fapi\u002Fmiddleware\u002Fsize","2.api\u002F6.middleware\u002F5.size",{"title":260,"path":261,"stem":262},"inline","\u002Fapi\u002Fmiddleware\u002Finline","2.api\u002F6.middleware\u002F6.inline",{"title":264,"path":265,"stem":266},"arrow","\u002Fapi\u002Fmiddleware\u002Farrow","2.api\u002F6.middleware\u002F7.arrow",{"title":268,"path":269,"stem":270},"hide","\u002Fapi\u002Fmiddleware\u002Fhide","2.api\u002F6.middleware\u002F8.hide",{"id":272,"title":222,"body":273,"description":2466,"extension":2467,"links":2468,"meta":2469,"navigation":378,"path":223,"seo":2470,"stem":224,"__hash__":2471},"docs\u002F2.api\u002F5.keyboard-navigation\u002F1.use-roving-focus.md",{"type":274,"value":275,"toc":2456},"minimark",[276,295,311,316,1105,1109,1539,1543,1698,1702,1707,1715,1722,1788,1792,2420,2424,2452],[277,278,279,282,283,286,287,290,291,294],"p",{},[280,281,222],"code",{}," implements the WAI-ARIA roving ",[280,284,285],{},"tabindex"," pattern. It manages physical DOM focus across an item list, assigning ",[280,288,289],{},"tabindex=\"0\""," to the active item and ",[280,292,293],{},"tabindex=\"-1\""," to all others. Arrow keys, Home, End, and PageUp\u002FPageDown shift DOM focus directly to target items.",[277,296,297,298,305,306,310],{},"Implements the ",[299,300,302],"a",{"href":301},"\u002Fapi\u002Foverview\u002Ftypes#navigationtarget",[280,303,304],{},"NavigationTarget"," protocol for seamless integration with auxiliary composables like ",[299,307,308],{"href":231},[280,309,230],{},".",[312,313,315],"h2",{"id":314},"type","Type",[317,318,323],"pre",{"className":319,"code":320,"language":321,"meta":322,"style":322},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useRovingFocus(node: FloatingNode, options: UseRovingFocusOptions): UseRovingFocusReturn;\n\ntype RovingEntryFocusMode = \"entry-index\" | \"last-focused\";\n\ninterface UseRovingFocusOptions {\n  elementsList: MaybeRefOrGetter\u003CArray\u003CHTMLElement | null>>;\n  containerEl?: MaybeRefOrGetter\u003CHTMLElement | null>;\n  activeIndex?: Ref\u003Cnumber>;\n  entryIndex?: MaybeRefOrGetter\u003Cnumber | null | undefined>;\n  entryFocusMode?: MaybeRefOrGetter\u003CRovingEntryFocusMode>;\n  orientation?: MaybeRefOrGetter\u003C\"vertical\" | \"horizontal\" | \"both\">;\n  loop?: MaybeRefOrGetter\u003Cboolean>;\n  pageSize?: MaybeRefOrGetter\u003Cnumber>;\n  rtl?: MaybeRefOrGetter\u003Cboolean>;\n  enabled?: MaybeRefOrGetter\u003Cboolean>;\n  scrollIntoView?: MaybeRefOrGetter\u003Cboolean>;\n  focusOnHover?: MaybeRefOrGetter\u003Cboolean>;\n  focusDisabledElements?: MaybeRefOrGetter\u003Cboolean>;\n  openOnArrowKeyDown?: boolean | ((event: KeyboardEvent) => boolean);\n  isItemDisabled?: (index: number) => boolean;\n  onSelect?: (index: number, event: Event) => void;\n  onActiveIndexChange?: (index: number) => void;\n  onEnter?: (index: number, event: KeyboardEvent) => void;\n  onExit?: (index: number, event: KeyboardEvent) => void;\n  isKeyHandled?: (event: KeyboardEvent) => boolean;\n}\n\ninterface UseRovingFocusReturn extends NavigationTarget {\n  readonly activeIndex: Readonly\u003CRef\u003Cnumber>>;\n  tabStopIndex: ComputedRef\u003Cnumber>;\n  setActiveIndex: (index: number) => void;\n  clearActive: () => void;\n  reset: () => void;\n  focusIndex: (target: NavigationTargetValue, options?: NavigationTargetOptions) => void;\n  getTabindex: (index: number) => 0 | -1;\n}\n","ts","",[280,324,325,373,380,413,418,429,460,482,500,525,542,581,598,614,630,646,662,678,694,733,759,794,818,850,882,906,912,917,932,957,974,998,1015,1031,1066,1100],{"__ignoreMap":322},[326,327,330,334,338,342,346,349,353,356,359,361,364,367,370],"span",{"class":328,"line":329},"line",1,[326,331,333],{"class":332},"spNyl","function",[326,335,337],{"class":336},"s2Zo4"," useRovingFocus",[326,339,341],{"class":340},"sMK4o","(",[326,343,345],{"class":344},"sHdIc","node",[326,347,348],{"class":340},":",[326,350,352],{"class":351},"sBMFI"," FloatingNode",[326,354,355],{"class":340},",",[326,357,358],{"class":344}," options",[326,360,348],{"class":340},[326,362,363],{"class":351}," UseRovingFocusOptions",[326,365,366],{"class":340},"):",[326,368,369],{"class":351}," UseRovingFocusReturn",[326,371,372],{"class":340},";\n",[326,374,376],{"class":328,"line":375},2,[326,377,379],{"emptyLinePlaceholder":378},true,"\n",[326,381,383,385,388,391,394,398,401,404,406,409,411],{"class":328,"line":382},3,[326,384,314],{"class":332},[326,386,387],{"class":351}," RovingEntryFocusMode",[326,389,390],{"class":340}," =",[326,392,393],{"class":340}," \"",[326,395,397],{"class":396},"sfazB","entry-index",[326,399,400],{"class":340},"\"",[326,402,403],{"class":340}," |",[326,405,393],{"class":340},[326,407,408],{"class":396},"last-focused",[326,410,400],{"class":340},[326,412,372],{"class":340},[326,414,416],{"class":328,"line":415},4,[326,417,379],{"emptyLinePlaceholder":378},[326,419,421,424,426],{"class":328,"line":420},5,[326,422,423],{"class":332},"interface",[326,425,363],{"class":351},[326,427,428],{"class":340}," {\n",[326,430,432,436,438,441,444,447,449,452,454,457],{"class":328,"line":431},6,[326,433,435],{"class":434},"swJcz","  elementsList",[326,437,348],{"class":340},[326,439,440],{"class":351}," MaybeRefOrGetter",[326,442,443],{"class":340},"\u003C",[326,445,446],{"class":351},"Array",[326,448,443],{"class":340},[326,450,451],{"class":351},"HTMLElement",[326,453,403],{"class":340},[326,455,456],{"class":351}," null",[326,458,459],{"class":340},">>;\n",[326,461,463,466,469,471,473,475,477,479],{"class":328,"line":462},7,[326,464,465],{"class":434},"  containerEl",[326,467,468],{"class":340},"?:",[326,470,440],{"class":351},[326,472,443],{"class":340},[326,474,451],{"class":351},[326,476,403],{"class":340},[326,478,456],{"class":351},[326,480,481],{"class":340},">;\n",[326,483,485,488,490,493,495,498],{"class":328,"line":484},8,[326,486,487],{"class":434},"  activeIndex",[326,489,468],{"class":340},[326,491,492],{"class":351}," Ref",[326,494,443],{"class":340},[326,496,497],{"class":351},"number",[326,499,481],{"class":340},[326,501,503,506,508,510,512,514,516,518,520,523],{"class":328,"line":502},9,[326,504,505],{"class":434},"  entryIndex",[326,507,468],{"class":340},[326,509,440],{"class":351},[326,511,443],{"class":340},[326,513,497],{"class":351},[326,515,403],{"class":340},[326,517,456],{"class":351},[326,519,403],{"class":340},[326,521,522],{"class":351}," undefined",[326,524,481],{"class":340},[326,526,528,531,533,535,537,540],{"class":328,"line":527},10,[326,529,530],{"class":434},"  entryFocusMode",[326,532,468],{"class":340},[326,534,440],{"class":351},[326,536,443],{"class":340},[326,538,539],{"class":351},"RovingEntryFocusMode",[326,541,481],{"class":340},[326,543,545,548,550,552,554,556,559,561,563,565,568,570,572,574,577,579],{"class":328,"line":544},11,[326,546,547],{"class":434},"  orientation",[326,549,468],{"class":340},[326,551,440],{"class":351},[326,553,443],{"class":340},[326,555,400],{"class":340},[326,557,558],{"class":396},"vertical",[326,560,400],{"class":340},[326,562,403],{"class":340},[326,564,393],{"class":340},[326,566,567],{"class":396},"horizontal",[326,569,400],{"class":340},[326,571,403],{"class":340},[326,573,393],{"class":340},[326,575,576],{"class":396},"both",[326,578,400],{"class":340},[326,580,481],{"class":340},[326,582,584,587,589,591,593,596],{"class":328,"line":583},12,[326,585,586],{"class":434},"  loop",[326,588,468],{"class":340},[326,590,440],{"class":351},[326,592,443],{"class":340},[326,594,595],{"class":351},"boolean",[326,597,481],{"class":340},[326,599,601,604,606,608,610,612],{"class":328,"line":600},13,[326,602,603],{"class":434},"  pageSize",[326,605,468],{"class":340},[326,607,440],{"class":351},[326,609,443],{"class":340},[326,611,497],{"class":351},[326,613,481],{"class":340},[326,615,617,620,622,624,626,628],{"class":328,"line":616},14,[326,618,619],{"class":434},"  rtl",[326,621,468],{"class":340},[326,623,440],{"class":351},[326,625,443],{"class":340},[326,627,595],{"class":351},[326,629,481],{"class":340},[326,631,633,636,638,640,642,644],{"class":328,"line":632},15,[326,634,635],{"class":434},"  enabled",[326,637,468],{"class":340},[326,639,440],{"class":351},[326,641,443],{"class":340},[326,643,595],{"class":351},[326,645,481],{"class":340},[326,647,649,652,654,656,658,660],{"class":328,"line":648},16,[326,650,651],{"class":434},"  scrollIntoView",[326,653,468],{"class":340},[326,655,440],{"class":351},[326,657,443],{"class":340},[326,659,595],{"class":351},[326,661,481],{"class":340},[326,663,665,668,670,672,674,676],{"class":328,"line":664},17,[326,666,667],{"class":434},"  focusOnHover",[326,669,468],{"class":340},[326,671,440],{"class":351},[326,673,443],{"class":340},[326,675,595],{"class":351},[326,677,481],{"class":340},[326,679,681,684,686,688,690,692],{"class":328,"line":680},18,[326,682,683],{"class":434},"  focusDisabledElements",[326,685,468],{"class":340},[326,687,440],{"class":351},[326,689,443],{"class":340},[326,691,595],{"class":351},[326,693,481],{"class":340},[326,695,697,700,702,705,707,711,713,716,718,721,724,727,729,731],{"class":328,"line":696},19,[326,698,699],{"class":434},"  openOnArrowKeyDown",[326,701,468],{"class":340},[326,703,704],{"class":351}," boolean",[326,706,403],{"class":340},[326,708,710],{"class":709},"sTEyZ"," (",[326,712,341],{"class":340},[326,714,715],{"class":344},"event",[326,717,348],{"class":340},[326,719,720],{"class":351}," KeyboardEvent",[326,722,723],{"class":340},")",[326,725,726],{"class":332}," =>",[326,728,704],{"class":351},[326,730,723],{"class":709},[326,732,372],{"class":340},[326,734,736,739,741,743,746,748,751,753,755,757],{"class":328,"line":735},20,[326,737,738],{"class":434},"  isItemDisabled",[326,740,468],{"class":340},[326,742,710],{"class":340},[326,744,745],{"class":344},"index",[326,747,348],{"class":340},[326,749,750],{"class":351}," number",[326,752,723],{"class":340},[326,754,726],{"class":332},[326,756,704],{"class":351},[326,758,372],{"class":340},[326,760,762,765,767,769,771,773,775,777,780,782,785,787,789,792],{"class":328,"line":761},21,[326,763,764],{"class":434},"  onSelect",[326,766,468],{"class":340},[326,768,710],{"class":340},[326,770,745],{"class":344},[326,772,348],{"class":340},[326,774,750],{"class":351},[326,776,355],{"class":340},[326,778,779],{"class":344}," event",[326,781,348],{"class":340},[326,783,784],{"class":351}," Event",[326,786,723],{"class":340},[326,788,726],{"class":332},[326,790,791],{"class":351}," void",[326,793,372],{"class":340},[326,795,797,800,802,804,806,808,810,812,814,816],{"class":328,"line":796},22,[326,798,799],{"class":434},"  onActiveIndexChange",[326,801,468],{"class":340},[326,803,710],{"class":340},[326,805,745],{"class":344},[326,807,348],{"class":340},[326,809,750],{"class":351},[326,811,723],{"class":340},[326,813,726],{"class":332},[326,815,791],{"class":351},[326,817,372],{"class":340},[326,819,821,824,826,828,830,832,834,836,838,840,842,844,846,848],{"class":328,"line":820},23,[326,822,823],{"class":434},"  onEnter",[326,825,468],{"class":340},[326,827,710],{"class":340},[326,829,745],{"class":344},[326,831,348],{"class":340},[326,833,750],{"class":351},[326,835,355],{"class":340},[326,837,779],{"class":344},[326,839,348],{"class":340},[326,841,720],{"class":351},[326,843,723],{"class":340},[326,845,726],{"class":332},[326,847,791],{"class":351},[326,849,372],{"class":340},[326,851,853,856,858,860,862,864,866,868,870,872,874,876,878,880],{"class":328,"line":852},24,[326,854,855],{"class":434},"  onExit",[326,857,468],{"class":340},[326,859,710],{"class":340},[326,861,745],{"class":344},[326,863,348],{"class":340},[326,865,750],{"class":351},[326,867,355],{"class":340},[326,869,779],{"class":344},[326,871,348],{"class":340},[326,873,720],{"class":351},[326,875,723],{"class":340},[326,877,726],{"class":332},[326,879,791],{"class":351},[326,881,372],{"class":340},[326,883,885,888,890,892,894,896,898,900,902,904],{"class":328,"line":884},25,[326,886,887],{"class":434},"  isKeyHandled",[326,889,468],{"class":340},[326,891,710],{"class":340},[326,893,715],{"class":344},[326,895,348],{"class":340},[326,897,720],{"class":351},[326,899,723],{"class":340},[326,901,726],{"class":332},[326,903,704],{"class":351},[326,905,372],{"class":340},[326,907,909],{"class":328,"line":908},26,[326,910,911],{"class":340},"}\n",[326,913,915],{"class":328,"line":914},27,[326,916,379],{"emptyLinePlaceholder":378},[326,918,920,922,924,927,930],{"class":328,"line":919},28,[326,921,423],{"class":332},[326,923,369],{"class":351},[326,925,926],{"class":332}," extends",[326,928,929],{"class":351}," NavigationTarget",[326,931,428],{"class":340},[326,933,935,938,941,943,946,948,951,953,955],{"class":328,"line":934},29,[326,936,937],{"class":332},"  readonly",[326,939,940],{"class":434}," activeIndex",[326,942,348],{"class":340},[326,944,945],{"class":351}," Readonly",[326,947,443],{"class":340},[326,949,950],{"class":351},"Ref",[326,952,443],{"class":340},[326,954,497],{"class":351},[326,956,459],{"class":340},[326,958,960,963,965,968,970,972],{"class":328,"line":959},30,[326,961,962],{"class":434},"  tabStopIndex",[326,964,348],{"class":340},[326,966,967],{"class":351}," ComputedRef",[326,969,443],{"class":340},[326,971,497],{"class":351},[326,973,481],{"class":340},[326,975,977,980,982,984,986,988,990,992,994,996],{"class":328,"line":976},31,[326,978,979],{"class":434},"  setActiveIndex",[326,981,348],{"class":340},[326,983,710],{"class":340},[326,985,745],{"class":344},[326,987,348],{"class":340},[326,989,750],{"class":351},[326,991,723],{"class":340},[326,993,726],{"class":332},[326,995,791],{"class":351},[326,997,372],{"class":340},[326,999,1001,1004,1006,1009,1011,1013],{"class":328,"line":1000},32,[326,1002,1003],{"class":434},"  clearActive",[326,1005,348],{"class":340},[326,1007,1008],{"class":340}," ()",[326,1010,726],{"class":332},[326,1012,791],{"class":351},[326,1014,372],{"class":340},[326,1016,1018,1021,1023,1025,1027,1029],{"class":328,"line":1017},33,[326,1019,1020],{"class":434},"  reset",[326,1022,348],{"class":340},[326,1024,1008],{"class":340},[326,1026,726],{"class":332},[326,1028,791],{"class":351},[326,1030,372],{"class":340},[326,1032,1034,1037,1039,1041,1044,1046,1049,1051,1053,1055,1058,1060,1062,1064],{"class":328,"line":1033},34,[326,1035,1036],{"class":434},"  focusIndex",[326,1038,348],{"class":340},[326,1040,710],{"class":340},[326,1042,1043],{"class":344},"target",[326,1045,348],{"class":340},[326,1047,1048],{"class":351}," NavigationTargetValue",[326,1050,355],{"class":340},[326,1052,358],{"class":344},[326,1054,468],{"class":340},[326,1056,1057],{"class":351}," NavigationTargetOptions",[326,1059,723],{"class":340},[326,1061,726],{"class":332},[326,1063,791],{"class":351},[326,1065,372],{"class":340},[326,1067,1069,1072,1074,1076,1078,1080,1082,1084,1086,1090,1092,1095,1098],{"class":328,"line":1068},35,[326,1070,1071],{"class":434},"  getTabindex",[326,1073,348],{"class":340},[326,1075,710],{"class":340},[326,1077,745],{"class":344},[326,1079,348],{"class":340},[326,1081,750],{"class":351},[326,1083,723],{"class":340},[326,1085,726],{"class":332},[326,1087,1089],{"class":1088},"sbssI"," 0",[326,1091,403],{"class":340},[326,1093,1094],{"class":709}," -",[326,1096,1097],{"class":1088},"1",[326,1099,372],{"class":340},[326,1101,1103],{"class":328,"line":1102},36,[326,1104,911],{"class":340},[312,1106,1108],{"id":1107},"options","Options",[1110,1111,1112,1130],"table",{},[1113,1114,1115],"thead",{},[1116,1117,1118,1122,1124,1127],"tr",{},[1119,1120,1121],"th",{},"Name",[1119,1123,315],{},[1119,1125,1126],{},"Default",[1119,1128,1129],{},"Notes",[1131,1132,1133,1155,1175,1195,1222,1248,1268,1292,1319,1336,1356,1374,1398,1416,1447,1464,1483,1502,1521],"tbody",{},[1116,1134,1135,1141,1146,1152],{},[1136,1137,1138],"td",{},[280,1139,1140],{},"elementsList",[1136,1142,1143],{},[280,1144,1145],{},"MaybeRefOrGetter\u003CArray\u003CHTMLElement | null>>",[1136,1147,1148],{},[1149,1150,1151],"strong",{},"Required",[1136,1153,1154],{},"The list of HTML element references representing navigable elements.",[1116,1156,1157,1162,1167,1172],{},[1136,1158,1159],{},[280,1160,1161],{},"containerEl",[1136,1163,1164],{},[280,1165,1166],{},"MaybeRefOrGetter\u003CHTMLElement | null>",[1136,1168,1169],{},[280,1170,1171],{},"node.refs.floatingEl",[1136,1173,1174],{},"Container receiving keyboard and pointer events and used for RTL detection.",[1116,1176,1177,1182,1187,1192],{},[1136,1178,1179],{},[280,1180,1181],{},"activeIndex",[1136,1183,1184],{},[280,1185,1186],{},"Ref\u003Cnumber>",[1136,1188,1189],{},[280,1190,1191],{},"undefined",[1136,1193,1194],{},"Controlled active index ref.",[1116,1196,1197,1202,1207,1212],{},[1136,1198,1199],{},[280,1200,1201],{},"entryIndex",[1136,1203,1204],{},[280,1205,1206],{},"MaybeRefOrGetter\u003Cnumber | null | undefined>",[1136,1208,1209],{},[280,1210,1211],{},"0",[1136,1213,1214,1215,1217,1218,1221],{},"Default entry item holding ",[280,1216,289],{}," when idle. Set ",[280,1219,1220],{},"-1"," for menus.",[1116,1223,1224,1229,1234,1239],{},[1136,1225,1226],{},[280,1227,1228],{},"entryFocusMode",[1136,1230,1231],{},[280,1232,1233],{},"MaybeRefOrGetter\u003CRovingEntryFocusMode>",[1136,1235,1236],{},[280,1237,1238],{},"\"entry-index\"",[1136,1240,1241,1242,1244,1245,310],{},"Whether re-entry restores ",[280,1243,1238],{}," or ",[280,1246,1247],{},"\"last-focused\"",[1116,1249,1250,1255,1260,1265],{},[1136,1251,1252],{},[280,1253,1254],{},"orientation",[1136,1256,1257],{},[280,1258,1259],{},"MaybeRefOrGetter\u003C\"vertical\" | \"horizontal\" | \"both\">",[1136,1261,1262],{},[280,1263,1264],{},"\"vertical\"",[1136,1266,1267],{},"Direction of navigation.",[1116,1269,1270,1275,1280,1285],{},[1136,1271,1272],{},[280,1273,1274],{},"loop",[1136,1276,1277],{},[280,1278,1279],{},"MaybeRefOrGetter\u003Cboolean>",[1136,1281,1282],{},[280,1283,1284],{},"false",[1136,1286,1287,1288,1291],{},"When ",[280,1289,1290],{},"true",", navigation wraps around at boundaries.",[1116,1293,1294,1299,1304,1309],{},[1136,1295,1296],{},[280,1297,1298],{},"pageSize",[1136,1300,1301],{},[280,1302,1303],{},"MaybeRefOrGetter\u003Cnumber>",[1136,1305,1306],{},[280,1307,1308],{},"10",[1136,1310,1311,1312,1315,1316,310],{},"Number of items jumped on ",[280,1313,1314],{},"PageUp"," and ",[280,1317,1318],{},"PageDown",[1116,1320,1321,1326,1330,1333],{},[1136,1322,1323],{},[280,1324,1325],{},"rtl",[1136,1327,1328],{},[280,1329,1279],{},[1136,1331,1332],{},"Auto-detected",[1136,1334,1335],{},"Whether layout follows Right-to-Left reading order.",[1116,1337,1338,1343,1347,1351],{},[1136,1339,1340],{},[280,1341,1342],{},"enabled",[1136,1344,1345],{},[280,1346,1279],{},[1136,1348,1349],{},[280,1350,1290],{},[1136,1352,1287,1353,1355],{},[280,1354,1284],{},", keyboard listeners are inactive.",[1116,1357,1358,1363,1367,1371],{},[1136,1359,1360],{},[280,1361,1362],{},"scrollIntoView",[1136,1364,1365],{},[280,1366,1279],{},[1136,1368,1369],{},[280,1370,1290],{},[1136,1372,1373],{},"Whether focused elements are automatically scrolled into view.",[1116,1375,1376,1381,1385,1389],{},[1136,1377,1378],{},[280,1379,1380],{},"focusOnHover",[1136,1382,1383],{},[280,1384,1279],{},[1136,1386,1387],{},[280,1388,1284],{},[1136,1390,1287,1391,1393,1394,1397],{},[280,1392,1290],{},", moving the pointer over an item moves DOM focus and the active index to that item (with ",[280,1395,1396],{},"preventScroll: true","). Crucial for menus and submenus.",[1116,1399,1400,1405,1409,1413],{},[1136,1401,1402],{},[280,1403,1404],{},"focusDisabledElements",[1136,1406,1407],{},[280,1408,1279],{},[1136,1410,1411],{},[280,1412,1284],{},[1136,1414,1415],{},"Allows disabled items to receive focus for APG discoverability.",[1116,1417,1418,1423,1428,1432],{},[1136,1419,1420],{},[280,1421,1422],{},"openOnArrowKeyDown",[1136,1424,1425],{},[280,1426,1427],{},"boolean | ((event: KeyboardEvent) => boolean)",[1136,1429,1430],{},[280,1431,1284],{},[1136,1433,1287,1434,1436,1437,1439,1440,1244,1443,1446],{},[280,1435,1290],{}," (or predicate returns ",[280,1438,1290],{},"), pressing ",[280,1441,1442],{},"ArrowDown",[280,1444,1445],{},"ArrowUp"," on the anchor opens the floating element and moves focus into the list. Static (non-reactive).",[1116,1448,1449,1454,1459,1461],{},[1136,1450,1451],{},[280,1452,1453],{},"isItemDisabled",[1136,1455,1456],{},[280,1457,1458],{},"(index: number) => boolean",[1136,1460,1332],{},[1136,1462,1463],{},"Custom predicate for disabled state.",[1116,1465,1466,1471,1476,1480],{},[1136,1467,1468],{},[280,1469,1470],{},"onSelect",[1136,1472,1473],{},[280,1474,1475],{},"(index: number, event: Event) => void",[1136,1477,1478],{},[280,1479,1191],{},[1136,1481,1482],{},"Callback fired on Enter or Space.",[1116,1484,1485,1490,1495,1499],{},[1136,1486,1487],{},[280,1488,1489],{},"onActiveIndexChange",[1136,1491,1492],{},[280,1493,1494],{},"(index: number) => void",[1136,1496,1497],{},[280,1498,1191],{},[1136,1500,1501],{},"Callback fired when active item index changes.",[1116,1503,1504,1509,1514,1518],{},[1136,1505,1506],{},[280,1507,1508],{},"onEnter",[1136,1510,1511],{},[280,1512,1513],{},"(index: number, event: KeyboardEvent) => void",[1136,1515,1516],{},[280,1517,1191],{},[1136,1519,1520],{},"Callback fired on ArrowRight (LTR) \u002F ArrowLeft (RTL) for submenu opening.",[1116,1522,1523,1528,1532,1536],{},[1136,1524,1525],{},[280,1526,1527],{},"onExit",[1136,1529,1530],{},[280,1531,1513],{},[1136,1533,1534],{},[280,1535,1191],{},[1136,1537,1538],{},"Callback fired on ArrowLeft (LTR) \u002F ArrowRight (RTL) for submenu closing.",[312,1540,1542],{"id":1541},"returns","Returns",[1110,1544,1545,1555],{},[1113,1546,1547],{},[1116,1548,1549,1551,1553],{},[1119,1550,1121],{},[1119,1552,315],{},[1119,1554,1129],{},[1131,1556,1557,1571,1588,1627,1641,1656,1670],{},[1116,1558,1559,1563,1568],{},[1136,1560,1561],{},[280,1562,1181],{},[1136,1564,1565],{},[280,1566,1567],{},"Readonly\u003CRef\u003Cnumber>>",[1136,1569,1570],{},"Index of the currently focused item (-1 when unfocused \u002F idle).",[1116,1572,1573,1578,1583],{},[1136,1574,1575],{},[280,1576,1577],{},"tabStopIndex",[1136,1579,1580],{},[280,1581,1582],{},"ComputedRef\u003Cnumber>",[1136,1584,1585,1586,310],{},"Index of the element that currently holds ",[280,1587,289],{},[1116,1589,1590,1595,1600],{},[1136,1591,1592],{},[280,1593,1594],{},"focusIndex",[1136,1596,1597],{},[280,1598,1599],{},"(target: NavigationTargetValue, options?: NavigationTargetOptions) => void",[1136,1601,1602,1603,1606,1607,1610,1611,1610,1614,1610,1617,1610,1620,1610,1623,1626],{},"Polymorphic navigation method. Accepts an index, ",[280,1604,1605],{},"\"reset\"",", or directional keywords (",[280,1608,1609],{},"\"next\"",", ",[280,1612,1613],{},"\"prev\"",[280,1615,1616],{},"\"first\"",[280,1618,1619],{},"\"last\"",[280,1621,1622],{},"\"page-up\"",[280,1624,1625],{},"\"page-down\"",").",[1116,1628,1629,1634,1638],{},[1136,1630,1631],{},[280,1632,1633],{},"setActiveIndex",[1136,1635,1636],{},[280,1637,1494],{},[1136,1639,1640],{},"Sets active index without focusing the DOM element.",[1116,1642,1643,1648,1653],{},[1136,1644,1645],{},[280,1646,1647],{},"clearActive",[1136,1649,1650],{},[280,1651,1652],{},"() => void",[1136,1654,1655],{},"Clears active focus state.",[1116,1657,1658,1663,1667],{},[1136,1659,1660],{},[280,1661,1662],{},"reset",[1136,1664,1665],{},[280,1666,1652],{},[1136,1668,1669],{},"Resets activeIndex and focus history back to initial conditions.",[1116,1671,1672,1677,1682],{},[1136,1673,1674],{},[280,1675,1676],{},"getTabindex",[1136,1678,1679],{},[280,1680,1681],{},"(index: number) => 0 | -1",[1136,1683,1684,1685,1687,1688,1691,1692,1694,1695,310],{},"Returns ",[280,1686,1211],{}," if ",[280,1689,1690],{},"index === tabStopIndex",", otherwise ",[280,1693,1220],{},". Bind to ",[280,1696,1697],{},":tabindex",[312,1699,1701],{"id":1700},"details","Details",[1703,1704,1706],"h3",{"id":1705},"opening-on-arrow-keys","Opening on Arrow Keys",[277,1708,1709,1710,1244,1712,1714],{},"According to the WAI-ARIA APG Menu Button pattern, pressing ",[280,1711,1442],{},[280,1713,1445],{}," while keyboard focus is on the anchor button opens the menu popup and places initial focus on the first or last menu item respectively.",[277,1716,1717,1718,1721],{},"Setting ",[280,1719,1720],{},"openOnArrowKeyDown: true"," (or providing a custom predicate function) enables this behavior directly:",[1723,1724,1725,1737,1746,1769,1779],"ul",{},[1726,1727,1728,1732,1733,1736],"li",{},[1149,1729,1730],{},[280,1731,1442],{},": Opens the floating element (",[280,1734,1735],{},"node.open.value = true",") and moves DOM focus to the first enabled item.",[1726,1738,1739,1732,1743,1745],{},[1149,1740,1741],{},[280,1742,1445],{},[280,1744,1735],{},") and moves DOM focus to the last enabled item.",[1726,1747,1748,1751,1752,1610,1755,1757,1758,1244,1760,1762,1763,1765,1766,1768],{},[1149,1749,1750],{},"Dynamic Element Mounting",": If the floating list is rendered conditionally via ",[280,1753,1754],{},"v-if=\"node.open.value\"",[280,1756,222],{}," stages the entry intent (",[280,1759,1616],{},[280,1761,1619],{},"), pre-computes ",[280,1764,1577],{}," so items mount with ",[280,1767,289],{},", and automatically focuses the target element once mounted in the DOM.",[1726,1770,1771,1774,1775,1778],{},[1149,1772,1773],{},"Custom Predicate",": Pass a callback ",[280,1776,1777],{},"(event: KeyboardEvent) => boolean"," to conditionally allow or suppress opening based on modifier keys, target element, or application state.",[1726,1780,1781,1784,1785,1787],{},[1149,1782,1783],{},"Static Option",": Unlike reactive options, ",[280,1786,1422],{}," is static and evaluated once at composable invocation.",[312,1789,1791],{"id":1790},"example","Example",[317,1793,1797],{"className":1794,"code":1795,"language":1796,"meta":322,"style":322},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { shallowRef } from \"vue\";\nimport { useFloatingNode, useRovingFocus } from \"v-float\";\n\nconst items = [\"Profile\", \"Account Settings\", \"Billing\", \"Logout\"];\nconst anchorEl = shallowRef\u003CHTMLElement | null>(null);\nconst floatingEl = shallowRef\u003CHTMLElement | null>(null);\nconst elementsList = shallowRef\u003CArray\u003CHTMLElement | null>>([]);\n\nconst node = useFloatingNode({ anchorEl, floatingEl });\n\nconst { activeIndex, getTabindex, focusIndex } = useRovingFocus(node, {\n  elementsList,\n  orientation: \"vertical\",\n  loop: true,\n  openOnArrowKeyDown: true,\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\" type=\"button\" @click=\"node.open.value = !node.open.value\">Options\u003C\u002Fbutton>\n\n  \u003Cdiv v-if=\"node.open.value\" ref=\"floatingEl\" role=\"menu\" class=\"menu\">\n    \u003Cbutton\n      v-for=\"(item, idx) in items\"\n      :key=\"item\"\n      :ref=\"(el) => (elementsList[idx] = el as HTMLElement | null)\"\n      role=\"menuitem\"\n      :tabindex=\"getTabindex(idx)\"\n      :class=\"{ focused: activeIndex === idx }\"\n      @click=\"focusIndex(idx)\"\n    >\n      {{ item }}\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,1798,1799,1824,1850,1876,1880,1932,1963,1992,2023,2027,2057,2061,2092,2099,2113,2125,2135,2143,2152,2156,2165,2218,2222,2277,2285,2300,2314,2328,2342,2356,2370,2384,2389,2394,2403,2412],{"__ignoreMap":322},[326,1800,1801,1803,1806,1809,1812,1815,1817,1819,1821],{"class":328,"line":329},[326,1802,443],{"class":340},[326,1804,1805],{"class":434},"script",[326,1807,1808],{"class":332}," setup",[326,1810,1811],{"class":332}," lang",[326,1813,1814],{"class":340},"=",[326,1816,400],{"class":340},[326,1818,321],{"class":396},[326,1820,400],{"class":340},[326,1822,1823],{"class":340},">\n",[326,1825,1826,1830,1833,1836,1839,1842,1844,1846,1848],{"class":328,"line":375},[326,1827,1829],{"class":1828},"s7zQu","import",[326,1831,1832],{"class":340}," {",[326,1834,1835],{"class":709}," shallowRef",[326,1837,1838],{"class":340}," }",[326,1840,1841],{"class":1828}," from",[326,1843,393],{"class":340},[326,1845,1796],{"class":396},[326,1847,400],{"class":340},[326,1849,372],{"class":340},[326,1851,1852,1854,1856,1859,1861,1863,1865,1867,1869,1872,1874],{"class":328,"line":382},[326,1853,1829],{"class":1828},[326,1855,1832],{"class":340},[326,1857,1858],{"class":709}," useFloatingNode",[326,1860,355],{"class":340},[326,1862,337],{"class":709},[326,1864,1838],{"class":340},[326,1866,1841],{"class":1828},[326,1868,393],{"class":340},[326,1870,1871],{"class":396},"v-float",[326,1873,400],{"class":340},[326,1875,372],{"class":340},[326,1877,1878],{"class":328,"line":415},[326,1879,379],{"emptyLinePlaceholder":378},[326,1881,1882,1885,1888,1890,1893,1895,1898,1900,1902,1904,1907,1909,1911,1913,1916,1918,1920,1922,1925,1927,1930],{"class":328,"line":420},[326,1883,1884],{"class":332},"const",[326,1886,1887],{"class":709}," items ",[326,1889,1814],{"class":340},[326,1891,1892],{"class":709}," [",[326,1894,400],{"class":340},[326,1896,1897],{"class":396},"Profile",[326,1899,400],{"class":340},[326,1901,355],{"class":340},[326,1903,393],{"class":340},[326,1905,1906],{"class":396},"Account Settings",[326,1908,400],{"class":340},[326,1910,355],{"class":340},[326,1912,393],{"class":340},[326,1914,1915],{"class":396},"Billing",[326,1917,400],{"class":340},[326,1919,355],{"class":340},[326,1921,393],{"class":340},[326,1923,1924],{"class":396},"Logout",[326,1926,400],{"class":340},[326,1928,1929],{"class":709},"]",[326,1931,372],{"class":340},[326,1933,1934,1936,1939,1941,1943,1945,1947,1949,1951,1954,1956,1959,1961],{"class":328,"line":431},[326,1935,1884],{"class":332},[326,1937,1938],{"class":709}," anchorEl ",[326,1940,1814],{"class":340},[326,1942,1835],{"class":336},[326,1944,443],{"class":340},[326,1946,451],{"class":351},[326,1948,403],{"class":340},[326,1950,456],{"class":351},[326,1952,1953],{"class":340},">",[326,1955,341],{"class":709},[326,1957,1958],{"class":340},"null",[326,1960,723],{"class":709},[326,1962,372],{"class":340},[326,1964,1965,1967,1970,1972,1974,1976,1978,1980,1982,1984,1986,1988,1990],{"class":328,"line":462},[326,1966,1884],{"class":332},[326,1968,1969],{"class":709}," floatingEl ",[326,1971,1814],{"class":340},[326,1973,1835],{"class":336},[326,1975,443],{"class":340},[326,1977,451],{"class":351},[326,1979,403],{"class":340},[326,1981,456],{"class":351},[326,1983,1953],{"class":340},[326,1985,341],{"class":709},[326,1987,1958],{"class":340},[326,1989,723],{"class":709},[326,1991,372],{"class":340},[326,1993,1994,1996,1999,2001,2003,2005,2007,2009,2011,2013,2015,2018,2021],{"class":328,"line":484},[326,1995,1884],{"class":332},[326,1997,1998],{"class":709}," elementsList ",[326,2000,1814],{"class":340},[326,2002,1835],{"class":336},[326,2004,443],{"class":340},[326,2006,446],{"class":351},[326,2008,443],{"class":340},[326,2010,451],{"class":351},[326,2012,403],{"class":340},[326,2014,456],{"class":351},[326,2016,2017],{"class":340},">>",[326,2019,2020],{"class":709},"([])",[326,2022,372],{"class":340},[326,2024,2025],{"class":328,"line":502},[326,2026,379],{"emptyLinePlaceholder":378},[326,2028,2029,2031,2034,2036,2038,2040,2043,2046,2048,2050,2053,2055],{"class":328,"line":527},[326,2030,1884],{"class":332},[326,2032,2033],{"class":709}," node ",[326,2035,1814],{"class":340},[326,2037,1858],{"class":336},[326,2039,341],{"class":709},[326,2041,2042],{"class":340},"{",[326,2044,2045],{"class":709}," anchorEl",[326,2047,355],{"class":340},[326,2049,1969],{"class":709},[326,2051,2052],{"class":340},"}",[326,2054,723],{"class":709},[326,2056,372],{"class":340},[326,2058,2059],{"class":328,"line":544},[326,2060,379],{"emptyLinePlaceholder":378},[326,2062,2063,2065,2067,2069,2071,2074,2076,2079,2081,2083,2085,2088,2090],{"class":328,"line":583},[326,2064,1884],{"class":332},[326,2066,1832],{"class":340},[326,2068,940],{"class":709},[326,2070,355],{"class":340},[326,2072,2073],{"class":709}," getTabindex",[326,2075,355],{"class":340},[326,2077,2078],{"class":709}," focusIndex ",[326,2080,2052],{"class":340},[326,2082,390],{"class":340},[326,2084,337],{"class":336},[326,2086,2087],{"class":709},"(node",[326,2089,355],{"class":340},[326,2091,428],{"class":340},[326,2093,2094,2096],{"class":328,"line":600},[326,2095,435],{"class":709},[326,2097,2098],{"class":340},",\n",[326,2100,2101,2103,2105,2107,2109,2111],{"class":328,"line":616},[326,2102,547],{"class":434},[326,2104,348],{"class":340},[326,2106,393],{"class":340},[326,2108,558],{"class":396},[326,2110,400],{"class":340},[326,2112,2098],{"class":340},[326,2114,2115,2117,2119,2123],{"class":328,"line":632},[326,2116,586],{"class":434},[326,2118,348],{"class":340},[326,2120,2122],{"class":2121},"sfNiH"," true",[326,2124,2098],{"class":340},[326,2126,2127,2129,2131,2133],{"class":328,"line":648},[326,2128,699],{"class":434},[326,2130,348],{"class":340},[326,2132,2122],{"class":2121},[326,2134,2098],{"class":340},[326,2136,2137,2139,2141],{"class":328,"line":664},[326,2138,2052],{"class":340},[326,2140,723],{"class":709},[326,2142,372],{"class":340},[326,2144,2145,2148,2150],{"class":328,"line":680},[326,2146,2147],{"class":340},"\u003C\u002F",[326,2149,1805],{"class":434},[326,2151,1823],{"class":340},[326,2153,2154],{"class":328,"line":696},[326,2155,379],{"emptyLinePlaceholder":378},[326,2157,2158,2160,2163],{"class":328,"line":735},[326,2159,443],{"class":340},[326,2161,2162],{"class":434},"template",[326,2164,1823],{"class":340},[326,2166,2167,2170,2173,2176,2178,2180,2183,2185,2188,2190,2192,2194,2196,2199,2201,2203,2206,2208,2210,2212,2214,2216],{"class":328,"line":761},[326,2168,2169],{"class":340},"  \u003C",[326,2171,2172],{"class":434},"button",[326,2174,2175],{"class":332}," ref",[326,2177,1814],{"class":340},[326,2179,400],{"class":340},[326,2181,2182],{"class":396},"anchorEl",[326,2184,400],{"class":340},[326,2186,2187],{"class":332}," type",[326,2189,1814],{"class":340},[326,2191,400],{"class":340},[326,2193,2172],{"class":396},[326,2195,400],{"class":340},[326,2197,2198],{"class":332}," @click",[326,2200,1814],{"class":340},[326,2202,400],{"class":340},[326,2204,2205],{"class":396},"node.open.value = !node.open.value",[326,2207,400],{"class":340},[326,2209,1953],{"class":340},[326,2211,1108],{"class":709},[326,2213,2147],{"class":340},[326,2215,2172],{"class":434},[326,2217,1823],{"class":340},[326,2219,2220],{"class":328,"line":796},[326,2221,379],{"emptyLinePlaceholder":378},[326,2223,2224,2226,2229,2232,2234,2236,2239,2241,2243,2245,2247,2250,2252,2255,2257,2259,2262,2264,2267,2269,2271,2273,2275],{"class":328,"line":820},[326,2225,2169],{"class":340},[326,2227,2228],{"class":434},"div",[326,2230,2231],{"class":332}," v-if",[326,2233,1814],{"class":340},[326,2235,400],{"class":340},[326,2237,2238],{"class":396},"node.open.value",[326,2240,400],{"class":340},[326,2242,2175],{"class":332},[326,2244,1814],{"class":340},[326,2246,400],{"class":340},[326,2248,2249],{"class":396},"floatingEl",[326,2251,400],{"class":340},[326,2253,2254],{"class":332}," role",[326,2256,1814],{"class":340},[326,2258,400],{"class":340},[326,2260,2261],{"class":396},"menu",[326,2263,400],{"class":340},[326,2265,2266],{"class":332}," class",[326,2268,1814],{"class":340},[326,2270,400],{"class":340},[326,2272,2261],{"class":396},[326,2274,400],{"class":340},[326,2276,1823],{"class":340},[326,2278,2279,2282],{"class":328,"line":852},[326,2280,2281],{"class":340},"    \u003C",[326,2283,2284],{"class":434},"button\n",[326,2286,2287,2290,2292,2294,2297],{"class":328,"line":884},[326,2288,2289],{"class":332},"      v-for",[326,2291,1814],{"class":340},[326,2293,400],{"class":340},[326,2295,2296],{"class":396},"(item, idx) in items",[326,2298,2299],{"class":340},"\"\n",[326,2301,2302,2305,2307,2309,2312],{"class":328,"line":908},[326,2303,2304],{"class":332},"      :key",[326,2306,1814],{"class":340},[326,2308,400],{"class":340},[326,2310,2311],{"class":396},"item",[326,2313,2299],{"class":340},[326,2315,2316,2319,2321,2323,2326],{"class":328,"line":914},[326,2317,2318],{"class":332},"      :ref",[326,2320,1814],{"class":340},[326,2322,400],{"class":340},[326,2324,2325],{"class":396},"(el) => (elementsList[idx] = el as HTMLElement | null)",[326,2327,2299],{"class":340},[326,2329,2330,2333,2335,2337,2340],{"class":328,"line":919},[326,2331,2332],{"class":332},"      role",[326,2334,1814],{"class":340},[326,2336,400],{"class":340},[326,2338,2339],{"class":396},"menuitem",[326,2341,2299],{"class":340},[326,2343,2344,2347,2349,2351,2354],{"class":328,"line":934},[326,2345,2346],{"class":332},"      :tabindex",[326,2348,1814],{"class":340},[326,2350,400],{"class":340},[326,2352,2353],{"class":396},"getTabindex(idx)",[326,2355,2299],{"class":340},[326,2357,2358,2361,2363,2365,2368],{"class":328,"line":959},[326,2359,2360],{"class":332},"      :class",[326,2362,1814],{"class":340},[326,2364,400],{"class":340},[326,2366,2367],{"class":396},"{ focused: activeIndex === idx }",[326,2369,2299],{"class":340},[326,2371,2372,2375,2377,2379,2382],{"class":328,"line":976},[326,2373,2374],{"class":332},"      @click",[326,2376,1814],{"class":340},[326,2378,400],{"class":340},[326,2380,2381],{"class":396},"focusIndex(idx)",[326,2383,2299],{"class":340},[326,2385,2386],{"class":328,"line":1000},[326,2387,2388],{"class":340},"    >\n",[326,2390,2391],{"class":328,"line":1017},[326,2392,2393],{"class":709},"      {{ item }}\n",[326,2395,2396,2399,2401],{"class":328,"line":1033},[326,2397,2398],{"class":340},"    \u003C\u002F",[326,2400,2172],{"class":434},[326,2402,1823],{"class":340},[326,2404,2405,2408,2410],{"class":328,"line":1068},[326,2406,2407],{"class":340},"  \u003C\u002F",[326,2409,2228],{"class":434},[326,2411,1823],{"class":340},[326,2413,2414,2416,2418],{"class":328,"line":1102},[326,2415,2147],{"class":340},[326,2417,2162],{"class":434},[326,2419,1823],{"class":340},[312,2421,2423],{"id":2422},"see-also","See Also",[1723,2425,2426,2433,2440,2447],{},[1726,2427,2428,2432],{},[299,2429,2430],{"href":227},[280,2431,226],{}," - Virtual focus alternative for comboboxes and autocompletes",[1726,2434,2435,2439],{},[299,2436,2437],{"href":231},[280,2438,230],{}," - Typeahead search that coordinates with roving focus",[1726,2441,2442,2446],{},[299,2443,2444],{"href":214},[280,2445,213],{}," - Apply menu\u002Flistbox\u002Ftab semantics",[1726,2448,2449,2451],{},[299,2450,106],{"href":107}," - Comprehensive guide to focus models",[2453,2454,2455],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":322,"searchDepth":375,"depth":375,"links":2457},[2458,2459,2460,2461,2464,2465],{"id":314,"depth":375,"text":315},{"id":1107,"depth":375,"text":1108},{"id":1541,"depth":375,"text":1542},{"id":1700,"depth":375,"text":1701,"children":2462},[2463],{"id":1705,"depth":382,"text":1706},{"id":1790,"depth":375,"text":1791},{"id":2422,"depth":375,"text":2423},"Manages physical DOM focus across an ordered list using roving tabindex.","md",null,{},{"title":222,"description":2466},"H5M5TO5Na1e8fPDYgtASRzoNNvN2V7xsdppl4JY5iYI",[2473,2475],{"title":213,"path":214,"stem":215,"description":2474,"children":-1},"Synchronizes ARIA roles and accessibility relationships for floating surfaces.",{"title":226,"path":227,"stem":228,"description":2476,"children":-1},"Manages virtual focus for comboboxes and listboxes using aria-activedescendant.",1791046165701]