[{"data":1,"prerenderedAt":1067},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdialog":313,"\u002Fcomponents\u002Fdialog-surround":1062},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":118,"body":315,"description":1050,"extension":1051,"links":1052,"meta":1058,"navigation":1059,"package":76,"path":119,"seo":1060,"stem":120,"__hash__":1061},"docs\u002F3.components\u002Fdialog.md",{"type":316,"value":317,"toc":1035},"minimark",[318,323,342,358,362,452,456,879,883,933,937,943,946,949,954,956,961,963,965,970,972,977,979,982,1000,1004,1031],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,329,330,332,333,338,339,341],"p",{},[327,328,118],"code",{}," is a headless ",[327,331,31],{}," primitive for an overlay window layered above the page. It ships behavior only — open\u002Fclose state, portalling, overlay, focus management, and dismissal — and leaves all markup and styling to you. The styled ",[334,335,336],"a",{"href":167},[327,337,166],{}," component in ",[327,340,36],{}," is built on top of it.",[343,344,345],"callout",{"icon":34},[324,346,347,348,350,351,354,355,357],{},"This is a layer of ",[327,349,31],{},". If you want a drop-in styled dialog, reach for ",[327,352,353],{},"VyModal"," in ",[327,356,36],{}," instead and only compose these primitives when you need full control.",[319,359,361],{"id":360},"anatomy","Anatomy",[363,364,369],"pre",{"className":365,"code":366,"language":367,"meta":368,"style":368},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CDialogRoot>\n  \u003CDialogTrigger \u002F>\n  \u003CDialogPortal>\n    \u003CDialogOverlay \u002F>\n    \u003CDialogContent>\n      \u003CDialogTitle \u002F>\n      \u003CDialogDescription \u002F>\n      \u003CDialogClose \u002F>\n    \u003C\u002FDialogContent>\n  \u003C\u002FDialogPortal>\n\u003C\u002FDialogRoot>\n","vue","",[327,370,371,387,394,400,406,412,418,424,430,436,442],{"__ignoreMap":368},[372,373,376,380,384],"span",{"class":374,"line":375},"line",1,[372,377,379],{"class":378},"sMK4o","\u003C",[372,381,383],{"class":382},"swJcz","DialogRoot",[372,385,386],{"class":378},">\n",[372,388,390],{"class":374,"line":389},2,[372,391,393],{"class":392},"sTEyZ","  \u003CDialogTrigger \u002F>\n",[372,395,397],{"class":374,"line":396},3,[372,398,399],{"class":392},"  \u003CDialogPortal>\n",[372,401,403],{"class":374,"line":402},4,[372,404,405],{"class":392},"    \u003CDialogOverlay \u002F>\n",[372,407,409],{"class":374,"line":408},5,[372,410,411],{"class":392},"    \u003CDialogContent>\n",[372,413,415],{"class":374,"line":414},6,[372,416,417],{"class":392},"      \u003CDialogTitle \u002F>\n",[372,419,421],{"class":374,"line":420},7,[372,422,423],{"class":392},"      \u003CDialogDescription \u002F>\n",[372,425,427],{"class":374,"line":426},8,[372,428,429],{"class":392},"      \u003CDialogClose \u002F>\n",[372,431,433],{"class":374,"line":432},9,[372,434,435],{"class":392},"    \u003C\u002FDialogContent>\n",[372,437,439],{"class":374,"line":438},10,[372,440,441],{"class":392},"  \u003C\u002FDialogPortal>\n",[372,443,445,448,450],{"class":374,"line":444},11,[372,446,447],{"class":378},"\u003C\u002F",[372,449,383],{"class":382},[372,451,386],{"class":378},[319,453,455],{"id":454},"usage","Usage",[363,457,459],{"className":365,"code":458,"language":367,"meta":368,"style":368},"\u003Cscript setup lang=\"ts\">\nimport {\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogRoot,\n  DialogTitle,\n  DialogTrigger,\n} from '@vyui\u002Fcore'\n\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDialogRoot v-model:open=\"open\">\n    \u003CDialogTrigger>\n      \u003Ctext>Open dialog\u003C\u002Ftext>\n    \u003C\u002FDialogTrigger>\n\n    \u003CDialogPortal>\n      \u003CDialogOverlay \u002F>\n      \u003CDialogContent>\n        \u003CDialogTitle>\n          \u003Ctext>Confirm changes\u003C\u002Ftext>\n        \u003C\u002FDialogTitle>\n        \u003CDialogDescription>\n          \u003Ctext>This updates your workspace settings.\u003C\u002Ftext>\n        \u003C\u002FDialogDescription>\n        \u003CDialogClose>\n          \u003Ctext>Close\u003C\u002Ftext>\n        \u003C\u002FDialogClose>\n      \u003C\u002FDialogContent>\n    \u003C\u002FDialogPortal>\n  \u003C\u002FDialogRoot>\n\u003C\u002Ftemplate>\n",[327,460,461,489,498,506,513,520,527,534,541,548,555,571,578,603,612,617,627,649,660,681,691,696,706,717,727,738,757,767,777,795,804,814,832,841,851,860,870],{"__ignoreMap":368},[372,462,463,465,468,472,475,478,481,485,487],{"class":374,"line":375},[372,464,379],{"class":378},[372,466,467],{"class":382},"script",[372,469,471],{"class":470},"spNyl"," setup",[372,473,474],{"class":470}," lang",[372,476,477],{"class":378},"=",[372,479,480],{"class":378},"\"",[372,482,484],{"class":483},"sfazB","ts",[372,486,480],{"class":378},[372,488,386],{"class":378},[372,490,491,495],{"class":374,"line":389},[372,492,494],{"class":493},"s7zQu","import",[372,496,497],{"class":378}," {\n",[372,499,500,503],{"class":374,"line":396},[372,501,502],{"class":392},"  DialogClose",[372,504,505],{"class":378},",\n",[372,507,508,511],{"class":374,"line":402},[372,509,510],{"class":392},"  DialogContent",[372,512,505],{"class":378},[372,514,515,518],{"class":374,"line":408},[372,516,517],{"class":392},"  DialogDescription",[372,519,505],{"class":378},[372,521,522,525],{"class":374,"line":414},[372,523,524],{"class":392},"  DialogOverlay",[372,526,505],{"class":378},[372,528,529,532],{"class":374,"line":420},[372,530,531],{"class":392},"  DialogPortal",[372,533,505],{"class":378},[372,535,536,539],{"class":374,"line":426},[372,537,538],{"class":392},"  DialogRoot",[372,540,505],{"class":378},[372,542,543,546],{"class":374,"line":432},[372,544,545],{"class":392},"  DialogTitle",[372,547,505],{"class":378},[372,549,550,553],{"class":374,"line":438},[372,551,552],{"class":392},"  DialogTrigger",[372,554,505],{"class":378},[372,556,557,560,563,566,568],{"class":374,"line":444},[372,558,559],{"class":378},"}",[372,561,562],{"class":493}," from",[372,564,565],{"class":378}," '",[372,567,31],{"class":483},[372,569,570],{"class":378},"'\n",[372,572,574],{"class":374,"line":573},12,[372,575,577],{"emptyLinePlaceholder":576},true,"\n",[372,579,581,584,587,589,593,596,600],{"class":374,"line":580},13,[372,582,583],{"class":470},"const",[372,585,586],{"class":392}," open ",[372,588,477],{"class":378},[372,590,592],{"class":591},"s2Zo4"," ref",[372,594,595],{"class":392},"(",[372,597,599],{"class":598},"sfNiH","false",[372,601,602],{"class":392},")\n",[372,604,606,608,610],{"class":374,"line":605},14,[372,607,447],{"class":378},[372,609,467],{"class":382},[372,611,386],{"class":378},[372,613,615],{"class":374,"line":614},15,[372,616,577],{"emptyLinePlaceholder":576},[372,618,620,622,625],{"class":374,"line":619},16,[372,621,379],{"class":378},[372,623,624],{"class":382},"template",[372,626,386],{"class":378},[372,628,630,633,635,638,640,642,645,647],{"class":374,"line":629},17,[372,631,632],{"class":378},"  \u003C",[372,634,383],{"class":382},[372,636,637],{"class":470}," v-model:open",[372,639,477],{"class":378},[372,641,480],{"class":378},[372,643,644],{"class":483},"open",[372,646,480],{"class":378},[372,648,386],{"class":378},[372,650,652,655,658],{"class":374,"line":651},18,[372,653,654],{"class":378},"    \u003C",[372,656,657],{"class":382},"DialogTrigger",[372,659,386],{"class":378},[372,661,663,666,669,672,675,677,679],{"class":374,"line":662},19,[372,664,665],{"class":378},"      \u003C",[372,667,668],{"class":382},"text",[372,670,671],{"class":378},">",[372,673,674],{"class":392},"Open dialog",[372,676,447],{"class":378},[372,678,668],{"class":382},[372,680,386],{"class":378},[372,682,684,687,689],{"class":374,"line":683},20,[372,685,686],{"class":378},"    \u003C\u002F",[372,688,657],{"class":382},[372,690,386],{"class":378},[372,692,694],{"class":374,"line":693},21,[372,695,577],{"emptyLinePlaceholder":576},[372,697,699,701,704],{"class":374,"line":698},22,[372,700,654],{"class":378},[372,702,703],{"class":382},"DialogPortal",[372,705,386],{"class":378},[372,707,709,711,714],{"class":374,"line":708},23,[372,710,665],{"class":378},[372,712,713],{"class":382},"DialogOverlay",[372,715,716],{"class":378}," \u002F>\n",[372,718,720,722,725],{"class":374,"line":719},24,[372,721,665],{"class":378},[372,723,724],{"class":382},"DialogContent",[372,726,386],{"class":378},[372,728,730,733,736],{"class":374,"line":729},25,[372,731,732],{"class":378},"        \u003C",[372,734,735],{"class":382},"DialogTitle",[372,737,386],{"class":378},[372,739,741,744,746,748,751,753,755],{"class":374,"line":740},26,[372,742,743],{"class":378},"          \u003C",[372,745,668],{"class":382},[372,747,671],{"class":378},[372,749,750],{"class":392},"Confirm changes",[372,752,447],{"class":378},[372,754,668],{"class":382},[372,756,386],{"class":378},[372,758,760,763,765],{"class":374,"line":759},27,[372,761,762],{"class":378},"        \u003C\u002F",[372,764,735],{"class":382},[372,766,386],{"class":378},[372,768,770,772,775],{"class":374,"line":769},28,[372,771,732],{"class":378},[372,773,774],{"class":382},"DialogDescription",[372,776,386],{"class":378},[372,778,780,782,784,786,789,791,793],{"class":374,"line":779},29,[372,781,743],{"class":378},[372,783,668],{"class":382},[372,785,671],{"class":378},[372,787,788],{"class":392},"This updates your workspace settings.",[372,790,447],{"class":378},[372,792,668],{"class":382},[372,794,386],{"class":378},[372,796,798,800,802],{"class":374,"line":797},30,[372,799,762],{"class":378},[372,801,774],{"class":382},[372,803,386],{"class":378},[372,805,807,809,812],{"class":374,"line":806},31,[372,808,732],{"class":378},[372,810,811],{"class":382},"DialogClose",[372,813,386],{"class":378},[372,815,817,819,821,823,826,828,830],{"class":374,"line":816},32,[372,818,743],{"class":378},[372,820,668],{"class":382},[372,822,671],{"class":378},[372,824,825],{"class":392},"Close",[372,827,447],{"class":378},[372,829,668],{"class":382},[372,831,386],{"class":378},[372,833,835,837,839],{"class":374,"line":834},33,[372,836,762],{"class":378},[372,838,811],{"class":382},[372,840,386],{"class":378},[372,842,844,847,849],{"class":374,"line":843},34,[372,845,846],{"class":378},"      \u003C\u002F",[372,848,724],{"class":382},[372,850,386],{"class":378},[372,852,854,856,858],{"class":374,"line":853},35,[372,855,686],{"class":378},[372,857,703],{"class":382},[372,859,386],{"class":378},[372,861,863,866,868],{"class":374,"line":862},36,[372,864,865],{"class":378},"  \u003C\u002F",[372,867,383],{"class":382},[372,869,386],{"class":378},[372,871,873,875,877],{"class":374,"line":872},37,[372,874,447],{"class":378},[372,876,624],{"class":382},[372,878,386],{"class":378},[319,880,882],{"id":881},"features-and-behavior","Features and behavior",[884,885,886,901,914,919,928],"ul",{},[887,888,889,892,893,896,897,900],"li",{},[327,890,891],{},"modal"," defaults to ",[327,894,895],{},"true","; interaction with content behind the overlay is blocked. Set ",[327,898,899],{},"modal=\"false\""," for a non-modal dialog that leaves the rest of the page interactive.",[887,902,903,905,906,909,910,913],{},[327,904,644],{}," \u002F ",[327,907,908],{},"v-model:open"," controls visibility; ",[327,911,912],{},"defaultOpen"," seeds uncontrolled state.",[887,915,916,918],{},[327,917,724],{}," traps focus while open and restores it to the trigger on close.",[887,920,921,923,924,927],{},[327,922,811],{}," and pressing dismiss\u002Fback close the dialog and emit ",[327,925,926],{},"update:open",".",[887,929,930,932],{},[327,931,703],{}," renders the overlay and content at the root of the tree so they layer above sibling content.",[319,934,936],{"id":935},"api","API",[938,939,941],"h3",{"id":940},"dialogroot",[327,942,383],{},[944,945],"component-props",{"name":383},[947,948],"component-emits",{"name":383},[938,950,952],{"id":951},"dialogtrigger",[327,953,657],{},[944,955],{"name":657},[938,957,959],{"id":958},"dialogcontent",[327,960,724],{},[944,962],{"name":724},[947,964],{"name":724},[938,966,968],{"id":967},"dialogoverlay",[327,969,713],{},[944,971],{"name":713},[938,973,975],{"id":974},"dialogclose",[327,976,811],{},[944,978],{"name":811},[319,980,299],{"id":981},"accessibility",[884,983,984,992,997],{},[887,985,986,988,989,991],{},[327,987,724],{}," exposes native Lynx dialog semantics and manages a focus trap; always include a ",[327,990,735],{}," so the dialog is announced.",[887,993,994,996],{},[327,995,774],{}," is associated with the content as its accessible description.",[887,998,999],{},"Closing returns focus to the element that opened the dialog.",[319,1001,1003],{"id":1002},"related-components","Related components",[884,1005,1006,1016,1024],{},[887,1007,1008,1012,1013,1015],{},[334,1009,1010],{"href":167},[327,1011,166],{}," — the styled ",[327,1014,36],{}," dialog built on this primitive.",[887,1017,1018,1023],{},[334,1019,1020],{"href":74},[327,1021,1022],{},"AlertDialog"," — a focus-trapping confirmation variant with required action\u002Fcancel.",[887,1025,1026,1030],{},[334,1027,1028],{"href":232},[327,1029,231],{}," — a drag-snappable bottom sheet alternative.",[1032,1033,1034],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":368,"searchDepth":375,"depth":389,"links":1036},[1037,1038,1039,1040,1041,1048,1049],{"id":321,"depth":389,"text":322},{"id":360,"depth":389,"text":361},{"id":454,"depth":389,"text":455},{"id":881,"depth":389,"text":882},{"id":935,"depth":389,"text":936,"children":1042},[1043,1044,1045,1046,1047],{"id":940,"depth":396,"text":383},{"id":951,"depth":396,"text":657},{"id":958,"depth":396,"text":724},{"id":967,"depth":396,"text":713},{"id":974,"depth":396,"text":811},{"id":981,"depth":389,"text":299},{"id":1002,"depth":389,"text":1003},"Headless modal\u002Fnon-modal dialog primitive — trigger, portal, overlay, and content with full focus and dismiss behavior.","md",[1053],{"label":1054,"icon":1055,"to":1056,"target":1057},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FDialog","_blank",{},{"icon":121},{"title":118,"description":1050},"YTmUWnMWjAfphIJQJnMySVZeB2rADWpGQAyNK_HJlbA",[1063,1065],{"title":113,"path":114,"stem":115,"description":1064,"icon":-1,"children":-1,"navigation":-1},"Headless disclosure primitive — a single region that expands and collapses.",{"title":123,"path":124,"stem":125,"description":1066,"icon":-1,"children":-1,"navigation":-1},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.",1783464072888]