[{"data":1,"prerenderedAt":1244},["ShallowReactive",2],{"navigation_docs":3,"-api-interactions-use-escape-key":271,"-api-interactions-use-escape-key-surround":1239},[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":209,"body":273,"description":1233,"extension":1234,"links":1235,"meta":1236,"navigation":351,"path":210,"seo":1237,"stem":211,"__hash__":1238},"docs\u002F2.api\u002F4.interactions\u002F6.use-escape-key.md",{"type":274,"value":275,"toc":1221},"minimark",[276,283,288,465,469,582,586,602,606,611,614,631,635,638,666,670,673,690,694,1176,1180,1217],[277,278,279,282],"p",{},[280,281,209],"code",{}," closes a floating surface when the user presses the Escape key. It coordinates through the composite floating node hierarchy to unwind nested trees leaf-first, resolves independent overlay stacks in LIFO order, and protects against accidental closure during IME text composition.",[284,285,287],"h2",{"id":286},"type","Type",[289,290,295],"pre",{"className":291,"code":292,"language":293,"meta":294,"style":294},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useEscapeKey(node: FloatingNode, options?: UseEscapeKeyOptions): void;\n\ntype UseEscapeKeyContext = FloatingNode;\n\ninterface UseEscapeKeyOptions {\n  enabled?: MaybeRefOrGetter\u003Cboolean>;\n  capture?: boolean;\n  preventDefault?: boolean;\n  onEscape?: (event: KeyboardEvent) => void;\n}\n","ts","",[280,296,297,346,353,368,373,384,405,418,430,459],{"__ignoreMap":294},[298,299,302,306,310,314,318,321,325,328,331,334,337,340,343],"span",{"class":300,"line":301},"line",1,[298,303,305],{"class":304},"spNyl","function",[298,307,309],{"class":308},"s2Zo4"," useEscapeKey",[298,311,313],{"class":312},"sMK4o","(",[298,315,317],{"class":316},"sHdIc","node",[298,319,320],{"class":312},":",[298,322,324],{"class":323},"sBMFI"," FloatingNode",[298,326,327],{"class":312},",",[298,329,330],{"class":316}," options",[298,332,333],{"class":312},"?:",[298,335,336],{"class":323}," UseEscapeKeyOptions",[298,338,339],{"class":312},"):",[298,341,342],{"class":323}," void",[298,344,345],{"class":312},";\n",[298,347,349],{"class":300,"line":348},2,[298,350,352],{"emptyLinePlaceholder":351},true,"\n",[298,354,356,358,361,364,366],{"class":300,"line":355},3,[298,357,286],{"class":304},[298,359,360],{"class":323}," UseEscapeKeyContext",[298,362,363],{"class":312}," =",[298,365,324],{"class":323},[298,367,345],{"class":312},[298,369,371],{"class":300,"line":370},4,[298,372,352],{"emptyLinePlaceholder":351},[298,374,376,379,381],{"class":300,"line":375},5,[298,377,378],{"class":304},"interface",[298,380,336],{"class":323},[298,382,383],{"class":312}," {\n",[298,385,387,391,393,396,399,402],{"class":300,"line":386},6,[298,388,390],{"class":389},"swJcz","  enabled",[298,392,333],{"class":312},[298,394,395],{"class":323}," MaybeRefOrGetter",[298,397,398],{"class":312},"\u003C",[298,400,401],{"class":323},"boolean",[298,403,404],{"class":312},">;\n",[298,406,408,411,413,416],{"class":300,"line":407},7,[298,409,410],{"class":389},"  capture",[298,412,333],{"class":312},[298,414,415],{"class":323}," boolean",[298,417,345],{"class":312},[298,419,421,424,426,428],{"class":300,"line":420},8,[298,422,423],{"class":389},"  preventDefault",[298,425,333],{"class":312},[298,427,415],{"class":323},[298,429,345],{"class":312},[298,431,433,436,438,441,444,446,449,452,455,457],{"class":300,"line":432},9,[298,434,435],{"class":389},"  onEscape",[298,437,333],{"class":312},[298,439,440],{"class":312}," (",[298,442,443],{"class":316},"event",[298,445,320],{"class":312},[298,447,448],{"class":323}," KeyboardEvent",[298,450,451],{"class":312},")",[298,453,454],{"class":304}," =>",[298,456,342],{"class":323},[298,458,345],{"class":312},[298,460,462],{"class":300,"line":461},10,[298,463,464],{"class":312},"}\n",[284,466,468],{"id":467},"options","Options",[470,471,472,490],"table",{},[473,474,475],"thead",{},[476,477,478,482,484,487],"tr",{},[479,480,481],"th",{},"Name",[479,483,287],{},[479,485,486],{},"Default",[479,488,489],{},"Notes",[491,492,493,518,536,558],"tbody",{},[476,494,495,501,506,511],{},[496,497,498],"td",{},[280,499,500],{},"enabled",[496,502,503],{},[280,504,505],{},"MaybeRefOrGetter\u003Cboolean>",[496,507,508],{},[280,509,510],{},"true",[496,512,513,514,517],{},"Reactive toggle. Setting to ",[280,515,516],{},"false"," removes the node from the escape stack and ignores keystrokes.",[476,519,520,525,529,533],{},[496,521,522],{},[280,523,524],{},"capture",[496,526,527],{},[280,528,401],{},[496,530,531],{},[280,532,516],{},[496,534,535],{},"Static setup option. Changing it mid-open takes effect on close\u002Fre-open. Attaches keydown listener during the capture phase.",[476,537,538,543,547,551],{},[496,539,540],{},[280,541,542],{},"preventDefault",[496,544,545],{},[280,546,401],{},[496,548,549],{},[280,550,516],{},[496,552,553,554,557],{},"Calls ",[280,555,556],{},"event.preventDefault()"," on handled Escape presses.",[476,559,560,565,570,575],{},[496,561,562],{},[280,563,564],{},"onEscape",[496,566,567],{},[280,568,569],{},"(event: KeyboardEvent) => void",[496,571,572],{},[280,573,574],{},"undefined",[496,576,577,578,581],{},"Custom callback. When provided, replaces the default ",[280,579,580],{},"node.open.value = false",".",[284,583,585],{"id":584},"returns","Returns",[277,587,588,590,591,594,595,597,598,601],{},[280,589,209],{}," returns ",[280,592,593],{},"void",". When an Escape key press targets this surface, it updates ",[280,596,580],{}," (or invokes ",[280,599,600],{},"options.onEscape"," if provided).",[284,603,605],{"id":604},"details","Details",[607,608,610],"h3",{"id":609},"leaf-first-escape-unwinding","Leaf-First Escape Unwinding",[277,612,613],{},"When using nested floating nodes (such as multi-level cascading menus):",[615,616,617,625],"ul",{},[618,619,620,624],"li",{},[621,622,623],"strong",{},"Hierarchical Depth Order:"," When Escape is pressed, parent nodes inspect their open children. Only the deepest active descendant closes.",[618,626,627,630],{},[621,628,629],{},"Step-by-Step Dismissal:"," Consecutive Escape presses pop each open level one by one back up to the root, providing standard operating system menu navigation semantics without custom coordination code.",[607,632,634],{"id":633},"stacked-independent-overlays-lifo","Stacked Independent Overlays (LIFO)",[277,636,637],{},"When multiple independent overlays coexist on the page (for example, a modal dialog that opens a select dropdown):",[615,639,640,646,652],{},[618,641,642,645],{},[621,643,644],{},"Focused Surface First:"," If focus resides inside one of the open overlays, that overlay claims the Escape key.",[618,647,648,651],{},[621,649,650],{},"LIFO Order:"," If focus is neutral (e.g. on the document body), the most recently opened surface closes first. Unrelated overlays do not intercept each other's Escape presses.",[618,653,654,657,658,661,662,665],{},[621,655,656],{},"Shadow DOM Target Resolution:"," The event source is resolved via ",[280,659,660],{},"composedPath()"," when available, so Escape pressed inside a shadow root is attributed to the overlay whose family actually contains the inner element. Falls back to ",[280,663,664],{},"event.target"," for synthetic or legacy events.",[607,667,669],{"id":668},"ime-composition-awareness","IME Composition Awareness",[277,671,672],{},"When users type using an Input Method Editor (IME) for languages like Japanese, Chinese, or Korean, pressing Escape cancels the pending composition candidate window.",[277,674,675,677,678,681,682,685,686,689],{},[280,676,209],{}," listens to ",[280,679,680],{},"compositionstart"," and ",[280,683,684],{},"compositionend"," events at the document level. Any Escape keystroke received while ",[280,687,688],{},"isComposing"," is active is ignored, preventing the floating surface from closing prematurely while candidate selection is being aborted.",[284,691,693],{"id":692},"example","Example",[289,695,699],{"className":696,"code":697,"language":698,"meta":294,"style":294},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { useClick, useEscapeKey, useFloatingNode, usePosition } 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: \"bottom-start\",\n  middlewares: {\n    offset: 8,\n    flip: true,\n  },\n});\n\nuseClick(node);\nuseEscapeKey(node, {\n  preventDefault: true,\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\" type=\"button\">Toggle Menu\u003C\u002Fbutton>\n\n  \u003Cdiv v-if=\"node.open.value\" ref=\"floatingEl\" class=\"menu\">\n    \u003Cp>Press Escape to dismiss this menu.\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,700,701,728,756,792,796,831,860,864,894,905,922,932,946,960,966,975,980,990,1001,1012,1021,1031,1036,1046,1088,1093,1138,1157,1167],{"__ignoreMap":294},[298,702,703,705,708,711,714,717,720,723,725],{"class":300,"line":301},[298,704,398],{"class":312},[298,706,707],{"class":389},"script",[298,709,710],{"class":304}," setup",[298,712,713],{"class":304}," lang",[298,715,716],{"class":312},"=",[298,718,719],{"class":312},"\"",[298,721,293],{"class":722},"sfazB",[298,724,719],{"class":312},[298,726,727],{"class":312},">\n",[298,729,730,734,737,741,744,747,750,752,754],{"class":300,"line":348},[298,731,733],{"class":732},"s7zQu","import",[298,735,736],{"class":312}," {",[298,738,740],{"class":739},"sTEyZ"," ref",[298,742,743],{"class":312}," }",[298,745,746],{"class":732}," from",[298,748,749],{"class":312}," \"",[298,751,698],{"class":722},[298,753,719],{"class":312},[298,755,345],{"class":312},[298,757,758,760,762,765,767,769,771,774,776,779,781,783,785,788,790],{"class":300,"line":355},[298,759,733],{"class":732},[298,761,736],{"class":312},[298,763,764],{"class":739}," useClick",[298,766,327],{"class":312},[298,768,309],{"class":739},[298,770,327],{"class":312},[298,772,773],{"class":739}," useFloatingNode",[298,775,327],{"class":312},[298,777,778],{"class":739}," usePosition",[298,780,743],{"class":312},[298,782,746],{"class":732},[298,784,749],{"class":312},[298,786,787],{"class":722},"v-float",[298,789,719],{"class":312},[298,791,345],{"class":312},[298,793,794],{"class":300,"line":370},[298,795,352],{"emptyLinePlaceholder":351},[298,797,798,801,804,806,808,810,813,816,819,822,824,827,829],{"class":300,"line":375},[298,799,800],{"class":304},"const",[298,802,803],{"class":739}," anchorEl ",[298,805,716],{"class":312},[298,807,740],{"class":308},[298,809,398],{"class":312},[298,811,812],{"class":323},"HTMLElement",[298,814,815],{"class":312}," |",[298,817,818],{"class":323}," null",[298,820,821],{"class":312},">",[298,823,313],{"class":739},[298,825,826],{"class":312},"null",[298,828,451],{"class":739},[298,830,345],{"class":312},[298,832,833,835,838,840,842,844,846,848,850,852,854,856,858],{"class":300,"line":386},[298,834,800],{"class":304},[298,836,837],{"class":739}," floatingEl ",[298,839,716],{"class":312},[298,841,740],{"class":308},[298,843,398],{"class":312},[298,845,812],{"class":323},[298,847,815],{"class":312},[298,849,818],{"class":323},[298,851,821],{"class":312},[298,853,313],{"class":739},[298,855,826],{"class":312},[298,857,451],{"class":739},[298,859,345],{"class":312},[298,861,862],{"class":300,"line":407},[298,863,352],{"emptyLinePlaceholder":351},[298,865,866,868,871,873,875,877,880,883,885,887,890,892],{"class":300,"line":420},[298,867,800],{"class":304},[298,869,870],{"class":739}," node ",[298,872,716],{"class":312},[298,874,773],{"class":308},[298,876,313],{"class":739},[298,878,879],{"class":312},"{",[298,881,882],{"class":739}," anchorEl",[298,884,327],{"class":312},[298,886,837],{"class":739},[298,888,889],{"class":312},"}",[298,891,451],{"class":739},[298,893,345],{"class":312},[298,895,896,898,901,903],{"class":300,"line":432},[298,897,171],{"class":308},[298,899,900],{"class":739},"(node",[298,902,327],{"class":312},[298,904,383],{"class":312},[298,906,907,910,912,914,917,919],{"class":300,"line":461},[298,908,909],{"class":389},"  placement",[298,911,320],{"class":312},[298,913,749],{"class":312},[298,915,916],{"class":722},"bottom-start",[298,918,719],{"class":312},[298,920,921],{"class":312},",\n",[298,923,925,928,930],{"class":300,"line":924},11,[298,926,927],{"class":389},"  middlewares",[298,929,320],{"class":312},[298,931,383],{"class":312},[298,933,935,938,940,944],{"class":300,"line":934},12,[298,936,937],{"class":389},"    offset",[298,939,320],{"class":312},[298,941,943],{"class":942},"sbssI"," 8",[298,945,921],{"class":312},[298,947,949,952,954,958],{"class":300,"line":948},13,[298,950,951],{"class":389},"    flip",[298,953,320],{"class":312},[298,955,957],{"class":956},"sfNiH"," true",[298,959,921],{"class":312},[298,961,963],{"class":300,"line":962},14,[298,964,965],{"class":312},"  },\n",[298,967,969,971,973],{"class":300,"line":968},15,[298,970,889],{"class":312},[298,972,451],{"class":739},[298,974,345],{"class":312},[298,976,978],{"class":300,"line":977},16,[298,979,352],{"emptyLinePlaceholder":351},[298,981,983,985,988],{"class":300,"line":982},17,[298,984,189],{"class":308},[298,986,987],{"class":739},"(node)",[298,989,345],{"class":312},[298,991,993,995,997,999],{"class":300,"line":992},18,[298,994,209],{"class":308},[298,996,900],{"class":739},[298,998,327],{"class":312},[298,1000,383],{"class":312},[298,1002,1004,1006,1008,1010],{"class":300,"line":1003},19,[298,1005,423],{"class":389},[298,1007,320],{"class":312},[298,1009,957],{"class":956},[298,1011,921],{"class":312},[298,1013,1015,1017,1019],{"class":300,"line":1014},20,[298,1016,889],{"class":312},[298,1018,451],{"class":739},[298,1020,345],{"class":312},[298,1022,1024,1027,1029],{"class":300,"line":1023},21,[298,1025,1026],{"class":312},"\u003C\u002F",[298,1028,707],{"class":389},[298,1030,727],{"class":312},[298,1032,1034],{"class":300,"line":1033},22,[298,1035,352],{"emptyLinePlaceholder":351},[298,1037,1039,1041,1044],{"class":300,"line":1038},23,[298,1040,398],{"class":312},[298,1042,1043],{"class":389},"template",[298,1045,727],{"class":312},[298,1047,1049,1052,1055,1057,1059,1061,1064,1066,1069,1071,1073,1075,1077,1079,1082,1084,1086],{"class":300,"line":1048},24,[298,1050,1051],{"class":312},"  \u003C",[298,1053,1054],{"class":389},"button",[298,1056,740],{"class":304},[298,1058,716],{"class":312},[298,1060,719],{"class":312},[298,1062,1063],{"class":722},"anchorEl",[298,1065,719],{"class":312},[298,1067,1068],{"class":304}," type",[298,1070,716],{"class":312},[298,1072,719],{"class":312},[298,1074,1054],{"class":722},[298,1076,719],{"class":312},[298,1078,821],{"class":312},[298,1080,1081],{"class":739},"Toggle Menu",[298,1083,1026],{"class":312},[298,1085,1054],{"class":389},[298,1087,727],{"class":312},[298,1089,1091],{"class":300,"line":1090},25,[298,1092,352],{"emptyLinePlaceholder":351},[298,1094,1096,1098,1101,1104,1106,1108,1111,1113,1115,1117,1119,1122,1124,1127,1129,1131,1134,1136],{"class":300,"line":1095},26,[298,1097,1051],{"class":312},[298,1099,1100],{"class":389},"div",[298,1102,1103],{"class":304}," v-if",[298,1105,716],{"class":312},[298,1107,719],{"class":312},[298,1109,1110],{"class":722},"node.open.value",[298,1112,719],{"class":312},[298,1114,740],{"class":304},[298,1116,716],{"class":312},[298,1118,719],{"class":312},[298,1120,1121],{"class":722},"floatingEl",[298,1123,719],{"class":312},[298,1125,1126],{"class":304}," class",[298,1128,716],{"class":312},[298,1130,719],{"class":312},[298,1132,1133],{"class":722},"menu",[298,1135,719],{"class":312},[298,1137,727],{"class":312},[298,1139,1141,1144,1146,1148,1151,1153,1155],{"class":300,"line":1140},27,[298,1142,1143],{"class":312},"    \u003C",[298,1145,277],{"class":389},[298,1147,821],{"class":312},[298,1149,1150],{"class":739},"Press Escape to dismiss this menu.",[298,1152,1026],{"class":312},[298,1154,277],{"class":389},[298,1156,727],{"class":312},[298,1158,1160,1163,1165],{"class":300,"line":1159},28,[298,1161,1162],{"class":312},"  \u003C\u002F",[298,1164,1100],{"class":389},[298,1166,727],{"class":312},[298,1168,1170,1172,1174],{"class":300,"line":1169},29,[298,1171,1026],{"class":312},[298,1173,1043],{"class":389},[298,1175,727],{"class":312},[284,1177,1179],{"id":1178},"see-also","See Also",[615,1181,1182,1190,1197,1204,1211],{},[618,1183,1184,1189],{},[1185,1186,1187],"a",{"href":206},[280,1188,205],{}," - Close on outside pointer interactions",[618,1191,1192,1196],{},[1185,1193,1194],{"href":190},[280,1195,189],{}," - Toggle open on click or keyboard activation",[618,1198,1199,1203],{},[1185,1200,1201],{"href":202},[280,1202,201],{}," - Retain focus inside modal dialogs",[618,1205,1206,1210],{},[1185,1207,1208],{"href":163},[280,1209,162],{}," - Composite node with parent-child coordination",[618,1212,1213,1216],{},[1185,1214,1215],{"href":67},"Build Dialogs & Modals"," - Dialog focus and escape handling",[1218,1219,1220],"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":294,"searchDepth":348,"depth":348,"links":1222},[1223,1224,1225,1226,1231,1232],{"id":286,"depth":348,"text":287},{"id":467,"depth":348,"text":468},{"id":584,"depth":348,"text":585},{"id":604,"depth":348,"text":605,"children":1227},[1228,1229,1230],{"id":609,"depth":355,"text":610},{"id":633,"depth":355,"text":634},{"id":668,"depth":355,"text":669},{"id":692,"depth":348,"text":693},{"id":1178,"depth":348,"text":1179},"Closes floating content when the user presses the Escape key.","md",null,{},{"title":209,"description":1233},"rTTb5XSV0Z13mYwsORYo_AJc7GXHkhCxRGMRCtoXfmw",[1240,1242],{"title":205,"path":206,"stem":207,"description":1241,"children":-1},"Closes floating content when pointer input lands outside its floating family.",{"title":213,"path":214,"stem":215,"description":1243,"children":-1},"Synchronizes ARIA roles and accessibility relationships for floating surfaces.",1791046165701]