[{"data":1,"prerenderedAt":1225},["ShallowReactive",2],{"navigation_docs":3,"-api-interactions-use-focus":271,"-api-interactions-use-focus-surround":1220},[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":197,"body":273,"description":1214,"extension":1215,"links":1216,"meta":1217,"navigation":355,"path":198,"seo":1218,"stem":199,"__hash__":1219},"docs\u002F2.api\u002F4.interactions\u002F3.use-focus.md",{"type":274,"value":275,"toc":1202},"minimark",[276,287,292,484,488,574,578,607,611,616,619,632,636,639,656,660,678,682,1161,1165,1198],[277,278,279,282,283,286],"p",{},[280,281,197],"code",{}," opens and closes a floating node when the anchor gains or loses focus. By default, it activates only for keyboard focus (",[280,284,285],{},":focus-visible","), preventing unwanted tooltips when clicking with a mouse.",[288,289,291],"h2",{"id":290},"type","Type",[293,294,299],"pre",{"className":295,"code":296,"language":297,"meta":298,"style":298},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useFocus(node: FloatingNode, options?: UseFocusOptions): UseFocusReturn;\n\ninterface UseFocusOptions {\n  enabled?: MaybeRefOrGetter\u003Cboolean>;\n  requireFocusVisible?: MaybeRefOrGetter\u003Cboolean>;\n  ignoreFocusOut?: (target: EventTarget | null) => boolean;\n}\n\ninterface UseFocusReturn {\n  cleanup: () => void;\n}\n","ts","",[280,300,301,350,357,368,389,405,441,447,452,461,479],{"__ignoreMap":298},[302,303,306,310,314,318,322,325,329,332,335,338,341,344,347],"span",{"class":304,"line":305},"line",1,[302,307,309],{"class":308},"spNyl","function",[302,311,313],{"class":312},"s2Zo4"," useFocus",[302,315,317],{"class":316},"sMK4o","(",[302,319,321],{"class":320},"sHdIc","node",[302,323,324],{"class":316},":",[302,326,328],{"class":327},"sBMFI"," FloatingNode",[302,330,331],{"class":316},",",[302,333,334],{"class":320}," options",[302,336,337],{"class":316},"?:",[302,339,340],{"class":327}," UseFocusOptions",[302,342,343],{"class":316},"):",[302,345,346],{"class":327}," UseFocusReturn",[302,348,349],{"class":316},";\n",[302,351,353],{"class":304,"line":352},2,[302,354,356],{"emptyLinePlaceholder":355},true,"\n",[302,358,360,363,365],{"class":304,"line":359},3,[302,361,362],{"class":308},"interface",[302,364,340],{"class":327},[302,366,367],{"class":316}," {\n",[302,369,371,375,377,380,383,386],{"class":304,"line":370},4,[302,372,374],{"class":373},"swJcz","  enabled",[302,376,337],{"class":316},[302,378,379],{"class":327}," MaybeRefOrGetter",[302,381,382],{"class":316},"\u003C",[302,384,385],{"class":327},"boolean",[302,387,388],{"class":316},">;\n",[302,390,392,395,397,399,401,403],{"class":304,"line":391},5,[302,393,394],{"class":373},"  requireFocusVisible",[302,396,337],{"class":316},[302,398,379],{"class":327},[302,400,382],{"class":316},[302,402,385],{"class":327},[302,404,388],{"class":316},[302,406,408,411,413,416,419,421,424,427,430,433,436,439],{"class":304,"line":407},6,[302,409,410],{"class":373},"  ignoreFocusOut",[302,412,337],{"class":316},[302,414,415],{"class":316}," (",[302,417,418],{"class":320},"target",[302,420,324],{"class":316},[302,422,423],{"class":327}," EventTarget",[302,425,426],{"class":316}," |",[302,428,429],{"class":327}," null",[302,431,432],{"class":316},")",[302,434,435],{"class":308}," =>",[302,437,438],{"class":327}," boolean",[302,440,349],{"class":316},[302,442,444],{"class":304,"line":443},7,[302,445,446],{"class":316},"}\n",[302,448,450],{"class":304,"line":449},8,[302,451,356],{"emptyLinePlaceholder":355},[302,453,455,457,459],{"class":304,"line":454},9,[302,456,362],{"class":308},[302,458,346],{"class":327},[302,460,367],{"class":316},[302,462,464,467,469,472,474,477],{"class":304,"line":463},10,[302,465,466],{"class":373},"  cleanup",[302,468,324],{"class":316},[302,470,471],{"class":316}," ()",[302,473,435],{"class":308},[302,475,476],{"class":327}," void",[302,478,349],{"class":316},[302,480,482],{"class":304,"line":481},11,[302,483,446],{"class":316},[288,485,487],{"id":486},"options","Options",[489,490,491,509],"table",{},[492,493,494],"thead",{},[495,496,497,501,503,506],"tr",{},[498,499,500],"th",{},"Name",[498,502,291],{},[498,504,505],{},"Default",[498,507,508],{},"Notes",[510,511,512,533,554],"tbody",{},[495,513,514,520,525,530],{},[515,516,517],"td",{},[280,518,519],{},"enabled",[515,521,522],{},[280,523,524],{},"MaybeRefOrGetter\u003Cboolean>",[515,526,527],{},[280,528,529],{},"true",[515,531,532],{},"Reactive toggle. Disabling removes all focus listeners.",[495,534,535,540,544,548],{},[515,536,537],{},[280,538,539],{},"requireFocusVisible",[515,541,542],{},[280,543,524],{},[515,545,546],{},[280,547,529],{},[515,549,550,551,553],{},"When ",[280,552,529],{},", opens only for keyboard navigation, ignoring pointer clicks.",[495,555,556,561,566,571],{},[515,557,558],{},[280,559,560],{},"ignoreFocusOut",[515,562,563],{},[280,564,565],{},"(target: EventTarget | null) => boolean",[515,567,568],{},[280,569,570],{},"undefined",[515,572,573],{},"Predicate to prevent closing when focus transitions to selected elements.",[288,575,577],{"id":576},"returns","Returns",[489,579,580,590],{},[492,581,582],{},[495,583,584,586,588],{},[498,585,500],{},[498,587,291],{},[498,589,508],{},[510,591,592],{},[495,593,594,599,604],{},[515,595,596],{},[280,597,598],{},"cleanup",[515,600,601],{},[280,602,603],{},"() => void",[515,605,606],{},"Manually unregisters all focus listeners. Also executes on component unmount.",[288,608,610],{"id":609},"details","Details",[612,613,615],"h3",{"id":614},"focus-visible-heuristic","Focus Visible Heuristic",[277,617,618],{},"Most browsers set focus on a button when clicked with a mouse or tapped on mobile. If focus listeners opened a tooltip unconditionally, clicking a button would leave a sticky tooltip floating on screen.",[277,620,621,622,625,626,628,629,631],{},"With ",[280,623,624],{},"requireFocusVisible: true"," (the default), ",[280,627,197],{}," inspects the browser's ",[280,630,285],{}," pseudo-class. Tabbing into a button opens the tooltip; clicking the button does not.",[612,633,635],{"id":634},"deferred-blur-and-family-awareness","Deferred Blur and Family Awareness",[277,637,638],{},"When focus leaves the anchor, dismissal is deferred to the next tick to verify where focus landed:",[640,641,642,646,653],"ul",{},[643,644,645],"li",{},"If focus moved into the floating panel, the surface remains open.",[643,647,648,649,652],{},"If focus moved into a child submenu or descendant overlay, ",[280,650,651],{},"node.contains(activeEl)"," keeps the parent surface open.",[643,654,655],{},"Switching tabs in the browser and returning will not reopen a closed surface.",[612,657,659],{"id":658},"accessibility-pairing","Accessibility Pairing",[277,661,662,663,665,666,671,672,677],{},"Combine ",[280,664,197],{}," with ",[667,668,669],"a",{"href":194},[280,670,193],{}," and ",[667,673,674],{"href":214},[280,675,676],{},"useRole(node, { role: \"tooltip\" })"," to fulfill WCAG Success Criterion 1.4.13 (Content on Hover or Focus).",[288,679,681],{"id":680},"example","Example",[293,683,687],{"className":684,"code":685,"language":686,"meta":298,"style":298},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { useFloatingNode, useFocus, useHover, usePosition, useRole } from \"v-float\";\n\nconst anchorEl = ref\u003CHTMLElement | null>(null);\nconst floatingEl = ref\u003CHTMLElement | null>(null);\n\nconst node = useFloatingNode({ anchorEl, floatingEl });\nusePosition(node, {\n  placement: \"top\",\n  middlewares: {\n    offset: 6,\n    flip: true,\n    shift: { padding: 8 },\n  },\n});\n\nuseHover(node);\nuseFocus(node);\nuseRole(node, { role: \"tooltip\" });\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\">Tab to focus me\u003C\u002Fbutton>\n\n  \u003Cdiv v-if=\"node.open.value\" ref=\"floatingEl\" role=\"tooltip\">Helpful keyboard-accessible hint\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,688,689,716,744,785,789,822,851,855,885,896,913,922,936,950,971,977,986,991,1001,1010,1039,1049,1054,1064,1095,1100,1152],{"__ignoreMap":298},[302,690,691,693,696,699,702,705,708,711,713],{"class":304,"line":305},[302,692,382],{"class":316},[302,694,695],{"class":373},"script",[302,697,698],{"class":308}," setup",[302,700,701],{"class":308}," lang",[302,703,704],{"class":316},"=",[302,706,707],{"class":316},"\"",[302,709,297],{"class":710},"sfazB",[302,712,707],{"class":316},[302,714,715],{"class":316},">\n",[302,717,718,722,725,729,732,735,738,740,742],{"class":304,"line":352},[302,719,721],{"class":720},"s7zQu","import",[302,723,724],{"class":316}," {",[302,726,728],{"class":727},"sTEyZ"," ref",[302,730,731],{"class":316}," }",[302,733,734],{"class":720}," from",[302,736,737],{"class":316}," \"",[302,739,686],{"class":710},[302,741,707],{"class":316},[302,743,349],{"class":316},[302,745,746,748,750,753,755,757,759,762,764,767,769,772,774,776,778,781,783],{"class":304,"line":359},[302,747,721],{"class":720},[302,749,724],{"class":316},[302,751,752],{"class":727}," useFloatingNode",[302,754,331],{"class":316},[302,756,313],{"class":727},[302,758,331],{"class":316},[302,760,761],{"class":727}," useHover",[302,763,331],{"class":316},[302,765,766],{"class":727}," usePosition",[302,768,331],{"class":316},[302,770,771],{"class":727}," useRole",[302,773,731],{"class":316},[302,775,734],{"class":720},[302,777,737],{"class":316},[302,779,780],{"class":710},"v-float",[302,782,707],{"class":316},[302,784,349],{"class":316},[302,786,787],{"class":304,"line":370},[302,788,356],{"emptyLinePlaceholder":355},[302,790,791,794,797,799,801,803,806,808,810,813,815,818,820],{"class":304,"line":391},[302,792,793],{"class":308},"const",[302,795,796],{"class":727}," anchorEl ",[302,798,704],{"class":316},[302,800,728],{"class":312},[302,802,382],{"class":316},[302,804,805],{"class":327},"HTMLElement",[302,807,426],{"class":316},[302,809,429],{"class":327},[302,811,812],{"class":316},">",[302,814,317],{"class":727},[302,816,817],{"class":316},"null",[302,819,432],{"class":727},[302,821,349],{"class":316},[302,823,824,826,829,831,833,835,837,839,841,843,845,847,849],{"class":304,"line":407},[302,825,793],{"class":308},[302,827,828],{"class":727}," floatingEl ",[302,830,704],{"class":316},[302,832,728],{"class":312},[302,834,382],{"class":316},[302,836,805],{"class":327},[302,838,426],{"class":316},[302,840,429],{"class":327},[302,842,812],{"class":316},[302,844,317],{"class":727},[302,846,817],{"class":316},[302,848,432],{"class":727},[302,850,349],{"class":316},[302,852,853],{"class":304,"line":443},[302,854,356],{"emptyLinePlaceholder":355},[302,856,857,859,862,864,866,868,871,874,876,878,881,883],{"class":304,"line":449},[302,858,793],{"class":308},[302,860,861],{"class":727}," node ",[302,863,704],{"class":316},[302,865,752],{"class":312},[302,867,317],{"class":727},[302,869,870],{"class":316},"{",[302,872,873],{"class":727}," anchorEl",[302,875,331],{"class":316},[302,877,828],{"class":727},[302,879,880],{"class":316},"}",[302,882,432],{"class":727},[302,884,349],{"class":316},[302,886,887,889,892,894],{"class":304,"line":454},[302,888,171],{"class":312},[302,890,891],{"class":727},"(node",[302,893,331],{"class":316},[302,895,367],{"class":316},[302,897,898,901,903,905,908,910],{"class":304,"line":463},[302,899,900],{"class":373},"  placement",[302,902,324],{"class":316},[302,904,737],{"class":316},[302,906,907],{"class":710},"top",[302,909,707],{"class":316},[302,911,912],{"class":316},",\n",[302,914,915,918,920],{"class":304,"line":481},[302,916,917],{"class":373},"  middlewares",[302,919,324],{"class":316},[302,921,367],{"class":316},[302,923,925,928,930,934],{"class":304,"line":924},12,[302,926,927],{"class":373},"    offset",[302,929,324],{"class":316},[302,931,933],{"class":932},"sbssI"," 6",[302,935,912],{"class":316},[302,937,939,942,944,948],{"class":304,"line":938},13,[302,940,941],{"class":373},"    flip",[302,943,324],{"class":316},[302,945,947],{"class":946},"sfNiH"," true",[302,949,912],{"class":316},[302,951,953,956,958,960,963,965,968],{"class":304,"line":952},14,[302,954,955],{"class":373},"    shift",[302,957,324],{"class":316},[302,959,724],{"class":316},[302,961,962],{"class":373}," padding",[302,964,324],{"class":316},[302,966,967],{"class":932}," 8",[302,969,970],{"class":316}," },\n",[302,972,974],{"class":304,"line":973},15,[302,975,976],{"class":316},"  },\n",[302,978,980,982,984],{"class":304,"line":979},16,[302,981,880],{"class":316},[302,983,432],{"class":727},[302,985,349],{"class":316},[302,987,989],{"class":304,"line":988},17,[302,990,356],{"emptyLinePlaceholder":355},[302,992,994,996,999],{"class":304,"line":993},18,[302,995,193],{"class":312},[302,997,998],{"class":727},"(node)",[302,1000,349],{"class":316},[302,1002,1004,1006,1008],{"class":304,"line":1003},19,[302,1005,197],{"class":312},[302,1007,998],{"class":727},[302,1009,349],{"class":316},[302,1011,1013,1015,1017,1019,1021,1024,1026,1028,1031,1033,1035,1037],{"class":304,"line":1012},20,[302,1014,213],{"class":312},[302,1016,891],{"class":727},[302,1018,331],{"class":316},[302,1020,724],{"class":316},[302,1022,1023],{"class":373}," role",[302,1025,324],{"class":316},[302,1027,737],{"class":316},[302,1029,1030],{"class":710},"tooltip",[302,1032,707],{"class":316},[302,1034,731],{"class":316},[302,1036,432],{"class":727},[302,1038,349],{"class":316},[302,1040,1042,1045,1047],{"class":304,"line":1041},21,[302,1043,1044],{"class":316},"\u003C\u002F",[302,1046,695],{"class":373},[302,1048,715],{"class":316},[302,1050,1052],{"class":304,"line":1051},22,[302,1053,356],{"emptyLinePlaceholder":355},[302,1055,1057,1059,1062],{"class":304,"line":1056},23,[302,1058,382],{"class":316},[302,1060,1061],{"class":373},"template",[302,1063,715],{"class":316},[302,1065,1067,1070,1073,1075,1077,1079,1082,1084,1086,1089,1091,1093],{"class":304,"line":1066},24,[302,1068,1069],{"class":316},"  \u003C",[302,1071,1072],{"class":373},"button",[302,1074,728],{"class":308},[302,1076,704],{"class":316},[302,1078,707],{"class":316},[302,1080,1081],{"class":710},"anchorEl",[302,1083,707],{"class":316},[302,1085,812],{"class":316},[302,1087,1088],{"class":727},"Tab to focus me",[302,1090,1044],{"class":316},[302,1092,1072],{"class":373},[302,1094,715],{"class":316},[302,1096,1098],{"class":304,"line":1097},25,[302,1099,356],{"emptyLinePlaceholder":355},[302,1101,1103,1105,1108,1111,1113,1115,1118,1120,1122,1124,1126,1129,1131,1133,1135,1137,1139,1141,1143,1146,1148,1150],{"class":304,"line":1102},26,[302,1104,1069],{"class":316},[302,1106,1107],{"class":373},"div",[302,1109,1110],{"class":308}," v-if",[302,1112,704],{"class":316},[302,1114,707],{"class":316},[302,1116,1117],{"class":710},"node.open.value",[302,1119,707],{"class":316},[302,1121,728],{"class":308},[302,1123,704],{"class":316},[302,1125,707],{"class":316},[302,1127,1128],{"class":710},"floatingEl",[302,1130,707],{"class":316},[302,1132,1023],{"class":308},[302,1134,704],{"class":316},[302,1136,707],{"class":316},[302,1138,1030],{"class":710},[302,1140,707],{"class":316},[302,1142,812],{"class":316},[302,1144,1145],{"class":727},"Helpful keyboard-accessible hint",[302,1147,1044],{"class":316},[302,1149,1107],{"class":373},[302,1151,715],{"class":316},[302,1153,1155,1157,1159],{"class":304,"line":1154},27,[302,1156,1044],{"class":316},[302,1158,1061],{"class":373},[302,1160,715],{"class":316},[288,1162,1164],{"id":1163},"see-also","See Also",[640,1166,1167,1174,1185,1192],{},[643,1168,1169,1173],{},[667,1170,1171],{"href":194},[280,1172,193],{}," - Pointer hover trigger",[643,1175,1176,1180,1181,1184],{},[667,1177,1178],{"href":214},[280,1179,213],{}," - ARIA role and ",[280,1182,1183],{},"aria-describedby"," synchronization",[643,1186,1187,1191],{},[667,1188,1189],{"href":210},[280,1190,209],{}," - Dismissal on Escape key",[643,1193,1194,1197],{},[667,1195,1196],{"href":59},"Build Accessible Tooltips"," - Complete tooltip pattern guide",[1199,1200,1201],"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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":298,"searchDepth":352,"depth":352,"links":1203},[1204,1205,1206,1207,1212,1213],{"id":290,"depth":352,"text":291},{"id":486,"depth":352,"text":487},{"id":576,"depth":352,"text":577},{"id":609,"depth":352,"text":610,"children":1208},[1209,1210,1211],{"id":614,"depth":359,"text":615},{"id":634,"depth":359,"text":635},{"id":658,"depth":359,"text":659},{"id":680,"depth":352,"text":681},{"id":1163,"depth":352,"text":1164},"Opens and closes floating content on keyboard focus.","md",null,{},{"title":197,"description":1214},"gR_OI4Q5ABEn9-bX1kiIbAnHMji32ldcWd_-CWUPwO8",[1221,1223],{"title":193,"path":194,"stem":195,"description":1222,"children":-1},"Opens and closes floating content on pointer hover.",{"title":201,"path":202,"stem":203,"description":1224,"children":-1},"Manages modal focus containment, background inert isolation, and return focus.",1791046165701]