[{"data":1,"prerenderedAt":1980},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fcontext-menu":207,"\u002Fcomponents\u002Fcontext-menu-surround":1975},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":77,"body":209,"description":1968,"extension":1969,"links":1970,"meta":1971,"navigation":1972,"path":78,"seo":1973,"stem":79,"__hash__":1974},"docs\u002F2.components\u002Fcontext-menu.md",{"type":210,"value":211,"toc":1951},"minimark",[212,228,233,282,289,292,298,580,584,589,599,1014,1018,1025,1218,1222,1226,1420,1424,1515,1519,1617,1621,1665,1669,1677,1748,1752,1828,1843,1853,1857,1944,1947],[213,214,215,219,220,223,224,227],"p",{},[216,217,218],"code",{},"ContextMenu"," uses the same item model as ",[221,222,116],"a",{"href":117},", but opens from a ",[216,225,226],{},"contextmenu"," event and positions the panel at the pointer. Use it for file lists, canvases, editors, tables, and other surfaces where secondary actions belong near the clicked target.",[229,230,232],"h2",{"id":231},"anatomy","Anatomy",[234,235,236,246,258,266,274],"ul",{},[237,238,239,245],"li",{},[240,241,242],"strong",{},[216,243,244],{},"#default",": The surface that receives the right-click gesture.",[237,247,248,253,254,257],{},[240,249,250],{},[216,251,252],{},"#[item.slot]",": Per-item render override when an item has a ",[216,255,256],{},"slot"," key.",[237,259,260,265],{},[240,261,262],{},[216,263,264],{},"#checkbox-item",": Shared override for checkbox menu items.",[237,267,268,273],{},[240,269,270],{},[216,271,272],{},"#radio-item",": Shared override for radio menu items.",[237,275,276,281],{},[240,277,278],{},[216,279,280],{},"#label",": Shared override for label rows.",[213,283,284,285,288],{},"The menu panel, groups, items, separators, checkbox\u002Fradio roles, and submenu panels are generated from ",[216,286,287],{},"items",".",[229,290,23],{"id":291},"usage",[293,294,295],"component-preview",{},[296,297],"examples-context-menu-demo",{},[299,300,301],"component-code",{},[302,303,308],"pre",{"className":304,"code":305,"language":306,"meta":307,"style":307},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ContextMenu } from \"akaza-ui\";\n\nconst items = [\n  { label: \"Open\" },\n  { label: \"Rename\" },\n  { type: \"separator\" },\n  { label: \"Delete\", disabled: true },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContextMenu :items=\"items\">\n    \u003Cdiv>Right-click this area\u003C\u002Fdiv>\n  \u003C\u002FContextMenu>\n\u003C\u002Ftemplate>\n","vue","",[216,309,310,345,376,383,397,419,437,456,486,494,504,509,519,540,561,571],{"__ignoreMap":307},[311,312,315,319,323,327,330,333,336,340,342],"span",{"class":313,"line":314},"line",1,[311,316,318],{"class":317},"sMK4o","\u003C",[311,320,322],{"class":321},"swJcz","script",[311,324,326],{"class":325},"spNyl"," setup",[311,328,329],{"class":325}," lang",[311,331,332],{"class":317},"=",[311,334,335],{"class":317},"\"",[311,337,339],{"class":338},"sfazB","ts",[311,341,335],{"class":317},[311,343,344],{"class":317},">\n",[311,346,348,352,355,359,362,365,368,371,373],{"class":313,"line":347},2,[311,349,351],{"class":350},"s7zQu","import",[311,353,354],{"class":317}," {",[311,356,358],{"class":357},"sTEyZ"," ContextMenu",[311,360,361],{"class":317}," }",[311,363,364],{"class":350}," from",[311,366,367],{"class":317}," \"",[311,369,370],{"class":338},"akaza-ui",[311,372,335],{"class":317},[311,374,375],{"class":317},";\n",[311,377,379],{"class":313,"line":378},3,[311,380,382],{"emptyLinePlaceholder":381},true,"\n",[311,384,386,389,392,394],{"class":313,"line":385},4,[311,387,388],{"class":325},"const",[311,390,391],{"class":357}," items ",[311,393,332],{"class":317},[311,395,396],{"class":357}," [\n",[311,398,400,403,406,409,411,414,416],{"class":313,"line":399},5,[311,401,402],{"class":317},"  {",[311,404,405],{"class":321}," label",[311,407,408],{"class":317},":",[311,410,367],{"class":317},[311,412,413],{"class":338},"Open",[311,415,335],{"class":317},[311,417,418],{"class":317}," },\n",[311,420,422,424,426,428,430,433,435],{"class":313,"line":421},6,[311,423,402],{"class":317},[311,425,405],{"class":321},[311,427,408],{"class":317},[311,429,367],{"class":317},[311,431,432],{"class":338},"Rename",[311,434,335],{"class":317},[311,436,418],{"class":317},[311,438,440,442,445,447,449,452,454],{"class":313,"line":439},7,[311,441,402],{"class":317},[311,443,444],{"class":321}," type",[311,446,408],{"class":317},[311,448,367],{"class":317},[311,450,451],{"class":338},"separator",[311,453,335],{"class":317},[311,455,418],{"class":317},[311,457,459,461,463,465,467,470,472,475,478,480,484],{"class":313,"line":458},8,[311,460,402],{"class":317},[311,462,405],{"class":321},[311,464,408],{"class":317},[311,466,367],{"class":317},[311,468,469],{"class":338},"Delete",[311,471,335],{"class":317},[311,473,474],{"class":317},",",[311,476,477],{"class":321}," disabled",[311,479,408],{"class":317},[311,481,483],{"class":482},"sfNiH"," true",[311,485,418],{"class":317},[311,487,489,492],{"class":313,"line":488},9,[311,490,491],{"class":357},"]",[311,493,375],{"class":317},[311,495,497,500,502],{"class":313,"line":496},10,[311,498,499],{"class":317},"\u003C\u002F",[311,501,322],{"class":321},[311,503,344],{"class":317},[311,505,507],{"class":313,"line":506},11,[311,508,382],{"emptyLinePlaceholder":381},[311,510,512,514,517],{"class":313,"line":511},12,[311,513,318],{"class":317},[311,515,516],{"class":321},"template",[311,518,344],{"class":317},[311,520,522,525,527,530,532,534,536,538],{"class":313,"line":521},13,[311,523,524],{"class":317},"  \u003C",[311,526,218],{"class":321},[311,528,529],{"class":325}," :items",[311,531,332],{"class":317},[311,533,335],{"class":317},[311,535,287],{"class":338},[311,537,335],{"class":317},[311,539,344],{"class":317},[311,541,543,546,549,552,555,557,559],{"class":313,"line":542},14,[311,544,545],{"class":317},"    \u003C",[311,547,548],{"class":321},"div",[311,550,551],{"class":317},">",[311,553,554],{"class":357},"Right-click this area",[311,556,499],{"class":317},[311,558,548],{"class":321},[311,560,344],{"class":317},[311,562,564,567,569],{"class":313,"line":563},15,[311,565,566],{"class":317},"  \u003C\u002F",[311,568,218],{"class":321},[311,570,344],{"class":317},[311,572,574,576,578],{"class":313,"line":573},16,[311,575,499],{"class":317},[311,577,516],{"class":321},[311,579,344],{"class":317},[229,581,583],{"id":582},"examples","Examples",[585,586,588],"h3",{"id":587},"checkbox-and-radio-items","Checkbox and radio items",[213,590,591,592,594,595,598],{},"Context menus support the same checkbox and radio item shape as ",[216,593,116],{},". Checkbox items stay open by default because ",[216,596,597],{},"closeOnSelect"," only applies to normal action items.",[302,600,602],{"className":304,"code":601,"language":306,"meta":307,"style":307},"\u003Cscript setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\n\nconst showGrid = ref(true);\nconst radioValues = ref({ sort: \"name\" });\n\nconst items = computed(() => [\n  { type: \"checkbox\", label: \"Show grid\", checked: showGrid.value, onUpdateChecked: (value) => (showGrid.value = value) },\n  { type: \"radio\", label: \"Name\", value: \"name\", radioGroup: \"sort\" },\n  { type: \"radio\", label: \"Date\", value: \"date\", radioGroup: \"sort\" },\n]);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContextMenu v-model:radio-values=\"radioValues\" :items=\"items\">\n    \u003Cdiv>Right-click\u003C\u002Fdiv>\n  \u003C\u002FContextMenu>\n\u003C\u002Ftemplate>\n",[216,603,604,624,650,654,677,711,715,735,811,868,922,929,937,941,949,979,996,1005],{"__ignoreMap":307},[311,605,606,608,610,612,614,616,618,620,622],{"class":313,"line":314},[311,607,318],{"class":317},[311,609,322],{"class":321},[311,611,326],{"class":325},[311,613,329],{"class":325},[311,615,332],{"class":317},[311,617,335],{"class":317},[311,619,339],{"class":338},[311,621,335],{"class":317},[311,623,344],{"class":317},[311,625,626,628,630,633,635,638,640,642,644,646,648],{"class":313,"line":347},[311,627,351],{"class":350},[311,629,354],{"class":317},[311,631,632],{"class":357}," computed",[311,634,474],{"class":317},[311,636,637],{"class":357}," ref",[311,639,361],{"class":317},[311,641,364],{"class":350},[311,643,367],{"class":317},[311,645,306],{"class":338},[311,647,335],{"class":317},[311,649,375],{"class":317},[311,651,652],{"class":313,"line":378},[311,653,382],{"emptyLinePlaceholder":381},[311,655,656,658,661,663,666,669,672,675],{"class":313,"line":385},[311,657,388],{"class":325},[311,659,660],{"class":357}," showGrid ",[311,662,332],{"class":317},[311,664,637],{"class":665},"s2Zo4",[311,667,668],{"class":357},"(",[311,670,671],{"class":482},"true",[311,673,674],{"class":357},")",[311,676,375],{"class":317},[311,678,679,681,684,686,688,690,693,696,698,700,703,705,707,709],{"class":313,"line":399},[311,680,388],{"class":325},[311,682,683],{"class":357}," radioValues ",[311,685,332],{"class":317},[311,687,637],{"class":665},[311,689,668],{"class":357},[311,691,692],{"class":317},"{",[311,694,695],{"class":321}," sort",[311,697,408],{"class":317},[311,699,367],{"class":317},[311,701,702],{"class":338},"name",[311,704,335],{"class":317},[311,706,361],{"class":317},[311,708,674],{"class":357},[311,710,375],{"class":317},[311,712,713],{"class":313,"line":421},[311,714,382],{"emptyLinePlaceholder":381},[311,716,717,719,721,723,725,727,730,733],{"class":313,"line":439},[311,718,388],{"class":325},[311,720,391],{"class":357},[311,722,332],{"class":317},[311,724,632],{"class":665},[311,726,668],{"class":357},[311,728,729],{"class":317},"()",[311,731,732],{"class":325}," =>",[311,734,396],{"class":357},[311,736,737,739,741,743,745,748,750,752,754,756,758,761,763,765,768,770,773,775,778,780,783,785,788,791,793,795,798,800,803,805,808],{"class":313,"line":458},[311,738,402],{"class":317},[311,740,444],{"class":321},[311,742,408],{"class":317},[311,744,367],{"class":317},[311,746,747],{"class":338},"checkbox",[311,749,335],{"class":317},[311,751,474],{"class":317},[311,753,405],{"class":321},[311,755,408],{"class":317},[311,757,367],{"class":317},[311,759,760],{"class":338},"Show grid",[311,762,335],{"class":317},[311,764,474],{"class":317},[311,766,767],{"class":321}," checked",[311,769,408],{"class":317},[311,771,772],{"class":357}," showGrid",[311,774,288],{"class":317},[311,776,777],{"class":357},"value",[311,779,474],{"class":317},[311,781,782],{"class":665}," onUpdateChecked",[311,784,408],{"class":317},[311,786,787],{"class":317}," (",[311,789,777],{"class":790},"sHdIc",[311,792,674],{"class":317},[311,794,732],{"class":325},[311,796,797],{"class":357}," (showGrid",[311,799,288],{"class":317},[311,801,802],{"class":357},"value ",[311,804,332],{"class":317},[311,806,807],{"class":357}," value) ",[311,809,810],{"class":317},"},\n",[311,812,813,815,817,819,821,824,826,828,830,832,834,837,839,841,844,846,848,850,852,854,857,859,861,864,866],{"class":313,"line":488},[311,814,402],{"class":317},[311,816,444],{"class":321},[311,818,408],{"class":317},[311,820,367],{"class":317},[311,822,823],{"class":338},"radio",[311,825,335],{"class":317},[311,827,474],{"class":317},[311,829,405],{"class":321},[311,831,408],{"class":317},[311,833,367],{"class":317},[311,835,836],{"class":338},"Name",[311,838,335],{"class":317},[311,840,474],{"class":317},[311,842,843],{"class":321}," value",[311,845,408],{"class":317},[311,847,367],{"class":317},[311,849,702],{"class":338},[311,851,335],{"class":317},[311,853,474],{"class":317},[311,855,856],{"class":321}," radioGroup",[311,858,408],{"class":317},[311,860,367],{"class":317},[311,862,863],{"class":338},"sort",[311,865,335],{"class":317},[311,867,418],{"class":317},[311,869,870,872,874,876,878,880,882,884,886,888,890,893,895,897,899,901,903,906,908,910,912,914,916,918,920],{"class":313,"line":496},[311,871,402],{"class":317},[311,873,444],{"class":321},[311,875,408],{"class":317},[311,877,367],{"class":317},[311,879,823],{"class":338},[311,881,335],{"class":317},[311,883,474],{"class":317},[311,885,405],{"class":321},[311,887,408],{"class":317},[311,889,367],{"class":317},[311,891,892],{"class":338},"Date",[311,894,335],{"class":317},[311,896,474],{"class":317},[311,898,843],{"class":321},[311,900,408],{"class":317},[311,902,367],{"class":317},[311,904,905],{"class":338},"date",[311,907,335],{"class":317},[311,909,474],{"class":317},[311,911,856],{"class":321},[311,913,408],{"class":317},[311,915,367],{"class":317},[311,917,863],{"class":338},[311,919,335],{"class":317},[311,921,418],{"class":317},[311,923,924,927],{"class":313,"line":506},[311,925,926],{"class":357},"])",[311,928,375],{"class":317},[311,930,931,933,935],{"class":313,"line":511},[311,932,499],{"class":317},[311,934,322],{"class":321},[311,936,344],{"class":317},[311,938,939],{"class":313,"line":521},[311,940,382],{"emptyLinePlaceholder":381},[311,942,943,945,947],{"class":313,"line":542},[311,944,318],{"class":317},[311,946,516],{"class":321},[311,948,344],{"class":317},[311,950,951,953,955,958,960,962,965,967,969,971,973,975,977],{"class":313,"line":563},[311,952,524],{"class":317},[311,954,218],{"class":321},[311,956,957],{"class":325}," v-model:radio-values",[311,959,332],{"class":317},[311,961,335],{"class":317},[311,963,964],{"class":338},"radioValues",[311,966,335],{"class":317},[311,968,529],{"class":325},[311,970,332],{"class":317},[311,972,335],{"class":317},[311,974,287],{"class":338},[311,976,335],{"class":317},[311,978,344],{"class":317},[311,980,981,983,985,987,990,992,994],{"class":313,"line":573},[311,982,545],{"class":317},[311,984,548],{"class":321},[311,986,551],{"class":317},[311,988,989],{"class":357},"Right-click",[311,991,499],{"class":317},[311,993,548],{"class":321},[311,995,344],{"class":317},[311,997,999,1001,1003],{"class":313,"line":998},17,[311,1000,566],{"class":317},[311,1002,218],{"class":321},[311,1004,344],{"class":317},[311,1006,1008,1010,1012],{"class":313,"line":1007},18,[311,1009,499],{"class":317},[311,1011,516],{"class":321},[311,1013,344],{"class":317},[585,1015,1017],{"id":1016},"programmatic-open","Programmatic open",[213,1019,1020,1021,1024],{},"Use the exposed ",[216,1022,1023],{},"openAt(x, y)"," method when the menu should open from a custom gesture.",[302,1026,1028],{"className":304,"code":1027,"language":306,"meta":307,"style":307},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { ContextMenu } from \"akaza-ui\";\n\nconst menu = ref\u003CInstanceType\u003Ctypeof ContextMenu>>();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContextMenu ref=\"menu\" :items=\"items\">\n    \u003Cbutton @click=\"menu?.openAt(120, 160, 'custom')\">Open at point\u003C\u002Fbutton>\n  \u003C\u002FContextMenu>\n\u003C\u002Ftemplate>\n",[216,1029,1030,1050,1070,1090,1094,1123,1131,1135,1143,1172,1202,1210],{"__ignoreMap":307},[311,1031,1032,1034,1036,1038,1040,1042,1044,1046,1048],{"class":313,"line":314},[311,1033,318],{"class":317},[311,1035,322],{"class":321},[311,1037,326],{"class":325},[311,1039,329],{"class":325},[311,1041,332],{"class":317},[311,1043,335],{"class":317},[311,1045,339],{"class":338},[311,1047,335],{"class":317},[311,1049,344],{"class":317},[311,1051,1052,1054,1056,1058,1060,1062,1064,1066,1068],{"class":313,"line":347},[311,1053,351],{"class":350},[311,1055,354],{"class":317},[311,1057,637],{"class":357},[311,1059,361],{"class":317},[311,1061,364],{"class":350},[311,1063,367],{"class":317},[311,1065,306],{"class":338},[311,1067,335],{"class":317},[311,1069,375],{"class":317},[311,1071,1072,1074,1076,1078,1080,1082,1084,1086,1088],{"class":313,"line":378},[311,1073,351],{"class":350},[311,1075,354],{"class":317},[311,1077,358],{"class":357},[311,1079,361],{"class":317},[311,1081,364],{"class":350},[311,1083,367],{"class":317},[311,1085,370],{"class":338},[311,1087,335],{"class":317},[311,1089,375],{"class":317},[311,1091,1092],{"class":313,"line":385},[311,1093,382],{"emptyLinePlaceholder":381},[311,1095,1096,1098,1101,1103,1105,1107,1111,1114,1116,1119,1121],{"class":313,"line":399},[311,1097,388],{"class":325},[311,1099,1100],{"class":357}," menu ",[311,1102,332],{"class":317},[311,1104,637],{"class":665},[311,1106,318],{"class":317},[311,1108,1110],{"class":1109},"sBMFI","InstanceType",[311,1112,1113],{"class":317},"\u003Ctypeof",[311,1115,358],{"class":357},[311,1117,1118],{"class":317},">>",[311,1120,729],{"class":357},[311,1122,375],{"class":317},[311,1124,1125,1127,1129],{"class":313,"line":421},[311,1126,499],{"class":317},[311,1128,322],{"class":321},[311,1130,344],{"class":317},[311,1132,1133],{"class":313,"line":439},[311,1134,382],{"emptyLinePlaceholder":381},[311,1136,1137,1139,1141],{"class":313,"line":458},[311,1138,318],{"class":317},[311,1140,516],{"class":321},[311,1142,344],{"class":317},[311,1144,1145,1147,1149,1151,1153,1155,1158,1160,1162,1164,1166,1168,1170],{"class":313,"line":488},[311,1146,524],{"class":317},[311,1148,218],{"class":321},[311,1150,637],{"class":325},[311,1152,332],{"class":317},[311,1154,335],{"class":317},[311,1156,1157],{"class":338},"menu",[311,1159,335],{"class":317},[311,1161,529],{"class":325},[311,1163,332],{"class":317},[311,1165,335],{"class":317},[311,1167,287],{"class":338},[311,1169,335],{"class":317},[311,1171,344],{"class":317},[311,1173,1174,1176,1179,1182,1184,1186,1189,1191,1193,1196,1198,1200],{"class":313,"line":496},[311,1175,545],{"class":317},[311,1177,1178],{"class":321},"button",[311,1180,1181],{"class":325}," @click",[311,1183,332],{"class":317},[311,1185,335],{"class":317},[311,1187,1188],{"class":338},"menu?.openAt(120, 160, 'custom')",[311,1190,335],{"class":317},[311,1192,551],{"class":317},[311,1194,1195],{"class":357},"Open at point",[311,1197,499],{"class":317},[311,1199,1178],{"class":321},[311,1201,344],{"class":317},[311,1203,1204,1206,1208],{"class":313,"line":506},[311,1205,566],{"class":317},[311,1207,218],{"class":321},[311,1209,344],{"class":317},[311,1211,1212,1214,1216],{"class":313,"line":511},[311,1213,499],{"class":317},[311,1215,516],{"class":321},[311,1217,344],{"class":317},[229,1219,1221],{"id":1220},"api-reference","API Reference",[585,1223,1225],{"id":1224},"props","Props",[1227,1228,1229,1248],"table",{},[1230,1231,1232],"thead",{},[1233,1234,1235,1239,1242,1245],"tr",{},[1236,1237,1238],"th",{},"Prop",[1236,1240,1241],{},"Type",[1236,1243,1244],{},"Default",[1236,1246,1247],{},"Description",[1249,1250,1251,1269,1289,1306,1322,1342,1365,1383,1403],"tbody",{},[1233,1252,1253,1258,1263,1266],{},[1254,1255,1256],"td",{},[216,1257,287],{},[1254,1259,1260],{},[216,1261,1262],{},"MenuItem[] | MenuItem[][]",[1254,1264,1265],{},"—",[1254,1267,1268],{},"Flat or grouped menu item array.",[1233,1270,1271,1276,1281,1286],{},[1254,1272,1273],{},[216,1274,1275],{},"disabled",[1254,1277,1278],{},[216,1279,1280],{},"boolean",[1254,1282,1283],{},[216,1284,1285],{},"false",[1254,1287,1288],{},"Prevents opening.",[1233,1290,1291,1295,1299,1303],{},[1254,1292,1293],{},[216,1294,597],{},[1254,1296,1297],{},[216,1298,1280],{},[1254,1300,1301],{},[216,1302,671],{},[1254,1304,1305],{},"Closes after normal item selection.",[1233,1307,1308,1312,1317,1319],{},[1254,1309,1310],{},[216,1311,964],{},[1254,1313,1314],{},[216,1315,1316],{},"Record\u003Cstring, string>",[1254,1318,1265],{},[1254,1320,1321],{},"State for radio item groups.",[1233,1323,1324,1329,1334,1339],{},[1254,1325,1326],{},[216,1327,1328],{},"sideOffset",[1254,1330,1331],{},[216,1332,1333],{},"number",[1254,1335,1336],{},[216,1337,1338],{},"4",[1254,1340,1341],{},"Gap in px from the pointer.",[1233,1343,1344,1349,1353,1358],{},[1254,1345,1346],{},[216,1347,1348],{},"longPressDelay",[1254,1350,1351],{},[216,1352,1333],{},[1254,1354,1355],{},[216,1356,1357],{},"700",[1254,1359,1360,1361,1364],{},"Touch\u002Fpen hold delay. Set ",[216,1362,1363],{},"0"," to disable.",[1233,1366,1367,1372,1376,1380],{},[1254,1368,1369],{},[216,1370,1371],{},"restoreFocus",[1254,1373,1374],{},[216,1375,1280],{},[1254,1377,1378],{},[216,1379,671],{},[1254,1381,1382],{},"Returns focus after keyboard close or selection.",[1233,1384,1385,1390,1395,1400],{},[1254,1386,1387],{},[216,1388,1389],{},"teleport",[1254,1391,1392],{},[216,1393,1394],{},"string | false",[1254,1396,1397],{},[216,1398,1399],{},"\"body\"",[1254,1401,1402],{},"Teleport target.",[1233,1404,1405,1410,1415,1417],{},[1254,1406,1407],{},[216,1408,1409],{},"ui",[1254,1411,1412],{},[216,1413,1414],{},"ContextMenuUi",[1254,1416,1265],{},[1254,1418,1419],{},"Classes for root, content, and menu parts.",[585,1421,1423],{"id":1422},"emits","Emits",[1227,1425,1426,1438],{},[1230,1427,1428],{},[1233,1429,1430,1433,1436],{},[1236,1431,1432],{},"Event",[1236,1434,1435],{},"Payload",[1236,1437,1247],{},[1249,1439,1440,1455,1470,1485,1500],{},[1233,1441,1442,1447,1452],{},[1254,1443,1444],{},[216,1445,1446],{},"open-change",[1254,1448,1449],{},[216,1450,1451],{},"(open, details)",[1254,1453,1454],{},"Fired before open state changes.",[1233,1456,1457,1462,1467],{},[1254,1458,1459],{},[216,1460,1461],{},"select",[1254,1463,1464],{},[216,1465,1466],{},"(item, details)",[1254,1468,1469],{},"Fired when a normal item is selected.",[1233,1471,1472,1477,1482],{},[1254,1473,1474],{},[216,1475,1476],{},"check-change",[1254,1478,1479],{},[216,1480,1481],{},"(item, checked, details)",[1254,1483,1484],{},"Fired when a checkbox item changes.",[1233,1486,1487,1492,1497],{},[1254,1488,1489],{},[216,1490,1491],{},"radio-change",[1254,1493,1494],{},[216,1495,1496],{},"(group, value, details)",[1254,1498,1499],{},"Fired when a radio item is selected.",[1233,1501,1502,1507,1512],{},[1254,1503,1504],{},[216,1505,1506],{},"update:radioValues",[1254,1508,1509],{},[216,1510,1511],{},"(values)",[1254,1513,1514],{},"v-model event for radio state.",[585,1516,1518],{"id":1517},"slots","Slots",[1227,1520,1521,1532],{},[1230,1522,1523],{},[1233,1524,1525,1528,1530],{},[1236,1526,1527],{},"Slot",[1236,1529,1225],{},[1236,1531,1247],{},[1249,1533,1534,1556,1569,1587,1603],{},[1233,1535,1536,1541,1553],{},[1254,1537,1538],{},[216,1539,1540],{},"default",[1254,1542,1543,1546,1547,1546,1550],{},[216,1544,1545],{},"isOpen",", ",[216,1548,1549],{},"openAt",[216,1551,1552],{},"close",[1254,1554,1555],{},"Context-menu surface.",[1233,1557,1558,1563,1566],{},[1254,1559,1560],{},[216,1561,1562],{},"[item.slot]",[1254,1564,1565],{},"Depends on item type",[1254,1567,1568],{},"Per-item render override.",[1233,1570,1571,1576,1584],{},[1254,1572,1573],{},[216,1574,1575],{},"checkbox-item",[1254,1577,1578,1546,1581],{},[216,1579,1580],{},"item",[216,1582,1583],{},"checked",[1254,1585,1586],{},"Shared checkbox item renderer.",[1233,1588,1589,1594,1600],{},[1254,1590,1591],{},[216,1592,1593],{},"radio-item",[1254,1595,1596,1546,1598],{},[216,1597,1580],{},[216,1599,1583],{},[1254,1601,1602],{},"Shared radio item renderer.",[1233,1604,1605,1610,1614],{},[1254,1606,1607],{},[216,1608,1609],{},"label",[1254,1611,1612],{},[216,1613,1580],{},[1254,1615,1616],{},"Shared label renderer.",[585,1618,1620],{"id":1619},"exposed-methods","Exposed Methods",[1227,1622,1623,1635],{},[1230,1624,1625],{},[1233,1626,1627,1630,1633],{},[1236,1628,1629],{},"Method",[1236,1631,1632],{},"Signature",[1236,1634,1247],{},[1249,1636,1637,1651],{},[1233,1638,1639,1643,1648],{},[1254,1640,1641],{},[216,1642,1549],{},[1254,1644,1645],{},[216,1646,1647],{},"(x: number, y: number, reason?, event?) => void",[1254,1649,1650],{},"Opens at viewport coordinates.",[1233,1652,1653,1657,1662],{},[1254,1654,1655],{},[216,1656,1552],{},[1254,1658,1659],{},[216,1660,1661],{},"(reason?, event?) => void",[1254,1663,1664],{},"Closes the menu.",[585,1666,1668],{"id":1667},"ui-options","UI Options",[213,1670,1671,1673,1674,288],{},[216,1672,1414],{}," extends ",[216,1675,1676],{},"MenuUi",[1227,1678,1679,1688],{},[1230,1680,1681],{},[1233,1682,1683,1686],{},[1236,1684,1685],{},"Key",[1236,1687,1247],{},[1249,1689,1690,1700,1710],{},[1233,1691,1692,1697],{},[1254,1693,1694],{},[216,1695,1696],{},"root",[1254,1698,1699],{},"Context-menu wrapper.",[1233,1701,1702,1707],{},[1254,1703,1704],{},[216,1705,1706],{},"content",[1254,1708,1709],{},"Floating menu panel.",[1233,1711,1712,1741],{},[1254,1713,1714,1546,1717,1546,1720,1546,1722,1546,1725,1546,1728,1546,1730,1546,1732,1546,1735,1546,1738],{},[216,1715,1716],{},"panel",[216,1718,1719],{},"group",[216,1721,1580],{},[216,1723,1724],{},"checkboxItem",[216,1726,1727],{},"radioItem",[216,1729,451],{},[216,1731,1609],{},[216,1733,1734],{},"submenu",[216,1736,1737],{},"submenuTrigger",[216,1739,1740],{},"submenuContent",[1254,1742,1743,1744,288],{},"Same as ",[221,1745,1747],{"href":1746},"\u002Fcomponents\u002Fmenu#ui-options","Menu UI options",[585,1749,1751],{"id":1750},"styling-hooks","Styling Hooks",[1227,1753,1754,1767],{},[1230,1755,1756],{},[1233,1757,1758,1761,1764],{},[1236,1759,1760],{},"UI key",[1236,1762,1763],{},"CSS class",[1236,1765,1766],{},"Data attrs",[1249,1768,1769,1788,1815],{},[1233,1770,1771,1775,1780],{},[1254,1772,1773],{},[216,1774,1696],{},[1254,1776,1777],{},[216,1778,1779],{},"akaza-context-menu-root",[1254,1781,1782,1546,1785],{},[216,1783,1784],{},"data-akaza-state",[216,1786,1787],{},"data-akaza-disabled",[1233,1789,1790,1794,1802],{},[1254,1791,1792],{},[216,1793,1706],{},[1254,1795,1796,1546,1799],{},[216,1797,1798],{},"akaza-context-menu-content",[216,1800,1801],{},"akaza-menu-content",[1254,1803,1804,1546,1806,1546,1809,1546,1812],{},[216,1805,1784],{},[216,1807,1808],{},"data-akaza-side",[216,1810,1811],{},"data-akaza-align",[216,1813,1814],{},"--akaza-context-menu-duration",[1233,1816,1817,1820,1825],{},[1254,1818,1819],{},"menu parts",[1254,1821,1822],{},[216,1823,1824],{},"akaza-menu-*",[1254,1826,1827],{},"Same as Menu.",[213,1829,1830,1831,1834,1835,1838,1839,1842],{},"The generated root uses ",[216,1832,1833],{},"display: contents",", so it does not change trigger-surface layout. Use ",[216,1836,1837],{},"ui.content"," for the visible popup; override ",[216,1840,1841],{},"ui.root"," display only when a real wrapper box is intentional.",[213,1844,1845,1846,1848,1849,1852],{},"Popup entry and exit use a subtle side-aware structural transition. Override ",[216,1847,1814],{}," to change its ",[216,1850,1851],{},"120ms"," duration. Reduced-motion preference shortens it automatically.",[585,1854,1856],{"id":1855},"keyboard","Keyboard",[1227,1858,1859,1868],{},[1230,1860,1861],{},[1233,1862,1863,1865],{},[1236,1864,1685],{},[1236,1866,1867],{},"Behavior",[1249,1869,1870,1884,1897,1910,1923,1933],{},[1233,1871,1872,1881],{},[1254,1873,1874,1877,1878],{},[216,1875,1876],{},"ArrowDown"," \u002F ",[216,1879,1880],{},"ArrowUp",[1254,1882,1883],{},"Move highlighted item.",[1233,1885,1886,1894],{},[1254,1887,1888,1877,1891],{},[216,1889,1890],{},"Home",[216,1892,1893],{},"End",[1254,1895,1896],{},"Move to first\u002Flast enabled item.",[1233,1898,1899,1907],{},[1254,1900,1901,1877,1904],{},[216,1902,1903],{},"Enter",[216,1905,1906],{},"Space",[1254,1908,1909],{},"Select or toggle highlighted item.",[1233,1911,1912,1920],{},[1254,1913,1914,1877,1917],{},[216,1915,1916],{},"ArrowRight",[216,1918,1919],{},"ArrowLeft",[1254,1921,1922],{},"Open\u002Fclose submenu.",[1233,1924,1925,1930],{},[1254,1926,1927],{},[216,1928,1929],{},"Escape",[1254,1931,1932],{},"Close the context menu.",[1233,1934,1935,1941],{},[1254,1936,1937,1940],{},[216,1938,1939],{},"Shift+F10"," \u002F Context Menu key",[1254,1942,1943],{},"Open at focused target.",[213,1945,1946],{},"Touch and pen users can open the menu with a long press. Moving more than 10px before delay cancels it.",[1948,1949,1950],"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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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}",{"title":307,"searchDepth":314,"depth":347,"links":1952},[1953,1954,1955,1959],{"id":231,"depth":347,"text":232},{"id":291,"depth":347,"text":23},{"id":582,"depth":347,"text":583,"children":1956},[1957,1958],{"id":587,"depth":378,"text":588},{"id":1016,"depth":378,"text":1017},{"id":1220,"depth":347,"text":1221,"children":1960},[1961,1962,1963,1964,1965,1966,1967],{"id":1224,"depth":378,"text":1225},{"id":1422,"depth":378,"text":1423},{"id":1517,"depth":378,"text":1518},{"id":1619,"depth":378,"text":1620},{"id":1667,"depth":378,"text":1668},{"id":1750,"depth":378,"text":1751},{"id":1855,"depth":378,"text":1856},"Right-click triggered menu positioned at the pointer.","md",null,{},{"icon":80},{"title":77,"description":1968},"LV4pQQfp0d3sB-NeOL7PVhB5QM-W8Q_G0A_bbQl9Oc0",[1976,1978],{"title":72,"path":73,"stem":74,"description":1977,"icon":75,"children":-1},"Input plus listbox selection with filtering and active-descendant navigation.",{"title":82,"path":83,"stem":84,"description":1979,"icon":85,"children":-1},"A modal dialog that appears over the page and traps focus.",1784667641610]