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