[{"data":1,"prerenderedAt":1641},["ShallowReactive",2],{"navigation_docs":3,"-api-middleware-size":271,"-api-middleware-size-surround":1636},[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":256,"body":273,"description":1630,"extension":1631,"links":1632,"meta":1633,"navigation":354,"path":257,"seo":1634,"stem":258,"__hash__":1635},"docs\u002F2.api\u002F6.middleware\u002F5.size.md",{"type":274,"value":275,"toc":1616},"minimark",[276,295,298,303,591,594,724,728,739,743,748,762,788,795,811,859,863,867,1582,1586,1613],[277,278,279,282,283,286,287,290,291,294],"p",{},[280,281,256],"code",{}," measures the available width and height inside the clipping boundary and invokes an ",[280,284,285],{},"apply"," callback where you can update styles such as ",[280,288,289],{},"max-height"," or ",[280,292,293],{},"max-width",".",[277,296,297],{},"Use it for scrolling menus, combobox lists, or popovers that must shrink to fit within cramped viewports.",[299,300,302],"h2",{"id":301},"type","Type",[304,305,310],"pre",{"className":306,"code":307,"language":308,"meta":309,"style":309},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function size(options?: SizeOptions): Middleware;\n\ninterface SizeOptions {\n  apply?: (state: SizeState) => void;\n  padding?: Padding;\n  boundary?: Boundary;\n  rootBoundary?: RootBoundary;\n  elementContext?: ElementContext;\n  altBoundary?: boolean;\n}\n\ninterface SizeState {\n  availableWidth: number;\n  availableHeight: number;\n  rects: MiddlewareState[\"rects\"];\n  elements: {\n    floating: HTMLElement;\n    reference: Element | VirtualElement;\n  };\n}\n","ts","",[280,311,312,349,356,367,399,412,425,438,451,464,470,475,484,497,509,538,548,561,580,586],{"__ignoreMap":309},[313,314,317,321,325,329,333,336,340,343,346],"span",{"class":315,"line":316},"line",1,[313,318,320],{"class":319},"spNyl","function",[313,322,324],{"class":323},"s2Zo4"," size",[313,326,328],{"class":327},"sMK4o","(",[313,330,332],{"class":331},"sHdIc","options",[313,334,335],{"class":327},"?:",[313,337,339],{"class":338},"sBMFI"," SizeOptions",[313,341,342],{"class":327},"):",[313,344,345],{"class":338}," Middleware",[313,347,348],{"class":327},";\n",[313,350,352],{"class":315,"line":351},2,[313,353,355],{"emptyLinePlaceholder":354},true,"\n",[313,357,359,362,364],{"class":315,"line":358},3,[313,360,361],{"class":319},"interface",[313,363,339],{"class":338},[313,365,366],{"class":327}," {\n",[313,368,370,374,376,379,382,385,388,391,394,397],{"class":315,"line":369},4,[313,371,373],{"class":372},"swJcz","  apply",[313,375,335],{"class":327},[313,377,378],{"class":327}," (",[313,380,381],{"class":331},"state",[313,383,384],{"class":327},":",[313,386,387],{"class":338}," SizeState",[313,389,390],{"class":327},")",[313,392,393],{"class":319}," =>",[313,395,396],{"class":338}," void",[313,398,348],{"class":327},[313,400,402,405,407,410],{"class":315,"line":401},5,[313,403,404],{"class":372},"  padding",[313,406,335],{"class":327},[313,408,409],{"class":338}," Padding",[313,411,348],{"class":327},[313,413,415,418,420,423],{"class":315,"line":414},6,[313,416,417],{"class":372},"  boundary",[313,419,335],{"class":327},[313,421,422],{"class":338}," Boundary",[313,424,348],{"class":327},[313,426,428,431,433,436],{"class":315,"line":427},7,[313,429,430],{"class":372},"  rootBoundary",[313,432,335],{"class":327},[313,434,435],{"class":338}," RootBoundary",[313,437,348],{"class":327},[313,439,441,444,446,449],{"class":315,"line":440},8,[313,442,443],{"class":372},"  elementContext",[313,445,335],{"class":327},[313,447,448],{"class":338}," ElementContext",[313,450,348],{"class":327},[313,452,454,457,459,462],{"class":315,"line":453},9,[313,455,456],{"class":372},"  altBoundary",[313,458,335],{"class":327},[313,460,461],{"class":338}," boolean",[313,463,348],{"class":327},[313,465,467],{"class":315,"line":466},10,[313,468,469],{"class":327},"}\n",[313,471,473],{"class":315,"line":472},11,[313,474,355],{"emptyLinePlaceholder":354},[313,476,478,480,482],{"class":315,"line":477},12,[313,479,361],{"class":319},[313,481,387],{"class":338},[313,483,366],{"class":327},[313,485,487,490,492,495],{"class":315,"line":486},13,[313,488,489],{"class":372},"  availableWidth",[313,491,384],{"class":327},[313,493,494],{"class":338}," number",[313,496,348],{"class":327},[313,498,500,503,505,507],{"class":315,"line":499},14,[313,501,502],{"class":372},"  availableHeight",[313,504,384],{"class":327},[313,506,494],{"class":338},[313,508,348],{"class":327},[313,510,512,515,517,520,524,527,531,533,536],{"class":315,"line":511},15,[313,513,514],{"class":372},"  rects",[313,516,384],{"class":327},[313,518,519],{"class":338}," MiddlewareState",[313,521,523],{"class":522},"sTEyZ","[",[313,525,526],{"class":327},"\"",[313,528,530],{"class":529},"sfazB","rects",[313,532,526],{"class":327},[313,534,535],{"class":522},"]",[313,537,348],{"class":327},[313,539,541,544,546],{"class":315,"line":540},16,[313,542,543],{"class":372},"  elements",[313,545,384],{"class":327},[313,547,366],{"class":327},[313,549,551,554,556,559],{"class":315,"line":550},17,[313,552,553],{"class":372},"    floating",[313,555,384],{"class":327},[313,557,558],{"class":338}," HTMLElement",[313,560,348],{"class":327},[313,562,564,567,569,572,575,578],{"class":315,"line":563},18,[313,565,566],{"class":372},"    reference",[313,568,384],{"class":327},[313,570,571],{"class":338}," Element",[313,573,574],{"class":327}," |",[313,576,577],{"class":338}," VirtualElement",[313,579,348],{"class":327},[313,581,583],{"class":315,"line":582},19,[313,584,585],{"class":327},"  };\n",[313,587,589],{"class":315,"line":588},20,[313,590,469],{"class":327},[299,592,593],{"id":332},"Options",[595,596,597,615],"table",{},[598,599,600],"thead",{},[601,602,603,607,609,612],"tr",{},[604,605,606],"th",{},"Name",[604,608,302],{},[604,610,611],{},"Default",[604,613,614],{},"Notes",[616,617,618,638,658,678,704],"tbody",{},[601,619,620,625,630,635],{},[621,622,623],"td",{},[280,624,285],{},[621,626,627],{},[280,628,629],{},"(state: SizeState) => void",[621,631,632],{},[280,633,634],{},"undefined",[621,636,637],{},"Callback invoked on each position recalculation with available dimensions.",[601,639,640,645,650,655],{},[621,641,642],{},[280,643,644],{},"padding",[621,646,647],{},[280,648,649],{},"Padding",[621,651,652],{},[280,653,654],{},"0",[621,656,657],{},"Boundary inset subtracted from available width and height.",[601,659,660,665,670,675],{},[621,661,662],{},[280,663,664],{},"boundary",[621,666,667],{},[280,668,669],{},"Boundary",[621,671,672],{},[280,673,674],{},"\"clippingAncestors\"",[621,676,677],{},"Element or rect defining the clipping area.",[601,679,680,685,690,695],{},[621,681,682],{},[280,683,684],{},"rootBoundary",[621,686,687],{},[280,688,689],{},"RootBoundary",[621,691,692],{},[280,693,694],{},"\"viewport\"",[621,696,697,698,290,700,703],{},"Root boundary context (",[280,699,694],{},[280,701,702],{},"\"document\"",").",[601,705,706,711,716,721],{},[621,707,708],{},[280,709,710],{},"altBoundary",[621,712,713],{},[280,714,715],{},"boolean",[621,717,718],{},[280,719,720],{},"false",[621,722,723],{},"Checks boundaries of the floating element instead of the anchor.",[299,725,727],{"id":726},"returns","Returns",[277,729,730,732,733,735,736,294],{},[280,731,256],{}," returns a ",[280,734,234],{}," object with ",[280,737,738],{},"name: \"size\"",[299,740,742],{"id":741},"details","Details",[744,745,747],"h3",{"id":746},"pipeline-placement","Pipeline Placement",[277,749,750,752,753,384],{},[280,751,256],{}," runs ",[754,755,756,757,759,760],"strong",{},"after ",[280,758,244],{}," and ",[280,761,248],{},[763,764,765,773,778],"ol",{},[766,767,768,759,770,772],"li",{},[280,769,244],{},[280,771,248],{}," determine final side and position.",[766,774,775,777],{},[280,776,256],{}," evaluates how much room remains between the floating panel's coordinates and the clipping boundaries.",[766,779,780,781,783,784,290,786,294],{},"Your ",[280,782,285],{}," callback restricts ",[280,785,289],{},[280,787,293],{},[744,789,791,792],{"id":790},"shortcut-matchwidth","Shortcut: ",[280,793,794],{},"matchWidth",[277,796,797,798,801,802,807,808,810],{},"When you only need the floating panel to match the anchor's width (a common requirement for selects and comboboxes), use ",[280,799,800],{},"matchWidth: true"," directly in ",[803,804,805],"a",{"href":172},[280,806,171],{},". VFloat injects a pre-configured ",[280,809,256],{}," middleware for you:",[304,812,814],{"className":306,"code":813,"language":308,"meta":309,"style":309},"usePosition(node, {\n  middlewares: { matchWidth: true },\n});\n",[280,815,816,828,850],{"__ignoreMap":309},[313,817,818,820,823,826],{"class":315,"line":316},[313,819,171],{"class":323},[313,821,822],{"class":522},"(node",[313,824,825],{"class":327},",",[313,827,366],{"class":327},[313,829,830,833,835,838,841,843,847],{"class":315,"line":351},[313,831,832],{"class":372},"  middlewares",[313,834,384],{"class":327},[313,836,837],{"class":327}," {",[313,839,840],{"class":372}," matchWidth",[313,842,384],{"class":327},[313,844,846],{"class":845},"sfNiH"," true",[313,848,849],{"class":327}," },\n",[313,851,852,855,857],{"class":315,"line":358},[313,853,854],{"class":327},"}",[313,856,390],{"class":522},[313,858,348],{"class":327},[299,860,862],{"id":861},"example","Example",[744,864,866],{"id":865},"constraining-height-with-scrolling","Constraining Height with Scrolling",[304,868,872],{"className":869,"code":870,"language":871,"meta":309,"style":309},"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    size: {\n      padding: 16,\n      apply({ availableHeight, elements }) {\n        Object.assign(elements.floating.style, {\n          maxHeight: `${Math.max(100, availableHeight)}px`,\n        });\n      },\n    },\n  },\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\">Toggle List\u003C\u002Fbutton>\n\n  \u003Cdiv v-if=\"node.open\" ref=\"floatingEl\" class=\"scroll-list\">\n    \u003Cdiv v-for=\"i in 50\" :key=\"i\" class=\"item\">Item {{ i }}\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle>\n.scroll-list {\n  overflow-y: auto;\n  border: 1px solid #ccc;\n  background: white;\n  width: 200px;\n}\n.item {\n  padding: 8px 12px;\n}\n\u003C\u002Fstyle>\n","vue",[280,873,874,900,926,953,957,991,1020,1024,1053,1063,1080,1088,1101,1112,1130,1139,1151,1172,1201,1239,1248,1254,1260,1266,1275,1285,1290,1300,1331,1336,1381,1435,1445,1454,1459,1468,1477,1491,1513,1526,1539,1544,1553,1568,1573],{"__ignoreMap":309},[313,875,876,879,882,885,888,891,893,895,897],{"class":315,"line":316},[313,877,878],{"class":327},"\u003C",[313,880,881],{"class":372},"script",[313,883,884],{"class":319}," setup",[313,886,887],{"class":319}," lang",[313,889,890],{"class":327},"=",[313,892,526],{"class":327},[313,894,308],{"class":529},[313,896,526],{"class":327},[313,898,899],{"class":327},">\n",[313,901,902,906,908,911,914,917,920,922,924],{"class":315,"line":351},[313,903,905],{"class":904},"s7zQu","import",[313,907,837],{"class":327},[313,909,910],{"class":522}," ref",[313,912,913],{"class":327}," }",[313,915,916],{"class":904}," from",[313,918,919],{"class":327}," \"",[313,921,871],{"class":529},[313,923,526],{"class":327},[313,925,348],{"class":327},[313,927,928,930,932,935,937,940,942,944,946,949,951],{"class":315,"line":358},[313,929,905],{"class":904},[313,931,837],{"class":327},[313,933,934],{"class":522}," useFloatingNode",[313,936,825],{"class":327},[313,938,939],{"class":522}," usePosition",[313,941,913],{"class":327},[313,943,916],{"class":904},[313,945,919],{"class":327},[313,947,948],{"class":529},"v-float",[313,950,526],{"class":327},[313,952,348],{"class":327},[313,954,955],{"class":315,"line":369},[313,956,355],{"emptyLinePlaceholder":354},[313,958,959,962,965,967,969,971,974,976,979,982,984,987,989],{"class":315,"line":401},[313,960,961],{"class":319},"const",[313,963,964],{"class":522}," anchorEl ",[313,966,890],{"class":327},[313,968,910],{"class":323},[313,970,878],{"class":327},[313,972,973],{"class":338},"HTMLElement",[313,975,574],{"class":327},[313,977,978],{"class":338}," null",[313,980,981],{"class":327},">",[313,983,328],{"class":522},[313,985,986],{"class":327},"null",[313,988,390],{"class":522},[313,990,348],{"class":327},[313,992,993,995,998,1000,1002,1004,1006,1008,1010,1012,1014,1016,1018],{"class":315,"line":414},[313,994,961],{"class":319},[313,996,997],{"class":522}," floatingEl ",[313,999,890],{"class":327},[313,1001,910],{"class":323},[313,1003,878],{"class":327},[313,1005,973],{"class":338},[313,1007,574],{"class":327},[313,1009,978],{"class":338},[313,1011,981],{"class":327},[313,1013,328],{"class":522},[313,1015,986],{"class":327},[313,1017,390],{"class":522},[313,1019,348],{"class":327},[313,1021,1022],{"class":315,"line":427},[313,1023,355],{"emptyLinePlaceholder":354},[313,1025,1026,1028,1031,1033,1035,1037,1040,1043,1045,1047,1049,1051],{"class":315,"line":440},[313,1027,961],{"class":319},[313,1029,1030],{"class":522}," node ",[313,1032,890],{"class":327},[313,1034,934],{"class":323},[313,1036,328],{"class":522},[313,1038,1039],{"class":327},"{",[313,1041,1042],{"class":522}," anchorEl",[313,1044,825],{"class":327},[313,1046,997],{"class":522},[313,1048,854],{"class":327},[313,1050,390],{"class":522},[313,1052,348],{"class":327},[313,1054,1055,1057,1059,1061],{"class":315,"line":453},[313,1056,171],{"class":323},[313,1058,822],{"class":522},[313,1060,825],{"class":327},[313,1062,366],{"class":327},[313,1064,1065,1068,1070,1072,1075,1077],{"class":315,"line":466},[313,1066,1067],{"class":372},"  placement",[313,1069,384],{"class":327},[313,1071,919],{"class":327},[313,1073,1074],{"class":529},"bottom-start",[313,1076,526],{"class":327},[313,1078,1079],{"class":327},",\n",[313,1081,1082,1084,1086],{"class":315,"line":472},[313,1083,832],{"class":372},[313,1085,384],{"class":327},[313,1087,366],{"class":327},[313,1089,1090,1093,1095,1099],{"class":315,"line":477},[313,1091,1092],{"class":372},"    offset",[313,1094,384],{"class":327},[313,1096,1098],{"class":1097},"sbssI"," 8",[313,1100,1079],{"class":327},[313,1102,1103,1106,1108,1110],{"class":315,"line":486},[313,1104,1105],{"class":372},"    flip",[313,1107,384],{"class":327},[313,1109,846],{"class":845},[313,1111,1079],{"class":327},[313,1113,1114,1117,1119,1121,1124,1126,1128],{"class":315,"line":499},[313,1115,1116],{"class":372},"    shift",[313,1118,384],{"class":327},[313,1120,837],{"class":327},[313,1122,1123],{"class":372}," padding",[313,1125,384],{"class":327},[313,1127,1098],{"class":1097},[313,1129,849],{"class":327},[313,1131,1132,1135,1137],{"class":315,"line":511},[313,1133,1134],{"class":372},"    size",[313,1136,384],{"class":327},[313,1138,366],{"class":327},[313,1140,1141,1144,1146,1149],{"class":315,"line":540},[313,1142,1143],{"class":372},"      padding",[313,1145,384],{"class":327},[313,1147,1148],{"class":1097}," 16",[313,1150,1079],{"class":327},[313,1152,1153,1156,1159,1162,1164,1167,1170],{"class":315,"line":550},[313,1154,1155],{"class":372},"      apply",[313,1157,1158],{"class":327},"({",[313,1160,1161],{"class":331}," availableHeight",[313,1163,825],{"class":327},[313,1165,1166],{"class":331}," elements",[313,1168,1169],{"class":327}," })",[313,1171,366],{"class":327},[313,1173,1174,1177,1179,1182,1184,1187,1189,1192,1194,1197,1199],{"class":315,"line":563},[313,1175,1176],{"class":522},"        Object",[313,1178,294],{"class":327},[313,1180,1181],{"class":323},"assign",[313,1183,328],{"class":372},[313,1185,1186],{"class":522},"elements",[313,1188,294],{"class":327},[313,1190,1191],{"class":522},"floating",[313,1193,294],{"class":327},[313,1195,1196],{"class":522},"style",[313,1198,825],{"class":327},[313,1200,366],{"class":327},[313,1202,1203,1206,1208,1211,1214,1216,1219,1221,1224,1226,1229,1231,1234,1237],{"class":315,"line":582},[313,1204,1205],{"class":372},"          maxHeight",[313,1207,384],{"class":327},[313,1209,1210],{"class":327}," `${",[313,1212,1213],{"class":522},"Math",[313,1215,294],{"class":327},[313,1217,1218],{"class":323},"max",[313,1220,328],{"class":522},[313,1222,1223],{"class":1097},"100",[313,1225,825],{"class":327},[313,1227,1228],{"class":522}," availableHeight)",[313,1230,854],{"class":327},[313,1232,1233],{"class":529},"px",[313,1235,1236],{"class":327},"`",[313,1238,1079],{"class":327},[313,1240,1241,1244,1246],{"class":315,"line":588},[313,1242,1243],{"class":327},"        }",[313,1245,390],{"class":372},[313,1247,348],{"class":327},[313,1249,1251],{"class":315,"line":1250},21,[313,1252,1253],{"class":327},"      },\n",[313,1255,1257],{"class":315,"line":1256},22,[313,1258,1259],{"class":327},"    },\n",[313,1261,1263],{"class":315,"line":1262},23,[313,1264,1265],{"class":327},"  },\n",[313,1267,1269,1271,1273],{"class":315,"line":1268},24,[313,1270,854],{"class":327},[313,1272,390],{"class":522},[313,1274,348],{"class":327},[313,1276,1278,1281,1283],{"class":315,"line":1277},25,[313,1279,1280],{"class":327},"\u003C\u002F",[313,1282,881],{"class":372},[313,1284,899],{"class":327},[313,1286,1288],{"class":315,"line":1287},26,[313,1289,355],{"emptyLinePlaceholder":354},[313,1291,1293,1295,1298],{"class":315,"line":1292},27,[313,1294,878],{"class":327},[313,1296,1297],{"class":372},"template",[313,1299,899],{"class":327},[313,1301,1303,1306,1309,1311,1313,1315,1318,1320,1322,1325,1327,1329],{"class":315,"line":1302},28,[313,1304,1305],{"class":327},"  \u003C",[313,1307,1308],{"class":372},"button",[313,1310,910],{"class":319},[313,1312,890],{"class":327},[313,1314,526],{"class":327},[313,1316,1317],{"class":529},"anchorEl",[313,1319,526],{"class":327},[313,1321,981],{"class":327},[313,1323,1324],{"class":522},"Toggle List",[313,1326,1280],{"class":327},[313,1328,1308],{"class":372},[313,1330,899],{"class":327},[313,1332,1334],{"class":315,"line":1333},29,[313,1335,355],{"emptyLinePlaceholder":354},[313,1337,1339,1341,1344,1347,1349,1351,1354,1356,1358,1360,1362,1365,1367,1370,1372,1374,1377,1379],{"class":315,"line":1338},30,[313,1340,1305],{"class":327},[313,1342,1343],{"class":372},"div",[313,1345,1346],{"class":319}," v-if",[313,1348,890],{"class":327},[313,1350,526],{"class":327},[313,1352,1353],{"class":529},"node.open",[313,1355,526],{"class":327},[313,1357,910],{"class":319},[313,1359,890],{"class":327},[313,1361,526],{"class":327},[313,1363,1364],{"class":529},"floatingEl",[313,1366,526],{"class":327},[313,1368,1369],{"class":319}," class",[313,1371,890],{"class":327},[313,1373,526],{"class":327},[313,1375,1376],{"class":529},"scroll-list",[313,1378,526],{"class":327},[313,1380,899],{"class":327},[313,1382,1384,1387,1389,1392,1394,1396,1399,1401,1404,1406,1408,1411,1413,1415,1417,1419,1422,1424,1426,1429,1431,1433],{"class":315,"line":1383},31,[313,1385,1386],{"class":327},"    \u003C",[313,1388,1343],{"class":372},[313,1390,1391],{"class":319}," v-for",[313,1393,890],{"class":327},[313,1395,526],{"class":327},[313,1397,1398],{"class":529},"i in 50",[313,1400,526],{"class":327},[313,1402,1403],{"class":319}," :key",[313,1405,890],{"class":327},[313,1407,526],{"class":327},[313,1409,1410],{"class":529},"i",[313,1412,526],{"class":327},[313,1414,1369],{"class":319},[313,1416,890],{"class":327},[313,1418,526],{"class":327},[313,1420,1421],{"class":529},"item",[313,1423,526],{"class":327},[313,1425,981],{"class":327},[313,1427,1428],{"class":522},"Item {{ i }}",[313,1430,1280],{"class":327},[313,1432,1343],{"class":372},[313,1434,899],{"class":327},[313,1436,1438,1441,1443],{"class":315,"line":1437},32,[313,1439,1440],{"class":327},"  \u003C\u002F",[313,1442,1343],{"class":372},[313,1444,899],{"class":327},[313,1446,1448,1450,1452],{"class":315,"line":1447},33,[313,1449,1280],{"class":327},[313,1451,1297],{"class":372},[313,1453,899],{"class":327},[313,1455,1457],{"class":315,"line":1456},34,[313,1458,355],{"emptyLinePlaceholder":354},[313,1460,1462,1464,1466],{"class":315,"line":1461},35,[313,1463,878],{"class":327},[313,1465,1196],{"class":372},[313,1467,899],{"class":327},[313,1469,1471,1473,1475],{"class":315,"line":1470},36,[313,1472,294],{"class":327},[313,1474,1376],{"class":338},[313,1476,366],{"class":327},[313,1478,1480,1484,1486,1489],{"class":315,"line":1479},37,[313,1481,1483],{"class":1482},"sqsOY","  overflow-y",[313,1485,384],{"class":327},[313,1487,1488],{"class":522}," auto",[313,1490,348],{"class":327},[313,1492,1494,1497,1499,1502,1505,1508,1511],{"class":315,"line":1493},38,[313,1495,1496],{"class":1482},"  border",[313,1498,384],{"class":327},[313,1500,1501],{"class":1097}," 1px",[313,1503,1504],{"class":522}," solid ",[313,1506,1507],{"class":327},"#",[313,1509,1510],{"class":522},"ccc",[313,1512,348],{"class":327},[313,1514,1516,1519,1521,1524],{"class":315,"line":1515},39,[313,1517,1518],{"class":1482},"  background",[313,1520,384],{"class":327},[313,1522,1523],{"class":522}," white",[313,1525,348],{"class":327},[313,1527,1529,1532,1534,1537],{"class":315,"line":1528},40,[313,1530,1531],{"class":1482},"  width",[313,1533,384],{"class":327},[313,1535,1536],{"class":1097}," 200px",[313,1538,348],{"class":327},[313,1540,1542],{"class":315,"line":1541},41,[313,1543,469],{"class":327},[313,1545,1547,1549,1551],{"class":315,"line":1546},42,[313,1548,294],{"class":327},[313,1550,1421],{"class":338},[313,1552,366],{"class":327},[313,1554,1556,1558,1560,1563,1566],{"class":315,"line":1555},43,[313,1557,404],{"class":1482},[313,1559,384],{"class":327},[313,1561,1562],{"class":1097}," 8px",[313,1564,1565],{"class":1097}," 12px",[313,1567,348],{"class":327},[313,1569,1571],{"class":315,"line":1570},44,[313,1572,469],{"class":327},[313,1574,1576,1578,1580],{"class":315,"line":1575},45,[313,1577,1280],{"class":327},[313,1579,1196],{"class":372},[313,1581,899],{"class":327},[299,1583,1585],{"id":1584},"see-also","See Also",[1587,1588,1589,1599,1606],"ul",{},[766,1590,1591,1595,1596,1598],{},[803,1592,1593],{"href":172},[280,1594,171],{}," - Positioning composable and ",[280,1597,794],{}," shortcut",[766,1600,1601,1605],{},[803,1602,1603],{"href":249},[280,1604,248],{}," - Keeps floating element in view",[766,1607,1608,1612],{},[803,1609,1610],{"href":245},[280,1611,244],{}," - Flips placement when space is constrained",[1196,1614,1615],{},"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 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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":309,"searchDepth":351,"depth":351,"links":1617},[1618,1619,1620,1621,1626,1629],{"id":301,"depth":351,"text":302},{"id":332,"depth":351,"text":593},{"id":726,"depth":351,"text":727},{"id":741,"depth":351,"text":742,"children":1622},[1623,1624],{"id":746,"depth":358,"text":747},{"id":790,"depth":358,"text":1625},"Shortcut: matchWidth",{"id":861,"depth":351,"text":862,"children":1627},[1628],{"id":865,"depth":358,"text":866},{"id":1584,"depth":351,"text":1585},"Measures available boundary space to constrain or resize the floating element.","md",null,{},{"title":256,"description":1630},"tX8QlFTZWGX6VvATEaURn4GesQhZ1bv4wOF0B-9J0wA",[1637,1639],{"title":252,"path":253,"stem":254,"description":1638,"children":-1},"Chooses the placement with the greatest available space.",{"title":260,"path":261,"stem":262,"description":1640,"children":-1},"Positions the floating element relative to multi-line inline anchors.",1791046165701]