[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-vue-toasts":142,"-docs-vue-toasts-surround":1213},[4,20,45,69,85,96,126],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":19},"Global","i-tabler-box","\u002Fdocs\u002Fglobal","docs\u002F1.global",[10,14],{"title":11,"path":12,"stem":13,"icon":6},"Overview","\u002Fdocs\u002Fglobal\u002Foverview","docs\u002F1.global\u002F1.overview",{"title":15,"path":16,"stem":17,"icon":18},"Styling","\u002Fdocs\u002Fglobal\u002Fstyling","docs\u002F1.global\u002F2.styling","i-tabler-palette",false,{"title":21,"icon":22,"path":23,"stem":24,"children":25,"page":19},"Vue","i-simple-icons-vuedotjs","\u002Fdocs\u002Fvue","docs\u002F2.vue",[26,30,35,40],{"title":27,"path":28,"stem":29,"icon":22},"Quick Start","\u002Fdocs\u002Fvue\u002Fquick-start","docs\u002F2.vue\u002F1.quick-start",{"title":31,"path":32,"stem":33,"icon":34},"Toasts","\u002Fdocs\u002Fvue\u002Ftoasts","docs\u002F2.vue\u002F2.toasts","i-tabler-bell",{"title":36,"path":37,"stem":38,"icon":39},"Timers & Progress","\u002Fdocs\u002Fvue\u002Ftimers-and-progress","docs\u002F2.vue\u002F3.timers-and-progress","i-tabler-stopwatch",{"title":41,"path":42,"stem":43,"icon":44},"Buttons & Actions","\u002Fdocs\u002Fvue\u002Fbuttons-and-actions","docs\u002F2.vue\u002F4.buttons-and-actions","i-tabler-hand-click",{"title":46,"icon":47,"path":48,"stem":49,"children":50,"page":19},"Nuxt","i-simple-icons-nuxtdotjs","\u002Fdocs\u002Fnuxt","docs\u002F3.nuxt",[51,54,59,64],{"title":27,"path":52,"stem":53,"icon":47},"\u002Fdocs\u002Fnuxt\u002Fquick-start","docs\u002F3.nuxt\u002F1.quick-start",{"title":55,"path":56,"stem":57,"icon":58},"toast vs useToast","\u002Fdocs\u002Fnuxt\u002Ftoast-and-use-toast","docs\u002F3.nuxt\u002F2.toast-and-use-toast","i-tabler-braces",{"title":60,"path":61,"stem":62,"icon":63},"Module Options","\u002Fdocs\u002Fnuxt\u002Fmodule-options","docs\u002F3.nuxt\u002F3.module-options","i-tabler-adjustments-horizontal",{"title":65,"path":66,"stem":67,"icon":68},"Nuxt Notes","\u002Fdocs\u002Fnuxt\u002Fnuxt-notes","docs\u002F3.nuxt\u002F5.nuxt-notes","i-tabler-note",{"title":70,"icon":71,"path":72,"stem":73,"children":74,"page":19},"Headless","i-tabler-layout-board-split","\u002Fdocs\u002Fheadless","docs\u002F4.headless",[75,80],{"title":76,"path":77,"stem":78,"icon":79},"Core Store","\u002Fdocs\u002Fheadless\u002Fcore-store","docs\u002F4.headless\u002F1.core-store","i-tabler-automation",{"title":81,"path":82,"stem":83,"icon":84},"Headless Slot","\u002Fdocs\u002Fheadless\u002Fheadless-slot","docs\u002F4.headless\u002F2.headless-slot","i-tabler-template",{"title":86,"icon":87,"path":88,"stem":89,"children":90,"page":19},"Examples","i-tabler-layout-cards","\u002Fdocs\u002Fexamples","docs\u002F5.examples",[91],{"title":92,"path":93,"stem":94,"icon":95},"Live Examples","\u002Fdocs\u002Fexamples\u002Flive-examples","docs\u002F5.examples\u002F1.live-examples","i-tabler-player-play",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":19},"API","i-tabler-file-code-2","\u002Fdocs\u002Fapi","docs\u002F6.api",[102,106,111,116,121],{"title":103,"path":104,"stem":105,"icon":63},"Configuration","\u002Fdocs\u002Fapi\u002Fconfiguration","docs\u002F6.api\u002F1.configuration",{"title":107,"path":108,"stem":109,"icon":110},"Actions","\u002Fdocs\u002Fapi\u002Factions","docs\u002F6.api\u002F2.actions","i-tabler-terminal",{"title":112,"path":113,"stem":114,"icon":115},"Events","\u002Fdocs\u002Fapi\u002Fevents","docs\u002F6.api\u002F3.events","i-tabler-radio",{"title":117,"path":118,"stem":119,"icon":120},"State","\u002Fdocs\u002Fapi\u002Fstate","docs\u002F6.api\u002F4.state","i-tabler-database",{"title":122,"path":123,"stem":124,"icon":125},"Runtime Exports","\u002Fdocs\u002Fapi\u002Fruntime-exports","docs\u002F6.api\u002F5.runtime-exports","i-tabler-package",{"title":127,"icon":128,"path":129,"stem":130,"children":131,"page":19},"More","i-lucide-ellipsis","\u002Fdocs\u002Fmore","docs\u002F7.more",[132,137],{"title":133,"path":134,"stem":135,"icon":136},"Troubleshooting","\u002Fdocs\u002Fmore\u002Ftroubleshooting","docs\u002F7.more\u002F1.troubleshooting","i-tabler-tool",{"title":138,"path":139,"stem":140,"icon":141},"Comparisons","\u002Fdocs\u002Fmore\u002Fcomparisons","docs\u002F7.more\u002F2.comparisons","i-tabler-scale",{"id":143,"title":31,"body":144,"description":1206,"extension":1207,"links":1208,"meta":1209,"navigation":1210,"path":32,"seo":1211,"stem":33,"__hash__":1212},"docs\u002Fdocs\u002F2.vue\u002F2.toasts.md",{"type":145,"value":146,"toc":1194},"minimark",[147,151,156,159,207,211,214,436,1190],[148,149,150],"p",{},"This page covers the toast payload model and how show, update, and dismiss work.",[152,153,155],"h2",{"id":154},"types","Types",[148,157,158],{},"Toastflow supports seven toast types:",[160,161,162,168,173,178,183,188,193],"card-group",{},[163,164,167],"card",{"icon":165,"title":166},"i-tabler-loader-2","loading","Async work in progress. Progress bar is disabled, duration is infinite.",[163,169,172],{"icon":170,"title":171},"i-tabler-help-circle","default","Neutral notification without a specific semantic.",[163,174,177],{"icon":175,"title":176},"i-tabler-circle-check","success","Positive outcome confirmation.",[163,179,182],{"icon":180,"title":181},"i-tabler-circle-x","error","Failure or critical issue.",[163,184,187],{"icon":185,"title":186},"i-tabler-info-circle","info","Informational message.",[163,189,192],{"icon":190,"title":191},"i-tabler-alert-triangle","warning","Warning that requires attention.",[163,194,197,198,202,203,206],{"icon":195,"title":196},"i-tabler-sparkles","custom","No preset colors. Use with ",[199,200,201],"code",{},"theme"," or ",[199,204,205],{},"css"," for fully branded toasts.",[152,208,210],{"id":209},"create-toasts","Create Toasts",[148,212,213],{},"Use the call style that makes the content clearest at the call site.",[215,216,217,318,382],"code-group",{},[218,219,225],"pre",{"className":220,"code":221,"filename":222,"language":223,"meta":224,"style":224},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","toast.show({\n  type: \"success\",\n  title: \"Saved\",\n  description: \"Done\",\n});\n","payload-object.ts","ts","",[199,226,227,250,272,289,306],{"__ignoreMap":224},[228,229,232,236,240,244,247],"span",{"class":230,"line":231},"line",1,[228,233,235],{"class":234},"sTEyZ","toast",[228,237,239],{"class":238},"sMK4o",".",[228,241,243],{"class":242},"s2Zo4","show",[228,245,246],{"class":234},"(",[228,248,249],{"class":238},"{\n",[228,251,253,257,260,263,266,269],{"class":230,"line":252},2,[228,254,256],{"class":255},"swJcz","  type",[228,258,259],{"class":238},":",[228,261,262],{"class":238}," \"",[228,264,176],{"class":265},"sfazB",[228,267,268],{"class":238},"\"",[228,270,271],{"class":238},",\n",[228,273,275,278,280,282,285,287],{"class":230,"line":274},3,[228,276,277],{"class":255},"  title",[228,279,259],{"class":238},[228,281,262],{"class":238},[228,283,284],{"class":265},"Saved",[228,286,268],{"class":238},[228,288,271],{"class":238},[228,290,292,295,297,299,302,304],{"class":230,"line":291},4,[228,293,294],{"class":255},"  description",[228,296,259],{"class":238},[228,298,262],{"class":238},[228,300,301],{"class":265},"Done",[228,303,268],{"class":238},[228,305,271],{"class":238},[228,307,309,312,315],{"class":230,"line":308},5,[228,310,311],{"class":238},"}",[228,313,314],{"class":234},")",[228,316,317],{"class":238},";\n",[218,319,322],{"className":220,"code":320,"filename":321,"language":223,"meta":224,"style":224},"toast.show(\"Saved\", {\n  type: \"success\",\n  description: \"Done\",\n});\n","title-options.ts",[199,323,324,346,360,374],{"__ignoreMap":224},[228,325,326,328,330,332,334,336,338,340,343],{"class":230,"line":231},[228,327,235],{"class":234},[228,329,239],{"class":238},[228,331,243],{"class":242},[228,333,246],{"class":234},[228,335,268],{"class":238},[228,337,284],{"class":265},[228,339,268],{"class":238},[228,341,342],{"class":238},",",[228,344,345],{"class":238}," {\n",[228,347,348,350,352,354,356,358],{"class":230,"line":252},[228,349,256],{"class":255},[228,351,259],{"class":238},[228,353,262],{"class":238},[228,355,176],{"class":265},[228,357,268],{"class":238},[228,359,271],{"class":238},[228,361,362,364,366,368,370,372],{"class":230,"line":274},[228,363,294],{"class":255},[228,365,259],{"class":238},[228,367,262],{"class":238},[228,369,301],{"class":265},[228,371,268],{"class":238},[228,373,271],{"class":238},[228,375,376,378,380],{"class":230,"line":291},[228,377,311],{"class":238},[228,379,314],{"class":234},[228,381,317],{"class":238},[218,383,386],{"className":220,"code":384,"filename":385,"language":223,"meta":224,"style":224},"toast.success({\n  title: \"Saved\",\n  description: \"Done\",\n});\n","typed-helper.ts",[199,387,388,400,414,428],{"__ignoreMap":224},[228,389,390,392,394,396,398],{"class":230,"line":231},[228,391,235],{"class":234},[228,393,239],{"class":238},[228,395,176],{"class":242},[228,397,246],{"class":234},[228,399,249],{"class":238},[228,401,402,404,406,408,410,412],{"class":230,"line":252},[228,403,277],{"class":255},[228,405,259],{"class":238},[228,407,262],{"class":238},[228,409,284],{"class":265},[228,411,268],{"class":238},[228,413,271],{"class":238},[228,415,416,418,420,422,424,426],{"class":230,"line":274},[228,417,294],{"class":255},[228,419,259],{"class":238},[228,421,262],{"class":238},[228,423,301],{"class":265},[228,425,268],{"class":238},[228,427,271],{"class":238},[228,429,430,432,434],{"class":230,"line":291},[228,431,311],{"class":238},[228,433,314],{"class":234},[228,435,317],{"class":238},[437,438,440,451,455,458,574,581,585,664,668,674,695,699,718,721,760,764,925,929,932,1005,1050,1053,1057,1060,1114,1131,1135,1138],"docs-toast-preview",{"variant":439},"create",[441,442,444,202,447,450],"callout",{"color":191,"icon":443},"i-tabler-alert-circle",[199,445,446],{},"title",[199,448,449],{},"description"," must be non-empty. Passing both as empty strings throws.",[152,452,454],{"id":453},"per-toast-overrides","Per-Toast Overrides",[148,456,457],{},"Any global config field can be overridden on a single toast:",[218,459,461],{"className":220,"code":460,"language":223,"meta":224,"style":224},"toast.info({\n  title: \"Maintenance\",\n  description: \"At 22:00 UTC\",\n  position: \"bottom-center\",\n  duration: 15000,\n  closeOnClick: true,\n  progressAlignment: \"left-to-right\",\n});\n",[199,462,463,475,490,505,521,534,548,565],{"__ignoreMap":224},[228,464,465,467,469,471,473],{"class":230,"line":231},[228,466,235],{"class":234},[228,468,239],{"class":238},[228,470,186],{"class":242},[228,472,246],{"class":234},[228,474,249],{"class":238},[228,476,477,479,481,483,486,488],{"class":230,"line":252},[228,478,277],{"class":255},[228,480,259],{"class":238},[228,482,262],{"class":238},[228,484,485],{"class":265},"Maintenance",[228,487,268],{"class":238},[228,489,271],{"class":238},[228,491,492,494,496,498,501,503],{"class":230,"line":274},[228,493,294],{"class":255},[228,495,259],{"class":238},[228,497,262],{"class":238},[228,499,500],{"class":265},"At 22:00 UTC",[228,502,268],{"class":238},[228,504,271],{"class":238},[228,506,507,510,512,514,517,519],{"class":230,"line":291},[228,508,509],{"class":255},"  position",[228,511,259],{"class":238},[228,513,262],{"class":238},[228,515,516],{"class":265},"bottom-center",[228,518,268],{"class":238},[228,520,271],{"class":238},[228,522,523,526,528,532],{"class":230,"line":308},[228,524,525],{"class":255},"  duration",[228,527,259],{"class":238},[228,529,531],{"class":530},"sbssI"," 15000",[228,533,271],{"class":238},[228,535,537,540,542,546],{"class":230,"line":536},6,[228,538,539],{"class":255},"  closeOnClick",[228,541,259],{"class":238},[228,543,545],{"class":544},"sfNiH"," true",[228,547,271],{"class":238},[228,549,551,554,556,558,561,563],{"class":230,"line":550},7,[228,552,553],{"class":255},"  progressAlignment",[228,555,259],{"class":238},[228,557,262],{"class":238},[228,559,560],{"class":265},"left-to-right",[228,562,268],{"class":238},[228,564,271],{"class":238},[228,566,568,570,572],{"class":230,"line":567},8,[228,569,311],{"class":238},[228,571,314],{"class":234},[228,573,317],{"class":238},[148,575,576,577,580],{},"See the full option list on the ",[578,579,103],"a",{"href":104}," page.",[152,582,584],{"id":583},"positions","Positions",[586,587,588,601],"table",{},[589,590,591],"thead",{},[592,593,594,598],"tr",{},[595,596,597],"th",{},"Position",[595,599,600],{},"Anchor",[602,603,604,615,625,635,645,654],"tbody",{},[592,605,606,612],{},[607,608,609],"td",{},[199,610,611],{},"top-left",[607,613,614],{},"Top-left corner",[592,616,617,622],{},[607,618,619],{},[199,620,621],{},"top-center",[607,623,624],{},"Top center",[592,626,627,632],{},[607,628,629],{},[199,630,631],{},"top-right",[607,633,634],{},"Top-right corner (default)",[592,636,637,642],{},[607,638,639],{},[199,640,641],{},"bottom-left",[607,643,644],{},"Bottom-left corner",[592,646,647,651],{},[607,648,649],{},[199,650,516],{},[607,652,653],{},"Bottom center",[592,655,656,661],{},[607,657,658],{},[199,659,660],{},"bottom-right",[607,662,663],{},"Bottom-right corner",[152,665,667],{"id":666},"ordering","Ordering",[148,669,670,673],{},[199,671,672],{},"order"," controls how new toasts are inserted and which toast gets evicted when the stack is full.",[675,676,677,687],"ul",{},[678,679,680,686],"li",{},[681,682,683],"strong",{},[199,684,685],{},"newest"," (default) — newest toast on top, oldest evicted first",[678,688,689,694],{},[681,690,691],{},[199,692,693],{},"oldest"," — oldest toast on top, newest evicted first",[152,696,698],{"id":697},"duplicate-prevention","Duplicate Prevention",[148,700,701,702,705,706,709,710,709,713,715,716,239],{},"Enable ",[199,703,704],{},"preventDuplicates: true"," to avoid re-adding identical toasts. Matching uses ",[199,707,708],{},"position",", ",[199,711,712],{},"type",[199,714,446],{},", and ",[199,717,449],{},[148,719,720],{},"When a duplicate is found:",[722,723,724,729,732,736,739,743,746,750],"steps",{},[725,726,728],"h3",{"id":727},"existing-toast-updated","Existing toast updated",[148,730,731],{},"New incoming overrides are merged into the existing toast.",[725,733,735],{"id":734},"id-reused","Id reused",[148,737,738],{},"The original toast id is kept.",[725,740,742],{"id":741},"timer-restarted","Timer restarted",[148,744,745],{},"Visible toast timer restarts with the configured duration.",[725,747,749],{"id":748},"event-emitted","Event emitted",[148,751,752,753,756,757,239],{},"A ",[199,754,755],{},"duplicate"," event fires via ",[199,758,759],{},"subscribeEvents",[152,761,763],{"id":762},"update-and-dismiss","Update and Dismiss",[218,765,767],{"className":220,"code":766,"language":223,"meta":224,"style":224},"const id = toast.warning({\n  title: \"Low disk space\",\n  description: \"Only 1 GB left\",\n});\n\ntoast.update(id, {\n  title: \"Disk space restored\",\n  type: \"success\",\n});\n\ntoast.dismiss(id);\ntoast.dismissAll();\n",[199,768,769,792,807,822,830,836,852,867,881,890,895,910],{"__ignoreMap":224},[228,770,771,775,778,781,784,786,788,790],{"class":230,"line":231},[228,772,774],{"class":773},"spNyl","const",[228,776,777],{"class":234}," id ",[228,779,780],{"class":238},"=",[228,782,783],{"class":234}," toast",[228,785,239],{"class":238},[228,787,191],{"class":242},[228,789,246],{"class":234},[228,791,249],{"class":238},[228,793,794,796,798,800,803,805],{"class":230,"line":252},[228,795,277],{"class":255},[228,797,259],{"class":238},[228,799,262],{"class":238},[228,801,802],{"class":265},"Low disk space",[228,804,268],{"class":238},[228,806,271],{"class":238},[228,808,809,811,813,815,818,820],{"class":230,"line":274},[228,810,294],{"class":255},[228,812,259],{"class":238},[228,814,262],{"class":238},[228,816,817],{"class":265},"Only 1 GB left",[228,819,268],{"class":238},[228,821,271],{"class":238},[228,823,824,826,828],{"class":230,"line":291},[228,825,311],{"class":238},[228,827,314],{"class":234},[228,829,317],{"class":238},[228,831,832],{"class":230,"line":308},[228,833,835],{"emptyLinePlaceholder":834},true,"\n",[228,837,838,840,842,845,848,850],{"class":230,"line":536},[228,839,235],{"class":234},[228,841,239],{"class":238},[228,843,844],{"class":242},"update",[228,846,847],{"class":234},"(id",[228,849,342],{"class":238},[228,851,345],{"class":238},[228,853,854,856,858,860,863,865],{"class":230,"line":550},[228,855,277],{"class":255},[228,857,259],{"class":238},[228,859,262],{"class":238},[228,861,862],{"class":265},"Disk space restored",[228,864,268],{"class":238},[228,866,271],{"class":238},[228,868,869,871,873,875,877,879],{"class":230,"line":567},[228,870,256],{"class":255},[228,872,259],{"class":238},[228,874,262],{"class":238},[228,876,176],{"class":265},[228,878,268],{"class":238},[228,880,271],{"class":238},[228,882,884,886,888],{"class":230,"line":883},9,[228,885,311],{"class":238},[228,887,314],{"class":234},[228,889,317],{"class":238},[228,891,893],{"class":230,"line":892},10,[228,894,835],{"emptyLinePlaceholder":834},[228,896,898,900,902,905,908],{"class":230,"line":897},11,[228,899,235],{"class":234},[228,901,239],{"class":238},[228,903,904],{"class":242},"dismiss",[228,906,907],{"class":234},"(id)",[228,909,317],{"class":238},[228,911,913,915,917,920,923],{"class":230,"line":912},12,[228,914,235],{"class":234},[228,916,239],{"class":238},[228,918,919],{"class":242},"dismissAll",[228,921,922],{"class":234},"()",[228,924,317],{"class":238},[152,926,928],{"id":927},"dismiss-interactions","Dismiss Interactions",[148,930,931],{},"Besides the close button and the programmatic API, users can dismiss toasts directly:",[586,933,934,950],{},[589,935,936],{},[592,937,938,941,944,947],{},[595,939,940],{},"Interaction",[595,942,943],{},"Option",[595,945,946],{},"Default",[595,948,949],{},"Behavior",[602,951,952,970,987],{},[592,953,954,957,962,967],{},[607,955,956],{},"Click anywhere",[607,958,959],{},[199,960,961],{},"closeOnClick: true",[607,963,964],{},[199,965,966],{},"false",[607,968,969],{},"Clicking the toast body dismisses it. Buttons and links inside the toast still work normally.",[592,971,972,975,980,984],{},[607,973,974],{},"Swipe right",[607,976,977],{},[199,978,979],{},"swipeToDismiss: true",[607,981,982],{},[199,983,966],{},[607,985,986],{},"Drag the toast to the right (pointer or touch). Past ~35% of its width it dismisses; otherwise it snaps back.",[592,988,989,992,995,998],{},[607,990,991],{},"Escape key",[607,993,994],{},"always on",[607,996,997],{},"—",[607,999,1000,1001,1004],{},"Pressing ",[199,1002,1003],{},"Escape"," while focus is inside the toast (e.g. on a button) dismisses it.",[218,1006,1008],{"className":220,"code":1007,"language":223,"meta":224,"style":224},"toast.info(\"Swipe me away\", {\n  swipeToDismiss: true,\n});\n",[199,1009,1010,1031,1042],{"__ignoreMap":224},[228,1011,1012,1014,1016,1018,1020,1022,1025,1027,1029],{"class":230,"line":231},[228,1013,235],{"class":234},[228,1015,239],{"class":238},[228,1017,186],{"class":242},[228,1019,246],{"class":234},[228,1021,268],{"class":238},[228,1023,1024],{"class":265},"Swipe me away",[228,1026,268],{"class":238},[228,1028,342],{"class":238},[228,1030,345],{"class":238},[228,1032,1033,1036,1038,1040],{"class":230,"line":252},[228,1034,1035],{"class":255},"  swipeToDismiss",[228,1037,259],{"class":238},[228,1039,545],{"class":544},[228,1041,271],{"class":238},[228,1043,1044,1046,1048],{"class":230,"line":274},[228,1045,311],{"class":238},[228,1047,314],{"class":234},[228,1049,317],{"class":238},[148,1051,1052],{},"Swiping starts only after a small horizontal movement, so vertical scrolling on touch devices is not hijacked, and it never starts on interactive elements (buttons, links, inputs).",[152,1054,1056],{"id":1055},"lifecycle-hooks","Lifecycle Hooks",[148,1058,1059],{},"Set globally or per toast:",[586,1061,1062,1072],{},[589,1063,1064],{},[592,1065,1066,1069],{},[595,1067,1068],{},"Hook",[595,1070,1071],{},"When it fires",[602,1073,1074,1084,1094,1104],{},[592,1075,1076,1081],{},[607,1077,1078],{},[199,1079,1080],{},"onMount",[607,1082,1083],{},"After toast enters state",[592,1085,1086,1091],{},[607,1087,1088],{},[199,1089,1090],{},"onUnmount",[607,1092,1093],{},"After toast is removed from state",[592,1095,1096,1101],{},[607,1097,1098],{},[199,1099,1100],{},"onClick",[607,1102,1103],{},"When toast body is clicked",[592,1105,1106,1111],{},[607,1107,1108],{},[199,1109,1110],{},"onClose",[607,1112,1113],{},"Right before leaving phase starts",[148,1115,1116,1117,709,1120,709,1122,709,1124,709,1126,715,1128,239],{},"Each hook receives a context object with ",[199,1118,1119],{},"id",[199,1121,708],{},[199,1123,712],{},[199,1125,446],{},[199,1127,449],{},[199,1129,1130],{},"createdAt",[152,1132,1134],{"id":1133},"accessibility","Accessibility",[148,1136,1137],{},"Accessible behavior works out of the box — nothing to configure:",[675,1139,1140,1161,1168,1180,1183],{},[678,1141,1142,1144,1145,1147,1148,1144,1151,1154,1155,1144,1158,239],{},[199,1143,181],{}," and ",[199,1146,191],{}," toasts render with ",[199,1149,1150],{},"role=\"alert\"",[199,1152,1153],{},"aria-live=\"assertive\"","; all other types use ",[199,1156,1157],{},"role=\"status\"",[199,1159,1160],{},"aria-live=\"polite\"",[678,1162,1163,1164,1167],{},"Every toast gets an ",[199,1165,1166],{},"aria-label"," built from its title, description, and timestamp — HTML markup is stripped, so screen readers only hear text.",[678,1169,1170,1171,1174,1175,715,1177,1179],{},"The close button is a real ",[199,1172,1173],{},"\u003Cbutton>"," with an ",[199,1176,1166],{},[199,1178,1003],{}," dismisses the focused toast.",[678,1181,1182],{},"When a dismissed toast held keyboard focus, focus moves to the nearest remaining toast instead of dropping back to the page.",[678,1184,1185,1186,1189],{},"All animations respect ",[199,1187,1188],{},"prefers-reduced-motion"," and fall back to instant transitions.",[1191,1192,1193],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":224,"searchDepth":252,"depth":252,"links":1195},[1196,1197,1198,1199,1200,1201,1202,1203,1204,1205],{"id":154,"depth":252,"text":155},{"id":209,"depth":252,"text":210},{"id":453,"depth":252,"text":454},{"id":583,"depth":252,"text":584},{"id":666,"depth":252,"text":667},{"id":697,"depth":252,"text":698},{"id":762,"depth":252,"text":763},{"id":927,"depth":252,"text":928},{"id":1055,"depth":252,"text":1056},{"id":1133,"depth":252,"text":1134},"Toast types, create call styles, per-toast overrides, positions, duplicate prevention, and lifecycle hooks.","md",null,{},{"icon":34},{"title":31,"description":1206},"S5Eot8Josyrk_V_YxpK2WpbYqAaev04Hkv3imobjKp0",[1214,1216],{"title":27,"path":28,"stem":29,"description":1215,"icon":22,"children":-1},"Install Toastflow in Vue and show your first toast.",{"title":36,"path":37,"stem":38,"description":1217,"icon":39,"children":-1},"Duration rules, progress bars, pause strategies, queue behavior, and the loading helper."]