[{"data":1,"prerenderedAt":1242},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fkeyboard-aware":313,"\u002Fcomponents\u002Fkeyboard-aware-surround":1237},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":156,"body":315,"description":1231,"extension":1232,"links":11,"meta":1233,"navigation":1234,"package":60,"path":157,"seo":1235,"stem":158,"__hash__":1236},"docs\u002F3.components\u002Fkeyboard-aware.md",{"type":316,"value":317,"toc":1214},"minimark",[318,323,346,366,383,388,392,588,595,676,682,728,732,759,762,766,772,896,901,1012,1017,1082,1086,1091,1128,1132,1135,1138,1152,1156,1184,1188,1210],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,327,330,331,333,334,337,338,341,342,345],"p",{},"The keyboard-aware primitives coordinate focused inputs with a movable or scrollable container. ",[328,329,36],"code",{}," re-exports the three ",[328,332,31],{}," primitives as ",[328,335,336],{},"VyKeyboardAwareRoot",", ",[328,339,340],{},"VyKeyboardAwareResponder",", and ",[328,343,344],{},"VyKeyboardAwareTrigger",".",[324,347,348,349,354,355,361,362,365],{},"Use them for drawers, forms, chat composers, and other layouts where the iOS or Android keyboard can cover the focused control. ",[350,351,352],"a",{"href":290},[328,353,289],{}," and ",[350,356,358],{"href":357},"\u002Fcomponents\u002Fdrawer",[328,359,360],{},"Drawer"," wire them up for you through their ",[328,363,364],{},"keyboard-aware"," prop.",[324,367,368,369,372,373,376,377,379,380,345],{},"Inputs register themselves: any ",[328,370,371],{},"VyInput"," or ",[328,374,375],{},"VyTextarea"," rendered under a root reports focus, blur, and keyboard height automatically. A ",[328,378,344],{}," wrap is only needed to group several inputs into one measured region or to add an ",[328,381,382],{},"offset",[384,385],"component-code",{"height":386,"name":387},"160px","keyboard-aware-example",[319,389,391],{"id":390},"usage","Usage",[393,394,399],"pre",{"className":395,"code":396,"language":397,"meta":398,"style":398},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport {\n  VyInput,\n  VyKeyboardAwareResponder,\n  VyKeyboardAwareRoot,\n} from '@vyui\u002Fkit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyKeyboardAwareRoot>\n    \u003CVyKeyboardAwareResponder>\n      \u003CVyInput placeholder=\"Message\" \u002F>\n    \u003C\u002FVyKeyboardAwareResponder>\n  \u003C\u002FVyKeyboardAwareRoot>\n\u003C\u002Ftemplate>\n","vue","",[328,400,401,436,446,456,464,472,489,499,506,516,526,536,559,569,579],{"__ignoreMap":398},[402,403,406,410,414,418,421,424,427,431,433],"span",{"class":404,"line":405},"line",1,[402,407,409],{"class":408},"sMK4o","\u003C",[402,411,413],{"class":412},"swJcz","script",[402,415,417],{"class":416},"spNyl"," setup",[402,419,420],{"class":416}," lang",[402,422,423],{"class":408},"=",[402,425,426],{"class":408},"\"",[402,428,430],{"class":429},"sfazB","ts",[402,432,426],{"class":408},[402,434,435],{"class":408},">\n",[402,437,439,443],{"class":404,"line":438},2,[402,440,442],{"class":441},"s7zQu","import",[402,444,445],{"class":408}," {\n",[402,447,449,453],{"class":404,"line":448},3,[402,450,452],{"class":451},"sTEyZ","  VyInput",[402,454,455],{"class":408},",\n",[402,457,459,462],{"class":404,"line":458},4,[402,460,461],{"class":451},"  VyKeyboardAwareResponder",[402,463,455],{"class":408},[402,465,467,470],{"class":404,"line":466},5,[402,468,469],{"class":451},"  VyKeyboardAwareRoot",[402,471,455],{"class":408},[402,473,475,478,481,484,486],{"class":404,"line":474},6,[402,476,477],{"class":408},"}",[402,479,480],{"class":441}," from",[402,482,483],{"class":408}," '",[402,485,36],{"class":429},[402,487,488],{"class":408},"'\n",[402,490,492,495,497],{"class":404,"line":491},7,[402,493,494],{"class":408},"\u003C\u002F",[402,496,413],{"class":412},[402,498,435],{"class":408},[402,500,502],{"class":404,"line":501},8,[402,503,505],{"emptyLinePlaceholder":504},true,"\n",[402,507,509,511,514],{"class":404,"line":508},9,[402,510,409],{"class":408},[402,512,513],{"class":412},"template",[402,515,435],{"class":408},[402,517,519,522,524],{"class":404,"line":518},10,[402,520,521],{"class":408},"  \u003C",[402,523,336],{"class":412},[402,525,435],{"class":408},[402,527,529,532,534],{"class":404,"line":528},11,[402,530,531],{"class":408},"    \u003C",[402,533,340],{"class":412},[402,535,435],{"class":408},[402,537,539,542,544,547,549,551,554,556],{"class":404,"line":538},12,[402,540,541],{"class":408},"      \u003C",[402,543,371],{"class":412},[402,545,546],{"class":416}," placeholder",[402,548,423],{"class":408},[402,550,426],{"class":408},[402,552,553],{"class":429},"Message",[402,555,426],{"class":408},[402,557,558],{"class":408}," \u002F>\n",[402,560,562,565,567],{"class":404,"line":561},13,[402,563,564],{"class":408},"    \u003C\u002F",[402,566,340],{"class":412},[402,568,435],{"class":408},[402,570,572,575,577],{"class":404,"line":571},14,[402,573,574],{"class":408},"  \u003C\u002F",[402,576,336],{"class":412},[402,578,435],{"class":408},[402,580,582,584,586],{"class":404,"line":581},15,[402,583,494],{"class":408},[402,585,513],{"class":412},[402,587,435],{"class":408},[324,589,590,591,594],{},"For a long form, use the responder's scroll-view mode. The scroll region only scrolls once its height is bounded — pass the cap through ",[328,592,593],{},"scroll-view-class",":",[393,596,598],{"className":395,"code":597,"language":397,"meta":398,"style":398},"\u003CVyKeyboardAwareRoot>\n  \u003CVyKeyboardAwareResponder\n    mode=\"scroll-view\"\n    scrollview-id=\"profile-form\"\n    scroll-view-class=\"max-h-96\"\n  >\n    \u003CVyInput\n      v-for=\"field in fields\"\n      :key=\"field.name\"\n      v-model=\"field.value\"\n      :placeholder=\"field.label\"\n    \u002F>\n  \u003C\u002FVyKeyboardAwareResponder>\n\u003C\u002FVyKeyboardAwareRoot>\n",[328,599,600,608,613,618,623,628,633,638,643,648,653,658,663,668],{"__ignoreMap":398},[402,601,602,604,606],{"class":404,"line":405},[402,603,409],{"class":408},[402,605,336],{"class":412},[402,607,435],{"class":408},[402,609,610],{"class":404,"line":438},[402,611,612],{"class":451},"  \u003CVyKeyboardAwareResponder\n",[402,614,615],{"class":404,"line":448},[402,616,617],{"class":451},"    mode=\"scroll-view\"\n",[402,619,620],{"class":404,"line":458},[402,621,622],{"class":451},"    scrollview-id=\"profile-form\"\n",[402,624,625],{"class":404,"line":466},[402,626,627],{"class":451},"    scroll-view-class=\"max-h-96\"\n",[402,629,630],{"class":404,"line":474},[402,631,632],{"class":451},"  >\n",[402,634,635],{"class":404,"line":491},[402,636,637],{"class":451},"    \u003CVyInput\n",[402,639,640],{"class":404,"line":501},[402,641,642],{"class":451},"      v-for=\"field in fields\"\n",[402,644,645],{"class":404,"line":508},[402,646,647],{"class":451},"      :key=\"field.name\"\n",[402,649,650],{"class":404,"line":518},[402,651,652],{"class":451},"      v-model=\"field.value\"\n",[402,654,655],{"class":404,"line":528},[402,656,657],{"class":451},"      :placeholder=\"field.label\"\n",[402,659,660],{"class":404,"line":538},[402,661,662],{"class":451},"    \u002F>\n",[402,664,665],{"class":404,"line":561},[402,666,667],{"class":451},"  \u003C\u002FVyKeyboardAwareResponder>\n",[402,669,670,672,674],{"class":404,"line":571},[402,671,494],{"class":408},[402,673,336],{"class":412},[402,675,435],{"class":408},[324,677,678,679,681],{},"Wrap a region in ",[328,680,344],{}," when several inputs should be measured as one block (a composer bar with attachments, say) or when the region needs extra clearance:",[393,683,685],{"className":395,"code":684,"language":397,"meta":398,"style":398},"\u003CVyKeyboardAwareTrigger :offset=\"16\">\n  \u003CVyInput placeholder=\"Message\" \u002F>\n  \u003CVyButton label=\"Send\" \u002F>\n\u003C\u002FVyKeyboardAwareTrigger>\n",[328,686,687,710,715,720],{"__ignoreMap":398},[402,688,689,691,693,696,698,700,702,706,708],{"class":404,"line":405},[402,690,409],{"class":408},[402,692,344],{"class":412},[402,694,695],{"class":408}," :",[402,697,382],{"class":416},[402,699,423],{"class":408},[402,701,426],{"class":408},[402,703,705],{"class":704},"sbssI","16",[402,707,426],{"class":408},[402,709,435],{"class":408},[402,711,712],{"class":404,"line":438},[402,713,714],{"class":451},"  \u003CVyInput placeholder=\"Message\" \u002F>\n",[402,716,717],{"class":404,"line":448},[402,718,719],{"class":451},"  \u003CVyButton label=\"Send\" \u002F>\n",[402,721,722,724,726],{"class":404,"line":458},[402,723,494],{"class":408},[402,725,344],{"class":412},[402,727,435],{"class":408},[319,729,731],{"id":730},"composition","Composition",[733,734,735,741,754],"ul",{},[736,737,738,740],"li",{},[328,739,336],{}," tracks the focused input (or trigger) and the keyboard height, and drives the responder.",[736,742,743,745,746,749,750,753],{},[328,744,340],{}," owns the surface that moves (",[328,747,748],{},"view"," mode) or scrolls (",[328,751,752],{},"scroll-view"," mode).",[736,755,756,758],{},[328,757,344],{}," optionally groups a focusable region and reports focus, blur, and layout changes for the block as a whole; bare inputs report for themselves.",[324,760,761],{},"The primitives render as normal wrappers when used outside a root, but no keyboard avoidance occurs.",[319,763,765],{"id":764},"props","Props",[767,768,770],"h3",{"id":769},"vykeyboardawareroot",[328,771,336],{},[773,774,775,794],"table",{},[776,777,778],"thead",{},[779,780,781,785,788,791],"tr",{},[782,783,784],"th",{},"Prop",[782,786,787],{},"Type",[782,789,790],{},"Default",[782,792,793],{},"Description",[795,796,797,818,840,858,878],"tbody",{},[779,798,799,805,810,815],{},[800,801,802],"td",{},[328,803,804],{},"forceAttach",[800,806,807],{},[328,808,809],{},"boolean",[800,811,812],{},[328,813,814],{},"false",[800,816,817],{},"Keeps translating the responder toward the keyboard even when the trigger is already visible.",[779,819,820,824,829,834],{},[800,821,822],{},[328,823,382],{},[800,825,826],{},[328,827,828],{},"number",[800,830,831],{},[328,832,833],{},"0",[800,835,836,837,839],{},"Extra clearance in px between a self-registered input and the keyboard top. Regions wrapped in a trigger use the trigger's own ",[328,838,382],{}," instead.",[779,841,842,847,851,855],{},[800,843,844],{},[328,845,846],{},"androidStatusBarPlusBottomBarHeight",[800,848,849],{},[328,850,828],{},[800,852,853],{},[328,854,833],{},[800,856,857],{},"Corrects Android measurements for system bars, in pixels.",[779,859,860,865,870,875],{},[800,861,862],{},[328,863,864],{},"as",[800,866,867],{},[328,868,869],{},"AsTag",[800,871,872],{},[328,873,874],{},"'view'",[800,876,877],{},"Underlying Lynx element.",[779,879,880,885,889,893],{},[800,881,882],{},[328,883,884],{},"asChild",[800,886,887],{},[328,888,809],{},[800,890,891],{},[328,892,814],{},[800,894,895],{},"Merges behavior into the single child element.",[767,897,899],{"id":898},"vykeyboardawareresponder",[328,900,340],{},[773,902,903,915],{},[776,904,905],{},[779,906,907,909,911,913],{},[782,908,784],{},[782,910,787],{},[782,912,790],{},[782,914,793],{},[795,916,917,936,956,978,995],{},[779,918,919,924,929,933],{},[800,920,921],{},[328,922,923],{},"mode",[800,925,926],{},[328,927,928],{},"'view' | 'scroll-view'",[800,930,931],{},[328,932,874],{},[800,934,935],{},"Translates a static view or scrolls a native scroll view.",[779,937,938,943,948,953],{},[800,939,940],{},[328,941,942],{},"scrollviewId",[800,944,945],{},[328,946,947],{},"string",[800,949,950],{},[328,951,952],{},"'scrollview'",[800,954,955],{},"Native scroll-view identifier used by the root. Make it unique when several scroll-mode responders can be on screen.",[779,957,958,963,968,971],{},[800,959,960],{},[328,961,962],{},"scrollViewClass",[800,964,965],{},[328,966,967],{},"any",[800,969,970],{},"—",[800,972,973,974,977],{},"Class applied to the inner ",[328,975,976],{},"\u003Cscroll-view>"," in scroll-view mode. Put the height cap here — the region only scrolls once bounded.",[779,979,980,984,988,992],{},[800,981,982],{},[328,983,864],{},[800,985,986],{},[328,987,869],{},[800,989,990],{},[328,991,874],{},[800,993,994],{},"Underlying element in view mode.",[779,996,997,1001,1005,1009],{},[800,998,999],{},[328,1000,884],{},[800,1002,1003],{},[328,1004,809],{},[800,1006,1007],{},[328,1008,814],{},[800,1010,1011],{},"Merges behavior into the single child element in view mode.",[767,1013,1015],{"id":1014},"vykeyboardawaretrigger",[328,1016,344],{},[773,1018,1019,1031],{},[776,1020,1021],{},[779,1022,1023,1025,1027,1029],{},[782,1024,784],{},[782,1026,787],{},[782,1028,790],{},[782,1030,793],{},[795,1032,1033,1050,1066],{},[779,1034,1035,1039,1043,1047],{},[800,1036,1037],{},[328,1038,382],{},[800,1040,1041],{},[328,1042,828],{},[800,1044,1045],{},[328,1046,833],{},[800,1048,1049],{},"Extra space between the focused region and keyboard, in pixels.",[779,1051,1052,1056,1060,1064],{},[800,1053,1054],{},[328,1055,864],{},[800,1057,1058],{},[328,1059,869],{},[800,1061,1062],{},[328,1063,874],{},[800,1065,877],{},[779,1067,1068,1072,1076,1080],{},[800,1069,1070],{},[328,1071,884],{},[800,1073,1074],{},[328,1075,809],{},[800,1077,1078],{},[328,1079,814],{},[800,1081,895],{},[319,1083,1085],{"id":1084},"emits","Emits",[767,1087,1089],{"id":1088},"vykeyboardawareroot-1",[328,1090,336],{},[773,1092,1093,1105],{},[776,1094,1095],{},[779,1096,1097,1100,1103],{},[782,1098,1099],{},"Event",[782,1101,1102],{},"Payload",[782,1104,793],{},[795,1106,1107],{},[779,1108,1109,1114,1118],{},[800,1110,1111],{},[328,1112,1113],{},"keyboardHeightChange",[800,1115,1116],{},[328,1117,828],{},[800,1119,1120,1121,1123,1124,1127],{},"Fires whenever the tracked keyboard height changes, in px (",[328,1122,833],{}," = hidden). Lets wrappers react without their own listener — ",[328,1125,1126],{},"VyTray"," uses it to drive its panel rise.",[319,1129,1131],{"id":1130},"slots","Slots",[324,1133,1134],{},"All three primitives expose a single default slot. Place one responder inside the root; inputs anywhere under the root register themselves, and triggers are only needed for grouped regions or offsets.",[319,1136,299],{"id":1137},"accessibility",[733,1139,1140,1143,1146,1149],{},[736,1141,1142],{},"Keep visible labels associated with each input; keyboard avoidance does not provide labeling.",[736,1144,1145],{},"Preserve a predictable focus order when a responder contains multiple triggers.",[736,1147,1148],{},"Avoid large offsets that move surrounding context entirely off-screen.",[736,1150,1151],{},"Test hardware-keyboard and screen-reader navigation separately because no on-screen keyboard may appear.",[319,1153,1155],{"id":1154},"platform-notes","Platform notes",[733,1157,1158,1175,1181],{},[736,1159,1160,1161,1164,1165,1167,1168,1170,1171,1174],{},"The keyboard signal is the focused input's per-element ",[328,1162,1163],{},"keyboard"," event, normalized by ",[328,1166,371],{}," \u002F ",[328,1169,375],{}," and piped up to the root automatically. The global Lynx ",[328,1172,1173],{},"keyboardstatuschanged"," event is kept as a fallback but is not delivered to the vue-lynx background runtime, so an input (or a component built on one) must be focused inside the root for avoidance to engage.",[736,1176,1177,1178,1180],{},"Android layouts may need ",[328,1179,846],{}," when native bounds omit system bars.",[736,1182,1183],{},"On the web, there is no equivalent native keyboard event. The wrappers remain in place and the responder does not translate.",[319,1185,1187],{"id":1186},"related-components","Related components",[733,1189,1190,1194,1198,1202,1206],{},[736,1191,1192],{},[350,1193,137],{"href":138},[736,1195,1196],{},[350,1197,273],{"href":274},[736,1199,1200],{},[350,1201,289],{"href":290},[736,1203,1204],{},[350,1205,360],{"href":357},[736,1207,1208],{},[350,1209,128],{"href":129},[1211,1212,1213],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":398,"searchDepth":405,"depth":438,"links":1215},[1216,1217,1218,1219,1224,1227,1228,1229,1230],{"id":321,"depth":438,"text":322},{"id":390,"depth":438,"text":391},{"id":730,"depth":438,"text":731},{"id":764,"depth":438,"text":765,"children":1220},[1221,1222,1223],{"id":769,"depth":448,"text":336},{"id":898,"depth":448,"text":340},{"id":1014,"depth":448,"text":344},{"id":1084,"depth":438,"text":1085,"children":1225},[1226],{"id":1088,"depth":448,"text":336},{"id":1130,"depth":438,"text":1131},{"id":1137,"depth":438,"text":299},{"id":1154,"depth":438,"text":1155},{"id":1186,"depth":438,"text":1187},"Keep focused form controls visible above the native on-screen keyboard.","md",{},{"icon":159},{"title":156,"description":1231},"9Ga6cnSwOWAKtx3F9T0XYTmsZ-wv0lwhMWH4ZFoP7is",[1238,1240],{"title":151,"path":152,"stem":153,"description":1239,"icon":-1,"children":-1,"navigation":-1},"Position multiple companion islands as one floating or inline layout.",{"title":161,"path":162,"stem":163,"description":1241,"icon":-1,"children":-1,"navigation":-1},"Render visible text for a form control.",1783464081142]