[{"data":1,"prerenderedAt":3504},["ShallowReactive",2],{"navigation_docs":3,"-api-keyboard-navigation-use-aria-activedescendant":271,"-api-keyboard-navigation-use-aria-activedescendant-surround":3499},[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":226,"body":273,"description":3493,"extension":3494,"links":3495,"meta":3496,"navigation":383,"path":227,"seo":3497,"stem":228,"__hash__":3498},"docs\u002F2.api\u002F5.keyboard-navigation\u002F2.use-aria-activedescendant.md",{"type":274,"value":275,"toc":3481},"minimark",[276,287,304,309,1191,1195,1729,1733,1885,1889,1894,1900,1909,2007,2011,2017,2046,2050,2055,2064,2302,2306,2448,2452,3445,3449,3477],[277,278,279,282,283,286],"p",{},[280,281,226],"code",{}," manages virtual focus for comboboxes, autocompletes, and searchable pickers. DOM focus remains pinned to the ",[280,284,285],{},"\u003Cinput>"," element to preserve caret navigation, IME composition, and virtual mobile keyboards while arrow keys navigate suggestions.",[277,288,289,291,292,295,296,303],{},[280,290,226],{}," automatically synchronizes the ",[280,293,294],{},"aria-activedescendant"," DOM attribute on the anchor element, scrolls active items into view, resets when the floating surface closes, and implements the ",[297,298,300],"a",{"href":299},"\u002Fapi\u002Foverview\u002Ftypes#navigationtarget",[280,301,302],{},"NavigationTarget"," protocol.",[305,306,308],"h2",{"id":307},"type","Type",[310,311,316],"pre",{"className":312,"code":313,"language":314,"meta":315,"style":315},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useAriaActivedescendant(\n  node: FloatingNode,\n  options?: UseAriaActivedescendantOptions,\n): UseAriaActivedescendantReturn;\n\ninterface UseAriaActivedescendantOptions {\n  targetEl?: MaybeRefOrGetter\u003CHTMLElement | null>;\n  containerEl?: MaybeRefOrGetter\u003CHTMLElement | null>;\n  itemCount?: MaybeRefOrGetter\u003Cnumber>;\n  elementsList?: MaybeRefOrGetter\u003CArray\u003CHTMLElement | null>>;\n  activeIndex?: Ref\u003Cnumber>;\n  defaultIndex?: number;\n  idPrefix?: string;\n  getItemId?: (index: number, key?: string | number) => string;\n  getItemKey?: (index: number) => string | number;\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  editable?: MaybeRefOrGetter\u003Cboolean | \"auto\">;\n  preventPointerDown?: MaybeRefOrGetter\u003Cboolean>;\n  focusOnHover?: MaybeRefOrGetter\u003Cboolean>;\n  clearOnPointerLeave?: MaybeRefOrGetter\u003Cboolean>;\n  resetOnBlur?: MaybeRefOrGetter\u003Cboolean>;\n  focusDisabledElements?: MaybeRefOrGetter\u003Cboolean>;\n  openOnArrowKeyDown?: boolean | ((event: KeyboardEvent) => boolean);\n  isItemDisabled?: (index: number) => boolean;\n  virtualizer?: VirtualizerAdapter;\n  onSelect?: (index: number, event: Event) => void;\n  onActiveIndexChange?: (index: number) => void;\n  isKeyHandled?: (event: KeyboardEvent) => boolean;\n}\n\ninterface UseAriaActivedescendantReturn extends NavigationTarget {\n  readonly activeIndex: Readonly\u003CRef\u003Cnumber>>;\n  activeId: ComputedRef\u003Cstring | undefined>;\n  focusIndex: (target: NavigationTargetValue, options?: NavigationTargetOptions) => void;\n  setActiveIndex: (index: number) => void;\n  clearActive: () => void;\n  scrollToActive: () => void;\n  getItemId: (index: number, key?: string | number) => string;\n}\n","ts","",[280,317,318,335,352,366,378,385,396,423,443,460,486,503,516,529,571,599,641,658,674,690,706,722,747,763,779,795,811,827,864,888,901,936,960,984,990,995,1010,1035,1058,1094,1118,1135,1151,1186],{"__ignoreMap":315},[319,320,323,327,331],"span",{"class":321,"line":322},"line",1,[319,324,326],{"class":325},"spNyl","function",[319,328,330],{"class":329},"s2Zo4"," useAriaActivedescendant",[319,332,334],{"class":333},"sMK4o","(\n",[319,336,338,342,345,349],{"class":321,"line":337},2,[319,339,341],{"class":340},"sHdIc","  node",[319,343,344],{"class":333},":",[319,346,348],{"class":347},"sBMFI"," FloatingNode",[319,350,351],{"class":333},",\n",[319,353,355,358,361,364],{"class":321,"line":354},3,[319,356,357],{"class":340},"  options",[319,359,360],{"class":333},"?:",[319,362,363],{"class":347}," UseAriaActivedescendantOptions",[319,365,351],{"class":333},[319,367,369,372,375],{"class":321,"line":368},4,[319,370,371],{"class":333},"):",[319,373,374],{"class":347}," UseAriaActivedescendantReturn",[319,376,377],{"class":333},";\n",[319,379,381],{"class":321,"line":380},5,[319,382,384],{"emptyLinePlaceholder":383},true,"\n",[319,386,388,391,393],{"class":321,"line":387},6,[319,389,390],{"class":325},"interface",[319,392,363],{"class":347},[319,394,395],{"class":333}," {\n",[319,397,399,403,405,408,411,414,417,420],{"class":321,"line":398},7,[319,400,402],{"class":401},"swJcz","  targetEl",[319,404,360],{"class":333},[319,406,407],{"class":347}," MaybeRefOrGetter",[319,409,410],{"class":333},"\u003C",[319,412,413],{"class":347},"HTMLElement",[319,415,416],{"class":333}," |",[319,418,419],{"class":347}," null",[319,421,422],{"class":333},">;\n",[319,424,426,429,431,433,435,437,439,441],{"class":321,"line":425},8,[319,427,428],{"class":401},"  containerEl",[319,430,360],{"class":333},[319,432,407],{"class":347},[319,434,410],{"class":333},[319,436,413],{"class":347},[319,438,416],{"class":333},[319,440,419],{"class":347},[319,442,422],{"class":333},[319,444,446,449,451,453,455,458],{"class":321,"line":445},9,[319,447,448],{"class":401},"  itemCount",[319,450,360],{"class":333},[319,452,407],{"class":347},[319,454,410],{"class":333},[319,456,457],{"class":347},"number",[319,459,422],{"class":333},[319,461,463,466,468,470,472,475,477,479,481,483],{"class":321,"line":462},10,[319,464,465],{"class":401},"  elementsList",[319,467,360],{"class":333},[319,469,407],{"class":347},[319,471,410],{"class":333},[319,473,474],{"class":347},"Array",[319,476,410],{"class":333},[319,478,413],{"class":347},[319,480,416],{"class":333},[319,482,419],{"class":347},[319,484,485],{"class":333},">>;\n",[319,487,489,492,494,497,499,501],{"class":321,"line":488},11,[319,490,491],{"class":401},"  activeIndex",[319,493,360],{"class":333},[319,495,496],{"class":347}," Ref",[319,498,410],{"class":333},[319,500,457],{"class":347},[319,502,422],{"class":333},[319,504,506,509,511,514],{"class":321,"line":505},12,[319,507,508],{"class":401},"  defaultIndex",[319,510,360],{"class":333},[319,512,513],{"class":347}," number",[319,515,377],{"class":333},[319,517,519,522,524,527],{"class":321,"line":518},13,[319,520,521],{"class":401},"  idPrefix",[319,523,360],{"class":333},[319,525,526],{"class":347}," string",[319,528,377],{"class":333},[319,530,532,535,537,540,543,545,547,550,553,555,557,559,561,564,567,569],{"class":321,"line":531},14,[319,533,534],{"class":401},"  getItemId",[319,536,360],{"class":333},[319,538,539],{"class":333}," (",[319,541,542],{"class":340},"index",[319,544,344],{"class":333},[319,546,513],{"class":347},[319,548,549],{"class":333},",",[319,551,552],{"class":340}," key",[319,554,360],{"class":333},[319,556,526],{"class":347},[319,558,416],{"class":333},[319,560,513],{"class":347},[319,562,563],{"class":333},")",[319,565,566],{"class":325}," =>",[319,568,526],{"class":347},[319,570,377],{"class":333},[319,572,574,577,579,581,583,585,587,589,591,593,595,597],{"class":321,"line":573},15,[319,575,576],{"class":401},"  getItemKey",[319,578,360],{"class":333},[319,580,539],{"class":333},[319,582,542],{"class":340},[319,584,344],{"class":333},[319,586,513],{"class":347},[319,588,563],{"class":333},[319,590,566],{"class":325},[319,592,526],{"class":347},[319,594,416],{"class":333},[319,596,513],{"class":347},[319,598,377],{"class":333},[319,600,602,605,607,609,611,614,618,620,622,625,628,630,632,634,637,639],{"class":321,"line":601},16,[319,603,604],{"class":401},"  orientation",[319,606,360],{"class":333},[319,608,407],{"class":347},[319,610,410],{"class":333},[319,612,613],{"class":333},"\"",[319,615,617],{"class":616},"sfazB","vertical",[319,619,613],{"class":333},[319,621,416],{"class":333},[319,623,624],{"class":333}," \"",[319,626,627],{"class":616},"horizontal",[319,629,613],{"class":333},[319,631,416],{"class":333},[319,633,624],{"class":333},[319,635,636],{"class":616},"both",[319,638,613],{"class":333},[319,640,422],{"class":333},[319,642,644,647,649,651,653,656],{"class":321,"line":643},17,[319,645,646],{"class":401},"  loop",[319,648,360],{"class":333},[319,650,407],{"class":347},[319,652,410],{"class":333},[319,654,655],{"class":347},"boolean",[319,657,422],{"class":333},[319,659,661,664,666,668,670,672],{"class":321,"line":660},18,[319,662,663],{"class":401},"  pageSize",[319,665,360],{"class":333},[319,667,407],{"class":347},[319,669,410],{"class":333},[319,671,457],{"class":347},[319,673,422],{"class":333},[319,675,677,680,682,684,686,688],{"class":321,"line":676},19,[319,678,679],{"class":401},"  rtl",[319,681,360],{"class":333},[319,683,407],{"class":347},[319,685,410],{"class":333},[319,687,655],{"class":347},[319,689,422],{"class":333},[319,691,693,696,698,700,702,704],{"class":321,"line":692},20,[319,694,695],{"class":401},"  enabled",[319,697,360],{"class":333},[319,699,407],{"class":347},[319,701,410],{"class":333},[319,703,655],{"class":347},[319,705,422],{"class":333},[319,707,709,712,714,716,718,720],{"class":321,"line":708},21,[319,710,711],{"class":401},"  scrollIntoView",[319,713,360],{"class":333},[319,715,407],{"class":347},[319,717,410],{"class":333},[319,719,655],{"class":347},[319,721,422],{"class":333},[319,723,725,728,730,732,734,736,738,740,743,745],{"class":321,"line":724},22,[319,726,727],{"class":401},"  editable",[319,729,360],{"class":333},[319,731,407],{"class":347},[319,733,410],{"class":333},[319,735,655],{"class":347},[319,737,416],{"class":333},[319,739,624],{"class":333},[319,741,742],{"class":616},"auto",[319,744,613],{"class":333},[319,746,422],{"class":333},[319,748,750,753,755,757,759,761],{"class":321,"line":749},23,[319,751,752],{"class":401},"  preventPointerDown",[319,754,360],{"class":333},[319,756,407],{"class":347},[319,758,410],{"class":333},[319,760,655],{"class":347},[319,762,422],{"class":333},[319,764,766,769,771,773,775,777],{"class":321,"line":765},24,[319,767,768],{"class":401},"  focusOnHover",[319,770,360],{"class":333},[319,772,407],{"class":347},[319,774,410],{"class":333},[319,776,655],{"class":347},[319,778,422],{"class":333},[319,780,782,785,787,789,791,793],{"class":321,"line":781},25,[319,783,784],{"class":401},"  clearOnPointerLeave",[319,786,360],{"class":333},[319,788,407],{"class":347},[319,790,410],{"class":333},[319,792,655],{"class":347},[319,794,422],{"class":333},[319,796,798,801,803,805,807,809],{"class":321,"line":797},26,[319,799,800],{"class":401},"  resetOnBlur",[319,802,360],{"class":333},[319,804,407],{"class":347},[319,806,410],{"class":333},[319,808,655],{"class":347},[319,810,422],{"class":333},[319,812,814,817,819,821,823,825],{"class":321,"line":813},27,[319,815,816],{"class":401},"  focusDisabledElements",[319,818,360],{"class":333},[319,820,407],{"class":347},[319,822,410],{"class":333},[319,824,655],{"class":347},[319,826,422],{"class":333},[319,828,830,833,835,838,840,843,846,849,851,854,856,858,860,862],{"class":321,"line":829},28,[319,831,832],{"class":401},"  openOnArrowKeyDown",[319,834,360],{"class":333},[319,836,837],{"class":347}," boolean",[319,839,416],{"class":333},[319,841,539],{"class":842},"sTEyZ",[319,844,845],{"class":333},"(",[319,847,848],{"class":340},"event",[319,850,344],{"class":333},[319,852,853],{"class":347}," KeyboardEvent",[319,855,563],{"class":333},[319,857,566],{"class":325},[319,859,837],{"class":347},[319,861,563],{"class":842},[319,863,377],{"class":333},[319,865,867,870,872,874,876,878,880,882,884,886],{"class":321,"line":866},29,[319,868,869],{"class":401},"  isItemDisabled",[319,871,360],{"class":333},[319,873,539],{"class":333},[319,875,542],{"class":340},[319,877,344],{"class":333},[319,879,513],{"class":347},[319,881,563],{"class":333},[319,883,566],{"class":325},[319,885,837],{"class":347},[319,887,377],{"class":333},[319,889,891,894,896,899],{"class":321,"line":890},30,[319,892,893],{"class":401},"  virtualizer",[319,895,360],{"class":333},[319,897,898],{"class":347}," VirtualizerAdapter",[319,900,377],{"class":333},[319,902,904,907,909,911,913,915,917,919,922,924,927,929,931,934],{"class":321,"line":903},31,[319,905,906],{"class":401},"  onSelect",[319,908,360],{"class":333},[319,910,539],{"class":333},[319,912,542],{"class":340},[319,914,344],{"class":333},[319,916,513],{"class":347},[319,918,549],{"class":333},[319,920,921],{"class":340}," event",[319,923,344],{"class":333},[319,925,926],{"class":347}," Event",[319,928,563],{"class":333},[319,930,566],{"class":325},[319,932,933],{"class":347}," void",[319,935,377],{"class":333},[319,937,939,942,944,946,948,950,952,954,956,958],{"class":321,"line":938},32,[319,940,941],{"class":401},"  onActiveIndexChange",[319,943,360],{"class":333},[319,945,539],{"class":333},[319,947,542],{"class":340},[319,949,344],{"class":333},[319,951,513],{"class":347},[319,953,563],{"class":333},[319,955,566],{"class":325},[319,957,933],{"class":347},[319,959,377],{"class":333},[319,961,963,966,968,970,972,974,976,978,980,982],{"class":321,"line":962},33,[319,964,965],{"class":401},"  isKeyHandled",[319,967,360],{"class":333},[319,969,539],{"class":333},[319,971,848],{"class":340},[319,973,344],{"class":333},[319,975,853],{"class":347},[319,977,563],{"class":333},[319,979,566],{"class":325},[319,981,837],{"class":347},[319,983,377],{"class":333},[319,985,987],{"class":321,"line":986},34,[319,988,989],{"class":333},"}\n",[319,991,993],{"class":321,"line":992},35,[319,994,384],{"emptyLinePlaceholder":383},[319,996,998,1000,1002,1005,1008],{"class":321,"line":997},36,[319,999,390],{"class":325},[319,1001,374],{"class":347},[319,1003,1004],{"class":325}," extends",[319,1006,1007],{"class":347}," NavigationTarget",[319,1009,395],{"class":333},[319,1011,1013,1016,1019,1021,1024,1026,1029,1031,1033],{"class":321,"line":1012},37,[319,1014,1015],{"class":325},"  readonly",[319,1017,1018],{"class":401}," activeIndex",[319,1020,344],{"class":333},[319,1022,1023],{"class":347}," Readonly",[319,1025,410],{"class":333},[319,1027,1028],{"class":347},"Ref",[319,1030,410],{"class":333},[319,1032,457],{"class":347},[319,1034,485],{"class":333},[319,1036,1038,1041,1043,1046,1048,1051,1053,1056],{"class":321,"line":1037},38,[319,1039,1040],{"class":401},"  activeId",[319,1042,344],{"class":333},[319,1044,1045],{"class":347}," ComputedRef",[319,1047,410],{"class":333},[319,1049,1050],{"class":347},"string",[319,1052,416],{"class":333},[319,1054,1055],{"class":347}," undefined",[319,1057,422],{"class":333},[319,1059,1061,1064,1066,1068,1071,1073,1076,1078,1081,1083,1086,1088,1090,1092],{"class":321,"line":1060},39,[319,1062,1063],{"class":401},"  focusIndex",[319,1065,344],{"class":333},[319,1067,539],{"class":333},[319,1069,1070],{"class":340},"target",[319,1072,344],{"class":333},[319,1074,1075],{"class":347}," NavigationTargetValue",[319,1077,549],{"class":333},[319,1079,1080],{"class":340}," options",[319,1082,360],{"class":333},[319,1084,1085],{"class":347}," NavigationTargetOptions",[319,1087,563],{"class":333},[319,1089,566],{"class":325},[319,1091,933],{"class":347},[319,1093,377],{"class":333},[319,1095,1097,1100,1102,1104,1106,1108,1110,1112,1114,1116],{"class":321,"line":1096},40,[319,1098,1099],{"class":401},"  setActiveIndex",[319,1101,344],{"class":333},[319,1103,539],{"class":333},[319,1105,542],{"class":340},[319,1107,344],{"class":333},[319,1109,513],{"class":347},[319,1111,563],{"class":333},[319,1113,566],{"class":325},[319,1115,933],{"class":347},[319,1117,377],{"class":333},[319,1119,1121,1124,1126,1129,1131,1133],{"class":321,"line":1120},41,[319,1122,1123],{"class":401},"  clearActive",[319,1125,344],{"class":333},[319,1127,1128],{"class":333}," ()",[319,1130,566],{"class":325},[319,1132,933],{"class":347},[319,1134,377],{"class":333},[319,1136,1138,1141,1143,1145,1147,1149],{"class":321,"line":1137},42,[319,1139,1140],{"class":401},"  scrollToActive",[319,1142,344],{"class":333},[319,1144,1128],{"class":333},[319,1146,566],{"class":325},[319,1148,933],{"class":347},[319,1150,377],{"class":333},[319,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184],{"class":321,"line":1153},43,[319,1155,534],{"class":401},[319,1157,344],{"class":333},[319,1159,539],{"class":333},[319,1161,542],{"class":340},[319,1163,344],{"class":333},[319,1165,513],{"class":347},[319,1167,549],{"class":333},[319,1169,552],{"class":340},[319,1171,360],{"class":333},[319,1173,526],{"class":347},[319,1175,416],{"class":333},[319,1177,513],{"class":347},[319,1179,563],{"class":333},[319,1181,566],{"class":325},[319,1183,526],{"class":347},[319,1185,377],{"class":333},[319,1187,1189],{"class":321,"line":1188},44,[319,1190,989],{"class":333},[305,1192,1194],{"id":1193},"options","Options",[1196,1197,1198,1216],"table",{},[1199,1200,1201],"thead",{},[1202,1203,1204,1208,1210,1213],"tr",{},[1205,1206,1207],"th",{},"Name",[1205,1209,308],{},[1205,1211,1212],{},"Default",[1205,1214,1215],{},"Notes",[1217,1218,1219,1243,1262,1282,1303,1322,1344,1364,1382,1401,1421,1445,1471,1488,1508,1526,1546,1564,1582,1600,1618,1636,1655,1672,1691,1710],"tbody",{},[1202,1220,1221,1227,1232,1237],{},[1222,1223,1224],"td",{},[280,1225,1226],{},"targetEl",[1222,1228,1229],{},[280,1230,1231],{},"MaybeRefOrGetter\u003CHTMLElement | null>",[1222,1233,1234],{},[280,1235,1236],{},"node.refs.anchorEl",[1222,1238,1239,1240,1242],{},"Target element holding physical DOM focus and receiving ",[280,1241,294],{},".",[1202,1244,1245,1250,1254,1259],{},[1222,1246,1247],{},[280,1248,1249],{},"containerEl",[1222,1251,1252],{},[280,1253,1231],{},[1222,1255,1256],{},[280,1257,1258],{},"node.refs.floatingEl",[1222,1260,1261],{},"Container element holding the items. Used for bounded scroll calculations.",[1202,1263,1264,1269,1274,1279],{},[1222,1265,1266],{},[280,1267,1268],{},"elementsList",[1222,1270,1271],{},[280,1272,1273],{},"MaybeRefOrGetter\u003CArray\u003CHTMLElement | null>>",[1222,1275,1276],{},[280,1277,1278],{},"undefined",[1222,1280,1281],{},"List of element references for static or dynamic DOM lists.",[1202,1283,1284,1289,1294,1300],{},[1222,1285,1286],{},[280,1287,1288],{},"itemCount",[1222,1290,1291],{},[280,1292,1293],{},"MaybeRefOrGetter\u003Cnumber>",[1222,1295,1296,1297],{},"Inferred \u002F ",[280,1298,1299],{},"0",[1222,1301,1302],{},"Total number of items when using virtualized lists.",[1202,1304,1305,1310,1315,1319],{},[1222,1306,1307],{},[280,1308,1309],{},"activeIndex",[1222,1311,1312],{},[280,1313,1314],{},"Ref\u003Cnumber>",[1222,1316,1317],{},[280,1318,1278],{},[1222,1320,1321],{},"Optional controlled active index ref.",[1202,1323,1324,1329,1333,1338],{},[1222,1325,1326],{},[280,1327,1328],{},"defaultIndex",[1222,1330,1331],{},[280,1332,457],{},[1222,1334,1335],{},[280,1336,1337],{},"-1",[1222,1339,1340,1341,1343],{},"Initial active index in uncontrolled mode (",[280,1342,1337],{}," = none).",[1202,1345,1346,1351,1355,1361],{},[1222,1347,1348],{},[280,1349,1350],{},"idPrefix",[1222,1352,1353],{},[280,1354,1050],{},[1222,1356,1357,1358],{},"Auto ",[280,1359,1360],{},"useId()",[1222,1362,1363],{},"Base prefix used for generating descendant element IDs.",[1202,1365,1366,1371,1376,1379],{},[1222,1367,1368],{},[280,1369,1370],{},"getItemId",[1222,1372,1373],{},[280,1374,1375],{},"(index: number, key?: string | number) => string",[1222,1377,1378],{},"Built-in pattern",[1222,1380,1381],{},"Custom function resolving the DOM element ID for an item.",[1202,1383,1384,1389,1394,1398],{},[1222,1385,1386],{},[280,1387,1388],{},"getItemKey",[1222,1390,1391],{},[280,1392,1393],{},"(index: number) => string | number",[1222,1395,1396],{},[280,1397,1278],{},[1222,1399,1400],{},"Key extractor for stable identities in virtualized lists.",[1202,1402,1403,1408,1413,1418],{},[1222,1404,1405],{},[280,1406,1407],{},"orientation",[1222,1409,1410],{},[280,1411,1412],{},"MaybeRefOrGetter\u003C\"vertical\" | \"horizontal\" | \"both\">",[1222,1414,1415],{},[280,1416,1417],{},"\"vertical\"",[1222,1419,1420],{},"Navigation axis.",[1202,1422,1423,1428,1433,1438],{},[1222,1424,1425],{},[280,1426,1427],{},"loop",[1222,1429,1430],{},[280,1431,1432],{},"MaybeRefOrGetter\u003Cboolean>",[1222,1434,1435],{},[280,1436,1437],{},"false",[1222,1439,1440,1441,1444],{},"When ",[280,1442,1443],{},"true",", arrow keys wrap around at boundaries.",[1202,1446,1447,1452,1456,1461],{},[1222,1448,1449],{},[280,1450,1451],{},"pageSize",[1222,1453,1454],{},[280,1455,1293],{},[1222,1457,1458],{},[280,1459,1460],{},"10",[1222,1462,1463,1464,1467,1468,1242],{},"Number of items jumped on ",[280,1465,1466],{},"PageUp"," and ",[280,1469,1470],{},"PageDown",[1202,1472,1473,1478,1482,1485],{},[1222,1474,1475],{},[280,1476,1477],{},"rtl",[1222,1479,1480],{},[280,1481,1432],{},[1222,1483,1484],{},"Auto-detected",[1222,1486,1487],{},"Right-to-Left reading order flag.",[1202,1489,1490,1495,1499,1503],{},[1222,1491,1492],{},[280,1493,1494],{},"enabled",[1222,1496,1497],{},[280,1498,1432],{},[1222,1500,1501],{},[280,1502,1443],{},[1222,1504,1440,1505,1507],{},[280,1506,1437],{},", keyboard handlers are inactive.",[1202,1509,1510,1515,1519,1523],{},[1222,1511,1512],{},[280,1513,1514],{},"scrollIntoView",[1222,1516,1517],{},[280,1518,1432],{},[1222,1520,1521],{},[280,1522,1443],{},[1222,1524,1525],{},"Whether active items are automatically scrolled into view.",[1202,1527,1528,1533,1538,1543],{},[1222,1529,1530],{},[280,1531,1532],{},"editable",[1222,1534,1535],{},[280,1536,1537],{},"MaybeRefOrGetter\u003Cboolean | \"auto\">",[1222,1539,1540],{},[280,1541,1542],{},"\"auto\"",[1222,1544,1545],{},"Preserves Space typing and Home\u002FEnd caret navigation when target is editable.",[1202,1547,1548,1553,1557,1561],{},[1222,1549,1550],{},[280,1551,1552],{},"preventPointerDown",[1222,1554,1555],{},[280,1556,1432],{},[1222,1558,1559],{},[280,1560,1443],{},[1222,1562,1563],{},"Prevents pointerdown default on non-interactive item surfaces to retain input focus.",[1202,1565,1566,1571,1575,1579],{},[1222,1567,1568],{},[280,1569,1570],{},"focusOnHover",[1222,1572,1573],{},[280,1574,1432],{},[1222,1576,1577],{},[280,1578,1437],{},[1222,1580,1581],{},"Activates item highlight on pointermove.",[1202,1583,1584,1589,1593,1597],{},[1222,1585,1586],{},[280,1587,1588],{},"clearOnPointerLeave",[1222,1590,1591],{},[280,1592,1432],{},[1222,1594,1595],{},[280,1596,1437],{},[1222,1598,1599],{},"Clears highlight when pointer leaves container.",[1202,1601,1602,1607,1611,1615],{},[1222,1603,1604],{},[280,1605,1606],{},"resetOnBlur",[1222,1608,1609],{},[280,1610,1432],{},[1222,1612,1613],{},[280,1614,1437],{},[1222,1616,1617],{},"Resets highlight when target input loses focus.",[1202,1619,1620,1625,1629,1633],{},[1222,1621,1622],{},[280,1623,1624],{},"focusDisabledElements",[1222,1626,1627],{},[280,1628,1432],{},[1222,1630,1631],{},[280,1632,1437],{},[1222,1634,1635],{},"Allows virtual highlighting of disabled items for APG discoverability.",[1202,1637,1638,1643,1648,1652],{},[1222,1639,1640],{},[280,1641,1642],{},"openOnArrowKeyDown",[1222,1644,1645],{},[280,1646,1647],{},"boolean | ((event: KeyboardEvent) => boolean)",[1222,1649,1650],{},[280,1651,1443],{},[1222,1653,1654],{},"Whether pressing arrow keys on the target\u002Fanchor opens the floating element when closed. Static (non-reactive).",[1202,1656,1657,1662,1667,1669],{},[1222,1658,1659],{},[280,1660,1661],{},"isItemDisabled",[1222,1663,1664],{},[280,1665,1666],{},"(index: number) => boolean",[1222,1668,1484],{},[1222,1670,1671],{},"Custom predicate for disabled items.",[1202,1673,1674,1679,1684,1688],{},[1222,1675,1676],{},[280,1677,1678],{},"virtualizer",[1222,1680,1681],{},[280,1682,1683],{},"VirtualizerAdapter",[1222,1685,1686],{},[280,1687,1278],{},[1222,1689,1690],{},"Virtual scroller bridge for large lists.",[1202,1692,1693,1698,1703,1707],{},[1222,1694,1695],{},[280,1696,1697],{},"onSelect",[1222,1699,1700],{},[280,1701,1702],{},"(index: number, event: Event) => void",[1222,1704,1705],{},[280,1706,1278],{},[1222,1708,1709],{},"Callback fired on Enter or Space.",[1202,1711,1712,1717,1722,1726],{},[1222,1713,1714],{},[280,1715,1716],{},"onActiveIndexChange",[1222,1718,1719],{},[280,1720,1721],{},"(index: number) => void",[1222,1723,1724],{},[280,1725,1278],{},[1222,1727,1728],{},"Callback fired on active index change.",[305,1730,1732],{"id":1731},"returns","Returns",[1196,1734,1735,1745],{},[1199,1736,1737],{},[1202,1738,1739,1741,1743],{},[1205,1740,1207],{},[1205,1742,308],{},[1205,1744,1215],{},[1217,1746,1747,1764,1782,1821,1835,1852,1866],{},[1202,1748,1749,1753,1758],{},[1222,1750,1751],{},[280,1752,1309],{},[1222,1754,1755],{},[280,1756,1757],{},"Readonly\u003CRef\u003Cnumber>>",[1222,1759,1760,1761,1763],{},"Current highlighted index, or ",[280,1762,1337],{}," if none is active.",[1202,1765,1766,1771,1776],{},[1222,1767,1768],{},[280,1769,1770],{},"activeId",[1222,1772,1773],{},[280,1774,1775],{},"ComputedRef\u003Cstring | undefined>",[1222,1777,1778,1779,1781],{},"DOM ID of the currently active descendant, or ",[280,1780,1278],{}," when inactive.",[1202,1783,1784,1789,1794],{},[1222,1785,1786],{},[280,1787,1788],{},"focusIndex",[1222,1790,1791],{},[280,1792,1793],{},"(target: NavigationTargetValue, options?: NavigationTargetOptions) => void",[1222,1795,1796,1797,1800,1801,1804,1805,1804,1808,1804,1811,1804,1814,1804,1817,1820],{},"Polymorphic navigation method. Accepts an index, ",[280,1798,1799],{},"\"reset\"",", or directional keywords (",[280,1802,1803],{},"\"next\"",", ",[280,1806,1807],{},"\"prev\"",[280,1809,1810],{},"\"first\"",[280,1812,1813],{},"\"last\"",[280,1815,1816],{},"\"page-up\"",[280,1818,1819],{},"\"page-down\"",").",[1202,1822,1823,1828,1832],{},[1222,1824,1825],{},[280,1826,1827],{},"setActiveIndex",[1222,1829,1830],{},[280,1831,1721],{},[1222,1833,1834],{},"Imperatively sets active index and scrolls into view.",[1202,1836,1837,1842,1847],{},[1222,1838,1839],{},[280,1840,1841],{},"clearActive",[1222,1843,1844],{},[280,1845,1846],{},"() => void",[1222,1848,1849,1850,1820],{},"Clears active descendant (sets index to ",[280,1851,1337],{},[1202,1853,1854,1859,1863],{},[1222,1855,1856],{},[280,1857,1858],{},"scrollToActive",[1222,1860,1861],{},[280,1862,1846],{},[1222,1864,1865],{},"Imperatively scrolls the current active item into view.",[1202,1867,1868,1872,1876],{},[1222,1869,1870],{},[280,1871,1370],{},[1222,1873,1874],{},[280,1875,1375],{},[1222,1877,1878,1879,1881,1882,1820],{},"Resolves the DOM element ID for the item at ",[280,1880,542],{}," (with optional ",[280,1883,1884],{},"key",[305,1886,1888],{"id":1887},"details","Details",[1890,1891,1893],"h3",{"id":1892},"opening-on-arrow-keys","Opening on Arrow Keys",[277,1895,1896,1897,1899],{},"In comboboxes and searchable dropdowns, users expect arrow keys on the ",[280,1898,285],{}," element to open the suggestion popup and highlight an option without requiring manual mouse clicks or tab transitions.",[277,1901,1902,1904,1905,1908],{},[280,1903,226],{}," enables ",[280,1906,1907],{},"openOnArrowKeyDown: true"," by default, implementing the WAI-ARIA APG Combobox pattern:",[1910,1911,1912,1957,1976,1986,1996],"ul",{},[1913,1914,1915,1919],"li",{},[1916,1917,1918],"strong",{},"When Closed:",[1910,1920,1921,1933,1943],{},[1913,1922,1923,1928,1929,1932],{},[1916,1924,1925],{},[280,1926,1927],{},"ArrowDown",": Opens the popup (",[280,1930,1931],{},"node.open.value = true",") and highlights the first enabled option.",[1913,1934,1935,1928,1940,1942],{},[1916,1936,1937],{},[280,1938,1939],{},"ArrowUp",[280,1941,1931],{},") and highlights the last enabled option.",[1913,1944,1945,1950,1951,1953,1954,1956],{},[1916,1946,1947],{},[280,1948,1949],{},"Alt+ArrowDown",": Opens the popup without moving virtual focus (",[280,1952,1309],{}," remains ",[280,1955,1337],{},"), matching standard combobox disclosure behavior.",[1913,1958,1959,1962],{},[1916,1960,1961],{},"When Open:",[1910,1963,1964],{},[1913,1965,1966,1971,1972,1975],{},[1916,1967,1968],{},[280,1969,1970],{},"Alt+ArrowUp",": Closes the popup (",[280,1973,1974],{},"node.open.value = false",") without clearing the active selection.",[1913,1977,1978,1981,1982,1985],{},[1916,1979,1980],{},"Opting Out",": Pass ",[280,1983,1984],{},"openOnArrowKeyDown: false"," if your combobox should only open on text typing or clicking a disclosure icon.",[1913,1987,1988,1991,1992,1995],{},[1916,1989,1990],{},"Custom Predicate",": Pass a callback ",[280,1993,1994],{},"(event: KeyboardEvent) => boolean"," to restrict keyboard opening based on modifier keys or application state.",[1913,1997,1998,2001,2002,1804,2004,2006],{},[1916,1999,2000],{},"Static Option",": Like ",[280,2003,222],{},[280,2005,1642],{}," is static and evaluated once at composable invocation.",[1890,2008,2010],{"id":2009},"virtual-focus-vs-physical-focus","Virtual Focus vs Physical Focus",[277,2012,2013,2014,2016],{},"In a combobox, the user must be able to type in the ",[280,2015,285],{}," while simultaneously browsing suggestions:",[1910,2018,2019,2032],{},[1913,2020,2021,2028,2029,2031],{},[1916,2022,2023,2024,563],{},"Physical focus (",[297,2025,2026],{"href":223},[280,2027,222],{}," moves the browser's cursor out of the ",[280,2030,285],{},", which interrupts text entry and closes mobile virtual keyboards.",[1913,2033,2034,2039,2040,2042,2043,2045],{},[1916,2035,2036,2037,563],{},"Virtual focus (",[280,2038,226],{}," keeps browser focus pinned to the ",[280,2041,285],{},". As the user presses Arrow Down, the input's ",[280,2044,294],{}," attribute automatically synchronizes to reference the active item's DOM ID. Screen readers announce the active item, and VFloat scrolls the highlighted element into view.",[1890,2047,2049],{"id":2048},"virtual-scroller-integration","Virtual Scroller Integration",[277,2051,2052,2053,344],{},"For lists containing thousands of items, DOM rendering must be virtualized. VFloat exports two adapters that bridge virtualizer engines directly with ",[280,2054,226],{},[2056,2057,2059,2060,2063],"h4",{"id":2058},"_1-tanstackvue-virtual-adapter","1. ",[280,2061,2062],{},"@tanstack\u002Fvue-virtual"," Adapter",[310,2065,2067],{"className":312,"code":2066,"language":314,"meta":315,"style":315},"import { useVirtualizer } from \"@tanstack\u002Fvue-virtual\";\nimport { createTanStackVirtualAdapter, useAriaActivedescendant } from \"v-float\";\n\nconst rowVirtualizer = useVirtualizer({\n  count: items.length,\n  getScrollElement: () => scrollParentEl.value,\n  estimateSize: () => 35,\n});\n\nconst adapter = createTanStackVirtualAdapter(rowVirtualizer);\n\nconst { activeIndex, getItemId } = useAriaActivedescendant(node, {\n  virtualizer: adapter,\n  getItemKey: (idx) => items[idx].id,\n});\n",[280,2068,2069,2095,2121,2125,2143,2160,2181,2198,2207,2211,2227,2231,2258,2269,2294],{"__ignoreMap":315},[319,2070,2071,2075,2078,2081,2084,2087,2089,2091,2093],{"class":321,"line":322},[319,2072,2074],{"class":2073},"s7zQu","import",[319,2076,2077],{"class":333}," {",[319,2079,2080],{"class":842}," useVirtualizer",[319,2082,2083],{"class":333}," }",[319,2085,2086],{"class":2073}," from",[319,2088,624],{"class":333},[319,2090,2062],{"class":616},[319,2092,613],{"class":333},[319,2094,377],{"class":333},[319,2096,2097,2099,2101,2104,2106,2108,2110,2112,2114,2117,2119],{"class":321,"line":337},[319,2098,2074],{"class":2073},[319,2100,2077],{"class":333},[319,2102,2103],{"class":842}," createTanStackVirtualAdapter",[319,2105,549],{"class":333},[319,2107,330],{"class":842},[319,2109,2083],{"class":333},[319,2111,2086],{"class":2073},[319,2113,624],{"class":333},[319,2115,2116],{"class":616},"v-float",[319,2118,613],{"class":333},[319,2120,377],{"class":333},[319,2122,2123],{"class":321,"line":354},[319,2124,384],{"emptyLinePlaceholder":383},[319,2126,2127,2130,2133,2136,2138,2140],{"class":321,"line":368},[319,2128,2129],{"class":325},"const",[319,2131,2132],{"class":842}," rowVirtualizer ",[319,2134,2135],{"class":333},"=",[319,2137,2080],{"class":329},[319,2139,845],{"class":842},[319,2141,2142],{"class":333},"{\n",[319,2144,2145,2148,2150,2153,2155,2158],{"class":321,"line":380},[319,2146,2147],{"class":401},"  count",[319,2149,344],{"class":333},[319,2151,2152],{"class":842}," items",[319,2154,1242],{"class":333},[319,2156,2157],{"class":842},"length",[319,2159,351],{"class":333},[319,2161,2162,2165,2167,2169,2171,2174,2176,2179],{"class":321,"line":387},[319,2163,2164],{"class":329},"  getScrollElement",[319,2166,344],{"class":333},[319,2168,1128],{"class":333},[319,2170,566],{"class":325},[319,2172,2173],{"class":842}," scrollParentEl",[319,2175,1242],{"class":333},[319,2177,2178],{"class":842},"value",[319,2180,351],{"class":333},[319,2182,2183,2186,2188,2190,2192,2196],{"class":321,"line":398},[319,2184,2185],{"class":329},"  estimateSize",[319,2187,344],{"class":333},[319,2189,1128],{"class":333},[319,2191,566],{"class":325},[319,2193,2195],{"class":2194},"sbssI"," 35",[319,2197,351],{"class":333},[319,2199,2200,2203,2205],{"class":321,"line":425},[319,2201,2202],{"class":333},"}",[319,2204,563],{"class":842},[319,2206,377],{"class":333},[319,2208,2209],{"class":321,"line":445},[319,2210,384],{"emptyLinePlaceholder":383},[319,2212,2213,2215,2218,2220,2222,2225],{"class":321,"line":462},[319,2214,2129],{"class":325},[319,2216,2217],{"class":842}," adapter ",[319,2219,2135],{"class":333},[319,2221,2103],{"class":329},[319,2223,2224],{"class":842},"(rowVirtualizer)",[319,2226,377],{"class":333},[319,2228,2229],{"class":321,"line":488},[319,2230,384],{"emptyLinePlaceholder":383},[319,2232,2233,2235,2237,2239,2241,2244,2246,2249,2251,2254,2256],{"class":321,"line":505},[319,2234,2129],{"class":325},[319,2236,2077],{"class":333},[319,2238,1018],{"class":842},[319,2240,549],{"class":333},[319,2242,2243],{"class":842}," getItemId ",[319,2245,2202],{"class":333},[319,2247,2248],{"class":333}," =",[319,2250,330],{"class":329},[319,2252,2253],{"class":842},"(node",[319,2255,549],{"class":333},[319,2257,395],{"class":333},[319,2259,2260,2262,2264,2267],{"class":321,"line":518},[319,2261,893],{"class":401},[319,2263,344],{"class":333},[319,2265,2266],{"class":842}," adapter",[319,2268,351],{"class":333},[319,2270,2271,2273,2275,2277,2280,2282,2284,2287,2289,2292],{"class":321,"line":531},[319,2272,576],{"class":329},[319,2274,344],{"class":333},[319,2276,539],{"class":333},[319,2278,2279],{"class":340},"idx",[319,2281,563],{"class":333},[319,2283,566],{"class":325},[319,2285,2286],{"class":842}," items[idx]",[319,2288,1242],{"class":333},[319,2290,2291],{"class":842},"id",[319,2293,351],{"class":333},[319,2295,2296,2298,2300],{"class":321,"line":573},[319,2297,2202],{"class":333},[319,2299,563],{"class":842},[319,2301,377],{"class":333},[2056,2303,2305],{"id":2304},"_2-custom-virtualizer-adapter","2. Custom Virtualizer Adapter",[310,2307,2309],{"className":312,"code":2308,"language":314,"meta":315,"style":315},"import { createCustomVirtualAdapter, useAriaActivedescendant } from \"v-float\";\n\nconst adapter = createCustomVirtualAdapter({\n  scrollToIndex: (index, options) => myCustomScroller.scrollTo(index, options),\n  count: () => items.value.length,\n  isIndexRendered: (index) => myCustomScroller.isRendered(index),\n});\n",[280,2310,2311,2336,2340,2354,2391,2413,2440],{"__ignoreMap":315},[319,2312,2313,2315,2317,2320,2322,2324,2326,2328,2330,2332,2334],{"class":321,"line":322},[319,2314,2074],{"class":2073},[319,2316,2077],{"class":333},[319,2318,2319],{"class":842}," createCustomVirtualAdapter",[319,2321,549],{"class":333},[319,2323,330],{"class":842},[319,2325,2083],{"class":333},[319,2327,2086],{"class":2073},[319,2329,624],{"class":333},[319,2331,2116],{"class":616},[319,2333,613],{"class":333},[319,2335,377],{"class":333},[319,2337,2338],{"class":321,"line":337},[319,2339,384],{"emptyLinePlaceholder":383},[319,2341,2342,2344,2346,2348,2350,2352],{"class":321,"line":354},[319,2343,2129],{"class":325},[319,2345,2217],{"class":842},[319,2347,2135],{"class":333},[319,2349,2319],{"class":329},[319,2351,845],{"class":842},[319,2353,2142],{"class":333},[319,2355,2356,2359,2361,2363,2365,2367,2369,2371,2373,2376,2378,2381,2384,2386,2389],{"class":321,"line":368},[319,2357,2358],{"class":329},"  scrollToIndex",[319,2360,344],{"class":333},[319,2362,539],{"class":333},[319,2364,542],{"class":340},[319,2366,549],{"class":333},[319,2368,1080],{"class":340},[319,2370,563],{"class":333},[319,2372,566],{"class":325},[319,2374,2375],{"class":842}," myCustomScroller",[319,2377,1242],{"class":333},[319,2379,2380],{"class":329},"scrollTo",[319,2382,2383],{"class":842},"(index",[319,2385,549],{"class":333},[319,2387,2388],{"class":842}," options)",[319,2390,351],{"class":333},[319,2392,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411],{"class":321,"line":380},[319,2394,2147],{"class":329},[319,2396,344],{"class":333},[319,2398,1128],{"class":333},[319,2400,566],{"class":325},[319,2402,2152],{"class":842},[319,2404,1242],{"class":333},[319,2406,2178],{"class":842},[319,2408,1242],{"class":333},[319,2410,2157],{"class":842},[319,2412,351],{"class":333},[319,2414,2415,2418,2420,2422,2424,2426,2428,2430,2432,2435,2438],{"class":321,"line":387},[319,2416,2417],{"class":329},"  isIndexRendered",[319,2419,344],{"class":333},[319,2421,539],{"class":333},[319,2423,542],{"class":340},[319,2425,563],{"class":333},[319,2427,566],{"class":325},[319,2429,2375],{"class":842},[319,2431,1242],{"class":333},[319,2433,2434],{"class":329},"isRendered",[319,2436,2437],{"class":842},"(index)",[319,2439,351],{"class":333},[319,2441,2442,2444,2446],{"class":321,"line":398},[319,2443,2202],{"class":333},[319,2445,563],{"class":842},[319,2447,377],{"class":333},[305,2449,2451],{"id":2450},"example","Example",[310,2453,2457],{"className":2454,"code":2455,"language":2456,"meta":315,"style":315},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { computed, shallowRef } from \"vue\";\nimport { useAriaActivedescendant, useFloatingNode, usePosition } from \"v-float\";\n\nconst anchorEl = shallowRef\u003CHTMLInputElement | null>(null);\nconst floatingEl = shallowRef\u003CHTMLElement | null>(null);\nconst elementsList = shallowRef\u003CArray\u003CHTMLElement | null>>([]);\nconst query = shallowRef(\"\");\n\nconst allItems = [\"Vue.js\", \"React\", \"Svelte\", \"Solid\", \"Angular\", \"Ember\"];\nconst filtered = computed(() =>\n  allItems.filter((item) => item.toLowerCase().includes(query.value.toLowerCase())),\n);\n\nconst node = useFloatingNode({ anchorEl, floatingEl });\nusePosition(node, { placement: \"bottom-start\" });\n\nconst { activeIndex, getItemId } = useAriaActivedescendant(node, {\n  elementsList,\n  onSelect: (index) => {\n    query.value = filtered.value[index]!;\n    node.open.value = false;\n  },\n});\n\nfunction onInput() {\n  if (!node.open.value) node.open.value = true;\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"combobox-wrapper\">\n    \u003Cinput\n      ref=\"anchorEl\"\n      v-model=\"query\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      :aria-expanded=\"node.open.value\"\n      placeholder=\"Type a framework...\"\n      @input=\"onInput\"\n      @focus=\"node.open.value = true\"\n    \u002F>\n\n    \u003Cul v-if=\"node.open.value && filtered.length\" ref=\"floatingEl\" role=\"listbox\" class=\"listbox\">\n      \u003Cli\n        v-for=\"(item, idx) in filtered\"\n        :id=\"getItemId(idx)\"\n        :key=\"item\"\n        :ref=\"(el) => (elementsList[idx] = el as HTMLElement | null)\"\n        role=\"option\"\n        :aria-selected=\"activeIndex === idx\"\n        :data-active=\"activeIndex === idx ? '' : undefined\"\n        :class=\"{ highlighted: activeIndex === idx }\"\n      >\n        {{ item }}\n      \u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,2458,2459,2483,2509,2539,2543,2575,2604,2635,2655,2659,2728,2747,2799,2805,2809,2838,2866,2870,2894,2900,2916,2944,2966,2971,2979,2983,2994,3035,3039,3048,3052,3061,3083,3091,3106,3120,3134,3148,3162,3176,3190,3203,3208,3212,3266,3275,3290,3305,3319,3334,3349,3364,3379,3394,3400,3406,3416,3426,3436],{"__ignoreMap":315},[319,2460,2461,2463,2466,2469,2472,2474,2476,2478,2480],{"class":321,"line":322},[319,2462,410],{"class":333},[319,2464,2465],{"class":401},"script",[319,2467,2468],{"class":325}," setup",[319,2470,2471],{"class":325}," lang",[319,2473,2135],{"class":333},[319,2475,613],{"class":333},[319,2477,314],{"class":616},[319,2479,613],{"class":333},[319,2481,2482],{"class":333},">\n",[319,2484,2485,2487,2489,2492,2494,2497,2499,2501,2503,2505,2507],{"class":321,"line":337},[319,2486,2074],{"class":2073},[319,2488,2077],{"class":333},[319,2490,2491],{"class":842}," computed",[319,2493,549],{"class":333},[319,2495,2496],{"class":842}," shallowRef",[319,2498,2083],{"class":333},[319,2500,2086],{"class":2073},[319,2502,624],{"class":333},[319,2504,2456],{"class":616},[319,2506,613],{"class":333},[319,2508,377],{"class":333},[319,2510,2511,2513,2515,2517,2519,2522,2524,2527,2529,2531,2533,2535,2537],{"class":321,"line":354},[319,2512,2074],{"class":2073},[319,2514,2077],{"class":333},[319,2516,330],{"class":842},[319,2518,549],{"class":333},[319,2520,2521],{"class":842}," useFloatingNode",[319,2523,549],{"class":333},[319,2525,2526],{"class":842}," usePosition",[319,2528,2083],{"class":333},[319,2530,2086],{"class":2073},[319,2532,624],{"class":333},[319,2534,2116],{"class":616},[319,2536,613],{"class":333},[319,2538,377],{"class":333},[319,2540,2541],{"class":321,"line":368},[319,2542,384],{"emptyLinePlaceholder":383},[319,2544,2545,2547,2550,2552,2554,2556,2559,2561,2563,2566,2568,2571,2573],{"class":321,"line":380},[319,2546,2129],{"class":325},[319,2548,2549],{"class":842}," anchorEl ",[319,2551,2135],{"class":333},[319,2553,2496],{"class":329},[319,2555,410],{"class":333},[319,2557,2558],{"class":347},"HTMLInputElement",[319,2560,416],{"class":333},[319,2562,419],{"class":347},[319,2564,2565],{"class":333},">",[319,2567,845],{"class":842},[319,2569,2570],{"class":333},"null",[319,2572,563],{"class":842},[319,2574,377],{"class":333},[319,2576,2577,2579,2582,2584,2586,2588,2590,2592,2594,2596,2598,2600,2602],{"class":321,"line":387},[319,2578,2129],{"class":325},[319,2580,2581],{"class":842}," floatingEl ",[319,2583,2135],{"class":333},[319,2585,2496],{"class":329},[319,2587,410],{"class":333},[319,2589,413],{"class":347},[319,2591,416],{"class":333},[319,2593,419],{"class":347},[319,2595,2565],{"class":333},[319,2597,845],{"class":842},[319,2599,2570],{"class":333},[319,2601,563],{"class":842},[319,2603,377],{"class":333},[319,2605,2606,2608,2611,2613,2615,2617,2619,2621,2623,2625,2627,2630,2633],{"class":321,"line":398},[319,2607,2129],{"class":325},[319,2609,2610],{"class":842}," elementsList ",[319,2612,2135],{"class":333},[319,2614,2496],{"class":329},[319,2616,410],{"class":333},[319,2618,474],{"class":347},[319,2620,410],{"class":333},[319,2622,413],{"class":347},[319,2624,416],{"class":333},[319,2626,419],{"class":347},[319,2628,2629],{"class":333},">>",[319,2631,2632],{"class":842},"([])",[319,2634,377],{"class":333},[319,2636,2637,2639,2642,2644,2646,2648,2651,2653],{"class":321,"line":425},[319,2638,2129],{"class":325},[319,2640,2641],{"class":842}," query ",[319,2643,2135],{"class":333},[319,2645,2496],{"class":329},[319,2647,845],{"class":842},[319,2649,2650],{"class":333},"\"\"",[319,2652,563],{"class":842},[319,2654,377],{"class":333},[319,2656,2657],{"class":321,"line":445},[319,2658,384],{"emptyLinePlaceholder":383},[319,2660,2661,2663,2666,2668,2671,2673,2676,2678,2680,2682,2685,2687,2689,2691,2694,2696,2698,2700,2703,2705,2707,2709,2712,2714,2716,2718,2721,2723,2726],{"class":321,"line":462},[319,2662,2129],{"class":325},[319,2664,2665],{"class":842}," allItems ",[319,2667,2135],{"class":333},[319,2669,2670],{"class":842}," [",[319,2672,613],{"class":333},[319,2674,2675],{"class":616},"Vue.js",[319,2677,613],{"class":333},[319,2679,549],{"class":333},[319,2681,624],{"class":333},[319,2683,2684],{"class":616},"React",[319,2686,613],{"class":333},[319,2688,549],{"class":333},[319,2690,624],{"class":333},[319,2692,2693],{"class":616},"Svelte",[319,2695,613],{"class":333},[319,2697,549],{"class":333},[319,2699,624],{"class":333},[319,2701,2702],{"class":616},"Solid",[319,2704,613],{"class":333},[319,2706,549],{"class":333},[319,2708,624],{"class":333},[319,2710,2711],{"class":616},"Angular",[319,2713,613],{"class":333},[319,2715,549],{"class":333},[319,2717,624],{"class":333},[319,2719,2720],{"class":616},"Ember",[319,2722,613],{"class":333},[319,2724,2725],{"class":842},"]",[319,2727,377],{"class":333},[319,2729,2730,2732,2735,2737,2739,2741,2744],{"class":321,"line":488},[319,2731,2129],{"class":325},[319,2733,2734],{"class":842}," filtered ",[319,2736,2135],{"class":333},[319,2738,2491],{"class":329},[319,2740,845],{"class":842},[319,2742,2743],{"class":333},"()",[319,2745,2746],{"class":325}," =>\n",[319,2748,2749,2752,2754,2757,2759,2761,2764,2766,2768,2771,2773,2776,2778,2780,2783,2786,2788,2790,2792,2794,2797],{"class":321,"line":505},[319,2750,2751],{"class":842},"  allItems",[319,2753,1242],{"class":333},[319,2755,2756],{"class":329},"filter",[319,2758,845],{"class":842},[319,2760,845],{"class":333},[319,2762,2763],{"class":340},"item",[319,2765,563],{"class":333},[319,2767,566],{"class":325},[319,2769,2770],{"class":842}," item",[319,2772,1242],{"class":333},[319,2774,2775],{"class":329},"toLowerCase",[319,2777,2743],{"class":842},[319,2779,1242],{"class":333},[319,2781,2782],{"class":329},"includes",[319,2784,2785],{"class":842},"(query",[319,2787,1242],{"class":333},[319,2789,2178],{"class":842},[319,2791,1242],{"class":333},[319,2793,2775],{"class":329},[319,2795,2796],{"class":842},"()))",[319,2798,351],{"class":333},[319,2800,2801,2803],{"class":321,"line":518},[319,2802,563],{"class":842},[319,2804,377],{"class":333},[319,2806,2807],{"class":321,"line":531},[319,2808,384],{"emptyLinePlaceholder":383},[319,2810,2811,2813,2816,2818,2820,2822,2825,2828,2830,2832,2834,2836],{"class":321,"line":573},[319,2812,2129],{"class":325},[319,2814,2815],{"class":842}," node ",[319,2817,2135],{"class":333},[319,2819,2521],{"class":329},[319,2821,845],{"class":842},[319,2823,2824],{"class":333},"{",[319,2826,2827],{"class":842}," anchorEl",[319,2829,549],{"class":333},[319,2831,2581],{"class":842},[319,2833,2202],{"class":333},[319,2835,563],{"class":842},[319,2837,377],{"class":333},[319,2839,2840,2842,2844,2846,2848,2851,2853,2855,2858,2860,2862,2864],{"class":321,"line":601},[319,2841,171],{"class":329},[319,2843,2253],{"class":842},[319,2845,549],{"class":333},[319,2847,2077],{"class":333},[319,2849,2850],{"class":401}," placement",[319,2852,344],{"class":333},[319,2854,624],{"class":333},[319,2856,2857],{"class":616},"bottom-start",[319,2859,613],{"class":333},[319,2861,2083],{"class":333},[319,2863,563],{"class":842},[319,2865,377],{"class":333},[319,2867,2868],{"class":321,"line":643},[319,2869,384],{"emptyLinePlaceholder":383},[319,2871,2872,2874,2876,2878,2880,2882,2884,2886,2888,2890,2892],{"class":321,"line":660},[319,2873,2129],{"class":325},[319,2875,2077],{"class":333},[319,2877,1018],{"class":842},[319,2879,549],{"class":333},[319,2881,2243],{"class":842},[319,2883,2202],{"class":333},[319,2885,2248],{"class":333},[319,2887,330],{"class":329},[319,2889,2253],{"class":842},[319,2891,549],{"class":333},[319,2893,395],{"class":333},[319,2895,2896,2898],{"class":321,"line":676},[319,2897,465],{"class":842},[319,2899,351],{"class":333},[319,2901,2902,2904,2906,2908,2910,2912,2914],{"class":321,"line":692},[319,2903,906],{"class":329},[319,2905,344],{"class":333},[319,2907,539],{"class":333},[319,2909,542],{"class":340},[319,2911,563],{"class":333},[319,2913,566],{"class":325},[319,2915,395],{"class":333},[319,2917,2918,2921,2923,2925,2927,2930,2932,2934,2937,2939,2941],{"class":321,"line":708},[319,2919,2920],{"class":842},"    query",[319,2922,1242],{"class":333},[319,2924,2178],{"class":842},[319,2926,2248],{"class":333},[319,2928,2929],{"class":842}," filtered",[319,2931,1242],{"class":333},[319,2933,2178],{"class":842},[319,2935,2936],{"class":401},"[",[319,2938,542],{"class":842},[319,2940,2725],{"class":401},[319,2942,2943],{"class":333},"!;\n",[319,2945,2946,2949,2951,2954,2956,2958,2960,2964],{"class":321,"line":724},[319,2947,2948],{"class":842},"    node",[319,2950,1242],{"class":333},[319,2952,2953],{"class":842},"open",[319,2955,1242],{"class":333},[319,2957,2178],{"class":842},[319,2959,2248],{"class":333},[319,2961,2963],{"class":2962},"sfNiH"," false",[319,2965,377],{"class":333},[319,2967,2968],{"class":321,"line":749},[319,2969,2970],{"class":333},"  },\n",[319,2972,2973,2975,2977],{"class":321,"line":765},[319,2974,2202],{"class":333},[319,2976,563],{"class":842},[319,2978,377],{"class":333},[319,2980,2981],{"class":321,"line":781},[319,2982,384],{"emptyLinePlaceholder":383},[319,2984,2985,2987,2990,2992],{"class":321,"line":797},[319,2986,326],{"class":325},[319,2988,2989],{"class":329}," onInput",[319,2991,2743],{"class":333},[319,2993,395],{"class":333},[319,2995,2996,2999,3001,3004,3007,3009,3011,3013,3015,3018,3020,3022,3024,3026,3028,3030,3033],{"class":321,"line":813},[319,2997,2998],{"class":2073},"  if",[319,3000,539],{"class":401},[319,3002,3003],{"class":333},"!",[319,3005,3006],{"class":842},"node",[319,3008,1242],{"class":333},[319,3010,2953],{"class":842},[319,3012,1242],{"class":333},[319,3014,2178],{"class":842},[319,3016,3017],{"class":401},") ",[319,3019,3006],{"class":842},[319,3021,1242],{"class":333},[319,3023,2953],{"class":842},[319,3025,1242],{"class":333},[319,3027,2178],{"class":842},[319,3029,2248],{"class":333},[319,3031,3032],{"class":2962}," true",[319,3034,377],{"class":333},[319,3036,3037],{"class":321,"line":829},[319,3038,989],{"class":333},[319,3040,3041,3044,3046],{"class":321,"line":866},[319,3042,3043],{"class":333},"\u003C\u002F",[319,3045,2465],{"class":401},[319,3047,2482],{"class":333},[319,3049,3050],{"class":321,"line":890},[319,3051,384],{"emptyLinePlaceholder":383},[319,3053,3054,3056,3059],{"class":321,"line":903},[319,3055,410],{"class":333},[319,3057,3058],{"class":401},"template",[319,3060,2482],{"class":333},[319,3062,3063,3066,3069,3072,3074,3076,3079,3081],{"class":321,"line":938},[319,3064,3065],{"class":333},"  \u003C",[319,3067,3068],{"class":401},"div",[319,3070,3071],{"class":325}," class",[319,3073,2135],{"class":333},[319,3075,613],{"class":333},[319,3077,3078],{"class":616},"combobox-wrapper",[319,3080,613],{"class":333},[319,3082,2482],{"class":333},[319,3084,3085,3088],{"class":321,"line":962},[319,3086,3087],{"class":333},"    \u003C",[319,3089,3090],{"class":401},"input\n",[319,3092,3093,3096,3098,3100,3103],{"class":321,"line":986},[319,3094,3095],{"class":325},"      ref",[319,3097,2135],{"class":333},[319,3099,613],{"class":333},[319,3101,3102],{"class":616},"anchorEl",[319,3104,3105],{"class":333},"\"\n",[319,3107,3108,3111,3113,3115,3118],{"class":321,"line":992},[319,3109,3110],{"class":325},"      v-model",[319,3112,2135],{"class":333},[319,3114,613],{"class":333},[319,3116,3117],{"class":616},"query",[319,3119,3105],{"class":333},[319,3121,3122,3125,3127,3129,3132],{"class":321,"line":997},[319,3123,3124],{"class":325},"      role",[319,3126,2135],{"class":333},[319,3128,613],{"class":333},[319,3130,3131],{"class":616},"combobox",[319,3133,3105],{"class":333},[319,3135,3136,3139,3141,3143,3146],{"class":321,"line":1012},[319,3137,3138],{"class":325},"      aria-autocomplete",[319,3140,2135],{"class":333},[319,3142,613],{"class":333},[319,3144,3145],{"class":616},"list",[319,3147,3105],{"class":333},[319,3149,3150,3153,3155,3157,3160],{"class":321,"line":1037},[319,3151,3152],{"class":325},"      :aria-expanded",[319,3154,2135],{"class":333},[319,3156,613],{"class":333},[319,3158,3159],{"class":616},"node.open.value",[319,3161,3105],{"class":333},[319,3163,3164,3167,3169,3171,3174],{"class":321,"line":1060},[319,3165,3166],{"class":325},"      placeholder",[319,3168,2135],{"class":333},[319,3170,613],{"class":333},[319,3172,3173],{"class":616},"Type a framework...",[319,3175,3105],{"class":333},[319,3177,3178,3181,3183,3185,3188],{"class":321,"line":1096},[319,3179,3180],{"class":325},"      @input",[319,3182,2135],{"class":333},[319,3184,613],{"class":333},[319,3186,3187],{"class":616},"onInput",[319,3189,3105],{"class":333},[319,3191,3192,3195,3197,3199,3201],{"class":321,"line":1120},[319,3193,3194],{"class":325},"      @focus",[319,3196,2135],{"class":333},[319,3198,613],{"class":333},[319,3200,1931],{"class":616},[319,3202,3105],{"class":333},[319,3204,3205],{"class":321,"line":1137},[319,3206,3207],{"class":333},"    \u002F>\n",[319,3209,3210],{"class":321,"line":1153},[319,3211,384],{"emptyLinePlaceholder":383},[319,3213,3214,3216,3218,3221,3223,3225,3228,3230,3233,3235,3237,3240,3242,3245,3247,3249,3252,3254,3256,3258,3260,3262,3264],{"class":321,"line":1188},[319,3215,3087],{"class":333},[319,3217,1910],{"class":401},[319,3219,3220],{"class":325}," v-if",[319,3222,2135],{"class":333},[319,3224,613],{"class":333},[319,3226,3227],{"class":616},"node.open.value && filtered.length",[319,3229,613],{"class":333},[319,3231,3232],{"class":325}," ref",[319,3234,2135],{"class":333},[319,3236,613],{"class":333},[319,3238,3239],{"class":616},"floatingEl",[319,3241,613],{"class":333},[319,3243,3244],{"class":325}," role",[319,3246,2135],{"class":333},[319,3248,613],{"class":333},[319,3250,3251],{"class":616},"listbox",[319,3253,613],{"class":333},[319,3255,3071],{"class":325},[319,3257,2135],{"class":333},[319,3259,613],{"class":333},[319,3261,3251],{"class":616},[319,3263,613],{"class":333},[319,3265,2482],{"class":333},[319,3267,3269,3272],{"class":321,"line":3268},45,[319,3270,3271],{"class":333},"      \u003C",[319,3273,3274],{"class":401},"li\n",[319,3276,3278,3281,3283,3285,3288],{"class":321,"line":3277},46,[319,3279,3280],{"class":325},"        v-for",[319,3282,2135],{"class":333},[319,3284,613],{"class":333},[319,3286,3287],{"class":616},"(item, idx) in filtered",[319,3289,3105],{"class":333},[319,3291,3293,3296,3298,3300,3303],{"class":321,"line":3292},47,[319,3294,3295],{"class":325},"        :id",[319,3297,2135],{"class":333},[319,3299,613],{"class":333},[319,3301,3302],{"class":616},"getItemId(idx)",[319,3304,3105],{"class":333},[319,3306,3308,3311,3313,3315,3317],{"class":321,"line":3307},48,[319,3309,3310],{"class":325},"        :key",[319,3312,2135],{"class":333},[319,3314,613],{"class":333},[319,3316,2763],{"class":616},[319,3318,3105],{"class":333},[319,3320,3322,3325,3327,3329,3332],{"class":321,"line":3321},49,[319,3323,3324],{"class":325},"        :ref",[319,3326,2135],{"class":333},[319,3328,613],{"class":333},[319,3330,3331],{"class":616},"(el) => (elementsList[idx] = el as HTMLElement | null)",[319,3333,3105],{"class":333},[319,3335,3337,3340,3342,3344,3347],{"class":321,"line":3336},50,[319,3338,3339],{"class":325},"        role",[319,3341,2135],{"class":333},[319,3343,613],{"class":333},[319,3345,3346],{"class":616},"option",[319,3348,3105],{"class":333},[319,3350,3352,3355,3357,3359,3362],{"class":321,"line":3351},51,[319,3353,3354],{"class":325},"        :aria-selected",[319,3356,2135],{"class":333},[319,3358,613],{"class":333},[319,3360,3361],{"class":616},"activeIndex === idx",[319,3363,3105],{"class":333},[319,3365,3367,3370,3372,3374,3377],{"class":321,"line":3366},52,[319,3368,3369],{"class":325},"        :data-active",[319,3371,2135],{"class":333},[319,3373,613],{"class":333},[319,3375,3376],{"class":616},"activeIndex === idx ? '' : undefined",[319,3378,3105],{"class":333},[319,3380,3382,3385,3387,3389,3392],{"class":321,"line":3381},53,[319,3383,3384],{"class":325},"        :class",[319,3386,2135],{"class":333},[319,3388,613],{"class":333},[319,3390,3391],{"class":616},"{ highlighted: activeIndex === idx }",[319,3393,3105],{"class":333},[319,3395,3397],{"class":321,"line":3396},54,[319,3398,3399],{"class":333},"      >\n",[319,3401,3403],{"class":321,"line":3402},55,[319,3404,3405],{"class":842},"        {{ item }}\n",[319,3407,3409,3412,3414],{"class":321,"line":3408},56,[319,3410,3411],{"class":333},"      \u003C\u002F",[319,3413,1913],{"class":401},[319,3415,2482],{"class":333},[319,3417,3419,3422,3424],{"class":321,"line":3418},57,[319,3420,3421],{"class":333},"    \u003C\u002F",[319,3423,1910],{"class":401},[319,3425,2482],{"class":333},[319,3427,3429,3432,3434],{"class":321,"line":3428},58,[319,3430,3431],{"class":333},"  \u003C\u002F",[319,3433,3068],{"class":401},[319,3435,2482],{"class":333},[319,3437,3439,3441,3443],{"class":321,"line":3438},59,[319,3440,3043],{"class":333},[319,3442,3058],{"class":401},[319,3444,2482],{"class":333},[305,3446,3448],{"id":3447},"see-also","See Also",[1910,3450,3451,3458,3465,3472],{},[1913,3452,3453,3457],{},[297,3454,3455],{"href":223},[280,3456,222],{}," - Physical DOM focus alternative",[1913,3459,3460,3464],{},[297,3461,3462],{"href":231},[280,3463,230],{}," - Match query buffer",[1913,3466,3467,3471],{},[297,3468,3469],{"href":172},[280,3470,171],{}," - Positioning popup menu under input",[1913,3473,3474,3476],{},[297,3475,106],{"href":107}," - Focus patterns guide",[3478,3479,3480],"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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":315,"searchDepth":337,"depth":337,"links":3482},[3483,3484,3485,3486,3491,3492],{"id":307,"depth":337,"text":308},{"id":1193,"depth":337,"text":1194},{"id":1731,"depth":337,"text":1732},{"id":1887,"depth":337,"text":1888,"children":3487},[3488,3489,3490],{"id":1892,"depth":354,"text":1893},{"id":2009,"depth":354,"text":2010},{"id":2048,"depth":354,"text":2049},{"id":2450,"depth":337,"text":2451},{"id":3447,"depth":337,"text":3448},"Manages virtual focus for comboboxes and listboxes using aria-activedescendant.","md",null,{},{"title":226,"description":3493},"LDtu-YdwnGMvNReLUVAAzX9ZDZjeLePgbKsY5NsLQp0",[3500,3502],{"title":222,"path":223,"stem":224,"description":3501,"children":-1},"Manages physical DOM focus across an ordered list using roving tabindex.",{"title":230,"path":231,"stem":232,"description":3503,"children":-1},"Captures typing sequences to jump to matching items in a list.",1791046165701]