[{"data":1,"prerenderedAt":1188},["ShallowReactive",2],{"navigation_docs":3,"-api-middleware-offset":271,"-api-middleware-offset-surround":1183},[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":240,"body":273,"description":1177,"extension":1178,"links":1179,"meta":1180,"navigation":339,"path":241,"seo":1181,"stem":242,"__hash__":1182},"docs\u002F2.api\u002F6.middleware\u002F1.offset.md",{"type":274,"value":275,"toc":1164},"minimark",[276,283,288,450,453,543,560,564,579,583,588,616,635,639,643,1040,1044,1125,1129,1160],[277,278,279,282],"p",{},[280,281,240],"code",{}," adds space between the anchor and the floating element. Use it to create a gap along the main axis, nudge the element along the cross axis, or apply dynamic offsets based on placement.",[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 offset(options?: OffsetOptions): Middleware;\n\ntype OffsetOptions =\n  | number\n  | {\n      mainAxis?: number;\n      crossAxis?: number;\n      alignmentAxis?: number | null;\n    }\n  | ((state: MiddlewareArguments) => OffsetOptions);\n","ts","",[280,296,297,334,341,351,360,368,382,394,412,418],{"__ignoreMap":294},[298,299,302,306,310,314,318,321,325,328,331],"span",{"class":300,"line":301},"line",1,[298,303,305],{"class":304},"spNyl","function",[298,307,309],{"class":308},"s2Zo4"," offset",[298,311,313],{"class":312},"sMK4o","(",[298,315,317],{"class":316},"sHdIc","options",[298,319,320],{"class":312},"?:",[298,322,324],{"class":323},"sBMFI"," OffsetOptions",[298,326,327],{"class":312},"):",[298,329,330],{"class":323}," Middleware",[298,332,333],{"class":312},";\n",[298,335,337],{"class":300,"line":336},2,[298,338,340],{"emptyLinePlaceholder":339},true,"\n",[298,342,344,346,348],{"class":300,"line":343},3,[298,345,286],{"class":304},[298,347,324],{"class":323},[298,349,350],{"class":312}," =\n",[298,352,354,357],{"class":300,"line":353},4,[298,355,356],{"class":312},"  |",[298,358,359],{"class":323}," number\n",[298,361,363,365],{"class":300,"line":362},5,[298,364,356],{"class":312},[298,366,367],{"class":312}," {\n",[298,369,371,375,377,380],{"class":300,"line":370},6,[298,372,374],{"class":373},"swJcz","      mainAxis",[298,376,320],{"class":312},[298,378,379],{"class":323}," number",[298,381,333],{"class":312},[298,383,385,388,390,392],{"class":300,"line":384},7,[298,386,387],{"class":373},"      crossAxis",[298,389,320],{"class":312},[298,391,379],{"class":323},[298,393,333],{"class":312},[298,395,397,400,402,404,407,410],{"class":300,"line":396},8,[298,398,399],{"class":373},"      alignmentAxis",[298,401,320],{"class":312},[298,403,379],{"class":323},[298,405,406],{"class":312}," |",[298,408,409],{"class":323}," null",[298,411,333],{"class":312},[298,413,415],{"class":300,"line":414},9,[298,416,417],{"class":312},"    }\n",[298,419,421,423,427,429,432,435,438,441,444,446,448],{"class":300,"line":420},10,[298,422,356],{"class":312},[298,424,426],{"class":425},"sTEyZ"," (",[298,428,313],{"class":312},[298,430,431],{"class":316},"state",[298,433,434],{"class":312},":",[298,436,437],{"class":323}," MiddlewareArguments",[298,439,440],{"class":312},")",[298,442,443],{"class":304}," =>",[298,445,324],{"class":323},[298,447,440],{"class":425},[298,449,333],{"class":312},[284,451,452],{"id":317},"Options",[454,455,456,474],"table",{},[457,458,459],"thead",{},[460,461,462,466,468,471],"tr",{},[463,464,465],"th",{},"Name",[463,467,287],{},[463,469,470],{},"Default",[463,472,473],{},"Notes",[475,476,477,502,520],"tbody",{},[460,478,479,485,490,495],{},[480,481,482],"td",{},[280,483,484],{},"mainAxis",[480,486,487],{},[280,488,489],{},"number",[480,491,492],{},[280,493,494],{},"0",[480,496,497,498,501],{},"Distance in pixels along the placement direction (e.g. gap below anchor for ",[280,499,500],{},"placement: \"bottom\"",").",[460,503,504,509,513,517],{},[480,505,506],{},[280,507,508],{},"crossAxis",[480,510,511],{},[280,512,489],{},[480,514,515],{},[280,516,494],{},[480,518,519],{},"Distance in pixels perpendicular to the placement direction.",[460,521,522,527,532,537],{},[480,523,524],{},[280,525,526],{},"alignmentAxis",[480,528,529],{},[280,530,531],{},"number | null",[480,533,534],{},[280,535,536],{},"null",[480,538,539,540,501],{},"Distance along the alignment axis for aligned placements (such as ",[280,541,542],{},"\"top-start\"",[277,544,545,546,548,549,552,553,556,557,559],{},"You can also pass a plain ",[280,547,489],{}," directly (e.g. ",[280,550,551],{},"offset(8)"," or ",[280,554,555],{},"middlewares: { offset: 8 }","), which assigns the value to ",[280,558,484],{},".",[284,561,563],{"id":562},"returns","Returns",[277,565,566,568,569,571,572,575,576,559],{},[280,567,240],{}," returns a ",[280,570,234],{}," object with ",[280,573,574],{},"name: \"offset\"",". It does not write to ",[280,577,578],{},"middlewareData",[284,580,582],{"id":581},"details","Details",[584,585,587],"h3",{"id":586},"pipeline-placement","Pipeline Placement",[277,589,590,592,593,597,598,600,601,603,604,606,607,609,610,612,613,615],{},[280,591,240],{}," should run ",[594,595,596],"strong",{},"first"," in your middleware pipeline (or immediately after ",[280,599,260],{},"). Running ",[280,602,240],{}," before ",[280,605,244],{}," and ",[280,608,248],{}," ensures that collision detection algorithms evaluate the panel's boundary including its spacing gap. If ",[280,611,244],{}," runs before ",[280,614,240],{},", the panel might flip prematurely or collide with the viewport edge.",[277,617,618,619,622,623,628,629,603,631,606,633,559],{},"When using the declarative ",[280,620,621],{},"middlewares"," object in ",[624,625,626],"a",{"href":172},[280,627,171],{},", VFloat automatically orders ",[280,630,240],{},[280,632,244],{},[280,634,248],{},[284,636,638],{"id":637},"example","Example",[584,640,642],{"id":641},"declarative-usage-recommended","Declarative Usage (Recommended)",[289,644,648],{"className":645,"code":646,"language":647,"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 { 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    shift: { padding: 8 },\n  },\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\">Anchor\u003C\u002Fbutton>\n  \u003Cdiv v-if=\"node.open\" ref=\"floatingEl\">8px offset panel\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,649,650,678,705,733,737,769,798,802,832,843,860,870,884,898,918,924,933,943,948,958,989,1031],{"__ignoreMap":294},[298,651,652,655,658,661,664,667,670,673,675],{"class":300,"line":301},[298,653,654],{"class":312},"\u003C",[298,656,657],{"class":373},"script",[298,659,660],{"class":304}," setup",[298,662,663],{"class":304}," lang",[298,665,666],{"class":312},"=",[298,668,669],{"class":312},"\"",[298,671,293],{"class":672},"sfazB",[298,674,669],{"class":312},[298,676,677],{"class":312},">\n",[298,679,680,684,687,690,693,696,699,701,703],{"class":300,"line":336},[298,681,683],{"class":682},"s7zQu","import",[298,685,686],{"class":312}," {",[298,688,689],{"class":425}," ref",[298,691,692],{"class":312}," }",[298,694,695],{"class":682}," from",[298,697,698],{"class":312}," \"",[298,700,647],{"class":672},[298,702,669],{"class":312},[298,704,333],{"class":312},[298,706,707,709,711,714,717,720,722,724,726,729,731],{"class":300,"line":343},[298,708,683],{"class":682},[298,710,686],{"class":312},[298,712,713],{"class":425}," useFloatingNode",[298,715,716],{"class":312},",",[298,718,719],{"class":425}," usePosition",[298,721,692],{"class":312},[298,723,695],{"class":682},[298,725,698],{"class":312},[298,727,728],{"class":672},"v-float",[298,730,669],{"class":312},[298,732,333],{"class":312},[298,734,735],{"class":300,"line":353},[298,736,340],{"emptyLinePlaceholder":339},[298,738,739,742,745,747,749,751,754,756,758,761,763,765,767],{"class":300,"line":362},[298,740,741],{"class":304},"const",[298,743,744],{"class":425}," anchorEl ",[298,746,666],{"class":312},[298,748,689],{"class":308},[298,750,654],{"class":312},[298,752,753],{"class":323},"HTMLElement",[298,755,406],{"class":312},[298,757,409],{"class":323},[298,759,760],{"class":312},">",[298,762,313],{"class":425},[298,764,536],{"class":312},[298,766,440],{"class":425},[298,768,333],{"class":312},[298,770,771,773,776,778,780,782,784,786,788,790,792,794,796],{"class":300,"line":370},[298,772,741],{"class":304},[298,774,775],{"class":425}," floatingEl ",[298,777,666],{"class":312},[298,779,689],{"class":308},[298,781,654],{"class":312},[298,783,753],{"class":323},[298,785,406],{"class":312},[298,787,409],{"class":323},[298,789,760],{"class":312},[298,791,313],{"class":425},[298,793,536],{"class":312},[298,795,440],{"class":425},[298,797,333],{"class":312},[298,799,800],{"class":300,"line":384},[298,801,340],{"emptyLinePlaceholder":339},[298,803,804,806,809,811,813,815,818,821,823,825,828,830],{"class":300,"line":396},[298,805,741],{"class":304},[298,807,808],{"class":425}," node ",[298,810,666],{"class":312},[298,812,713],{"class":308},[298,814,313],{"class":425},[298,816,817],{"class":312},"{",[298,819,820],{"class":425}," anchorEl",[298,822,716],{"class":312},[298,824,775],{"class":425},[298,826,827],{"class":312},"}",[298,829,440],{"class":425},[298,831,333],{"class":312},[298,833,834,836,839,841],{"class":300,"line":414},[298,835,171],{"class":308},[298,837,838],{"class":425},"(node",[298,840,716],{"class":312},[298,842,367],{"class":312},[298,844,845,848,850,852,855,857],{"class":300,"line":420},[298,846,847],{"class":373},"  placement",[298,849,434],{"class":312},[298,851,698],{"class":312},[298,853,854],{"class":672},"bottom-start",[298,856,669],{"class":312},[298,858,859],{"class":312},",\n",[298,861,863,866,868],{"class":300,"line":862},11,[298,864,865],{"class":373},"  middlewares",[298,867,434],{"class":312},[298,869,367],{"class":312},[298,871,873,876,878,882],{"class":300,"line":872},12,[298,874,875],{"class":373},"    offset",[298,877,434],{"class":312},[298,879,881],{"class":880},"sbssI"," 8",[298,883,859],{"class":312},[298,885,887,890,892,896],{"class":300,"line":886},13,[298,888,889],{"class":373},"    flip",[298,891,434],{"class":312},[298,893,895],{"class":894},"sfNiH"," true",[298,897,859],{"class":312},[298,899,901,904,906,908,911,913,915],{"class":300,"line":900},14,[298,902,903],{"class":373},"    shift",[298,905,434],{"class":312},[298,907,686],{"class":312},[298,909,910],{"class":373}," padding",[298,912,434],{"class":312},[298,914,881],{"class":880},[298,916,917],{"class":312}," },\n",[298,919,921],{"class":300,"line":920},15,[298,922,923],{"class":312},"  },\n",[298,925,927,929,931],{"class":300,"line":926},16,[298,928,827],{"class":312},[298,930,440],{"class":425},[298,932,333],{"class":312},[298,934,936,939,941],{"class":300,"line":935},17,[298,937,938],{"class":312},"\u003C\u002F",[298,940,657],{"class":373},[298,942,677],{"class":312},[298,944,946],{"class":300,"line":945},18,[298,947,340],{"emptyLinePlaceholder":339},[298,949,951,953,956],{"class":300,"line":950},19,[298,952,654],{"class":312},[298,954,955],{"class":373},"template",[298,957,677],{"class":312},[298,959,961,964,967,969,971,973,976,978,980,983,985,987],{"class":300,"line":960},20,[298,962,963],{"class":312},"  \u003C",[298,965,966],{"class":373},"button",[298,968,689],{"class":304},[298,970,666],{"class":312},[298,972,669],{"class":312},[298,974,975],{"class":672},"anchorEl",[298,977,669],{"class":312},[298,979,760],{"class":312},[298,981,982],{"class":425},"Anchor",[298,984,938],{"class":312},[298,986,966],{"class":373},[298,988,677],{"class":312},[298,990,992,994,997,1000,1002,1004,1007,1009,1011,1013,1015,1018,1020,1022,1025,1027,1029],{"class":300,"line":991},21,[298,993,963],{"class":312},[298,995,996],{"class":373},"div",[298,998,999],{"class":304}," v-if",[298,1001,666],{"class":312},[298,1003,669],{"class":312},[298,1005,1006],{"class":672},"node.open",[298,1008,669],{"class":312},[298,1010,689],{"class":304},[298,1012,666],{"class":312},[298,1014,669],{"class":312},[298,1016,1017],{"class":672},"floatingEl",[298,1019,669],{"class":312},[298,1021,760],{"class":312},[298,1023,1024],{"class":425},"8px offset panel",[298,1026,938],{"class":312},[298,1028,996],{"class":373},[298,1030,677],{"class":312},[298,1032,1034,1036,1038],{"class":300,"line":1033},22,[298,1035,938],{"class":312},[298,1037,955],{"class":373},[298,1039,677],{"class":312},[584,1041,1043],{"id":1042},"multi-axis-offset-object","Multi-Axis Offset Object",[289,1045,1047],{"className":291,"code":1046,"language":293,"meta":294,"style":294},"usePosition(node, {\n  placement: \"right-start\",\n  middlewares: {\n    offset: { mainAxis: 12, crossAxis: -4 },\n  },\n});\n",[280,1048,1049,1059,1074,1082,1113,1117],{"__ignoreMap":294},[298,1050,1051,1053,1055,1057],{"class":300,"line":301},[298,1052,171],{"class":308},[298,1054,838],{"class":425},[298,1056,716],{"class":312},[298,1058,367],{"class":312},[298,1060,1061,1063,1065,1067,1070,1072],{"class":300,"line":336},[298,1062,847],{"class":373},[298,1064,434],{"class":312},[298,1066,698],{"class":312},[298,1068,1069],{"class":672},"right-start",[298,1071,669],{"class":312},[298,1073,859],{"class":312},[298,1075,1076,1078,1080],{"class":300,"line":343},[298,1077,865],{"class":373},[298,1079,434],{"class":312},[298,1081,367],{"class":312},[298,1083,1084,1086,1088,1090,1093,1095,1098,1100,1103,1105,1108,1111],{"class":300,"line":353},[298,1085,875],{"class":373},[298,1087,434],{"class":312},[298,1089,686],{"class":312},[298,1091,1092],{"class":373}," mainAxis",[298,1094,434],{"class":312},[298,1096,1097],{"class":880}," 12",[298,1099,716],{"class":312},[298,1101,1102],{"class":373}," crossAxis",[298,1104,434],{"class":312},[298,1106,1107],{"class":312}," -",[298,1109,1110],{"class":880},"4",[298,1112,917],{"class":312},[298,1114,1115],{"class":300,"line":362},[298,1116,923],{"class":312},[298,1118,1119,1121,1123],{"class":300,"line":370},[298,1120,827],{"class":312},[298,1122,440],{"class":425},[298,1124,333],{"class":312},[284,1126,1128],{"id":1127},"see-also","See Also",[1130,1131,1132,1140,1147,1154],"ul",{},[1133,1134,1135,1139],"li",{},[624,1136,1137],{"href":172},[280,1138,171],{}," - Positioning engine and declarative middleware configuration",[1133,1141,1142,1146],{},[624,1143,1144],{"href":245},[280,1145,244],{}," - Fallback placements when space is constrained",[1133,1148,1149,1153],{},[624,1150,1151],{"href":249},[280,1152,248],{}," - Viewport containment",[1133,1155,1156,1159],{},[624,1157,1158],{"href":129},"Middleware Ordering Gotchas"," - Why pipeline order matters",[1161,1162,1163],"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 .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 .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 .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":336,"depth":336,"links":1165},[1166,1167,1168,1169,1172,1176],{"id":286,"depth":336,"text":287},{"id":317,"depth":336,"text":452},{"id":562,"depth":336,"text":563},{"id":581,"depth":336,"text":582,"children":1170},[1171],{"id":586,"depth":343,"text":587},{"id":637,"depth":336,"text":638,"children":1173},[1174,1175],{"id":641,"depth":343,"text":642},{"id":1042,"depth":343,"text":1043},{"id":1127,"depth":336,"text":1128},"Adds distance between the anchor and the floating element along axes.","md",null,{},{"title":240,"description":1177},"NFZQ8S-p7cThUPvB5nIdX6me1L4RnIXmvz3QI6gJst8",[1184,1186],{"title":230,"path":231,"stem":232,"description":1185,"children":-1},"Captures typing sequences to jump to matching items in a list.",{"title":244,"path":245,"stem":246,"description":1187,"children":-1},"Switches to alternative placements when the current side is blocked.",1791046165701]