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