[{"data":1,"prerenderedAt":4180},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fmodal":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":387},{"en":684,"id":2558},{"id":685,"title":386,"aside":686,"body":687,"collapse":10,"description":2553,"editLink":686,"extension":2554,"icon":9,"issueLink":686,"meta":2555,"navBadges":9,"navigation":9,"order":45,"path":387,"prevNext":686,"seo":2556,"stem":388,"toc":686,"__hash__":2557},"docs\u002Fcomponents\u002Foverlays\u002Fmodal.md",true,{"type":688,"value":689,"toc":2535},"minimark",[690,695,704,708,1058,1072,1077,1082,1085,1122,1179,1183,1204,1207,1292,1296,1301,1304,1341,1344,1359,1362,1399,1403,1413,1416,1464,1468,1471,1474,1478,1487,1603,1614,1617,1676,1682,1686,1712,1765,1768,1771,1775,1793,1809,1812,1962,2025,2053,2075,2079,2283,2297,2301,2416,2420,2510,2514,2531],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703],"p",{},"Modal visibility is controlled with ",[700,701,702],"code",{},"v-model:open",", so it needs a ref from\nthe page it's used on.",[705,706],"component-example",{"name":707},"modal-basic",[709,710,715],"pre",{"className":711,"code":712,"language":713,"meta":714,"style":714},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton @click=\"open = true\">\n    Open modal\n  \u003C\u002FSButton>\n\n  \u003CSModal v-model:open=\"open\" title=\"Delete item\" description=\"This action cannot be undone.\">\n    \u003Ctemplate #body>\n      Are you sure you want to delete this item?\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #footer>\n      \u003CSButton variant=\"ghost\" @click=\"open = false\">\n        Cancel\n      \u003C\u002FSButton>\n      \u003CSButton color=\"danger\" @click=\"open = false\">\n        Delete\n      \u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSModal>\n\u003C\u002Ftemplate>\n","vue","",[700,716,717,746,772,782,788,798,830,836,846,851,893,908,913,923,937,971,977,987,1020,1026,1034,1042,1050],{"__ignoreMap":714},[718,719,721,725,729,733,736,739,743],"span",{"class":720,"line":8},"line",[718,722,724],{"class":723},"sVt8B","\u003C",[718,726,728],{"class":727},"s9eBZ","script",[718,730,732],{"class":731},"sScJk"," setup",[718,734,735],{"class":731}," lang",[718,737,738],{"class":723},"=",[718,740,742],{"class":741},"sZZnC","\"ts\"",[718,744,745],{"class":723},">\n",[718,747,749,753,757,760,763,766,769],{"class":720,"line":748},2,[718,750,752],{"class":751},"szBVR","const",[718,754,756],{"class":755},"sj4cs"," open",[718,758,759],{"class":751}," =",[718,761,762],{"class":731}," ref",[718,764,765],{"class":723},"(",[718,767,768],{"class":755},"false",[718,770,771],{"class":723},")\n",[718,773,775,778,780],{"class":720,"line":774},3,[718,776,777],{"class":723},"\u003C\u002F",[718,779,728],{"class":727},[718,781,745],{"class":723},[718,783,785],{"class":720,"line":784},4,[718,786,787],{"emptyLinePlaceholder":686},"\n",[718,789,791,793,796],{"class":720,"line":790},5,[718,792,724],{"class":723},[718,794,795],{"class":727},"template",[718,797,745],{"class":723},[718,799,801,804,807,810,813,815,818,821,823,826,828],{"class":720,"line":800},6,[718,802,803],{"class":723},"  \u003C",[718,805,806],{"class":727},"SButton",[718,808,809],{"class":723}," @",[718,811,812],{"class":731},"click",[718,814,738],{"class":723},[718,816,817],{"class":741},"\"",[718,819,820],{"class":723},"open ",[718,822,738],{"class":751},[718,824,825],{"class":755}," true",[718,827,817],{"class":741},[718,829,745],{"class":723},[718,831,833],{"class":720,"line":832},7,[718,834,835],{"class":723},"    Open modal\n",[718,837,839,842,844],{"class":720,"line":838},8,[718,840,841],{"class":723},"  \u003C\u002F",[718,843,806],{"class":727},[718,845,745],{"class":723},[718,847,849],{"class":720,"line":848},9,[718,850,787],{"emptyLinePlaceholder":686},[718,852,853,855,858,861,864,867,869,871,873,875,878,880,883,886,888,891],{"class":720,"line":13},[718,854,803],{"class":723},[718,856,857],{"class":727},"SModal",[718,859,860],{"class":731}," v-model",[718,862,863],{"class":723},":",[718,865,866],{"class":731},"open",[718,868,738],{"class":723},[718,870,817],{"class":741},[718,872,866],{"class":723},[718,874,817],{"class":741},[718,876,877],{"class":731}," title",[718,879,738],{"class":723},[718,881,882],{"class":741},"\"Delete item\"",[718,884,885],{"class":731}," description",[718,887,738],{"class":723},[718,889,890],{"class":741},"\"This action cannot be undone.\"",[718,892,745],{"class":723},[718,894,895,898,900,903,906],{"class":720,"line":151},[718,896,897],{"class":723},"    \u003C",[718,899,795],{"class":727},[718,901,902],{"class":723}," #",[718,904,905],{"class":731},"body",[718,907,745],{"class":723},[718,909,910],{"class":720,"line":170},[718,911,912],{"class":723},"      Are you sure you want to delete this item?\n",[718,914,916,919,921],{"class":720,"line":915},13,[718,917,918],{"class":723},"    \u003C\u002F",[718,920,795],{"class":727},[718,922,745],{"class":723},[718,924,926,928,930,932,935],{"class":720,"line":925},14,[718,927,897],{"class":723},[718,929,795],{"class":727},[718,931,902],{"class":723},[718,933,934],{"class":731},"footer",[718,936,745],{"class":723},[718,938,939,942,944,947,949,952,954,956,958,960,962,964,967,969],{"class":720,"line":648},[718,940,941],{"class":723},"      \u003C",[718,943,806],{"class":727},[718,945,946],{"class":731}," variant",[718,948,738],{"class":723},[718,950,951],{"class":741},"\"ghost\"",[718,953,809],{"class":723},[718,955,812],{"class":731},[718,957,738],{"class":723},[718,959,817],{"class":741},[718,961,820],{"class":723},[718,963,738],{"class":751},[718,965,966],{"class":755}," false",[718,968,817],{"class":741},[718,970,745],{"class":723},[718,972,974],{"class":720,"line":973},16,[718,975,976],{"class":723},"        Cancel\n",[718,978,980,983,985],{"class":720,"line":979},17,[718,981,982],{"class":723},"      \u003C\u002F",[718,984,806],{"class":727},[718,986,745],{"class":723},[718,988,990,992,994,997,999,1002,1004,1006,1008,1010,1012,1014,1016,1018],{"class":720,"line":989},18,[718,991,941],{"class":723},[718,993,806],{"class":727},[718,995,996],{"class":731}," color",[718,998,738],{"class":723},[718,1000,1001],{"class":741},"\"danger\"",[718,1003,809],{"class":723},[718,1005,812],{"class":731},[718,1007,738],{"class":723},[718,1009,817],{"class":741},[718,1011,820],{"class":723},[718,1013,738],{"class":751},[718,1015,966],{"class":755},[718,1017,817],{"class":741},[718,1019,745],{"class":723},[718,1021,1023],{"class":720,"line":1022},19,[718,1024,1025],{"class":723},"        Delete\n",[718,1027,1028,1030,1032],{"class":720,"line":30},[718,1029,982],{"class":723},[718,1031,806],{"class":727},[718,1033,745],{"class":723},[718,1035,1036,1038,1040],{"class":720,"line":247},[718,1037,918],{"class":723},[718,1039,795],{"class":727},[718,1041,745],{"class":723},[718,1043,1044,1046,1048],{"class":720,"line":257},[718,1045,841],{"class":723},[718,1047,857],{"class":727},[718,1049,745],{"class":723},[718,1051,1052,1054,1056],{"class":720,"line":272},[718,1053,777],{"class":723},[718,1055,795],{"class":727},[718,1057,745],{"class":723},[696,1059,1060,1061,1064,1065,6,1068,1071],{},"Always pass ",[700,1062,1063],{},"title"," (or a ",[700,1066,1067],{},"header",[700,1069,1070],{},"content"," slot containing a heading) -\nwithout one, the dialog has no accessible name for screen readers, and dev\nmode warns about it.",[1073,1074,1076],"h3",{"id":1075},"controlling-it-programmatically","Controlling it programmatically",[696,1078,1079,1081],{},[700,1080,866],{}," is a real controlled value, not tied to a click - setting it\nfrom anywhere (a timeout, an async callback, a route watcher, another\ncomponent) opens the dialog identically. No trigger element, or even a\ndefault slot, is required:",[705,1083],{"name":1084},"modal-programmatic",[709,1086,1090],{"className":1087,"code":1088,"language":1089,"meta":714,"style":714},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSModal v-model:open=\"open\" title=\"Opened by the timeout\" \u002F>\n","vue-html",[700,1091,1092],{"__ignoreMap":714},[718,1093,1094,1096,1098,1100,1102,1104,1106,1108,1110,1112,1114,1116,1119],{"class":720,"line":8},[718,1095,724],{"class":723},[718,1097,857],{"class":727},[718,1099,860],{"class":731},[718,1101,863],{"class":723},[718,1103,866],{"class":731},[718,1105,738],{"class":723},[718,1107,817],{"class":741},[718,1109,866],{"class":723},[718,1111,817],{"class":741},[718,1113,877],{"class":731},[718,1115,738],{"class":723},[718,1117,1118],{"class":741},"\"Opened by the timeout\"",[718,1120,1121],{"class":723}," \u002F>\n",[709,1123,1127],{"className":1124,"code":1125,"language":1126,"meta":714,"style":714},"language-ts shiki shiki-themes github-light github-dark","function simulate() {\n  setTimeout(() => {\n    open.value = true\n  }, 1000)\n}\n","ts",[700,1128,1129,1140,1154,1164,1174],{"__ignoreMap":714},[718,1130,1131,1134,1137],{"class":720,"line":8},[718,1132,1133],{"class":751},"function",[718,1135,1136],{"class":731}," simulate",[718,1138,1139],{"class":723},"() {\n",[718,1141,1142,1145,1148,1151],{"class":720,"line":748},[718,1143,1144],{"class":731},"  setTimeout",[718,1146,1147],{"class":723},"(() ",[718,1149,1150],{"class":751},"=>",[718,1152,1153],{"class":723}," {\n",[718,1155,1156,1159,1161],{"class":720,"line":774},[718,1157,1158],{"class":723},"    open.value ",[718,1160,738],{"class":751},[718,1162,1163],{"class":755}," true\n",[718,1165,1166,1169,1172],{"class":720,"line":784},[718,1167,1168],{"class":723},"  }, ",[718,1170,1171],{"class":755},"1000",[718,1173,771],{"class":723},[718,1175,1176],{"class":720,"line":790},[718,1177,1178],{"class":723},"}\n",[1073,1180,1182],{"id":1181},"custom-content","Custom content",[696,1184,1185,1187,1188,6,1191,1194,1195,1197,1198,6,1200,1203],{},[700,1186,1070],{}," replaces the header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter structure\nentirely - useful when the dialog doesn't fit the header-plus-body shape at\nall (a success screen, a fully custom form layout). ",[700,1189,1190],{},"close",[700,1192,1193],{},"maximizable","\nare ignored once ",[700,1196,1070],{}," is provided, since the slot owns the whole\nvisible dialog - but ",[700,1199,1063],{},[700,1201,1202],{},"description",", if still set, stay registered\nwith Reka as the dialog's accessible name\u002Fdescription, just visually\nhidden instead of rendered as a header. Pass them if your own custom\ncontent doesn't already include a heading Reka can associate with the\ndialog:",[705,1205],{"name":1206},"modal-content",[709,1208,1210],{"className":1087,"code":1209,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\">\n  \u003Ctemplate #content>\n    \u003Cdiv class=\"flex flex-col items-center gap-4 p-8 text-center\">\n      ...\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FSModal>\n",[700,1211,1212,1234,1246,1263,1268,1276,1284],{"__ignoreMap":714},[718,1213,1214,1216,1218,1220,1222,1224,1226,1228,1230,1232],{"class":720,"line":8},[718,1215,724],{"class":723},[718,1217,857],{"class":727},[718,1219,860],{"class":731},[718,1221,863],{"class":723},[718,1223,866],{"class":731},[718,1225,738],{"class":723},[718,1227,817],{"class":741},[718,1229,866],{"class":723},[718,1231,817],{"class":741},[718,1233,745],{"class":723},[718,1235,1236,1238,1240,1242,1244],{"class":720,"line":748},[718,1237,803],{"class":723},[718,1239,795],{"class":727},[718,1241,902],{"class":723},[718,1243,1070],{"class":731},[718,1245,745],{"class":723},[718,1247,1248,1250,1253,1256,1258,1261],{"class":720,"line":774},[718,1249,897],{"class":723},[718,1251,1252],{"class":727},"div",[718,1254,1255],{"class":731}," class",[718,1257,738],{"class":723},[718,1259,1260],{"class":741},"\"flex flex-col items-center gap-4 p-8 text-center\"",[718,1262,745],{"class":723},[718,1264,1265],{"class":720,"line":784},[718,1266,1267],{"class":723},"      ...\n",[718,1269,1270,1272,1274],{"class":720,"line":790},[718,1271,918],{"class":723},[718,1273,1252],{"class":727},[718,1275,745],{"class":723},[718,1277,1278,1280,1282],{"class":720,"line":800},[718,1279,841],{"class":723},[718,1281,795],{"class":727},[718,1283,745],{"class":723},[718,1285,1286,1288,1290],{"class":720,"line":832},[718,1287,777],{"class":723},[718,1289,857],{"class":727},[718,1291,745],{"class":723},[1073,1293,1295],{"id":1294},"fullscreen","Fullscreen",[696,1297,1298,1300],{},[700,1299,1294],{}," takes the dialog full-viewport instead of the default centered\ncard - useful for image viewers, complex forms, or anything that benefits\nfrom the extra room.",[705,1302],{"name":1303},"modal-fullscreen",[709,1305,1307],{"className":1087,"code":1306,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\" fullscreen title=\"Fullscreen\" \u002F>\n",[700,1308,1309],{"__ignoreMap":714},[718,1310,1311,1313,1315,1317,1319,1321,1323,1325,1327,1329,1332,1334,1336,1339],{"class":720,"line":8},[718,1312,724],{"class":723},[718,1314,857],{"class":727},[718,1316,860],{"class":731},[718,1318,863],{"class":723},[718,1320,866],{"class":731},[718,1322,738],{"class":723},[718,1324,817],{"class":741},[718,1326,866],{"class":723},[718,1328,817],{"class":741},[718,1330,1331],{"class":731}," fullscreen",[718,1333,877],{"class":731},[718,1335,738],{"class":723},[718,1337,1338],{"class":741},"\"Fullscreen\"",[718,1340,1121],{"class":723},[1073,1342,1343],{"id":1193},"Maximizable",[696,1345,1346,1348,1349,1351,1352,1354,1355,1358],{},[700,1347,1294],{}," alone only sets a fixed initial layout - ",[700,1350,1193],{}," adds a\nheader button next to close that lets the user toggle between the default\nand full-viewport layout at runtime, matching a comparable reference's\nown dialog maximize toggle. ",[700,1353,1294],{}," still sets which one it starts\nin; pair with ",[700,1356,1357],{},"v-model:fullscreen"," if you need to read or control the\ncurrent state yourself:",[705,1360],{"name":1361},"modal-maximizable",[709,1363,1365],{"className":1087,"code":1364,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\" maximizable title=\"Report\" \u002F>\n",[700,1366,1367],{"__ignoreMap":714},[718,1368,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1390,1392,1394,1397],{"class":720,"line":8},[718,1370,724],{"class":723},[718,1372,857],{"class":727},[718,1374,860],{"class":731},[718,1376,863],{"class":723},[718,1378,866],{"class":731},[718,1380,738],{"class":723},[718,1382,817],{"class":741},[718,1384,866],{"class":723},[718,1386,817],{"class":741},[718,1388,1389],{"class":731}," maximizable",[718,1391,877],{"class":731},[718,1393,738],{"class":723},[718,1395,1396],{"class":741},"\"Report\"",[718,1398,1121],{"class":723},[1073,1400,1402],{"id":1401},"non-modal","Non-modal",[696,1404,1405,1408,1409,1412],{},[700,1406,1407],{},"modal=\"false\""," stops the dialog from blocking interaction with the rest of\nthe page - no focus trap, outside elements stay reachable and aren't hidden\nfrom assistive tech. ",[700,1410,1411],{},"overlay"," is independent of this - a non-modal dialog\ncan still show (or hide) its own backdrop:",[705,1414],{"name":1415},"modal-non-modal",[709,1417,1419],{"className":1087,"code":1418,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\" :modal=\"false\" title=\"Non-modal\" \u002F>\n",[700,1420,1421],{"__ignoreMap":714},[718,1422,1423,1425,1427,1429,1431,1433,1435,1437,1439,1441,1444,1447,1449,1451,1453,1455,1457,1459,1462],{"class":720,"line":8},[718,1424,724],{"class":723},[718,1426,857],{"class":727},[718,1428,860],{"class":731},[718,1430,863],{"class":723},[718,1432,866],{"class":731},[718,1434,738],{"class":723},[718,1436,817],{"class":741},[718,1438,866],{"class":723},[718,1440,817],{"class":741},[718,1442,1443],{"class":723}," :",[718,1445,1446],{"class":731},"modal",[718,1448,738],{"class":723},[718,1450,817],{"class":741},[718,1452,768],{"class":755},[718,1454,817],{"class":741},[718,1456,877],{"class":731},[718,1458,738],{"class":723},[718,1460,1461],{"class":741},"\"Non-modal\"",[718,1463,1121],{"class":723},[1073,1465,1467],{"id":1466},"scrollable-content","Scrollable content",[696,1469,1470],{},"The dialog is capped to the viewport height - a body taller than that\nscrolls internally on its own, while the header and footer stay pinned in\nplace.",[705,1472],{"name":1473},"modal-scrollable",[1073,1475,1477],{"id":1476},"intercepting-dismissal","Intercepting dismissal",[696,1479,1480,1482,1483,1486],{},[700,1481,857],{}," doesn't override Reka UI's own defaults (Escape and an outside\nclick both dismiss it), but exposes the underlying events so you can\n",[700,1484,1485],{},"preventDefault()"," on them - e.g. to confirm before closing a dialog with\nunsaved changes:",[709,1488,1490],{"className":1087,"code":1489,"language":1089,"meta":714,"style":714},"\u003CSModal\n  v-model:open=\"open\"\n  title=\"Edit profile\"\n  @escape-key-down=\"(e) => hasChanges && e.preventDefault()\"\n  @pointer-down-outside=\"(e) => hasChanges && e.preventDefault()\"\n\u002F>\n",[700,1491,1492,1499,1517,1527,1567,1598],{"__ignoreMap":714},[718,1493,1494,1496],{"class":720,"line":8},[718,1495,724],{"class":723},[718,1497,1498],{"class":727},"SModal\n",[718,1500,1501,1504,1506,1508,1510,1512,1514],{"class":720,"line":748},[718,1502,1503],{"class":731},"  v-model",[718,1505,863],{"class":723},[718,1507,866],{"class":731},[718,1509,738],{"class":723},[718,1511,817],{"class":741},[718,1513,866],{"class":723},[718,1515,1516],{"class":741},"\"\n",[718,1518,1519,1522,1524],{"class":720,"line":774},[718,1520,1521],{"class":731},"  title",[718,1523,738],{"class":723},[718,1525,1526],{"class":741},"\"Edit profile\"\n",[718,1528,1529,1532,1535,1537,1539,1541,1545,1548,1550,1553,1556,1559,1562,1565],{"class":720,"line":784},[718,1530,1531],{"class":723},"  @",[718,1533,1534],{"class":731},"escape-key-down",[718,1536,738],{"class":723},[718,1538,817],{"class":741},[718,1540,765],{"class":723},[718,1542,1544],{"class":1543},"s4XuR","e",[718,1546,1547],{"class":723},") ",[718,1549,1150],{"class":751},[718,1551,1552],{"class":723}," hasChanges ",[718,1554,1555],{"class":751},"&&",[718,1557,1558],{"class":723}," e.",[718,1560,1561],{"class":731},"preventDefault",[718,1563,1564],{"class":723},"()",[718,1566,1516],{"class":741},[718,1568,1569,1571,1574,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596],{"class":720,"line":790},[718,1570,1531],{"class":723},[718,1572,1573],{"class":731},"pointer-down-outside",[718,1575,738],{"class":723},[718,1577,817],{"class":741},[718,1579,765],{"class":723},[718,1581,1544],{"class":1543},[718,1583,1547],{"class":723},[718,1585,1150],{"class":751},[718,1587,1552],{"class":723},[718,1589,1555],{"class":751},[718,1591,1558],{"class":723},[718,1593,1561],{"class":731},[718,1595,1564],{"class":723},[718,1597,1516],{"class":741},[718,1599,1600],{"class":720,"line":800},[718,1601,1602],{"class":723},"\u002F>\n",[696,1604,1605,1606,1609,1610,1613],{},"For the simpler, all-or-nothing case - a dialog that must not be dismissed\nby anything but an explicit choice - ",[700,1607,1608],{},"dismissible=\"false\""," disables both\nEscape and outside-click at once, and ",[700,1611,1612],{},"close=\"false\""," removes the close\nbutton too:",[705,1615],{"name":1616},"modal-dismissible",[709,1618,1620],{"className":1087,"code":1619,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\" :dismissible=\"false\" :close=\"false\" title=\"Confirm your plan\" \u002F>\n",[700,1621,1622],{"__ignoreMap":714},[718,1623,1624,1626,1628,1630,1632,1634,1636,1638,1640,1642,1644,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1674],{"class":720,"line":8},[718,1625,724],{"class":723},[718,1627,857],{"class":727},[718,1629,860],{"class":731},[718,1631,863],{"class":723},[718,1633,866],{"class":731},[718,1635,738],{"class":723},[718,1637,817],{"class":741},[718,1639,866],{"class":723},[718,1641,817],{"class":741},[718,1643,1443],{"class":723},[718,1645,1646],{"class":731},"dismissible",[718,1648,738],{"class":723},[718,1650,817],{"class":741},[718,1652,768],{"class":755},[718,1654,817],{"class":741},[718,1656,1443],{"class":723},[718,1658,1190],{"class":731},[718,1660,738],{"class":723},[718,1662,817],{"class":741},[718,1664,768],{"class":755},[718,1666,817],{"class":741},[718,1668,877],{"class":731},[718,1670,738],{"class":723},[718,1672,1673],{"class":741},"\"Confirm your plan\"",[718,1675,1121],{"class":723},[696,1677,1678,1679,1681],{},"The two raw events still fire even with ",[700,1680,1608],{}," - useful for\nsomething like a shake animation to signal the dialog won't close that way.",[1073,1683,1685],{"id":1684},"customizing-the-closemaximize-buttons","Customizing the close\u002Fmaximize buttons",[696,1687,1688,1689,1692,1693,6,1696,1699,1700,1703,1704,1707,1708,1711],{},"Both header buttons render as real ",[700,1690,1691],{},"\u003CSButton>","s, so ",[700,1694,1695],{},":ui.close",[700,1697,1698],{},":ui.maximize","\nalready reach them fully - not just classes. An object ",[700,1701,1702],{},":ui"," value's\nnon-",[700,1705,1706],{},"class"," keys apply as raw attrs\u002Fprops, so ",[700,1709,1710],{},":ui=\"{ close: { color: 'danger' } }\"","\nworks today without a dedicated prop for it:",[709,1713,1715],{"className":1087,"code":1714,"language":1089,"meta":714,"style":714},"\u003CSModal v-model:open=\"open\" title=\"Delete item\" :ui=\"{ close: { color: 'danger' } }\" \u002F>\n",[700,1716,1717],{"__ignoreMap":714},[718,1718,1719,1721,1723,1725,1727,1729,1731,1733,1735,1737,1739,1741,1743,1745,1748,1750,1752,1755,1758,1761,1763],{"class":720,"line":8},[718,1720,724],{"class":723},[718,1722,857],{"class":727},[718,1724,860],{"class":731},[718,1726,863],{"class":723},[718,1728,866],{"class":731},[718,1730,738],{"class":723},[718,1732,817],{"class":741},[718,1734,866],{"class":723},[718,1736,817],{"class":741},[718,1738,877],{"class":731},[718,1740,738],{"class":723},[718,1742,882],{"class":741},[718,1744,1443],{"class":723},[718,1746,1747],{"class":731},"ui",[718,1749,738],{"class":723},[718,1751,817],{"class":741},[718,1753,1754],{"class":723},"{ close: { color: ",[718,1756,1757],{"class":741},"'danger'",[718,1759,1760],{"class":723}," } }",[718,1762,817],{"class":741},[718,1764,1121],{"class":723},[696,1766,1767],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the dialog's own theme file:",[1769,1770],"theme-source",{"name":1446},[691,1772,1774],{"id":1773},"programmatic-usage","Programmatic usage",[696,1776,1777,1780,1781,1784,1785,1788,1789,1792],{},[700,1778,1779],{},"useModal()"," opens a dialog from anywhere - a click handler, an async\ncallback - without a ",[700,1782,1783],{},"v-model"," of your own to manage. It works\nautomatically once ",[700,1786,1787],{},"\u003CSApp>"," wraps your app, exactly like every other\ncomponent here; there's nothing extra to place, unlike ",[700,1790,1791],{},"\u003CSToast \u002F>",".",[696,1794,1795,1796,1798,1799,1802,1803,1805,1806,863],{},"The given component owns the dialog's entire content, the same as the\n",[700,1797,1070],{}," slot above - its own heading, its own buttons. ",[700,1800,1801],{},"open()"," returns\na promise that resolves with whatever value the component's own ",[700,1804,1190],{},"\nevent carries, so an explicit action can resolve with real data while\ndismissing via Escape or an outside click resolves with ",[700,1807,1808],{},"undefined",[705,1810],{"name":1811},"modal-use-modal",[709,1813,1815],{"className":1087,"code":1814,"language":1089,"meta":714,"style":714},"\u003C!-- ModalConfirmDialog.vue - a self-contained dialog -->\n\u003Ctemplate>\n  \u003Cdiv class=\"p-8 text-center\">\n    \u003Ch2>Delete this item?\u003C\u002Fh2>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton color=\"danger\" @click=\"$emit('close', true)\">Delete\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[700,1816,1817,1823,1831,1846,1859,1904,1946,1954],{"__ignoreMap":714},[718,1818,1819],{"class":720,"line":8},[718,1820,1822],{"class":1821},"sJ8bj","\u003C!-- ModalConfirmDialog.vue - a self-contained dialog -->\n",[718,1824,1825,1827,1829],{"class":720,"line":748},[718,1826,724],{"class":723},[718,1828,795],{"class":727},[718,1830,745],{"class":723},[718,1832,1833,1835,1837,1839,1841,1844],{"class":720,"line":774},[718,1834,803],{"class":723},[718,1836,1252],{"class":727},[718,1838,1255],{"class":731},[718,1840,738],{"class":723},[718,1842,1843],{"class":741},"\"p-8 text-center\"",[718,1845,745],{"class":723},[718,1847,1848,1850,1852,1855,1857],{"class":720,"line":784},[718,1849,897],{"class":723},[718,1851,691],{"class":727},[718,1853,1854],{"class":723},">Delete this item?\u003C\u002F",[718,1856,691],{"class":727},[718,1858,745],{"class":723},[718,1860,1861,1863,1865,1867,1869,1871,1873,1875,1877,1879,1882,1884,1887,1890,1892,1895,1897,1900,1902],{"class":720,"line":790},[718,1862,897],{"class":723},[718,1864,806],{"class":727},[718,1866,946],{"class":731},[718,1868,738],{"class":723},[718,1870,951],{"class":741},[718,1872,809],{"class":723},[718,1874,812],{"class":731},[718,1876,738],{"class":723},[718,1878,817],{"class":741},[718,1880,1881],{"class":731},"$emit",[718,1883,765],{"class":723},[718,1885,1886],{"class":741},"'close'",[718,1888,1889],{"class":723},", ",[718,1891,768],{"class":755},[718,1893,1894],{"class":723},")",[718,1896,817],{"class":741},[718,1898,1899],{"class":723},">Cancel\u003C\u002F",[718,1901,806],{"class":727},[718,1903,745],{"class":723},[718,1905,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932,1935,1937,1939,1942,1944],{"class":720,"line":800},[718,1907,897],{"class":723},[718,1909,806],{"class":727},[718,1911,996],{"class":731},[718,1913,738],{"class":723},[718,1915,1001],{"class":741},[718,1917,809],{"class":723},[718,1919,812],{"class":731},[718,1921,738],{"class":723},[718,1923,817],{"class":741},[718,1925,1881],{"class":731},[718,1927,765],{"class":723},[718,1929,1886],{"class":741},[718,1931,1889],{"class":723},[718,1933,1934],{"class":755},"true",[718,1936,1894],{"class":723},[718,1938,817],{"class":741},[718,1940,1941],{"class":723},">Delete\u003C\u002F",[718,1943,806],{"class":727},[718,1945,745],{"class":723},[718,1947,1948,1950,1952],{"class":720,"line":832},[718,1949,841],{"class":723},[718,1951,1252],{"class":727},[718,1953,745],{"class":723},[718,1955,1956,1958,1960],{"class":720,"line":838},[718,1957,777],{"class":723},[718,1959,795],{"class":727},[718,1961,745],{"class":723},[709,1963,1965],{"className":1124,"code":1964,"language":1126,"meta":714,"style":714},"import ModalConfirmDialog from '.\u002FModalConfirmDialog.vue'\n\nconst modal = useModal()\nconst confirmed = await modal.open(ModalConfirmDialog)\n\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[700,1966,1967,1981,1985,2000,2020],{"__ignoreMap":714},[718,1968,1969,1972,1975,1978],{"class":720,"line":8},[718,1970,1971],{"class":751},"import",[718,1973,1974],{"class":723}," ModalConfirmDialog ",[718,1976,1977],{"class":751},"from",[718,1979,1980],{"class":741}," '.\u002FModalConfirmDialog.vue'\n",[718,1982,1983],{"class":720,"line":748},[718,1984,787],{"emptyLinePlaceholder":686},[718,1986,1987,1989,1992,1994,1997],{"class":720,"line":774},[718,1988,752],{"class":751},[718,1990,1991],{"class":755}," modal",[718,1993,759],{"class":751},[718,1995,1996],{"class":731}," useModal",[718,1998,1999],{"class":723},"()\n",[718,2001,2002,2004,2007,2009,2012,2015,2017],{"class":720,"line":784},[718,2003,752],{"class":751},[718,2005,2006],{"class":755}," confirmed",[718,2008,759],{"class":751},[718,2010,2011],{"class":751}," await",[718,2013,2014],{"class":723}," modal.",[718,2016,866],{"class":731},[718,2018,2019],{"class":723},"(ModalConfirmDialog)\n",[718,2021,2022],{"class":720,"line":790},[718,2023,2024],{"class":1821},"\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[696,2026,2027,2029,2030,6,2032,6,2034,6,2036,2038,2039,6,2041,2044,2045,2038,2047,2049,2050,2052],{},[700,2028,1801],{}," also takes the same ",[700,2031,1063],{},[700,2033,1202],{},[700,2035,1646],{},[700,2037,1446],{},"\u002F\n",[700,2040,1411],{},[700,2042,2043],{},"transition"," options as the declarative props - ",[700,2046,1063],{},[700,2048,1202],{}," are the only way to give a programmatically-opened dialog a\nreal accessible name\u002Fdescription, since the opened component always\nrenders through the ",[700,2051,1070],{}," slot:",[709,2054,2056],{"className":1124,"code":2055,"language":1126,"meta":714,"style":714},"await modal.open(ModalConfirmDialog, { dismissible: false })\n",[700,2057,2058],{"__ignoreMap":714},[718,2059,2060,2063,2065,2067,2070,2072],{"class":720,"line":8},[718,2061,2062],{"class":751},"await",[718,2064,2014],{"class":723},[718,2066,866],{"class":731},[718,2068,2069],{"class":723},"(ModalConfirmDialog, { dismissible: ",[718,2071,768],{"class":755},[718,2073,2074],{"class":723}," })\n",[691,2076,2078],{"id":2077},"props","Props",[2080,2081,2082,2098],"table",{},[2083,2084,2085],"thead",{},[2086,2087,2088,2092,2095],"tr",{},[2089,2090,2091],"th",{},"Prop",[2089,2093,2094],{},"Type",[2089,2096,2097],{},"Default",[2099,2100,2101,2116,2131,2145,2157,2171,2185,2199,2213,2227,2241,2255,2270],"tbody",{},[2086,2102,2103,2108,2113],{},[2104,2105,2106],"td",{},[700,2107,866],{},[2104,2109,2110],{},[700,2111,2112],{},"boolean",[2104,2114,2115],{},"uncontrolled (initially closed)",[2086,2117,2118,2123,2127],{},[2104,2119,2120],{},[700,2121,2122],{},"defaultOpen",[2104,2124,2125],{},[700,2126,2112],{},[2104,2128,2129],{},[700,2130,768],{},[2086,2132,2133,2137,2142],{},[2104,2134,2135],{},[700,2136,1063],{},[2104,2138,2139],{},[700,2140,2141],{},"string",[2104,2143,2144],{},"-",[2086,2146,2147,2151,2155],{},[2104,2148,2149],{},[700,2150,1202],{},[2104,2152,2153],{},[700,2154,2141],{},[2104,2156,2144],{},[2086,2158,2159,2163,2167],{},[2104,2160,2161],{},[700,2162,1294],{},[2104,2164,2165],{},[700,2166,2112],{},[2104,2168,2169],{},[700,2170,768],{},[2086,2172,2173,2177,2181],{},[2104,2174,2175],{},[700,2176,1193],{},[2104,2178,2179],{},[700,2180,2112],{},[2104,2182,2183],{},[700,2184,768],{},[2086,2186,2187,2191,2195],{},[2104,2188,2189],{},[700,2190,1646],{},[2104,2192,2193],{},[700,2194,2112],{},[2104,2196,2197],{},[700,2198,1934],{},[2086,2200,2201,2205,2209],{},[2104,2202,2203],{},[700,2204,1190],{},[2104,2206,2207],{},[700,2208,2112],{},[2104,2210,2211],{},[700,2212,1934],{},[2086,2214,2215,2219,2223],{},[2104,2216,2217],{},[700,2218,1446],{},[2104,2220,2221],{},[700,2222,2112],{},[2104,2224,2225],{},[700,2226,1934],{},[2086,2228,2229,2233,2237],{},[2104,2230,2231],{},[700,2232,1411],{},[2104,2234,2235],{},[700,2236,2112],{},[2104,2238,2239],{},[700,2240,1934],{},[2086,2242,2243,2247,2251],{},[2104,2244,2245],{},[700,2246,2043],{},[2104,2248,2249],{},[700,2250,2112],{},[2104,2252,2253],{},[700,2254,1934],{},[2086,2256,2257,2262,2266],{},[2104,2258,2259],{},[700,2260,2261],{},"autoFocus",[2104,2263,2264],{},[700,2265,2112],{},[2104,2267,2268],{},[700,2269,1934],{},[2086,2271,2272,2276,2281],{},[2104,2273,2274],{},[700,2275,1747],{},[2104,2277,2278],{},[700,2279,2280],{},"Partial\u003CRecord\u003C'overlay' | 'content' | 'header' | 'headerActions' | 'title' | 'description' | 'close' | 'maximize' | 'body' | 'footer', string | object>>",[2104,2282,2144],{},[696,2284,2285,2286,2288,2289,2292,2293,2296],{},"A ",[700,2287,1706],{}," passed to ",[700,2290,2291],{},"\u003CSModal>"," is merged into the dialog panel. Use ",[700,2294,2295],{},"ui.content"," for the same panel, or put a class directly on the default-slot trigger to style that trigger.",[691,2298,2300],{"id":2299},"events","Events",[2080,2302,2303,2316],{},[2083,2304,2305],{},[2086,2306,2307,2310,2313],{},[2089,2308,2309],{},"Event",[2089,2311,2312],{},"Payload",[2089,2314,2315],{},"Description",[2099,2317,2318,2332,2349,2367,2383,2399],{},[2086,2319,2320,2325,2329],{},[2104,2321,2322],{},[700,2323,2324],{},"update:open",[2104,2326,2327],{},[700,2328,2112],{},[2104,2330,2331],{},"Open state changed",[2086,2333,2334,2339,2343],{},[2104,2335,2336],{},[700,2337,2338],{},"update:fullscreen",[2104,2340,2341],{},[700,2342,2112],{},[2104,2344,2345,2346,2348],{},"Fired when ",[700,2347,1193],{},"'s toggle button changes the layout",[2086,2350,2351,2356,2361],{},[2104,2352,2353],{},[700,2354,2355],{},"escapeKeyDown",[2104,2357,2358],{},[700,2359,2360],{},"KeyboardEvent",[2104,2362,2363,2364,2366],{},"Escape was pressed - ",[700,2365,1485],{}," to stop it from closing",[2086,2368,2369,2374,2378],{},[2104,2370,2371],{},[700,2372,2373],{},"pointerDownOutside",[2104,2375,2376],{},[700,2377,2309],{},[2104,2379,2380,2381,2366],{},"A pointer went down outside the dialog - ",[700,2382,1485],{},[2086,2384,2385,2390,2394],{},[2104,2386,2387],{},[700,2388,2389],{},"focusOutside",[2104,2391,2392],{},[700,2393,2309],{},[2104,2395,2396,2397,2366],{},"A non-modal dialog's outside element received focus - ",[700,2398,1485],{},[2086,2400,2401,2406,2408],{},[2104,2402,2403],{},[700,2404,2405],{},"afterLeave",[2104,2407,2144],{},[2104,2409,2410,2411,2413,2414,1894],{},"The close transition has finished (or fires immediately if ",[700,2412,2043],{}," is ",[700,2415,768],{},[691,2417,2419],{"id":2418},"slots","Slots",[2080,2421,2422,2431],{},[2083,2423,2424],{},[2086,2425,2426,2429],{},[2089,2427,2428],{},"Slot",[2089,2430,2315],{},[2099,2432,2433,2441,2450,2459,2468,2477,2490,2500],{},[2086,2434,2435,2438],{},[2104,2436,2437],{},"default",[2104,2439,2440],{},"The trigger element",[2086,2442,2443,2447],{},[2104,2444,2445],{},[700,2446,1070],{},[2104,2448,2449],{},"Replaces the visible header\u002Fbody\u002Ffooter entirely (title\u002Fdescription, if set, still register for a11y)",[2086,2451,2452,2456],{},[2104,2453,2454],{},[700,2455,1067],{},[2104,2457,2458],{},"Overrides the default title\u002Fdescription block",[2086,2460,2461,2465],{},[2104,2462,2463],{},[700,2464,905],{},[2104,2466,2467],{},"Main content",[2086,2469,2470,2474],{},[2104,2471,2472],{},[700,2473,934],{},[2104,2475,2476],{},"Usually action buttons",[2086,2478,2479,2484],{},[2104,2480,2481],{},[700,2482,2483],{},"close-icon",[2104,2485,2486,2487,1894],{},"Replaces the close button's icon (default: ",[700,2488,2489],{},"hugeicons:cancel-01",[2086,2491,2492,2497],{},[2104,2493,2494],{},[700,2495,2496],{},"maximize-icon",[2104,2498,2499],{},"Replaces the maximize button's icon while not fullscreen",[2086,2501,2502,2507],{},[2104,2503,2504],{},[700,2505,2506],{},"minimize-icon",[2104,2508,2509],{},"Replaces the maximize button's icon while fullscreen",[1073,2511,2513],{"id":2512},"initial-and-controlled-visibility","Initial and controlled visibility",[696,2515,2516,2518,2519,2521,2522,2524,2525,2527,2528,2530],{},[700,2517,2122],{}," sets initial visibility when ",[700,2520,866],{}," is omitted. Use ",[700,2523,702],{},"\nwhen a parent owns visibility; ",[700,2526,2324],{}," proposes changes without overriding\nthe parent's value. Changing ",[700,2529,2122],{}," after mount does not control the overlay.",[2532,2533,2534],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":714,"searchDepth":774,"depth":774,"links":2536},[2537,2547,2548,2549,2550],{"id":693,"depth":748,"text":694,"children":2538},[2539,2540,2541,2542,2543,2544,2545,2546],{"id":1075,"depth":774,"text":1076},{"id":1181,"depth":774,"text":1182},{"id":1294,"depth":774,"text":1295},{"id":1193,"depth":774,"text":1343},{"id":1401,"depth":774,"text":1402},{"id":1466,"depth":774,"text":1467},{"id":1476,"depth":774,"text":1477},{"id":1684,"depth":774,"text":1685},{"id":1773,"depth":748,"text":1774},{"id":2077,"depth":748,"text":2078},{"id":2299,"depth":748,"text":2300},{"id":2418,"depth":748,"text":2419,"children":2551},[2552],{"id":2512,"depth":774,"text":2513},"A dialog overlay built on Reka UI's Dialog primitive.","md",{},{"title":386,"description":2553},"Mgbmj3tzKhRIEm4mAz7FUutca8GKQtZ-ZGfO_aTEFJc",{"id":2559,"title":386,"aside":686,"body":2560,"collapse":10,"description":4174,"editLink":686,"extension":2554,"icon":9,"issueLink":686,"meta":4175,"navBadges":9,"navigation":9,"order":45,"path":4176,"prevNext":686,"seo":4177,"stem":4178,"toc":686,"__hash__":4179},"docs\u002Fid\u002Fcomponents\u002Foverlays\u002Fmodal.md",{"type":688,"value":2561,"toc":4156},[2562,2566,2572,2574,2848,2859,2863,2868,2870,2902,2944,2948,2966,2968,3048,3050,3055,3057,3091,3093,3107,3109,3143,3145,3153,3155,3199,3203,3206,3208,3212,3220,3318,3327,3329,3385,3391,3395,3415,3463,3466,3468,3472,3485,3499,3501,3641,3693,3718,3736,3738,3928,3939,3941,4047,4049,4133,4137,4154],[691,2563,2565],{"id":2564},"penggunaan","Penggunaan",[696,2567,2568,2569,2571],{},"Visibilitas Modal dikontrol dengan ",[700,2570,702],{},", jadi ia membutuhkan ref dari halaman tempat ia digunakan.",[705,2573],{"name":707},[709,2575,2576],{"className":711,"code":712,"language":713,"meta":714,"style":714},[700,2577,2578,2594,2610,2618,2622,2630,2654,2658,2666,2670,2704,2716,2720,2728,2740,2770,2774,2782,2812,2816,2824,2832,2840],{"__ignoreMap":714},[718,2579,2580,2582,2584,2586,2588,2590,2592],{"class":720,"line":8},[718,2581,724],{"class":723},[718,2583,728],{"class":727},[718,2585,732],{"class":731},[718,2587,735],{"class":731},[718,2589,738],{"class":723},[718,2591,742],{"class":741},[718,2593,745],{"class":723},[718,2595,2596,2598,2600,2602,2604,2606,2608],{"class":720,"line":748},[718,2597,752],{"class":751},[718,2599,756],{"class":755},[718,2601,759],{"class":751},[718,2603,762],{"class":731},[718,2605,765],{"class":723},[718,2607,768],{"class":755},[718,2609,771],{"class":723},[718,2611,2612,2614,2616],{"class":720,"line":774},[718,2613,777],{"class":723},[718,2615,728],{"class":727},[718,2617,745],{"class":723},[718,2619,2620],{"class":720,"line":784},[718,2621,787],{"emptyLinePlaceholder":686},[718,2623,2624,2626,2628],{"class":720,"line":790},[718,2625,724],{"class":723},[718,2627,795],{"class":727},[718,2629,745],{"class":723},[718,2631,2632,2634,2636,2638,2640,2642,2644,2646,2648,2650,2652],{"class":720,"line":800},[718,2633,803],{"class":723},[718,2635,806],{"class":727},[718,2637,809],{"class":723},[718,2639,812],{"class":731},[718,2641,738],{"class":723},[718,2643,817],{"class":741},[718,2645,820],{"class":723},[718,2647,738],{"class":751},[718,2649,825],{"class":755},[718,2651,817],{"class":741},[718,2653,745],{"class":723},[718,2655,2656],{"class":720,"line":832},[718,2657,835],{"class":723},[718,2659,2660,2662,2664],{"class":720,"line":838},[718,2661,841],{"class":723},[718,2663,806],{"class":727},[718,2665,745],{"class":723},[718,2667,2668],{"class":720,"line":848},[718,2669,787],{"emptyLinePlaceholder":686},[718,2671,2672,2674,2676,2678,2680,2682,2684,2686,2688,2690,2692,2694,2696,2698,2700,2702],{"class":720,"line":13},[718,2673,803],{"class":723},[718,2675,857],{"class":727},[718,2677,860],{"class":731},[718,2679,863],{"class":723},[718,2681,866],{"class":731},[718,2683,738],{"class":723},[718,2685,817],{"class":741},[718,2687,866],{"class":723},[718,2689,817],{"class":741},[718,2691,877],{"class":731},[718,2693,738],{"class":723},[718,2695,882],{"class":741},[718,2697,885],{"class":731},[718,2699,738],{"class":723},[718,2701,890],{"class":741},[718,2703,745],{"class":723},[718,2705,2706,2708,2710,2712,2714],{"class":720,"line":151},[718,2707,897],{"class":723},[718,2709,795],{"class":727},[718,2711,902],{"class":723},[718,2713,905],{"class":731},[718,2715,745],{"class":723},[718,2717,2718],{"class":720,"line":170},[718,2719,912],{"class":723},[718,2721,2722,2724,2726],{"class":720,"line":915},[718,2723,918],{"class":723},[718,2725,795],{"class":727},[718,2727,745],{"class":723},[718,2729,2730,2732,2734,2736,2738],{"class":720,"line":925},[718,2731,897],{"class":723},[718,2733,795],{"class":727},[718,2735,902],{"class":723},[718,2737,934],{"class":731},[718,2739,745],{"class":723},[718,2741,2742,2744,2746,2748,2750,2752,2754,2756,2758,2760,2762,2764,2766,2768],{"class":720,"line":648},[718,2743,941],{"class":723},[718,2745,806],{"class":727},[718,2747,946],{"class":731},[718,2749,738],{"class":723},[718,2751,951],{"class":741},[718,2753,809],{"class":723},[718,2755,812],{"class":731},[718,2757,738],{"class":723},[718,2759,817],{"class":741},[718,2761,820],{"class":723},[718,2763,738],{"class":751},[718,2765,966],{"class":755},[718,2767,817],{"class":741},[718,2769,745],{"class":723},[718,2771,2772],{"class":720,"line":973},[718,2773,976],{"class":723},[718,2775,2776,2778,2780],{"class":720,"line":979},[718,2777,982],{"class":723},[718,2779,806],{"class":727},[718,2781,745],{"class":723},[718,2783,2784,2786,2788,2790,2792,2794,2796,2798,2800,2802,2804,2806,2808,2810],{"class":720,"line":989},[718,2785,941],{"class":723},[718,2787,806],{"class":727},[718,2789,996],{"class":731},[718,2791,738],{"class":723},[718,2793,1001],{"class":741},[718,2795,809],{"class":723},[718,2797,812],{"class":731},[718,2799,738],{"class":723},[718,2801,817],{"class":741},[718,2803,820],{"class":723},[718,2805,738],{"class":751},[718,2807,966],{"class":755},[718,2809,817],{"class":741},[718,2811,745],{"class":723},[718,2813,2814],{"class":720,"line":1022},[718,2815,1025],{"class":723},[718,2817,2818,2820,2822],{"class":720,"line":30},[718,2819,982],{"class":723},[718,2821,806],{"class":727},[718,2823,745],{"class":723},[718,2825,2826,2828,2830],{"class":720,"line":247},[718,2827,918],{"class":723},[718,2829,795],{"class":727},[718,2831,745],{"class":723},[718,2833,2834,2836,2838],{"class":720,"line":257},[718,2835,841],{"class":723},[718,2837,857],{"class":727},[718,2839,745],{"class":723},[718,2841,2842,2844,2846],{"class":720,"line":272},[718,2843,777],{"class":723},[718,2845,795],{"class":727},[718,2847,745],{"class":723},[696,2849,2850,2851,2853,2854,6,2856,2858],{},"Selalu berikan ",[700,2852,1063],{}," (atau slot ",[700,2855,1067],{},[700,2857,1070],{}," yang berisi heading) - tanpanya, dialog tidak memiliki nama yang dapat diakses untuk screen reader, dan mode dev memperingatkan tentang hal itu.",[1073,2860,2862],{"id":2861},"mengontrolnya-secara-programatik","Mengontrolnya secara programatik",[696,2864,2865,2867],{},[700,2866,866],{}," adalah nilai terkontrol yang nyata, tidak terikat pada klik - mengaturnya dari mana saja (timeout, callback async, route watcher, komponen lain) membuka dialog secara identik. Tidak diperlukan elemen trigger, atau bahkan slot default:",[705,2869],{"name":1084},[709,2871,2872],{"className":1087,"code":1088,"language":1089,"meta":714,"style":714},[700,2873,2874],{"__ignoreMap":714},[718,2875,2876,2878,2880,2882,2884,2886,2888,2890,2892,2894,2896,2898,2900],{"class":720,"line":8},[718,2877,724],{"class":723},[718,2879,857],{"class":727},[718,2881,860],{"class":731},[718,2883,863],{"class":723},[718,2885,866],{"class":731},[718,2887,738],{"class":723},[718,2889,817],{"class":741},[718,2891,866],{"class":723},[718,2893,817],{"class":741},[718,2895,877],{"class":731},[718,2897,738],{"class":723},[718,2899,1118],{"class":741},[718,2901,1121],{"class":723},[709,2903,2904],{"className":1124,"code":1125,"language":1126,"meta":714,"style":714},[700,2905,2906,2914,2924,2932,2940],{"__ignoreMap":714},[718,2907,2908,2910,2912],{"class":720,"line":8},[718,2909,1133],{"class":751},[718,2911,1136],{"class":731},[718,2913,1139],{"class":723},[718,2915,2916,2918,2920,2922],{"class":720,"line":748},[718,2917,1144],{"class":731},[718,2919,1147],{"class":723},[718,2921,1150],{"class":751},[718,2923,1153],{"class":723},[718,2925,2926,2928,2930],{"class":720,"line":774},[718,2927,1158],{"class":723},[718,2929,738],{"class":751},[718,2931,1163],{"class":755},[718,2933,2934,2936,2938],{"class":720,"line":784},[718,2935,1168],{"class":723},[718,2937,1171],{"class":755},[718,2939,771],{"class":723},[718,2941,2942],{"class":720,"line":790},[718,2943,1178],{"class":723},[1073,2945,2947],{"id":2946},"konten-kustom","Konten kustom",[696,2949,2950,2952,2953,6,2955,2957,2958,2960,2961,6,2963,2965],{},[700,2951,1070],{}," menggantikan struktur header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter sepenuhnya - berguna ketika dialog sama sekali tidak cocok dengan bentuk header-plus-body (layar sukses, layout formulir yang sepenuhnya kustom). ",[700,2954,1190],{},[700,2956,1193],{}," diabaikan setelah ",[700,2959,1070],{}," diberikan, karena slot memiliki seluruh dialog yang terlihat - tapi ",[700,2962,1063],{},[700,2964,1202],{},", jika masih diatur, tetap terdaftar ke Reka sebagai nama\u002Fdeskripsi dialog yang dapat diakses, hanya disembunyikan secara visual alih-alih dirender sebagai header. Berikan mereka jika konten kustom Anda sendiri belum menyertakan heading yang bisa diasosiasikan Reka dengan dialog:",[705,2967],{"name":1206},[709,2969,2970],{"className":1087,"code":1209,"language":1089,"meta":714,"style":714},[700,2971,2972,2994,3006,3020,3024,3032,3040],{"__ignoreMap":714},[718,2973,2974,2976,2978,2980,2982,2984,2986,2988,2990,2992],{"class":720,"line":8},[718,2975,724],{"class":723},[718,2977,857],{"class":727},[718,2979,860],{"class":731},[718,2981,863],{"class":723},[718,2983,866],{"class":731},[718,2985,738],{"class":723},[718,2987,817],{"class":741},[718,2989,866],{"class":723},[718,2991,817],{"class":741},[718,2993,745],{"class":723},[718,2995,2996,2998,3000,3002,3004],{"class":720,"line":748},[718,2997,803],{"class":723},[718,2999,795],{"class":727},[718,3001,902],{"class":723},[718,3003,1070],{"class":731},[718,3005,745],{"class":723},[718,3007,3008,3010,3012,3014,3016,3018],{"class":720,"line":774},[718,3009,897],{"class":723},[718,3011,1252],{"class":727},[718,3013,1255],{"class":731},[718,3015,738],{"class":723},[718,3017,1260],{"class":741},[718,3019,745],{"class":723},[718,3021,3022],{"class":720,"line":784},[718,3023,1267],{"class":723},[718,3025,3026,3028,3030],{"class":720,"line":790},[718,3027,918],{"class":723},[718,3029,1252],{"class":727},[718,3031,745],{"class":723},[718,3033,3034,3036,3038],{"class":720,"line":800},[718,3035,841],{"class":723},[718,3037,795],{"class":727},[718,3039,745],{"class":723},[718,3041,3042,3044,3046],{"class":720,"line":832},[718,3043,777],{"class":723},[718,3045,857],{"class":727},[718,3047,745],{"class":723},[1073,3049,1295],{"id":1294},[696,3051,3052,3054],{},[700,3053,1294],{}," membuat dialog seluruh viewport alih-alih kartu terpusat bawaan - berguna untuk image viewer, formulir kompleks, atau apa pun yang diuntungkan ruang ekstra.",[705,3056],{"name":1303},[709,3058,3059],{"className":1087,"code":1306,"language":1089,"meta":714,"style":714},[700,3060,3061],{"__ignoreMap":714},[718,3062,3063,3065,3067,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089],{"class":720,"line":8},[718,3064,724],{"class":723},[718,3066,857],{"class":727},[718,3068,860],{"class":731},[718,3070,863],{"class":723},[718,3072,866],{"class":731},[718,3074,738],{"class":723},[718,3076,817],{"class":741},[718,3078,866],{"class":723},[718,3080,817],{"class":741},[718,3082,1331],{"class":731},[718,3084,877],{"class":731},[718,3086,738],{"class":723},[718,3088,1338],{"class":741},[718,3090,1121],{"class":723},[1073,3092,1343],{"id":1193},[696,3094,3095,3097,3098,3100,3101,3103,3104,3106],{},[700,3096,1294],{}," saja hanya mengatur layout awal yang tetap - ",[700,3099,1193],{}," menambahkan tombol header di samping close yang memungkinkan pengguna beralih antara layout bawaan dan full-viewport saat runtime, menyamai toggle maximize dialog milik referensi yang sebanding. ",[700,3102,1294],{}," tetap mengatur mana yang menjadi awalnya; pasangkan dengan ",[700,3105,1357],{}," jika Anda perlu membaca atau mengontrol state saat ini sendiri:",[705,3108],{"name":1361},[709,3110,3111],{"className":1087,"code":1364,"language":1089,"meta":714,"style":714},[700,3112,3113],{"__ignoreMap":714},[718,3114,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141],{"class":720,"line":8},[718,3116,724],{"class":723},[718,3118,857],{"class":727},[718,3120,860],{"class":731},[718,3122,863],{"class":723},[718,3124,866],{"class":731},[718,3126,738],{"class":723},[718,3128,817],{"class":741},[718,3130,866],{"class":723},[718,3132,817],{"class":741},[718,3134,1389],{"class":731},[718,3136,877],{"class":731},[718,3138,738],{"class":723},[718,3140,1396],{"class":741},[718,3142,1121],{"class":723},[1073,3144,1402],{"id":1401},[696,3146,3147,3149,3150,3152],{},[700,3148,1407],{}," menghentikan dialog memblokir interaksi dengan sisa halaman - tanpa focus trap, elemen luar tetap dapat dijangkau dan tidak disembunyikan dari teknologi asistif. ",[700,3151,1411],{}," independen dari ini - dialog non-modal masih bisa menampilkan (atau menyembunyikan) backdrop-nya sendiri:",[705,3154],{"name":1415},[709,3156,3157],{"className":1087,"code":1418,"language":1089,"meta":714,"style":714},[700,3158,3159],{"__ignoreMap":714},[718,3160,3161,3163,3165,3167,3169,3171,3173,3175,3177,3179,3181,3183,3185,3187,3189,3191,3193,3195,3197],{"class":720,"line":8},[718,3162,724],{"class":723},[718,3164,857],{"class":727},[718,3166,860],{"class":731},[718,3168,863],{"class":723},[718,3170,866],{"class":731},[718,3172,738],{"class":723},[718,3174,817],{"class":741},[718,3176,866],{"class":723},[718,3178,817],{"class":741},[718,3180,1443],{"class":723},[718,3182,1446],{"class":731},[718,3184,738],{"class":723},[718,3186,817],{"class":741},[718,3188,768],{"class":755},[718,3190,817],{"class":741},[718,3192,877],{"class":731},[718,3194,738],{"class":723},[718,3196,1461],{"class":741},[718,3198,1121],{"class":723},[1073,3200,3202],{"id":3201},"konten-yang-dapat-di-scroll","Konten yang dapat di-scroll",[696,3204,3205],{},"Dialog dibatasi pada tinggi viewport - body yang lebih tinggi dari itu scroll secara internal sendiri, sementara header dan footer tetap terjepit di tempat.",[705,3207],{"name":1473},[1073,3209,3211],{"id":3210},"mengintersep-penutupan","Mengintersep penutupan",[696,3213,3214,3216,3217,3219],{},[700,3215,857],{}," tidak mengoverride default Reka UI sendiri (Escape dan klik di luar keduanya menutupnya), tapi mengekspos event yang mendasarinya sehingga Anda bisa ",[700,3218,1485],{}," pada mereka - misalnya untuk konfirmasi sebelum menutup dialog dengan perubahan yang belum disimpan:",[709,3221,3222],{"className":1087,"code":1489,"language":1089,"meta":714,"style":714},[700,3223,3224,3230,3246,3254,3284,3314],{"__ignoreMap":714},[718,3225,3226,3228],{"class":720,"line":8},[718,3227,724],{"class":723},[718,3229,1498],{"class":727},[718,3231,3232,3234,3236,3238,3240,3242,3244],{"class":720,"line":748},[718,3233,1503],{"class":731},[718,3235,863],{"class":723},[718,3237,866],{"class":731},[718,3239,738],{"class":723},[718,3241,817],{"class":741},[718,3243,866],{"class":723},[718,3245,1516],{"class":741},[718,3247,3248,3250,3252],{"class":720,"line":774},[718,3249,1521],{"class":731},[718,3251,738],{"class":723},[718,3253,1526],{"class":741},[718,3255,3256,3258,3260,3262,3264,3266,3268,3270,3272,3274,3276,3278,3280,3282],{"class":720,"line":784},[718,3257,1531],{"class":723},[718,3259,1534],{"class":731},[718,3261,738],{"class":723},[718,3263,817],{"class":741},[718,3265,765],{"class":723},[718,3267,1544],{"class":1543},[718,3269,1547],{"class":723},[718,3271,1150],{"class":751},[718,3273,1552],{"class":723},[718,3275,1555],{"class":751},[718,3277,1558],{"class":723},[718,3279,1561],{"class":731},[718,3281,1564],{"class":723},[718,3283,1516],{"class":741},[718,3285,3286,3288,3290,3292,3294,3296,3298,3300,3302,3304,3306,3308,3310,3312],{"class":720,"line":790},[718,3287,1531],{"class":723},[718,3289,1573],{"class":731},[718,3291,738],{"class":723},[718,3293,817],{"class":741},[718,3295,765],{"class":723},[718,3297,1544],{"class":1543},[718,3299,1547],{"class":723},[718,3301,1150],{"class":751},[718,3303,1552],{"class":723},[718,3305,1555],{"class":751},[718,3307,1558],{"class":723},[718,3309,1561],{"class":731},[718,3311,1564],{"class":723},[718,3313,1516],{"class":741},[718,3315,3316],{"class":720,"line":800},[718,3317,1602],{"class":723},[696,3319,3320,3321,3323,3324,3326],{},"Untuk kasus yang lebih sederhana, all-or-nothing - dialog yang tidak boleh ditutup oleh apa pun kecuali pilihan eksplisit - ",[700,3322,1608],{}," menonaktifkan Escape dan klik-di-luar sekaligus, dan ",[700,3325,1612],{}," juga menghapus tombol tutup:",[705,3328],{"name":1616},[709,3330,3331],{"className":1087,"code":1619,"language":1089,"meta":714,"style":714},[700,3332,3333],{"__ignoreMap":714},[718,3334,3335,3337,3339,3341,3343,3345,3347,3349,3351,3353,3355,3357,3359,3361,3363,3365,3367,3369,3371,3373,3375,3377,3379,3381,3383],{"class":720,"line":8},[718,3336,724],{"class":723},[718,3338,857],{"class":727},[718,3340,860],{"class":731},[718,3342,863],{"class":723},[718,3344,866],{"class":731},[718,3346,738],{"class":723},[718,3348,817],{"class":741},[718,3350,866],{"class":723},[718,3352,817],{"class":741},[718,3354,1443],{"class":723},[718,3356,1646],{"class":731},[718,3358,738],{"class":723},[718,3360,817],{"class":741},[718,3362,768],{"class":755},[718,3364,817],{"class":741},[718,3366,1443],{"class":723},[718,3368,1190],{"class":731},[718,3370,738],{"class":723},[718,3372,817],{"class":741},[718,3374,768],{"class":755},[718,3376,817],{"class":741},[718,3378,877],{"class":731},[718,3380,738],{"class":723},[718,3382,1673],{"class":741},[718,3384,1121],{"class":723},[696,3386,3387,3388,3390],{},"Kedua event mentah tetap terpicu bahkan dengan ",[700,3389,1608],{}," - berguna misalnya untuk animasi shake yang menandakan dialog tidak akan menutup dengan cara itu.",[1073,3392,3394],{"id":3393},"mengkustomisasi-tombol-closemaximize","Mengkustomisasi tombol close\u002Fmaximize",[696,3396,3397,3398,3400,3401,6,3403,3405,3406,3408,3409,3411,3412,3414],{},"Kedua tombol header dirender sebagai ",[700,3399,1691],{}," nyata, sehingga ",[700,3402,1695],{},[700,3404,1698],{}," sudah menjangkau mereka sepenuhnya - bukan sekadar class. Kunci non-",[700,3407,1706],{}," milik nilai ",[700,3410,1702],{}," objek berlaku sebagai attrs\u002Fprops mentah, sehingga ",[700,3413,1710],{}," berfungsi hari ini tanpa prop khusus untuk itu:",[709,3416,3417],{"className":1087,"code":1714,"language":1089,"meta":714,"style":714},[700,3418,3419],{"__ignoreMap":714},[718,3420,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453,3455,3457,3459,3461],{"class":720,"line":8},[718,3422,724],{"class":723},[718,3424,857],{"class":727},[718,3426,860],{"class":731},[718,3428,863],{"class":723},[718,3430,866],{"class":731},[718,3432,738],{"class":723},[718,3434,817],{"class":741},[718,3436,866],{"class":723},[718,3438,817],{"class":741},[718,3440,877],{"class":731},[718,3442,738],{"class":723},[718,3444,882],{"class":741},[718,3446,1443],{"class":723},[718,3448,1747],{"class":731},[718,3450,738],{"class":723},[718,3452,817],{"class":741},[718,3454,1754],{"class":723},[718,3456,1757],{"class":741},[718,3458,1760],{"class":723},[718,3460,817],{"class":741},[718,3462,1121],{"class":723},[696,3464,3465],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot dan varian - berikut adalah file tema dialog itu sendiri:",[1769,3467],{"name":1446},[691,3469,3471],{"id":3470},"penggunaan-programatik","Penggunaan programatik",[696,3473,3474,3476,3477,3479,3480,3482,3483,1792],{},[700,3475,1779],{}," membuka dialog dari mana saja - click handler, callback async - tanpa ",[700,3478,1783],{}," milik Anda sendiri untuk dikelola. Ia berfungsi otomatis setelah ",[700,3481,1787],{}," membungkus aplikasi Anda, persis seperti setiap komponen lain di sini; tidak ada yang perlu ditempatkan tambahan, berbeda dengan ",[700,3484,1791],{},[696,3486,3487,3488,3490,3491,3493,3494,3496,3497,863],{},"Komponen yang diberikan memiliki seluruh konten dialog, sama seperti slot ",[700,3489,1070],{}," di atas - heading-nya sendiri, tombolnya sendiri. ",[700,3492,1801],{}," mengembalikan promise yang resolve dengan nilai apa pun yang dibawa event ",[700,3495,1190],{}," milik komponen itu sendiri, sehingga aksi eksplisit bisa resolve dengan data nyata sementara penutupan via Escape atau klik di luar resolve dengan ",[700,3498,1808],{},[705,3500],{"name":1811},[709,3502,3504],{"className":1087,"code":3503,"language":1089,"meta":714,"style":714},"\u003C!-- ModalConfirmDialog.vue - dialog yang mandiri -->\n\u003Ctemplate>\n  \u003Cdiv class=\"p-8 text-center\">\n    \u003Ch2>Delete this item?\u003C\u002Fh2>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton color=\"danger\" @click=\"$emit('close', true)\">Delete\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[700,3505,3506,3511,3519,3533,3545,3585,3625,3633],{"__ignoreMap":714},[718,3507,3508],{"class":720,"line":8},[718,3509,3510],{"class":1821},"\u003C!-- ModalConfirmDialog.vue - dialog yang mandiri -->\n",[718,3512,3513,3515,3517],{"class":720,"line":748},[718,3514,724],{"class":723},[718,3516,795],{"class":727},[718,3518,745],{"class":723},[718,3520,3521,3523,3525,3527,3529,3531],{"class":720,"line":774},[718,3522,803],{"class":723},[718,3524,1252],{"class":727},[718,3526,1255],{"class":731},[718,3528,738],{"class":723},[718,3530,1843],{"class":741},[718,3532,745],{"class":723},[718,3534,3535,3537,3539,3541,3543],{"class":720,"line":784},[718,3536,897],{"class":723},[718,3538,691],{"class":727},[718,3540,1854],{"class":723},[718,3542,691],{"class":727},[718,3544,745],{"class":723},[718,3546,3547,3549,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3571,3573,3575,3577,3579,3581,3583],{"class":720,"line":790},[718,3548,897],{"class":723},[718,3550,806],{"class":727},[718,3552,946],{"class":731},[718,3554,738],{"class":723},[718,3556,951],{"class":741},[718,3558,809],{"class":723},[718,3560,812],{"class":731},[718,3562,738],{"class":723},[718,3564,817],{"class":741},[718,3566,1881],{"class":731},[718,3568,765],{"class":723},[718,3570,1886],{"class":741},[718,3572,1889],{"class":723},[718,3574,768],{"class":755},[718,3576,1894],{"class":723},[718,3578,817],{"class":741},[718,3580,1899],{"class":723},[718,3582,806],{"class":727},[718,3584,745],{"class":723},[718,3586,3587,3589,3591,3593,3595,3597,3599,3601,3603,3605,3607,3609,3611,3613,3615,3617,3619,3621,3623],{"class":720,"line":800},[718,3588,897],{"class":723},[718,3590,806],{"class":727},[718,3592,996],{"class":731},[718,3594,738],{"class":723},[718,3596,1001],{"class":741},[718,3598,809],{"class":723},[718,3600,812],{"class":731},[718,3602,738],{"class":723},[718,3604,817],{"class":741},[718,3606,1881],{"class":731},[718,3608,765],{"class":723},[718,3610,1886],{"class":741},[718,3612,1889],{"class":723},[718,3614,1934],{"class":755},[718,3616,1894],{"class":723},[718,3618,817],{"class":741},[718,3620,1941],{"class":723},[718,3622,806],{"class":727},[718,3624,745],{"class":723},[718,3626,3627,3629,3631],{"class":720,"line":832},[718,3628,841],{"class":723},[718,3630,1252],{"class":727},[718,3632,745],{"class":723},[718,3634,3635,3637,3639],{"class":720,"line":838},[718,3636,777],{"class":723},[718,3638,795],{"class":727},[718,3640,745],{"class":723},[709,3642,3644],{"className":1124,"code":3643,"language":1126,"meta":714,"style":714},"import ModalConfirmDialog from '.\u002FModalConfirmDialog.vue'\n\nconst modal = useModal()\nconst confirmed = await modal.open(ModalConfirmDialog)\n\u002F\u002F true, false, atau undefined jika ditutup tanpa pilihan eksplisit\n",[700,3645,3646,3656,3660,3672,3688],{"__ignoreMap":714},[718,3647,3648,3650,3652,3654],{"class":720,"line":8},[718,3649,1971],{"class":751},[718,3651,1974],{"class":723},[718,3653,1977],{"class":751},[718,3655,1980],{"class":741},[718,3657,3658],{"class":720,"line":748},[718,3659,787],{"emptyLinePlaceholder":686},[718,3661,3662,3664,3666,3668,3670],{"class":720,"line":774},[718,3663,752],{"class":751},[718,3665,1991],{"class":755},[718,3667,759],{"class":751},[718,3669,1996],{"class":731},[718,3671,1999],{"class":723},[718,3673,3674,3676,3678,3680,3682,3684,3686],{"class":720,"line":784},[718,3675,752],{"class":751},[718,3677,2006],{"class":755},[718,3679,759],{"class":751},[718,3681,2011],{"class":751},[718,3683,2014],{"class":723},[718,3685,866],{"class":731},[718,3687,2019],{"class":723},[718,3689,3690],{"class":720,"line":790},[718,3691,3692],{"class":1821},"\u002F\u002F true, false, atau undefined jika ditutup tanpa pilihan eksplisit\n",[696,3694,3695,3697,3698,6,3700,6,3702,6,3704,6,3706,6,3708,3710,3711,6,3713,3715,3716,863],{},[700,3696,1801],{}," juga menerima opsi ",[700,3699,1063],{},[700,3701,1202],{},[700,3703,1646],{},[700,3705,1446],{},[700,3707,1411],{},[700,3709,2043],{}," yang sama seperti props deklaratif - ",[700,3712,1063],{},[700,3714,1202],{}," adalah satu-satunya cara memberi dialog yang dibuka programatik nama\u002Fdeskripsi yang benar-benar dapat diakses, karena komponen yang dibuka selalu dirender melalui slot ",[700,3717,1070],{},[709,3719,3720],{"className":1124,"code":2055,"language":1126,"meta":714,"style":714},[700,3721,3722],{"__ignoreMap":714},[718,3723,3724,3726,3728,3730,3732,3734],{"class":720,"line":8},[718,3725,2062],{"class":751},[718,3727,2014],{"class":723},[718,3729,866],{"class":731},[718,3731,2069],{"class":723},[718,3733,768],{"class":755},[718,3735,2074],{"class":723},[691,3737,2078],{"id":2077},[2080,3739,3740,3751],{},[2083,3741,3742],{},[2086,3743,3744,3746,3749],{},[2089,3745,2091],{},[2089,3747,3748],{},"Tipe",[2089,3750,2097],{},[2099,3752,3753,3766,3780,3792,3804,3818,3832,3846,3860,3874,3888,3902,3916],{},[2086,3754,3755,3759,3763],{},[2104,3756,3757],{},[700,3758,866],{},[2104,3760,3761],{},[700,3762,2112],{},[2104,3764,3765],{},"tidak terkontrol (awalnya tertutup)",[2086,3767,3768,3772,3776],{},[2104,3769,3770],{},[700,3771,2122],{},[2104,3773,3774],{},[700,3775,2112],{},[2104,3777,3778],{},[700,3779,768],{},[2086,3781,3782,3786,3790],{},[2104,3783,3784],{},[700,3785,1063],{},[2104,3787,3788],{},[700,3789,2141],{},[2104,3791,2144],{},[2086,3793,3794,3798,3802],{},[2104,3795,3796],{},[700,3797,1202],{},[2104,3799,3800],{},[700,3801,2141],{},[2104,3803,2144],{},[2086,3805,3806,3810,3814],{},[2104,3807,3808],{},[700,3809,1294],{},[2104,3811,3812],{},[700,3813,2112],{},[2104,3815,3816],{},[700,3817,768],{},[2086,3819,3820,3824,3828],{},[2104,3821,3822],{},[700,3823,1193],{},[2104,3825,3826],{},[700,3827,2112],{},[2104,3829,3830],{},[700,3831,768],{},[2086,3833,3834,3838,3842],{},[2104,3835,3836],{},[700,3837,1646],{},[2104,3839,3840],{},[700,3841,2112],{},[2104,3843,3844],{},[700,3845,1934],{},[2086,3847,3848,3852,3856],{},[2104,3849,3850],{},[700,3851,1190],{},[2104,3853,3854],{},[700,3855,2112],{},[2104,3857,3858],{},[700,3859,1934],{},[2086,3861,3862,3866,3870],{},[2104,3863,3864],{},[700,3865,1446],{},[2104,3867,3868],{},[700,3869,2112],{},[2104,3871,3872],{},[700,3873,1934],{},[2086,3875,3876,3880,3884],{},[2104,3877,3878],{},[700,3879,1411],{},[2104,3881,3882],{},[700,3883,2112],{},[2104,3885,3886],{},[700,3887,1934],{},[2086,3889,3890,3894,3898],{},[2104,3891,3892],{},[700,3893,2043],{},[2104,3895,3896],{},[700,3897,2112],{},[2104,3899,3900],{},[700,3901,1934],{},[2086,3903,3904,3908,3912],{},[2104,3905,3906],{},[700,3907,2261],{},[2104,3909,3910],{},[700,3911,2112],{},[2104,3913,3914],{},[700,3915,1934],{},[2086,3917,3918,3922,3926],{},[2104,3919,3920],{},[700,3921,1747],{},[2104,3923,3924],{},[700,3925,2280],{},[2104,3927,2144],{},[696,3929,3930,3932,3933,3935,3936,3938],{},[700,3931,1706],{}," yang diberikan ke ",[700,3934,2291],{}," digabungkan ke panel dialog. Gunakan ",[700,3937,2295],{}," untuk panel yang sama, atau letakkan class langsung pada trigger default-slot untuk men-style trigger itu.",[691,3940,2300],{"id":2299},[2080,3942,3943,3954],{},[2083,3944,3945],{},[2086,3946,3947,3949,3951],{},[2089,3948,2309],{},[2089,3950,2312],{},[2089,3952,3953],{},"Deskripsi",[2099,3955,3956,3969,3985,4001,4016,4031],{},[2086,3957,3958,3962,3966],{},[2104,3959,3960],{},[700,3961,2324],{},[2104,3963,3964],{},[700,3965,2112],{},[2104,3967,3968],{},"State terbuka berubah",[2086,3970,3971,3975,3979],{},[2104,3972,3973],{},[700,3974,2338],{},[2104,3976,3977],{},[700,3978,2112],{},[2104,3980,3981,3982,3984],{},"Terpicu ketika tombol toggle milik ",[700,3983,1193],{}," mengubah layout",[2086,3986,3987,3991,3995],{},[2104,3988,3989],{},[700,3990,2355],{},[2104,3992,3993],{},[700,3994,2360],{},[2104,3996,3997,3998,4000],{},"Escape ditekan - ",[700,3999,1485],{}," untuk mencegahnya menutup",[2086,4002,4003,4007,4011],{},[2104,4004,4005],{},[700,4006,2373],{},[2104,4008,4009],{},[700,4010,2309],{},[2104,4012,4013,4014,4000],{},"Pointer turun di luar dialog - ",[700,4015,1485],{},[2086,4017,4018,4022,4026],{},[2104,4019,4020],{},[700,4021,2389],{},[2104,4023,4024],{},[700,4025,2309],{},[2104,4027,4028,4029,4000],{},"Elemen luar dialog non-modal menerima fokus - ",[700,4030,1485],{},[2086,4032,4033,4037,4039],{},[2104,4034,4035],{},[700,4036,2405],{},[2104,4038,2144],{},[2104,4040,4041,4042,4044,4045,1894],{},"Transisi tutup telah selesai (atau langsung terpicu jika ",[700,4043,2043],{}," adalah ",[700,4046,768],{},[691,4048,2419],{"id":2418},[2080,4050,4051,4059],{},[2083,4052,4053],{},[2086,4054,4055,4057],{},[2089,4056,2428],{},[2089,4058,3953],{},[2099,4060,4061,4068,4077,4086,4095,4104,4115,4124],{},[2086,4062,4063,4065],{},[2104,4064,2437],{},[2104,4066,4067],{},"Elemen trigger",[2086,4069,4070,4074],{},[2104,4071,4072],{},[700,4073,1070],{},[2104,4075,4076],{},"Menggantikan header\u002Fbody\u002Ffooter yang terlihat sepenuhnya (title\u002Fdescription, jika diatur, tetap terdaftar untuk a11y)",[2086,4078,4079,4083],{},[2104,4080,4081],{},[700,4082,1067],{},[2104,4084,4085],{},"Menggantikan blok title\u002Fdescription bawaan",[2086,4087,4088,4092],{},[2104,4089,4090],{},[700,4091,905],{},[2104,4093,4094],{},"Konten utama",[2086,4096,4097,4101],{},[2104,4098,4099],{},[700,4100,934],{},[2104,4102,4103],{},"Biasanya tombol aksi",[2086,4105,4106,4110],{},[2104,4107,4108],{},[700,4109,2483],{},[2104,4111,4112,4113,1894],{},"Menggantikan ikon tombol tutup (default: ",[700,4114,2489],{},[2086,4116,4117,4121],{},[2104,4118,4119],{},[700,4120,2496],{},[2104,4122,4123],{},"Menggantikan ikon tombol maximize saat tidak fullscreen",[2086,4125,4126,4130],{},[2104,4127,4128],{},[700,4129,2506],{},[2104,4131,4132],{},"Menggantikan ikon tombol maximize saat fullscreen",[1073,4134,4136],{"id":4135},"visibilitas-awal-dan-terkontrol","Visibilitas awal dan terkontrol",[696,4138,4139,4141,4142,4144,4145,4147,4148,4150,4151,4153],{},[700,4140,2122],{}," mengatur visibilitas awal ketika ",[700,4143,866],{}," dihilangkan. Gunakan ",[700,4146,702],{}," ketika parent memiliki visibilitas; ",[700,4149,2324],{}," mengusulkan perubahan tanpa mengoverride nilai parent. Mengubah ",[700,4152,2122],{}," setelah mount tidak mengontrol overlay.",[2532,4155,2534],{},{"title":714,"searchDepth":774,"depth":774,"links":4157},[4158,4168,4169,4170,4171],{"id":2564,"depth":748,"text":2565,"children":4159},[4160,4161,4162,4163,4164,4165,4166,4167],{"id":2861,"depth":774,"text":2862},{"id":2946,"depth":774,"text":2947},{"id":1294,"depth":774,"text":1295},{"id":1193,"depth":774,"text":1343},{"id":1401,"depth":774,"text":1402},{"id":3201,"depth":774,"text":3202},{"id":3210,"depth":774,"text":3211},{"id":3393,"depth":774,"text":3394},{"id":3470,"depth":748,"text":3471},{"id":2077,"depth":748,"text":2078},{"id":2299,"depth":748,"text":2300},{"id":2418,"depth":748,"text":2419,"children":4172},[4173],{"id":4135,"depth":774,"text":4136},"Overlay dialog, dibangun di atas primitif Dialog milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Foverlays\u002Fmodal",{"title":386,"description":4174},"id\u002Fcomponents\u002Foverlays\u002Fmodal","0Sn2UJM6DhqvrVoZMYvH2ydj3Nq1ep87aXMwg4sXQe4",1792925238625]