[{"data":1,"prerenderedAt":1407},["ShallowReactive",2],{"navigation_docs":3,"-api-middleware-flip":271,"-api-middleware-flip-surround":1402},[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":244,"body":273,"description":1396,"extension":1397,"links":1398,"meta":1399,"navigation":343,"path":245,"seo":1400,"stem":246,"__hash__":1401},"docs\u002F2.api\u002F6.middleware\u002F2.flip.md",{"type":274,"value":275,"toc":1384},"minimark",[276,287,292,558,561,755,759,775,779,784,799,818,830,836,847,872,876,1347,1351,1380],[277,278,279,282,283,286],"p",{},[280,281,244],"code",{}," switches to alternative placements when the preferred placement does not fit in the viewport. Use it to start from a preferred side (such as ",[280,284,285],{},"\"bottom\"",") and only move elsewhere if that side overflows.",[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 flip(options?: FlipOptions): Middleware;\n\ninterface FlipOptions {\n  mainAxis?: boolean;\n  crossAxis?: boolean | \"alignment\";\n  fallbackAxisSideDirection?: \"none\" | \"start\" | \"end\";\n  flipAlignment?: boolean;\n  fallbackPlacements?: Array\u003CPlacement>;\n  fallbackStrategy?: \"bestFit\" | \"initialPlacement\";\n  padding?: Padding;\n  boundary?: Boundary;\n  rootBoundary?: RootBoundary;\n  elementContext?: ElementContext;\n  altBoundary?: boolean;\n}\n","ts","",[280,300,301,338,345,356,370,395,430,442,462,488,501,514,527,540,552],{"__ignoreMap":298},[302,303,306,310,314,318,322,325,329,332,335],"span",{"class":304,"line":305},"line",1,[302,307,309],{"class":308},"spNyl","function",[302,311,313],{"class":312},"s2Zo4"," flip",[302,315,317],{"class":316},"sMK4o","(",[302,319,321],{"class":320},"sHdIc","options",[302,323,324],{"class":316},"?:",[302,326,328],{"class":327},"sBMFI"," FlipOptions",[302,330,331],{"class":316},"):",[302,333,334],{"class":327}," Middleware",[302,336,337],{"class":316},";\n",[302,339,341],{"class":304,"line":340},2,[302,342,344],{"emptyLinePlaceholder":343},true,"\n",[302,346,348,351,353],{"class":304,"line":347},3,[302,349,350],{"class":308},"interface",[302,352,328],{"class":327},[302,354,355],{"class":316}," {\n",[302,357,359,363,365,368],{"class":304,"line":358},4,[302,360,362],{"class":361},"swJcz","  mainAxis",[302,364,324],{"class":316},[302,366,367],{"class":327}," boolean",[302,369,337],{"class":316},[302,371,373,376,378,380,383,386,390,393],{"class":304,"line":372},5,[302,374,375],{"class":361},"  crossAxis",[302,377,324],{"class":316},[302,379,367],{"class":327},[302,381,382],{"class":316}," |",[302,384,385],{"class":316}," \"",[302,387,389],{"class":388},"sfazB","alignment",[302,391,392],{"class":316},"\"",[302,394,337],{"class":316},[302,396,398,401,403,405,408,410,412,414,417,419,421,423,426,428],{"class":304,"line":397},6,[302,399,400],{"class":361},"  fallbackAxisSideDirection",[302,402,324],{"class":316},[302,404,385],{"class":316},[302,406,407],{"class":388},"none",[302,409,392],{"class":316},[302,411,382],{"class":316},[302,413,385],{"class":316},[302,415,416],{"class":388},"start",[302,418,392],{"class":316},[302,420,382],{"class":316},[302,422,385],{"class":316},[302,424,425],{"class":388},"end",[302,427,392],{"class":316},[302,429,337],{"class":316},[302,431,433,436,438,440],{"class":304,"line":432},7,[302,434,435],{"class":361},"  flipAlignment",[302,437,324],{"class":316},[302,439,367],{"class":327},[302,441,337],{"class":316},[302,443,445,448,450,453,456,459],{"class":304,"line":444},8,[302,446,447],{"class":361},"  fallbackPlacements",[302,449,324],{"class":316},[302,451,452],{"class":327}," Array",[302,454,455],{"class":316},"\u003C",[302,457,458],{"class":327},"Placement",[302,460,461],{"class":316},">;\n",[302,463,465,468,470,472,475,477,479,481,484,486],{"class":304,"line":464},9,[302,466,467],{"class":361},"  fallbackStrategy",[302,469,324],{"class":316},[302,471,385],{"class":316},[302,473,474],{"class":388},"bestFit",[302,476,392],{"class":316},[302,478,382],{"class":316},[302,480,385],{"class":316},[302,482,483],{"class":388},"initialPlacement",[302,485,392],{"class":316},[302,487,337],{"class":316},[302,489,491,494,496,499],{"class":304,"line":490},10,[302,492,493],{"class":361},"  padding",[302,495,324],{"class":316},[302,497,498],{"class":327}," Padding",[302,500,337],{"class":316},[302,502,504,507,509,512],{"class":304,"line":503},11,[302,505,506],{"class":361},"  boundary",[302,508,324],{"class":316},[302,510,511],{"class":327}," Boundary",[302,513,337],{"class":316},[302,515,517,520,522,525],{"class":304,"line":516},12,[302,518,519],{"class":361},"  rootBoundary",[302,521,324],{"class":316},[302,523,524],{"class":327}," RootBoundary",[302,526,337],{"class":316},[302,528,530,533,535,538],{"class":304,"line":529},13,[302,531,532],{"class":361},"  elementContext",[302,534,324],{"class":316},[302,536,537],{"class":327}," ElementContext",[302,539,337],{"class":316},[302,541,543,546,548,550],{"class":304,"line":542},14,[302,544,545],{"class":361},"  altBoundary",[302,547,324],{"class":316},[302,549,367],{"class":327},[302,551,337],{"class":316},[302,553,555],{"class":304,"line":554},15,[302,556,557],{"class":316},"}\n",[288,559,560],{"id":321},"Options",[562,563,564,582],"table",{},[565,566,567],"thead",{},[568,569,570,574,576,579],"tr",{},[571,572,573],"th",{},"Name",[571,575,291],{},[571,577,578],{},"Default",[571,580,581],{},"Notes",[583,584,585,613,632,652,677,695,715,735],"tbody",{},[568,586,587,593,598,603],{},[588,589,590],"td",{},[280,591,592],{},"mainAxis",[588,594,595],{},[280,596,597],{},"boolean",[588,599,600],{},[280,601,602],{},"true",[588,604,605,606,608,609,612],{},"Allows flipping to the opposite side along the main axis (e.g. ",[280,607,285],{}," → ",[280,610,611],{},"\"top\"",").",[568,614,615,620,625,629],{},[588,616,617],{},[280,618,619],{},"crossAxis",[588,621,622],{},[280,623,624],{},"boolean | \"alignment\"",[588,626,627],{},[280,628,602],{},[588,630,631],{},"Allows flipping along the cross axis when both main axis sides overflow.",[568,633,634,639,644,649],{},[588,635,636],{},[280,637,638],{},"fallbackAxisSideDirection",[588,640,641],{},[280,642,643],{},"\"none\" | \"start\" | \"end\"",[588,645,646],{},[280,647,648],{},"\"none\"",[588,650,651],{},"Which side to try when flipping along the cross axis.",[568,653,654,659,663,667],{},[588,655,656],{},[280,657,658],{},"flipAlignment",[588,660,661],{},[280,662,597],{},[588,664,665],{},[280,666,602],{},[588,668,669,670,608,673,676],{},"Flips alignment (e.g. ",[280,671,672],{},"\"bottom-start\"",[280,674,675],{},"\"bottom-end\"",") when side alignment overflows.",[568,678,679,684,689,692],{},[588,680,681],{},[280,682,683],{},"fallbackPlacements",[588,685,686],{},[280,687,688],{},"Array\u003CPlacement>",[588,690,691],{},"Opposite side",[588,693,694],{},"Explicit ordered list of placements to try before giving up.",[568,696,697,702,707,712],{},[588,698,699],{},[280,700,701],{},"fallbackStrategy",[588,703,704],{},[280,705,706],{},"\"bestFit\" | \"initialPlacement\"",[588,708,709],{},[280,710,711],{},"\"bestFit\"",[588,713,714],{},"Strategy when all placements overflow: pick the best fit, or reset to preferred.",[568,716,717,722,727,732],{},[588,718,719],{},[280,720,721],{},"padding",[588,723,724],{},[280,725,726],{},"Padding",[588,728,729],{},[280,730,731],{},"0",[588,733,734],{},"Minimum clearance from the clipping boundary.",[568,736,737,742,747,752],{},[588,738,739],{},[280,740,741],{},"boundary",[588,743,744],{},[280,745,746],{},"Boundary",[588,748,749],{},[280,750,751],{},"\"clippingAncestors\"",[588,753,754],{},"Clipping boundary element or rect.",[288,756,758],{"id":757},"returns","Returns",[277,760,761,763,764,766,767,770,771,774],{},[280,762,244],{}," returns a ",[280,765,234],{}," object with ",[280,768,769],{},"name: \"flip\"",". It populates ",[280,772,773],{},"middlewareData.value.flip"," with internal overflow metrics.",[288,776,778],{"id":777},"details","Details",[780,781,783],"h3",{"id":782},"pipeline-placement","Pipeline Placement",[277,785,786,788,789,798],{},[280,787,244],{}," runs ",[790,791,792,793,795,796],"strong",{},"after ",[280,794,240],{}," and before ",[280,797,248],{},":",[800,801,802,808,813],"ol",{},[803,804,805,807],"li",{},[280,806,240],{},": Adds required spacing.",[803,809,810,812],{},[280,811,244],{},": Checks if the panel + offset fits on the preferred side. If not, flips to an alternative placement.",[803,814,815,817],{},[280,816,248],{},": Once the best placement side is determined, shifts the panel along the edge to prevent clipping.",[277,819,820,821,823,824,826,827,829],{},"If ",[280,822,248],{}," runs before ",[280,825,244],{},", shifting might slide the panel into an awkward corner and prevent ",[280,828,244],{}," from triggering properly.",[780,831,833,834],{"id":832},"mutually-exclusive-with-autoplacement","Mutually Exclusive with ",[280,835,252],{},[277,837,838,840,841,846],{},[280,839,244],{}," and ",[842,843,844],"a",{"href":253},[280,845,252],{}," solve opposite goals:",[848,849,850,860,869],"ul",{},[803,851,852,853,855,856,859],{},"Use ",[280,854,244],{}," when you have a ",[790,857,858],{},"preferred placement"," and only want to move if it overflows.",[803,861,852,862,864,865,868],{},[280,863,252],{}," when you have ",[790,866,867],{},"no preference"," and want the system to choose whichever side has the most space.",[803,870,871],{},"Do not enable both simultaneously.",[288,873,875],{"id":874},"example","Example",[293,877,881],{"className":878,"code":879,"language":880,"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, usePosition } from \"v-float\";\n\nconst anchorEl = ref\u003CHTMLElement | null>(null);\nconst floatingEl = ref\u003CHTMLElement | null>(null);\n\nconst node = useFloatingNode({ anchorEl, floatingEl });\nconst { placement } = usePosition(node, {\n  placement: \"bottom-start\",\n  middlewares: {\n    offset: 8,\n    flip: {\n      fallbackPlacements: [\"top-start\", \"right-start\", \"left-start\"],\n      padding: 8,\n    },\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\" :data-placement=\"placement\">Flipping floating panel\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[280,882,883,908,935,963,967,1002,1031,1035,1065,1088,1105,1114,1127,1136,1176,1187,1193,1213,1219,1228,1238,1243,1253,1284,1338],{"__ignoreMap":298},[302,884,885,887,890,893,896,899,901,903,905],{"class":304,"line":305},[302,886,455],{"class":316},[302,888,889],{"class":361},"script",[302,891,892],{"class":308}," setup",[302,894,895],{"class":308}," lang",[302,897,898],{"class":316},"=",[302,900,392],{"class":316},[302,902,297],{"class":388},[302,904,392],{"class":316},[302,906,907],{"class":316},">\n",[302,909,910,914,917,921,924,927,929,931,933],{"class":304,"line":340},[302,911,913],{"class":912},"s7zQu","import",[302,915,916],{"class":316}," {",[302,918,920],{"class":919},"sTEyZ"," ref",[302,922,923],{"class":316}," }",[302,925,926],{"class":912}," from",[302,928,385],{"class":316},[302,930,880],{"class":388},[302,932,392],{"class":316},[302,934,337],{"class":316},[302,936,937,939,941,944,947,950,952,954,956,959,961],{"class":304,"line":347},[302,938,913],{"class":912},[302,940,916],{"class":316},[302,942,943],{"class":919}," useFloatingNode",[302,945,946],{"class":316},",",[302,948,949],{"class":919}," usePosition",[302,951,923],{"class":316},[302,953,926],{"class":912},[302,955,385],{"class":316},[302,957,958],{"class":388},"v-float",[302,960,392],{"class":316},[302,962,337],{"class":316},[302,964,965],{"class":304,"line":358},[302,966,344],{"emptyLinePlaceholder":343},[302,968,969,972,975,977,979,981,984,986,989,992,994,997,1000],{"class":304,"line":372},[302,970,971],{"class":308},"const",[302,973,974],{"class":919}," anchorEl ",[302,976,898],{"class":316},[302,978,920],{"class":312},[302,980,455],{"class":316},[302,982,983],{"class":327},"HTMLElement",[302,985,382],{"class":316},[302,987,988],{"class":327}," null",[302,990,991],{"class":316},">",[302,993,317],{"class":919},[302,995,996],{"class":316},"null",[302,998,999],{"class":919},")",[302,1001,337],{"class":316},[302,1003,1004,1006,1009,1011,1013,1015,1017,1019,1021,1023,1025,1027,1029],{"class":304,"line":397},[302,1005,971],{"class":308},[302,1007,1008],{"class":919}," floatingEl ",[302,1010,898],{"class":316},[302,1012,920],{"class":312},[302,1014,455],{"class":316},[302,1016,983],{"class":327},[302,1018,382],{"class":316},[302,1020,988],{"class":327},[302,1022,991],{"class":316},[302,1024,317],{"class":919},[302,1026,996],{"class":316},[302,1028,999],{"class":919},[302,1030,337],{"class":316},[302,1032,1033],{"class":304,"line":432},[302,1034,344],{"emptyLinePlaceholder":343},[302,1036,1037,1039,1042,1044,1046,1048,1051,1054,1056,1058,1061,1063],{"class":304,"line":444},[302,1038,971],{"class":308},[302,1040,1041],{"class":919}," node ",[302,1043,898],{"class":316},[302,1045,943],{"class":312},[302,1047,317],{"class":919},[302,1049,1050],{"class":316},"{",[302,1052,1053],{"class":919}," anchorEl",[302,1055,946],{"class":316},[302,1057,1008],{"class":919},[302,1059,1060],{"class":316},"}",[302,1062,999],{"class":919},[302,1064,337],{"class":316},[302,1066,1067,1069,1071,1074,1076,1079,1081,1084,1086],{"class":304,"line":464},[302,1068,971],{"class":308},[302,1070,916],{"class":316},[302,1072,1073],{"class":919}," placement ",[302,1075,1060],{"class":316},[302,1077,1078],{"class":316}," =",[302,1080,949],{"class":312},[302,1082,1083],{"class":919},"(node",[302,1085,946],{"class":316},[302,1087,355],{"class":316},[302,1089,1090,1093,1095,1097,1100,1102],{"class":304,"line":490},[302,1091,1092],{"class":361},"  placement",[302,1094,798],{"class":316},[302,1096,385],{"class":316},[302,1098,1099],{"class":388},"bottom-start",[302,1101,392],{"class":316},[302,1103,1104],{"class":316},",\n",[302,1106,1107,1110,1112],{"class":304,"line":503},[302,1108,1109],{"class":361},"  middlewares",[302,1111,798],{"class":316},[302,1113,355],{"class":316},[302,1115,1116,1119,1121,1125],{"class":304,"line":516},[302,1117,1118],{"class":361},"    offset",[302,1120,798],{"class":316},[302,1122,1124],{"class":1123},"sbssI"," 8",[302,1126,1104],{"class":316},[302,1128,1129,1132,1134],{"class":304,"line":529},[302,1130,1131],{"class":361},"    flip",[302,1133,798],{"class":316},[302,1135,355],{"class":316},[302,1137,1138,1141,1143,1146,1148,1151,1153,1155,1157,1160,1162,1164,1166,1169,1171,1174],{"class":304,"line":542},[302,1139,1140],{"class":361},"      fallbackPlacements",[302,1142,798],{"class":316},[302,1144,1145],{"class":919}," [",[302,1147,392],{"class":316},[302,1149,1150],{"class":388},"top-start",[302,1152,392],{"class":316},[302,1154,946],{"class":316},[302,1156,385],{"class":316},[302,1158,1159],{"class":388},"right-start",[302,1161,392],{"class":316},[302,1163,946],{"class":316},[302,1165,385],{"class":316},[302,1167,1168],{"class":388},"left-start",[302,1170,392],{"class":316},[302,1172,1173],{"class":919},"]",[302,1175,1104],{"class":316},[302,1177,1178,1181,1183,1185],{"class":304,"line":554},[302,1179,1180],{"class":361},"      padding",[302,1182,798],{"class":316},[302,1184,1124],{"class":1123},[302,1186,1104],{"class":316},[302,1188,1190],{"class":304,"line":1189},16,[302,1191,1192],{"class":316},"    },\n",[302,1194,1196,1199,1201,1203,1206,1208,1210],{"class":304,"line":1195},17,[302,1197,1198],{"class":361},"    shift",[302,1200,798],{"class":316},[302,1202,916],{"class":316},[302,1204,1205],{"class":361}," padding",[302,1207,798],{"class":316},[302,1209,1124],{"class":1123},[302,1211,1212],{"class":316}," },\n",[302,1214,1216],{"class":304,"line":1215},18,[302,1217,1218],{"class":316},"  },\n",[302,1220,1222,1224,1226],{"class":304,"line":1221},19,[302,1223,1060],{"class":316},[302,1225,999],{"class":919},[302,1227,337],{"class":316},[302,1229,1231,1234,1236],{"class":304,"line":1230},20,[302,1232,1233],{"class":316},"\u003C\u002F",[302,1235,889],{"class":361},[302,1237,907],{"class":316},[302,1239,1241],{"class":304,"line":1240},21,[302,1242,344],{"emptyLinePlaceholder":343},[302,1244,1246,1248,1251],{"class":304,"line":1245},22,[302,1247,455],{"class":316},[302,1249,1250],{"class":361},"template",[302,1252,907],{"class":316},[302,1254,1256,1259,1262,1264,1266,1268,1271,1273,1275,1278,1280,1282],{"class":304,"line":1255},23,[302,1257,1258],{"class":316},"  \u003C",[302,1260,1261],{"class":361},"button",[302,1263,920],{"class":308},[302,1265,898],{"class":316},[302,1267,392],{"class":316},[302,1269,1270],{"class":388},"anchorEl",[302,1272,392],{"class":316},[302,1274,991],{"class":316},[302,1276,1277],{"class":919},"Anchor",[302,1279,1233],{"class":316},[302,1281,1261],{"class":361},[302,1283,907],{"class":316},[302,1285,1287,1289,1292,1295,1297,1299,1302,1304,1306,1308,1310,1313,1315,1318,1320,1322,1325,1327,1329,1332,1334,1336],{"class":304,"line":1286},24,[302,1288,1258],{"class":316},[302,1290,1291],{"class":361},"div",[302,1293,1294],{"class":308}," v-if",[302,1296,898],{"class":316},[302,1298,392],{"class":316},[302,1300,1301],{"class":388},"node.open",[302,1303,392],{"class":316},[302,1305,920],{"class":308},[302,1307,898],{"class":316},[302,1309,392],{"class":316},[302,1311,1312],{"class":388},"floatingEl",[302,1314,392],{"class":316},[302,1316,1317],{"class":308}," :data-placement",[302,1319,898],{"class":316},[302,1321,392],{"class":316},[302,1323,1324],{"class":388},"placement",[302,1326,392],{"class":316},[302,1328,991],{"class":316},[302,1330,1331],{"class":919},"Flipping floating panel",[302,1333,1233],{"class":316},[302,1335,1291],{"class":361},[302,1337,907],{"class":316},[302,1339,1341,1343,1345],{"class":304,"line":1340},25,[302,1342,1233],{"class":316},[302,1344,1250],{"class":361},[302,1346,907],{"class":316},[288,1348,1350],{"id":1349},"see-also","See Also",[848,1352,1353,1360,1367,1374],{},[803,1354,1355,1359],{},[842,1356,1357],{"href":253},[280,1358,252],{}," - Alternative that automatically picks the largest side",[803,1361,1362,1366],{},[842,1363,1364],{"href":249},[280,1365,248],{}," - Nudges the floating element to keep it inside the boundary",[803,1368,1369,1373],{},[842,1370,1371],{"href":241},[280,1372,240],{}," - Adds spacing before flip checks run",[803,1375,1376,1379],{},[842,1377,1378],{"href":129},"Middleware Ordering Gotchas"," - Detailed ordering rules",[1381,1382,1383],"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 .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 .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}",{"title":298,"searchDepth":340,"depth":340,"links":1385},[1386,1387,1388,1389,1394,1395],{"id":290,"depth":340,"text":291},{"id":321,"depth":340,"text":560},{"id":757,"depth":340,"text":758},{"id":777,"depth":340,"text":778,"children":1390},[1391,1392],{"id":782,"depth":347,"text":783},{"id":832,"depth":347,"text":1393},"Mutually Exclusive with autoPlacement",{"id":874,"depth":340,"text":875},{"id":1349,"depth":340,"text":1350},"Switches to alternative placements when the current side is blocked.","md",null,{},{"title":244,"description":1396},"OMHO4xs19JPr6FmUI1cvAQUvessumPKFjNipxhUQx1k",[1403,1405],{"title":240,"path":241,"stem":242,"description":1404,"children":-1},"Adds distance between the anchor and the floating element along axes.",{"title":248,"path":249,"stem":250,"description":1406,"children":-1},"Keeps the floating element within the available viewport boundary.",1791046165701]