[{"data":1,"prerenderedAt":1605},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Fcontext-menu":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":38,"body":135,"description":1599,"extension":1600,"meta":1601,"navigation":250,"path":37,"section":11,"seo":1602,"stem":1603,"__hash__":1604},"pkg\u002Fpkg\u002Fcontext-menu.md",{"type":136,"value":137,"toc":1570},"minimark",[138,142,145,150,161,165,379,383,386,391,394,397,470,474,485,488,576,580,584,587,709,739,743,750,793,797,804,836,888,892,895,899,905,964,968,984,1029,1033,1036,1040,1051,1121,1150,1154,1160,1225,1229,1235,1239,1242,1245,1251,1255,1258,1323,1327,1337,1366,1370,1382,1386,1392,1455,1459,1462,1466,1475,1559,1563,1566],[139,140,141],"p",{},"A menu that appears at the pointer on right click or long press. The popup has no stroke. Highlighted rows show the accent dot, and checked marks use the accent. Items are Regular and group labels are Light.",[143,144],"base-context-menu-demo",{},[146,147,149],"h2",{"id":148},"usage-guidelines","Usage guidelines",[151,152,153],"ul",{},[154,155,156,160],"li",{},[157,158,159],"strong",{},"Use context menus as an enhancement:"," Don’t make a context menu the only way to perform actions. Users may not discover or be able to open a context menu, especially on touch devices or with assistive technology. Always provide visible controls for the actions that are available in the context menu.",[146,162,164],{"id":163},"anatomy","Anatomy",[166,167,172],"pre",{"className":168,"code":169,"language":170,"meta":171,"style":171},"language-vue shiki shiki-themes github-light github-dark","\u003CUiContextMenuRoot>\n  \u003CUiContextMenuTrigger \u002F>\n  \u003CUiContextMenuPortal>\n    \u003CUiContextMenuBackdrop \u002F>\n    \u003CUiContextMenuPositioner>\n      \u003CUiContextMenuPopup>\n        \u003CUiContextMenuArrow \u002F>\n        \u003CUiContextMenuItem \u002F>\n        \u003CUiContextMenuLinkItem href=\"\u002F\" \u002F>\n        \u003CUiContextMenuSeparator \u002F>\n\n        \u003CUiContextMenuSubmenuRoot>\n          \u003CUiContextMenuSubmenuTrigger \u002F>\n        \u003C\u002FUiContextMenuSubmenuRoot>\n\n        \u003CUiContextMenuGroup>\n          \u003CUiContextMenuGroupLabel \u002F>\n        \u003C\u002FUiContextMenuGroup>\n\n        \u003CUiContextMenuRadioGroup>\n          \u003CUiContextMenuRadioItem value=\"a\">\n            \u003CUiContextMenuRadioItemIndicator \u002F>\n          \u003C\u002FUiContextMenuRadioItem>\n        \u003C\u002FUiContextMenuRadioGroup>\n\n        \u003CUiContextMenuCheckboxItem>\n          \u003CUiContextMenuCheckboxItemIndicator \u002F>\n        \u003C\u002FUiContextMenuCheckboxItem>\n      \u003C\u002FUiContextMenuPopup>\n    \u003C\u002FUiContextMenuPositioner>\n  \u003C\u002FUiContextMenuPortal>\n\u003C\u002FUiContextMenuRoot>\n","vue","",[173,174,175,191,197,203,209,215,221,227,233,239,245,252,258,264,270,275,281,287,293,298,304,310,316,322,328,333,339,345,351,357,363,369],"code",{"__ignoreMap":171},[176,177,180,184,188],"span",{"class":178,"line":179},"line",1,[176,181,183],{"class":182},"sVt8B","\u003C",[176,185,187],{"class":186},"s9eBZ","UiContextMenuRoot",[176,189,190],{"class":182},">\n",[176,192,194],{"class":178,"line":193},2,[176,195,196],{"class":182},"  \u003CUiContextMenuTrigger \u002F>\n",[176,198,200],{"class":178,"line":199},3,[176,201,202],{"class":182},"  \u003CUiContextMenuPortal>\n",[176,204,206],{"class":178,"line":205},4,[176,207,208],{"class":182},"    \u003CUiContextMenuBackdrop \u002F>\n",[176,210,212],{"class":178,"line":211},5,[176,213,214],{"class":182},"    \u003CUiContextMenuPositioner>\n",[176,216,218],{"class":178,"line":217},6,[176,219,220],{"class":182},"      \u003CUiContextMenuPopup>\n",[176,222,224],{"class":178,"line":223},7,[176,225,226],{"class":182},"        \u003CUiContextMenuArrow \u002F>\n",[176,228,230],{"class":178,"line":229},8,[176,231,232],{"class":182},"        \u003CUiContextMenuItem \u002F>\n",[176,234,236],{"class":178,"line":235},9,[176,237,238],{"class":182},"        \u003CUiContextMenuLinkItem href=\"\u002F\" \u002F>\n",[176,240,242],{"class":178,"line":241},10,[176,243,244],{"class":182},"        \u003CUiContextMenuSeparator \u002F>\n",[176,246,248],{"class":178,"line":247},11,[176,249,251],{"emptyLinePlaceholder":250},true,"\n",[176,253,255],{"class":178,"line":254},12,[176,256,257],{"class":182},"        \u003CUiContextMenuSubmenuRoot>\n",[176,259,261],{"class":178,"line":260},13,[176,262,263],{"class":182},"          \u003CUiContextMenuSubmenuTrigger \u002F>\n",[176,265,267],{"class":178,"line":266},14,[176,268,269],{"class":182},"        \u003C\u002FUiContextMenuSubmenuRoot>\n",[176,271,273],{"class":178,"line":272},15,[176,274,251],{"emptyLinePlaceholder":250},[176,276,278],{"class":178,"line":277},16,[176,279,280],{"class":182},"        \u003CUiContextMenuGroup>\n",[176,282,284],{"class":178,"line":283},17,[176,285,286],{"class":182},"          \u003CUiContextMenuGroupLabel \u002F>\n",[176,288,290],{"class":178,"line":289},18,[176,291,292],{"class":182},"        \u003C\u002FUiContextMenuGroup>\n",[176,294,296],{"class":178,"line":295},19,[176,297,251],{"emptyLinePlaceholder":250},[176,299,301],{"class":178,"line":300},20,[176,302,303],{"class":182},"        \u003CUiContextMenuRadioGroup>\n",[176,305,307],{"class":178,"line":306},21,[176,308,309],{"class":182},"          \u003CUiContextMenuRadioItem value=\"a\">\n",[176,311,313],{"class":178,"line":312},22,[176,314,315],{"class":182},"            \u003CUiContextMenuRadioItemIndicator \u002F>\n",[176,317,319],{"class":178,"line":318},23,[176,320,321],{"class":182},"          \u003C\u002FUiContextMenuRadioItem>\n",[176,323,325],{"class":178,"line":324},24,[176,326,327],{"class":182},"        \u003C\u002FUiContextMenuRadioGroup>\n",[176,329,331],{"class":178,"line":330},25,[176,332,251],{"emptyLinePlaceholder":250},[176,334,336],{"class":178,"line":335},26,[176,337,338],{"class":182},"        \u003CUiContextMenuCheckboxItem>\n",[176,340,342],{"class":178,"line":341},27,[176,343,344],{"class":182},"          \u003CUiContextMenuCheckboxItemIndicator \u002F>\n",[176,346,348],{"class":178,"line":347},28,[176,349,350],{"class":182},"        \u003C\u002FUiContextMenuCheckboxItem>\n",[176,352,354],{"class":178,"line":353},29,[176,355,356],{"class":182},"      \u003C\u002FUiContextMenuPopup>\n",[176,358,360],{"class":178,"line":359},30,[176,361,362],{"class":182},"    \u003C\u002FUiContextMenuPositioner>\n",[176,364,366],{"class":178,"line":365},31,[176,367,368],{"class":182},"  \u003C\u002FUiContextMenuPortal>\n",[176,370,372,375,377],{"class":178,"line":371},32,[176,373,374],{"class":182},"\u003C\u002F",[176,376,187],{"class":186},[176,378,190],{"class":182},[146,380,382],{"id":381},"examples","Examples",[139,384,385],{},"Menu displays additional demos, many of which apply to the context menu as well.",[387,388,390],"h3",{"id":389},"using-with-menu","Using with Menu",[139,392,393],{},"A context menu should supplement a primary way to perform the same actions. This image card exposes actions through a visible menu button and reuses them in the context menu for right-click and long-press users.",[143,395],{"variant":396},"withMenu",[166,398,400],{"className":168,"code":399,"language":170,"meta":171,"style":171},"\u003Cdiv class=\"card\">\n  \u003CUiContextMenuRoot>\n    \u003CUiContextMenuTrigger>\u003C!-- image -->\u003C\u002FUiContextMenuTrigger>\n    \u003CUiContextMenuPortal>\u003C!-- shared items -->\u003C\u002FUiContextMenuPortal>\n  \u003C\u002FUiContextMenuRoot>\n  \u003CUiMenuRoot>\n    \u003CUiMenuTrigger aria-label=\"Image actions\">\u003C!-- ⋮ -->\u003C\u002FUiMenuTrigger>\n    \u003CUiMenuPortal>\u003C!-- shared items -->\u003C\u002FUiMenuPortal>\n  \u003C\u002FUiMenuRoot>\n\u003C\u002Fdiv>\n",[173,401,402,422,427,432,437,442,447,452,457,462],{"__ignoreMap":171},[176,403,404,406,409,413,416,420],{"class":178,"line":179},[176,405,183],{"class":182},[176,407,408],{"class":186},"div",[176,410,412],{"class":411},"sScJk"," class",[176,414,415],{"class":182},"=",[176,417,419],{"class":418},"sZZnC","\"card\"",[176,421,190],{"class":182},[176,423,424],{"class":178,"line":193},[176,425,426],{"class":182},"  \u003CUiContextMenuRoot>\n",[176,428,429],{"class":178,"line":199},[176,430,431],{"class":182},"    \u003CUiContextMenuTrigger>\u003C!-- image -->\u003C\u002FUiContextMenuTrigger>\n",[176,433,434],{"class":178,"line":205},[176,435,436],{"class":182},"    \u003CUiContextMenuPortal>\u003C!-- shared items -->\u003C\u002FUiContextMenuPortal>\n",[176,438,439],{"class":178,"line":211},[176,440,441],{"class":182},"  \u003C\u002FUiContextMenuRoot>\n",[176,443,444],{"class":178,"line":217},[176,445,446],{"class":182},"  \u003CUiMenuRoot>\n",[176,448,449],{"class":178,"line":223},[176,450,451],{"class":182},"    \u003CUiMenuTrigger aria-label=\"Image actions\">\u003C!-- ⋮ -->\u003C\u002FUiMenuTrigger>\n",[176,453,454],{"class":178,"line":229},[176,455,456],{"class":182},"    \u003CUiMenuPortal>\u003C!-- shared items -->\u003C\u002FUiMenuPortal>\n",[176,458,459],{"class":178,"line":235},[176,460,461],{"class":182},"  \u003C\u002FUiMenuRoot>\n",[176,463,464,466,468],{"class":178,"line":241},[176,465,374],{"class":182},[176,467,408],{"class":186},[176,469,190],{"class":182},[387,471,473],{"id":472},"nested-menu","Nested menu",[139,475,476,477,480,481,484],{},"To create a submenu, put ",[173,478,479],{},"UiContextMenuSubmenuRoot"," inside the parent popup. ",[173,482,483],{},"UiContextMenuSubmenuTrigger"," is the item that opens the nested menu. Hover or ArrowRight opens it to the right; ArrowLeft closes it.",[143,486],{"variant":487},"nested",[166,489,491],{"className":168,"code":490,"language":170,"meta":171,"style":171},"\u003CUiContextMenuPopup>\n  \u003CUiContextMenuItem>Add to Library\u003C\u002FUiContextMenuItem>\n  \u003CUiContextMenuSubmenuRoot>\n    \u003CUiContextMenuSubmenuTrigger>Add to Playlist\u003C\u002FUiContextMenuSubmenuTrigger>\n    \u003CUiContextMenuPortal>\n      \u003CUiContextMenuPositioner :align-offset=\"-4\" :side-offset=\"-4\">\n        \u003CUiContextMenuPopup>\n          \u003CUiContextMenuItem>Get Up!\u003C\u002FUiContextMenuItem>\n          \u003CUiContextMenuItem>New playlist…\u003C\u002FUiContextMenuItem>\n        \u003C\u002FUiContextMenuPopup>\n      \u003C\u002FUiContextMenuPositioner>\n    \u003C\u002FUiContextMenuPortal>\n  \u003C\u002FUiContextMenuSubmenuRoot>\n\u003C\u002FUiContextMenuPopup>\n",[173,492,493,502,507,512,517,522,527,532,537,542,551,561,566,571],{"__ignoreMap":171},[176,494,495,497,500],{"class":178,"line":179},[176,496,183],{"class":182},[176,498,499],{"class":186},"UiContextMenuPopup",[176,501,190],{"class":182},[176,503,504],{"class":178,"line":193},[176,505,506],{"class":182},"  \u003CUiContextMenuItem>Add to Library\u003C\u002FUiContextMenuItem>\n",[176,508,509],{"class":178,"line":199},[176,510,511],{"class":182},"  \u003CUiContextMenuSubmenuRoot>\n",[176,513,514],{"class":178,"line":205},[176,515,516],{"class":182},"    \u003CUiContextMenuSubmenuTrigger>Add to Playlist\u003C\u002FUiContextMenuSubmenuTrigger>\n",[176,518,519],{"class":178,"line":211},[176,520,521],{"class":182},"    \u003CUiContextMenuPortal>\n",[176,523,524],{"class":178,"line":217},[176,525,526],{"class":182},"      \u003CUiContextMenuPositioner :align-offset=\"-4\" :side-offset=\"-4\">\n",[176,528,529],{"class":178,"line":223},[176,530,531],{"class":182},"        \u003CUiContextMenuPopup>\n",[176,533,534],{"class":178,"line":229},[176,535,536],{"class":182},"          \u003CUiContextMenuItem>Get Up!\u003C\u002FUiContextMenuItem>\n",[176,538,539],{"class":178,"line":235},[176,540,541],{"class":182},"          \u003CUiContextMenuItem>New playlist…\u003C\u002FUiContextMenuItem>\n",[176,543,544,547,549],{"class":178,"line":241},[176,545,546],{"class":182},"        \u003C\u002F",[176,548,499],{"class":186},[176,550,190],{"class":182},[176,552,553,556,559],{"class":178,"line":247},[176,554,555],{"class":182},"      \u003C\u002F",[176,557,558],{"class":186},"UiContextMenuPositioner",[176,560,190],{"class":182},[176,562,563],{"class":178,"line":254},[176,564,565],{"class":182},"    \u003C\u002FUiContextMenuPortal>\n",[176,567,568],{"class":178,"line":260},[176,569,570],{"class":182},"  \u003C\u002FUiContextMenuSubmenuRoot>\n",[176,572,573],{"class":178,"line":266},[176,574,575],{"class":182},"\u003C\u002FUiContextMenuPopup>\n",[146,577,579],{"id":578},"api-reference","API reference",[387,581,583],{"id":582},"root","Root",[139,585,586],{},"Creates a context menu activated by right click or long press. Doesn’t render its own HTML element.",[588,589,590,609],"table",{},[591,592,593],"thead",{},[594,595,596,600,603,606],"tr",{},[597,598,599],"th",{},"Prop",[597,601,602],{},"Type",[597,604,605],{},"Default",[597,607,608],{},"Description",[610,611,612,633,654,672,691],"tbody",{},[594,613,614,620,625,630],{},[615,616,617],"td",{},[173,618,619],{},"defaultOpen",[615,621,622],{},[173,623,624],{},"boolean",[615,626,627],{},[173,628,629],{},"false",[615,631,632],{},"Uncontrolled initial open.",[594,634,635,640,644,647],{},[615,636,637],{},[173,638,639],{},"open",[615,641,642],{},[173,643,624],{},[615,645,646],{},"—",[615,648,649,650,653],{},"Controlled open (",[173,651,652],{},"v-model:open",").",[594,655,656,661,665,669],{},[615,657,658],{},[173,659,660],{},"disabled",[615,662,663],{},[173,664,624],{},[615,666,667],{},[173,668,629],{},[615,670,671],{},"Ignore interaction.",[594,673,674,679,683,688],{},[615,675,676],{},[173,677,678],{},"highlightItemOnHover",[615,680,681],{},[173,682,624],{},[615,684,685],{},[173,686,687],{},"true",[615,689,690],{},"Highlight items on pointer move.",[594,692,693,698,702,706],{},[615,694,695],{},[173,696,697],{},"loopFocus",[615,699,700],{},[173,701,624],{},[615,703,704],{},[173,705,687],{},[615,707,708],{},"Arrow keys wrap at the ends of the list.",[588,710,711,722],{},[591,712,713],{},[594,714,715,718,720],{},[597,716,717],{},"Event",[597,719,602],{},[597,721,608],{},[610,723,724],{},[594,725,726,731,736],{},[615,727,728],{},[173,729,730],{},"@update:open",[615,732,733],{},[173,734,735],{},"(open: boolean) => void",[615,737,738],{},"Menu opened or closed.",[387,740,742],{"id":741},"trigger","Trigger",[139,744,745,746,749],{},"Area that opens the menu on right click or long press. Renders a ",[173,747,748],{},"\u003Cdiv>",".",[588,751,752,761],{},[591,753,754],{},[594,755,756,759],{},[597,757,758],{},"Attribute",[597,760,608],{},[610,762,763,773,783],{},[594,764,765,770],{},[615,766,767],{},[173,768,769],{},"data-popup-open",[615,771,772],{},"Present when the menu is open.",[594,774,775,780],{},[615,776,777],{},[173,778,779],{},"data-pressed",[615,781,782],{},"Present when the menu is open or a long-press is held.",[594,784,785,790],{},[615,786,787],{},[173,788,789],{},"data-disabled",[615,791,792],{},"Present when disabled.",[387,794,796],{"id":795},"portal","Portal",[139,798,799,800,803],{},"Teleports to ",[173,801,802],{},"body"," while the menu is present.",[588,805,806,818],{},[591,807,808],{},[594,809,810,812,814,816],{},[597,811,599],{},[597,813,602],{},[597,815,605],{},[597,817,608],{},[610,819,820],{},[594,821,822,827,831,833],{},[615,823,824],{},[173,825,826],{},"hidden",[615,828,829],{},[173,830,624],{},[615,832,646],{},[615,834,835],{},"Skip rendering even while present.",[588,837,838,846],{},[591,839,840],{},[594,841,842,844],{},[597,843,758],{},[597,845,608],{},[610,847,848,858,868,878],{},[594,849,850,855],{},[615,851,852],{},[173,853,854],{},"data-open",[615,856,857],{},"Present when open.",[594,859,860,865],{},[615,861,862],{},[173,863,864],{},"data-closed",[615,866,867],{},"Present while present but not open.",[594,869,870,875],{},[615,871,872],{},[173,873,874],{},"data-starting-style",[615,876,877],{},"Present while animating in.",[594,879,880,885],{},[615,881,882],{},[173,883,884],{},"data-ending-style",[615,886,887],{},"Present while animating out.",[387,889,891],{"id":890},"backdrop","Backdrop",[139,893,894],{},"Optional overlay behind the menu. Pointer-events none in this port.",[387,896,898],{"id":897},"positioner","Positioner",[139,900,901,902,749],{},"Pins the popup to the pointer, or to the submenu trigger when nested. Sets ",[173,903,904],{},"--transform-origin",[588,906,907,919],{},[591,908,909],{},[594,910,911,913,915,917],{},[597,912,599],{},[597,914,602],{},[597,916,605],{},[597,918,608],{},[610,920,921,946],{},[594,922,923,928,933,943],{},[615,924,925],{},[173,926,927],{},"sideOffset",[615,929,930],{},[173,931,932],{},"number",[615,934,935,938,939,942],{},[173,936,937],{},"0"," \u002F ",[173,940,941],{},"-4"," nested",[615,944,945],{},"Gap from the anchor.",[594,947,948,953,957,961],{},[615,949,950],{},[173,951,952],{},"alignOffset",[615,954,955],{},[173,956,932],{},[615,958,959],{},[173,960,937],{},[615,962,963],{},"Shift along the trigger for nested menus.",[387,965,967],{"id":966},"popup","Popup",[139,969,970,971,974,975,938,977,979,980,983],{},"Menu surface (",[173,972,973],{},"role=\"menu\"","). Enter and leave use ",[173,976,874],{},[173,978,884],{}," (scale ",[173,981,982],{},"0.98",", 100ms). No animation library. No drop-shadow. Arrow keys, Enter, and Escape.",[588,985,986,994],{},[591,987,988],{},[594,989,990,992],{},[597,991,758],{},[597,993,608],{},[610,995,996,1004,1013,1021],{},[594,997,998,1002],{},[615,999,1000],{},[173,1001,854],{},[615,1003,857],{},[594,1005,1006,1010],{},[615,1007,1008],{},[173,1009,864],{},[615,1011,1012],{},"Present when closed.",[594,1014,1015,1019],{},[615,1016,1017],{},[173,1018,874],{},[615,1020,877],{},[594,1022,1023,1027],{},[615,1024,1025],{},[173,1026,884],{},[615,1028,887],{},[387,1030,1032],{"id":1031},"arrow","Arrow",[139,1034,1035],{},"Optional arrow. Hidden in the default styles.",[387,1037,1039],{"id":1038},"item","Item",[139,1041,1042,1043,1046,1047,1050],{},"One action. Renders ",[173,1044,1045],{},"role=\"menuitem\"",". ",[173,1048,1049],{},"data-highlighted"," shows the accent dot.",[588,1052,1053,1065],{},[591,1054,1055],{},[594,1056,1057,1059,1061,1063],{},[597,1058,599],{},[597,1060,602],{},[597,1062,605],{},[597,1064,608],{},[610,1066,1067,1086,1104],{},[594,1068,1069,1073,1077,1081],{},[615,1070,1071],{},[173,1072,660],{},[615,1074,1075],{},[173,1076,624],{},[615,1078,1079],{},[173,1080,629],{},[615,1082,1083,1084,749],{},"Ignore presses. Sets ",[173,1085,789],{},[594,1087,1088,1093,1097,1101],{},[615,1089,1090],{},[173,1091,1092],{},"closeOnClick",[615,1094,1095],{},[173,1096,624],{},[615,1098,1099],{},[173,1100,687],{},[615,1102,1103],{},"Close the menu when clicked.",[594,1105,1106,1111,1116,1118],{},[615,1107,1108],{},[173,1109,1110],{},"label",[615,1112,1113],{},[173,1114,1115],{},"string",[615,1117,646],{},[615,1119,1120],{},"Override for typeahead.",[588,1122,1123,1131],{},[591,1124,1125],{},[594,1126,1127,1129],{},[597,1128,758],{},[597,1130,608],{},[610,1132,1133,1142],{},[594,1134,1135,1139],{},[615,1136,1137],{},[173,1138,1049],{},[615,1140,1141],{},"Present when highlighted.",[594,1143,1144,1148],{},[615,1145,1146],{},[173,1147,789],{},[615,1149,792],{},[387,1151,1153],{"id":1152},"linkitem","LinkItem",[139,1155,1156,1157,749],{},"Menu item that renders an ",[173,1158,1159],{},"\u003Ca>",[588,1161,1162,1174],{},[591,1163,1164],{},[594,1165,1166,1168,1170,1172],{},[597,1167,599],{},[597,1169,602],{},[597,1171,605],{},[597,1173,608],{},[610,1175,1176,1192,1209],{},[594,1177,1178,1183,1187,1189],{},[615,1179,1180],{},[173,1181,1182],{},"href",[615,1184,1185],{},[173,1186,1115],{},[615,1188,646],{},[615,1190,1191],{},"Link destination.",[594,1193,1194,1198,1202,1206],{},[615,1195,1196],{},[173,1197,660],{},[615,1199,1200],{},[173,1201,624],{},[615,1203,1204],{},[173,1205,629],{},[615,1207,1208],{},"Ignore presses.",[594,1210,1211,1215,1219,1223],{},[615,1212,1213],{},[173,1214,1092],{},[615,1216,1217],{},[173,1218,624],{},[615,1220,1221],{},[173,1222,687],{},[615,1224,1103],{},[387,1226,1228],{"id":1227},"group","Group",[139,1230,1231,1232,749],{},"Section of items. Renders ",[173,1233,1234],{},"role=\"group\"",[387,1236,1238],{"id":1237},"grouplabel","GroupLabel",[139,1240,1241],{},"Heading for a group.",[387,1243,101],{"id":1244},"separator",[139,1246,1247,1248,749],{},"Visual divider. Renders ",[173,1249,1250],{},"role=\"separator\"",[387,1252,1254],{"id":1253},"submenuroot","SubmenuRoot",[139,1256,1257],{},"Owns a nested menu. Opens to the right of its trigger.",[588,1259,1260,1272],{},[591,1261,1262],{},[594,1263,1264,1266,1268,1270],{},[597,1265,599],{},[597,1267,602],{},[597,1269,605],{},[597,1271,608],{},[610,1273,1274,1290,1306],{},[594,1275,1276,1280,1284,1288],{},[615,1277,1278],{},[173,1279,619],{},[615,1281,1282],{},[173,1283,624],{},[615,1285,1286],{},[173,1287,629],{},[615,1289,632],{},[594,1291,1292,1296,1300,1304],{},[615,1293,1294],{},[173,1295,660],{},[615,1297,1298],{},[173,1299,624],{},[615,1301,1302],{},[173,1303,629],{},[615,1305,671],{},[594,1307,1308,1312,1316,1320],{},[615,1309,1310],{},[173,1311,927],{},[615,1313,1314],{},[173,1315,932],{},[615,1317,1318],{},[173,1319,941],{},[615,1321,1322],{},"Gap from the parent item.",[387,1324,1326],{"id":1325},"submenutrigger","SubmenuTrigger",[139,1328,1329,1330,1332,1333,1336],{},"Item that opens the nested menu. Renders ",[173,1331,1045],{}," with ",[173,1334,1335],{},"aria-haspopup=\"menu\"",". Hover or ArrowRight opens.",[588,1338,1339,1347],{},[591,1340,1341],{},[594,1342,1343,1345],{},[597,1344,758],{},[597,1346,608],{},[610,1348,1349,1358],{},[594,1350,1351,1355],{},[615,1352,1353],{},[173,1354,769],{},[615,1356,1357],{},"Present when the submenu is open.",[594,1359,1360,1364],{},[615,1361,1362],{},[173,1363,1049],{},[615,1365,1141],{},[387,1367,1369],{"id":1368},"radiogroup","RadioGroup",[139,1371,1372,1373,938,1376,938,1379,749],{},"Groups radio items. ",[173,1374,1375],{},"value",[173,1377,1378],{},"defaultValue",[173,1380,1381],{},"@update:value",[387,1383,1385],{"id":1384},"radioitem","RadioItem",[139,1387,1388,1391],{},[173,1389,1390],{},"role=\"menuitemradio\"",". Stays open on click by default.",[588,1393,1394,1406],{},[591,1395,1396],{},[594,1397,1398,1400,1402,1404],{},[597,1399,599],{},[597,1401,602],{},[597,1403,605],{},[597,1405,608],{},[610,1407,1408,1423,1439],{},[594,1409,1410,1414,1418,1420],{},[615,1411,1412],{},[173,1413,1375],{},[615,1415,1416],{},[173,1417,1115],{},[615,1419,646],{},[615,1421,1422],{},"Value selected when this item is chosen.",[594,1424,1425,1429,1433,1437],{},[615,1426,1427],{},[173,1428,660],{},[615,1430,1431],{},[173,1432,624],{},[615,1434,1435],{},[173,1436,629],{},[615,1438,1208],{},[594,1440,1441,1445,1449,1453],{},[615,1442,1443],{},[173,1444,1092],{},[615,1446,1447],{},[173,1448,624],{},[615,1450,1451],{},[173,1452,629],{},[615,1454,1103],{},[387,1456,1458],{"id":1457},"radioitemindicator","RadioItemIndicator",[139,1460,1461],{},"Check mark for a selected radio item.",[387,1463,1465],{"id":1464},"checkboxitem","CheckboxItem",[139,1467,1468,1471,1472,1391],{},[173,1469,1470],{},"role=\"menuitemcheckbox\"",". Toggles ",[173,1473,1474],{},"checked",[588,1476,1477,1489],{},[591,1478,1479],{},[594,1480,1481,1483,1485,1487],{},[597,1482,599],{},[597,1484,602],{},[597,1486,605],{},[597,1488,608],{},[610,1490,1491,1509,1527,1543],{},[594,1492,1493,1498,1502,1506],{},[615,1494,1495],{},[173,1496,1497],{},"defaultChecked",[615,1499,1500],{},[173,1501,624],{},[615,1503,1504],{},[173,1505,629],{},[615,1507,1508],{},"Uncontrolled initial tick.",[594,1510,1511,1515,1519,1521],{},[615,1512,1513],{},[173,1514,1474],{},[615,1516,1517],{},[173,1518,624],{},[615,1520,646],{},[615,1522,1523,1524,653],{},"Controlled tick (",[173,1525,1526],{},"v-model:checked",[594,1528,1529,1533,1537,1541],{},[615,1530,1531],{},[173,1532,660],{},[615,1534,1535],{},[173,1536,624],{},[615,1538,1539],{},[173,1540,629],{},[615,1542,1208],{},[594,1544,1545,1549,1553,1557],{},[615,1546,1547],{},[173,1548,1092],{},[615,1550,1551],{},[173,1552,624],{},[615,1554,1555],{},[173,1556,629],{},[615,1558,1103],{},[387,1560,1562],{"id":1561},"checkboxitemindicator","CheckboxItemIndicator",[139,1564,1565],{},"Check mark while the checkbox item is ticked.",[1567,1568,1569],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}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 .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":171,"searchDepth":193,"depth":193,"links":1571},[1572,1573,1574,1578],{"id":148,"depth":193,"text":149},{"id":163,"depth":193,"text":164},{"id":381,"depth":193,"text":382,"children":1575},[1576,1577],{"id":389,"depth":199,"text":390},{"id":472,"depth":199,"text":473},{"id":578,"depth":193,"text":579,"children":1579},[1580,1581,1582,1583,1584,1585,1586,1587,1588,1589,1590,1591,1592,1593,1594,1595,1596,1597,1598],{"id":582,"depth":199,"text":583},{"id":741,"depth":199,"text":742},{"id":795,"depth":199,"text":796},{"id":890,"depth":199,"text":891},{"id":897,"depth":199,"text":898},{"id":966,"depth":199,"text":967},{"id":1031,"depth":199,"text":1032},{"id":1038,"depth":199,"text":1039},{"id":1152,"depth":199,"text":1153},{"id":1227,"depth":199,"text":1228},{"id":1237,"depth":199,"text":1238},{"id":1244,"depth":199,"text":101},{"id":1253,"depth":199,"text":1254},{"id":1325,"depth":199,"text":1326},{"id":1368,"depth":199,"text":1369},{"id":1384,"depth":199,"text":1385},{"id":1457,"depth":199,"text":1458},{"id":1464,"depth":199,"text":1465},{"id":1561,"depth":199,"text":1562},"A menu that appears at the pointer","md",{},{"title":38,"description":1599},"pkg\u002Fcontext-menu","HM_DlMa9pmhutvllsgoLcJIL4W4fGBP8Qs9mbWPdNpk",1791043754653]