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