[{"data":1,"prerenderedAt":880},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:xFR2ZojJEGf6PEJXkjfGJr17EuWWlqylm8b0JyozIwY":113,"content-page-surround:docs:xFR2ZojJEGf6PEJXkjfGJr17EuWWlqylm8b0JyozIwY":867,"i-logos:typescript-icon":870,"i-logos:vue":874,"i-lucide:clipboard":877},[4,32,68,108],{"title":5,"id":6,"canonicalKey":7,"locale":8,"draft":9,"path":10,"children":11},"Getting started","content:docs:1.getting-started:.navigation.yml","1","en",false,"\u002Fdocs\u002Fgetting-started",[12,17,22,27],{"title":13,"id":14,"canonicalKey":15,"locale":8,"draft":9,"path":16},"Nuxt guide","content:docs:1.getting-started:2.nuxt.md","1\u002F2","\u002Fdocs\u002Fgetting-started\u002Fnuxt",{"title":18,"id":19,"canonicalKey":20,"locale":8,"draft":9,"path":21},"Vue guide","content:docs:1.getting-started:3.vue.md","1\u002F3","\u002Fdocs\u002Fgetting-started\u002Fvue",{"title":23,"id":24,"canonicalKey":25,"locale":8,"draft":9,"path":26},"Customize the tour","content:docs:1.getting-started:4.customization.md","1\u002F4","\u002Fdocs\u002Fgetting-started\u002Fcustomization",{"title":28,"id":29,"canonicalKey":30,"locale":8,"draft":9,"path":31},"Troubleshooting","content:docs:1.getting-started:5.troubleshooting.md","1\u002F5","\u002Fdocs\u002Fgetting-started\u002Ftroubleshooting",{"title":33,"id":34,"canonicalKey":35,"locale":8,"draft":9,"path":36,"children":37},"Recipes","content:docs:2.recipes:.navigation.yml","2","\u002Fdocs\u002Frecipes",[38,43,48,53,58,63],{"title":39,"id":40,"canonicalKey":41,"locale":8,"draft":9,"path":42},"Rich content and images","content:docs:2.recipes:2.rich-content.md","2\u002F2","\u002Fdocs\u002Frecipes\u002Frich-content",{"title":44,"id":45,"canonicalKey":46,"locale":8,"draft":9,"path":47},"Routes and dynamic targets","content:docs:2.recipes:3.routes-and-targets.md","2\u002F3","\u002Fdocs\u002Frecipes\u002Froutes-and-targets",{"title":49,"id":50,"canonicalKey":51,"locale":8,"draft":9,"path":52},"Conditions and preparation","content:docs:2.recipes:4.conditions-and-preparation.md","2\u002F4","\u002Fdocs\u002Frecipes\u002Fconditions-and-preparation",{"title":54,"id":55,"canonicalKey":56,"locale":8,"draft":9,"path":57},"Interaction and focus","content:docs:2.recipes:5.interaction-and-focus.md","2\u002F5","\u002Fdocs\u002Frecipes\u002Finteraction-and-focus",{"title":59,"id":60,"canonicalKey":61,"locale":8,"draft":9,"path":62},"Customization and labels","content:docs:2.recipes:6.customization.md","2\u002F6","\u002Fdocs\u002Frecipes\u002Fcustomization",{"title":64,"id":65,"canonicalKey":66,"locale":8,"draft":9,"path":67},"Events and progress","content:docs:2.recipes:7.events-and-progress.md","2\u002F7","\u002Fdocs\u002Frecipes\u002Fevents-and-progress",{"title":69,"page":9,"canonicalKey":70,"locale":8,"id":71,"draft":9,"children":72},"Design","3","content:docs:3.design:.navigation.yml",[73,78,83,88,93,98,103],{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"path":77},"Product and scope","content:docs:3.design:1.product-and-scope.md","3\u002F1","\u002Fdocs\u002Fdesign\u002Fproduct-and-scope",{"title":79,"id":80,"canonicalKey":81,"locale":8,"draft":9,"path":82},"Public API","content:docs:3.design:2.public-api.md","3\u002F2","\u002Fdocs\u002Fdesign\u002Fpublic-api",{"title":84,"id":85,"canonicalKey":86,"locale":8,"draft":9,"path":87},"Runtime semantics","content:docs:3.design:3.runtime-semantics.md","3\u002F3","\u002Fdocs\u002Fdesign\u002Fruntime-semantics",{"title":89,"id":90,"canonicalKey":91,"locale":8,"draft":9,"path":92},"Nuxt and Vue integration","content:docs:3.design:4.nuxt-and-vue.md","3\u002F4","\u002Fdocs\u002Fdesign\u002Fnuxt-and-vue",{"title":94,"id":95,"canonicalKey":96,"locale":8,"draft":9,"path":97},"Rendering and accessibility","content:docs:3.design:5.rendering-and-accessibility.md","3\u002F5","\u002Fdocs\u002Fdesign\u002Frendering-and-accessibility",{"title":99,"id":100,"canonicalKey":101,"locale":8,"draft":9,"path":102},"Architecture and testing","content:docs:3.design:6.architecture-and-testing.md","3\u002F6","\u002Fdocs\u002Fdesign\u002Farchitecture-and-testing",{"title":104,"id":105,"canonicalKey":106,"locale":8,"draft":9,"path":107},"Research decisions","content:docs:3.design:7.research-decisions.md","3\u002F7","\u002Fdocs\u002Fdesign\u002Fresearch-decisions",{"title":109,"id":110,"canonicalKey":111,"locale":8,"draft":9,"path":112},"Implementation","content:docs:4.implementation:.navigation.yml","4","\u002Fdocs\u002Fimplementation",{"title":54,"description":114,"body":115,"type":854,"id":55,"canonicalKey":56,"draft":9,"partial":9,"locale":8,"collection":855,"navigationFile":9,"file":856,"route":862,"resolution":864},"Choose how much of the product remains available during each step.",{"type":116,"children":117,"toc":846},"root",[118,127,141,236,243,430,435,441,606,611,617,841],{"type":119,"tag":120,"props":121,"children":123},"element","h1",{"id":122},"choose-an-interaction-mode",[124],{"type":125,"value":126},"text","Choose an interaction mode",{"type":119,"tag":128,"props":129,"children":130},"p",{},[131,133,139],{"type":125,"value":132},"Each step chooses one interaction boundary. The default is ",{"type":119,"tag":134,"props":135,"children":136},"code",{},[137],{"type":125,"value":138},"modal",{"type":125,"value":140},".",{"type":119,"tag":142,"props":143,"children":144},"table",{},[145,169],{"type":119,"tag":146,"props":147,"children":148},"thead",{},[149],{"type":119,"tag":150,"props":151,"children":152},"tr",{},[153,159,164],{"type":119,"tag":154,"props":155,"children":156},"th",{},[157],{"type":125,"value":158},"Mode",{"type":119,"tag":154,"props":160,"children":161},{},[162],{"type":125,"value":163},"Available interface",{"type":119,"tag":154,"props":165,"children":166},{},[167],{"type":125,"value":168},"Use it for",{"type":119,"tag":170,"props":171,"children":172},"tbody",{},[173,194,215],{"type":119,"tag":150,"props":174,"children":175},{},[176,184,189],{"type":119,"tag":177,"props":178,"children":179},"td",{},[180],{"type":119,"tag":134,"props":181,"children":182},{},[183],{"type":125,"value":138},{"type":119,"tag":177,"props":185,"children":186},{},[187],{"type":125,"value":188},"Tour card only",{"type":119,"tag":177,"props":190,"children":191},{},[192],{"type":125,"value":193},"Explanation and navigation",{"type":119,"tag":150,"props":195,"children":196},{},[197,205,210],{"type":119,"tag":177,"props":198,"children":199},{},[200],{"type":119,"tag":134,"props":201,"children":202},{},[203],{"type":125,"value":204},"target",{"type":119,"tag":177,"props":206,"children":207},{},[208],{"type":125,"value":209},"Tour card and highlighted target",{"type":119,"tag":177,"props":211,"children":212},{},[213],{"type":125,"value":214},"A button, input, or small control group",{"type":119,"tag":150,"props":216,"children":217},{},[218,226,231],{"type":119,"tag":177,"props":219,"children":220},{},[221],{"type":119,"tag":134,"props":222,"children":223},{},[224],{"type":125,"value":225},"page",{"type":119,"tag":177,"props":227,"children":228},{},[229],{"type":125,"value":230},"Entire page",{"type":119,"tag":177,"props":232,"children":233},{},[234],{"type":125,"value":235},"Observation while the product remains usable",{"type":119,"tag":237,"props":238,"children":240},"h2",{"id":239},"let-the-user-operate-the-target",[241],{"type":125,"value":242},"Let the user operate the target",{"type":119,"tag":244,"props":245,"children":248},"pre",{"language":246,"class":247},"ts","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[249],{"type":119,"tag":134,"props":250,"children":252},{"class":251},"language-ts",[253,265,267,302,303,332,333,362,363,392,393,421,422],{"type":119,"tag":254,"props":255,"children":258},"span",{"class":256,"style":257},"line","display: inline",[259],{"type":119,"tag":254,"props":260,"children":262},{"style":261},"color:#39ADB5;--shiki-dark:#89DDFF",[263],{"type":125,"value":264},"{",{"type":125,"value":266},"\n",{"type":119,"tag":254,"props":268,"children":269},{"class":256,"style":257},[270,276,281,286,292,297],{"type":119,"tag":254,"props":271,"children":273},{"style":272},"color:#E2931D;--shiki-dark:#FFCB6B",[274],{"type":125,"value":275},"  id",{"type":119,"tag":254,"props":277,"children":278},{"style":261},[279],{"type":125,"value":280},":",{"type":119,"tag":254,"props":282,"children":283},{"style":261},[284],{"type":125,"value":285}," '",{"type":119,"tag":254,"props":287,"children":289},{"style":288},"color:#91B859;--shiki-dark:#C3E88D",[290],{"type":125,"value":291},"filters",{"type":119,"tag":254,"props":293,"children":294},{"style":261},[295],{"type":125,"value":296},"'",{"type":119,"tag":254,"props":298,"children":299},{"style":261},[300],{"type":125,"value":301},",",{"type":125,"value":266},{"type":119,"tag":254,"props":304,"children":305},{"class":256,"style":257},[306,311,315,319,324,328],{"type":119,"tag":254,"props":307,"children":308},{"style":272},[309],{"type":125,"value":310},"  target",{"type":119,"tag":254,"props":312,"children":313},{"style":261},[314],{"type":125,"value":280},{"type":119,"tag":254,"props":316,"children":317},{"style":261},[318],{"type":125,"value":285},{"type":119,"tag":254,"props":320,"children":321},{"style":288},[322],{"type":125,"value":323},"project-filters",{"type":119,"tag":254,"props":325,"children":326},{"style":261},[327],{"type":125,"value":296},{"type":119,"tag":254,"props":329,"children":330},{"style":261},[331],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":334,"children":335},{"class":256,"style":257},[336,341,345,349,354,358],{"type":119,"tag":254,"props":337,"children":338},{"style":272},[339],{"type":125,"value":340},"  title",{"type":119,"tag":254,"props":342,"children":343},{"style":261},[344],{"type":125,"value":280},{"type":119,"tag":254,"props":346,"children":347},{"style":261},[348],{"type":125,"value":285},{"type":119,"tag":254,"props":350,"children":351},{"style":288},[352],{"type":125,"value":353},"Narrow the project list",{"type":119,"tag":254,"props":355,"children":356},{"style":261},[357],{"type":125,"value":296},{"type":119,"tag":254,"props":359,"children":360},{"style":261},[361],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":364,"children":365},{"class":256,"style":257},[366,371,375,379,384,388],{"type":119,"tag":254,"props":367,"children":368},{"style":272},[369],{"type":125,"value":370},"  content",{"type":119,"tag":254,"props":372,"children":373},{"style":261},[374],{"type":125,"value":280},{"type":119,"tag":254,"props":376,"children":377},{"style":261},[378],{"type":125,"value":285},{"type":119,"tag":254,"props":380,"children":381},{"style":288},[382],{"type":125,"value":383},"Try the filters before you continue.",{"type":119,"tag":254,"props":385,"children":386},{"style":261},[387],{"type":125,"value":296},{"type":119,"tag":254,"props":389,"children":390},{"style":261},[391],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":394,"children":395},{"class":256,"style":257},[396,401,405,409,413,417],{"type":119,"tag":254,"props":397,"children":398},{"style":272},[399],{"type":125,"value":400},"  interaction",{"type":119,"tag":254,"props":402,"children":403},{"style":261},[404],{"type":125,"value":280},{"type":119,"tag":254,"props":406,"children":407},{"style":261},[408],{"type":125,"value":285},{"type":119,"tag":254,"props":410,"children":411},{"style":288},[412],{"type":125,"value":204},{"type":119,"tag":254,"props":414,"children":415},{"style":261},[416],{"type":125,"value":296},{"type":119,"tag":254,"props":418,"children":419},{"style":261},[420],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":423,"children":424},{"class":256,"style":257},[425],{"type":119,"tag":254,"props":426,"children":427},{"style":261},[428],{"type":125,"value":429},"}",{"type":119,"tag":128,"props":431,"children":432},{},[433],{"type":125,"value":434},"The focus scope contains the card and highlighted target. The overlay blocks\nthe rest of the page.",{"type":119,"tag":237,"props":436,"children":438},{"id":437},"keep-the-full-page-available",[439],{"type":125,"value":440},"Keep the full page available",{"type":119,"tag":244,"props":442,"children":443},{"language":246,"class":247},[444],{"type":119,"tag":134,"props":445,"children":446},{"class":251},[447,454,455,483,484,512,513,541,542,570,571,598,599],{"type":119,"tag":254,"props":448,"children":449},{"class":256,"style":257},[450],{"type":119,"tag":254,"props":451,"children":452},{"style":261},[453],{"type":125,"value":264},{"type":125,"value":266},{"type":119,"tag":254,"props":456,"children":457},{"class":256,"style":257},[458,462,466,470,475,479],{"type":119,"tag":254,"props":459,"children":460},{"style":272},[461],{"type":125,"value":275},{"type":119,"tag":254,"props":463,"children":464},{"style":261},[465],{"type":125,"value":280},{"type":119,"tag":254,"props":467,"children":468},{"style":261},[469],{"type":125,"value":285},{"type":119,"tag":254,"props":471,"children":472},{"style":288},[473],{"type":125,"value":474},"arrange-board",{"type":119,"tag":254,"props":476,"children":477},{"style":261},[478],{"type":125,"value":296},{"type":119,"tag":254,"props":480,"children":481},{"style":261},[482],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":485,"children":486},{"class":256,"style":257},[487,491,495,499,504,508],{"type":119,"tag":254,"props":488,"children":489},{"style":272},[490],{"type":125,"value":310},{"type":119,"tag":254,"props":492,"children":493},{"style":261},[494],{"type":125,"value":280},{"type":119,"tag":254,"props":496,"children":497},{"style":261},[498],{"type":125,"value":285},{"type":119,"tag":254,"props":500,"children":501},{"style":288},[502],{"type":125,"value":503},"project-board",{"type":119,"tag":254,"props":505,"children":506},{"style":261},[507],{"type":125,"value":296},{"type":119,"tag":254,"props":509,"children":510},{"style":261},[511],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":514,"children":515},{"class":256,"style":257},[516,520,524,528,533,537],{"type":119,"tag":254,"props":517,"children":518},{"style":272},[519],{"type":125,"value":340},{"type":119,"tag":254,"props":521,"children":522},{"style":261},[523],{"type":125,"value":280},{"type":119,"tag":254,"props":525,"children":526},{"style":261},[527],{"type":125,"value":285},{"type":119,"tag":254,"props":529,"children":530},{"style":288},[531],{"type":125,"value":532},"Arrange the board",{"type":119,"tag":254,"props":534,"children":535},{"style":261},[536],{"type":125,"value":296},{"type":119,"tag":254,"props":538,"children":539},{"style":261},[540],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":543,"children":544},{"class":256,"style":257},[545,549,553,557,562,566],{"type":119,"tag":254,"props":546,"children":547},{"style":272},[548],{"type":125,"value":370},{"type":119,"tag":254,"props":550,"children":551},{"style":261},[552],{"type":125,"value":280},{"type":119,"tag":254,"props":554,"children":555},{"style":261},[556],{"type":125,"value":285},{"type":119,"tag":254,"props":558,"children":559},{"style":288},[560],{"type":125,"value":561},"Move a card when you are ready.",{"type":119,"tag":254,"props":563,"children":564},{"style":261},[565],{"type":125,"value":296},{"type":119,"tag":254,"props":567,"children":568},{"style":261},[569],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":572,"children":573},{"class":256,"style":257},[574,578,582,586,590,594],{"type":119,"tag":254,"props":575,"children":576},{"style":272},[577],{"type":125,"value":400},{"type":119,"tag":254,"props":579,"children":580},{"style":261},[581],{"type":125,"value":280},{"type":119,"tag":254,"props":583,"children":584},{"style":261},[585],{"type":125,"value":285},{"type":119,"tag":254,"props":587,"children":588},{"style":288},[589],{"type":125,"value":225},{"type":119,"tag":254,"props":591,"children":592},{"style":261},[593],{"type":125,"value":296},{"type":119,"tag":254,"props":595,"children":596},{"style":261},[597],{"type":125,"value":301},{"type":125,"value":266},{"type":119,"tag":254,"props":600,"children":601},{"class":256,"style":257},[602],{"type":119,"tag":254,"props":603,"children":604},{"style":261},[605],{"type":125,"value":429},{"type":119,"tag":128,"props":607,"children":608},{},[609],{"type":125,"value":610},"Page interaction is intentionally permissive. Use it only when the tour can\nremain correct after the user changes other interface state.",{"type":119,"tag":237,"props":612,"children":614},{"id":613},"start-from-a-synchronous-user-action",[615],{"type":125,"value":616},"Start from a synchronous user action",{"type":119,"tag":244,"props":618,"children":620},{"language":619,"class":247},"vue",[621],{"type":119,"tag":134,"props":622,"children":624},{"class":623},"language-vue",[625,673,674,721,722,738,739,742,743,759,760,799,800,808,809,825,826],{"type":119,"tag":254,"props":626,"children":627},{"class":256,"style":257},[628,633,639,645,650,655,660,664,668],{"type":119,"tag":254,"props":629,"children":630},{"style":261},[631],{"type":125,"value":632},"\u003C",{"type":119,"tag":254,"props":634,"children":636},{"style":635},"color:#E53935;--shiki-dark:#F07178",[637],{"type":125,"value":638},"script",{"type":119,"tag":254,"props":640,"children":642},{"style":641},"color:#9C3EDA;--shiki-dark:#C792EA",[643],{"type":125,"value":644}," setup",{"type":119,"tag":254,"props":646,"children":647},{"style":641},[648],{"type":125,"value":649}," lang",{"type":119,"tag":254,"props":651,"children":652},{"style":261},[653],{"type":125,"value":654},"=",{"type":119,"tag":254,"props":656,"children":657},{"style":261},[658],{"type":125,"value":659},"\"",{"type":119,"tag":254,"props":661,"children":662},{"style":288},[663],{"type":125,"value":246},{"type":119,"tag":254,"props":665,"children":666},{"style":261},[667],{"type":125,"value":659},{"type":119,"tag":254,"props":669,"children":670},{"style":261},[671],{"type":125,"value":672},">",{"type":125,"value":266},{"type":119,"tag":254,"props":675,"children":676},{"class":256,"style":257},[677,682,688,692,698,703,707,712,716],{"type":119,"tag":254,"props":678,"children":679},{"style":641},[680],{"type":125,"value":681},"const",{"type":119,"tag":254,"props":683,"children":685},{"style":684},"color:#90A4AE;--shiki-dark:#BABED8",[686],{"type":125,"value":687}," onboarding ",{"type":119,"tag":254,"props":689,"children":690},{"style":261},[691],{"type":125,"value":654},{"type":119,"tag":254,"props":693,"children":695},{"style":694},"color:#6182B8;--shiki-dark:#82AAFF",[696],{"type":125,"value":697}," useNuxtTour",{"type":119,"tag":254,"props":699,"children":700},{"style":684},[701],{"type":125,"value":702},"(",{"type":119,"tag":254,"props":704,"children":705},{"style":261},[706],{"type":125,"value":296},{"type":119,"tag":254,"props":708,"children":709},{"style":288},[710],{"type":125,"value":711},"onboarding",{"type":119,"tag":254,"props":713,"children":714},{"style":261},[715],{"type":125,"value":296},{"type":119,"tag":254,"props":717,"children":718},{"style":684},[719],{"type":125,"value":720},")",{"type":125,"value":266},{"type":119,"tag":254,"props":723,"children":724},{"class":256,"style":257},[725,730,734],{"type":119,"tag":254,"props":726,"children":727},{"style":261},[728],{"type":125,"value":729},"\u003C\u002F",{"type":119,"tag":254,"props":731,"children":732},{"style":635},[733],{"type":125,"value":638},{"type":119,"tag":254,"props":735,"children":736},{"style":261},[737],{"type":125,"value":672},{"type":125,"value":266},{"type":119,"tag":254,"props":740,"children":741},{"class":256,"style":257},[],{"type":125,"value":266},{"type":119,"tag":254,"props":744,"children":745},{"class":256,"style":257},[746,750,755],{"type":119,"tag":254,"props":747,"children":748},{"style":261},[749],{"type":125,"value":632},{"type":119,"tag":254,"props":751,"children":752},{"style":635},[753],{"type":125,"value":754},"template",{"type":119,"tag":254,"props":756,"children":757},{"style":261},[758],{"type":125,"value":672},{"type":125,"value":266},{"type":119,"tag":254,"props":761,"children":762},{"class":256,"style":257},[763,768,773,778,782,786,791,795],{"type":119,"tag":254,"props":764,"children":765},{"style":261},[766],{"type":125,"value":767},"  \u003C",{"type":119,"tag":254,"props":769,"children":770},{"style":635},[771],{"type":125,"value":772},"button",{"type":119,"tag":254,"props":774,"children":775},{"style":641},[776],{"type":125,"value":777}," @click",{"type":119,"tag":254,"props":779,"children":780},{"style":261},[781],{"type":125,"value":654},{"type":119,"tag":254,"props":783,"children":784},{"style":261},[785],{"type":125,"value":659},{"type":119,"tag":254,"props":787,"children":788},{"style":288},[789],{"type":125,"value":790},"onboarding.start()",{"type":119,"tag":254,"props":792,"children":793},{"style":261},[794],{"type":125,"value":659},{"type":119,"tag":254,"props":796,"children":797},{"style":261},[798],{"type":125,"value":672},{"type":125,"value":266},{"type":119,"tag":254,"props":801,"children":802},{"class":256,"style":257},[803],{"type":119,"tag":254,"props":804,"children":805},{"style":684},[806],{"type":125,"value":807},"    Show me around",{"type":125,"value":266},{"type":119,"tag":254,"props":810,"children":811},{"class":256,"style":257},[812,817,821],{"type":119,"tag":254,"props":813,"children":814},{"style":261},[815],{"type":125,"value":816},"  \u003C\u002F",{"type":119,"tag":254,"props":818,"children":819},{"style":635},[820],{"type":125,"value":772},{"type":119,"tag":254,"props":822,"children":823},{"style":261},[824],{"type":125,"value":672},{"type":125,"value":266},{"type":119,"tag":254,"props":827,"children":828},{"class":256,"style":257},[829,833,837],{"type":119,"tag":254,"props":830,"children":831},{"style":261},[832],{"type":125,"value":729},{"type":119,"tag":254,"props":834,"children":835},{"style":635},[836],{"type":125,"value":754},{"type":119,"tag":254,"props":838,"children":839},{"style":261},[840],{"type":125,"value":672},{"type":119,"tag":128,"props":842,"children":843},{},[844],{"type":125,"value":845},"A synchronous trigger gives the runtime a reliable focus return point. Escape,\nthe close button, cancellation, and completion restore focus when that element\nstill exists.",{"title":847,"searchDepth":848,"depth":848,"links":849},"",4,[850,852,853],{"id":239,"depth":851,"text":242},2,{"id":437,"depth":851,"text":440},{"id":613,"depth":851,"text":616},"markdown","docs",{"source":857,"path":858,"stem":859,"dir":860,"extension":861},"content","docs\u002F2.recipes\u002F5.interaction-and-focus.md","docs\u002F2.recipes\u002F5.interaction-and-focus","recipes","md",{"requestedPath":57,"resolvedPath":57,"alternates":863},[],{"requested":865,"resolved":866,"usedFallback":9},{},{"locale":8},{"previous":868,"next":869},{"title":49,"id":50,"canonicalKey":51,"locale":8,"draft":9,"path":52},{"title":59,"id":60,"canonicalKey":61,"locale":8,"draft":9,"path":62},{"left":871,"top":871,"width":872,"height":872,"rotate":871,"vFlip":9,"hFlip":9,"body":873},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":871,"top":871,"width":872,"height":875,"rotate":871,"vFlip":9,"hFlip":9,"body":876},221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":871,"top":871,"width":878,"height":878,"rotate":871,"vFlip":9,"hFlip":9,"body":879},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788188687940]