[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-global-overview":142,"-docs-global-overview-surround":1392},[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":11,"body":144,"description":1384,"extension":1385,"links":1386,"meta":1387,"navigation":1388,"path":12,"seo":1389,"sitemap":1390,"stem":13,"__hash__":1391},"docs\u002Fdocs\u002F1.global\u002F1.overview.md",{"type":145,"value":146,"toc":1373},"minimark",[147,151,155,179,184,963,967,995,1290,1294,1369],[148,149,150],"p",{},"One toast runtime, three entry points. Pick the package that matches your app and keep the same mental model everywhere.",[152,153],"docs-npm-badges",{"packages":154},"vue-toastflow:43b883,nuxt-toastflow:02a361,toastflow-core:64748b",[156,157,158,166,172],"card-group",{},[159,160,161,165],"card",{"icon":22,"title":21,"to":28},[162,163,164],"code",{},"@vue-toastflow"," — Plugin + components for any Vue 3 app.",[159,167,168,171],{"icon":47,"title":46,"to":52},[162,169,170],{},"@nuxt-toastflow"," — Zero-config module with auto-imports and SSR.",[159,173,175,178],{"icon":79,"title":174,"to":77},"Core",[162,176,177],{},"@toastflow-core"," — Framework-agnostic store. Bring your own renderer.",[180,181,183],"h2",{"id":182},"package-map","Package Map",[185,186,189,328,540,643,791],"code-tree",{":expand-all":187,"default-value":188},"true","vue\u002Fmain.ts",[190,191,196],"pre",{"className":192,"code":193,"filename":188,"language":194,"meta":195,"style":195},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from \"vue\";\nimport { createToastflow } from \"vue-toastflow\";\nimport App from \".\u002FApp.vue\";\n\ncreateApp(App).use(createToastflow()).mount(\"#app\");\n","ts","",[162,197,198,234,257,277,284],{"__ignoreMap":195},[199,200,203,207,211,215,218,221,224,228,231],"span",{"class":201,"line":202},"line",1,[199,204,206],{"class":205},"s7zQu","import",[199,208,210],{"class":209},"sMK4o"," {",[199,212,214],{"class":213},"sTEyZ"," createApp",[199,216,217],{"class":209}," }",[199,219,220],{"class":205}," from",[199,222,223],{"class":209}," \"",[199,225,227],{"class":226},"sfazB","vue",[199,229,230],{"class":209},"\"",[199,232,233],{"class":209},";\n",[199,235,237,239,241,244,246,248,250,253,255],{"class":201,"line":236},2,[199,238,206],{"class":205},[199,240,210],{"class":209},[199,242,243],{"class":213}," createToastflow",[199,245,217],{"class":209},[199,247,220],{"class":205},[199,249,223],{"class":209},[199,251,252],{"class":226},"vue-toastflow",[199,254,230],{"class":209},[199,256,233],{"class":209},[199,258,260,262,265,268,270,273,275],{"class":201,"line":259},3,[199,261,206],{"class":205},[199,263,264],{"class":213}," App ",[199,266,267],{"class":205},"from",[199,269,223],{"class":209},[199,271,272],{"class":226},".\u002FApp.vue",[199,274,230],{"class":209},[199,276,233],{"class":209},[199,278,280],{"class":201,"line":279},4,[199,281,283],{"emptyLinePlaceholder":282},true,"\n",[199,285,287,291,294,297,300,303,306,309,311,314,316,318,321,323,326],{"class":201,"line":286},5,[199,288,290],{"class":289},"s2Zo4","createApp",[199,292,293],{"class":213},"(App)",[199,295,296],{"class":209},".",[199,298,299],{"class":289},"use",[199,301,302],{"class":213},"(",[199,304,305],{"class":289},"createToastflow",[199,307,308],{"class":213},"())",[199,310,296],{"class":209},[199,312,313],{"class":289},"mount",[199,315,302],{"class":213},[199,317,230],{"class":209},[199,319,320],{"class":226},"#app",[199,322,230],{"class":209},[199,324,325],{"class":213},")",[199,327,233],{"class":209},[190,329,333],{"className":330,"code":331,"filename":332,"language":227,"meta":195,"style":195},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ToastContainer, toast } from \"vue-toastflow\";\n\nfunction onSave() {\n  toast.success({ title: \"Saved\", description: \"Your changes are live.\" });\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastContainer \u002F>\n  \u003Cbutton @click=\"onSave\">Save\u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n","vue\u002FApp.vue",[162,334,335,363,390,394,408,456,462,472,477,487,499,531],{"__ignoreMap":195},[199,336,337,340,344,348,351,354,356,358,360],{"class":201,"line":202},[199,338,339],{"class":209},"\u003C",[199,341,343],{"class":342},"swJcz","script",[199,345,347],{"class":346},"spNyl"," setup",[199,349,350],{"class":346}," lang",[199,352,353],{"class":209},"=",[199,355,230],{"class":209},[199,357,194],{"class":226},[199,359,230],{"class":209},[199,361,362],{"class":209},">\n",[199,364,365,367,369,372,375,378,380,382,384,386,388],{"class":201,"line":236},[199,366,206],{"class":205},[199,368,210],{"class":209},[199,370,371],{"class":213}," ToastContainer",[199,373,374],{"class":209},",",[199,376,377],{"class":213}," toast",[199,379,217],{"class":209},[199,381,220],{"class":205},[199,383,223],{"class":209},[199,385,252],{"class":226},[199,387,230],{"class":209},[199,389,233],{"class":209},[199,391,392],{"class":201,"line":259},[199,393,283],{"emptyLinePlaceholder":282},[199,395,396,399,402,405],{"class":201,"line":279},[199,397,398],{"class":346},"function",[199,400,401],{"class":289}," onSave",[199,403,404],{"class":209},"()",[199,406,407],{"class":209}," {\n",[199,409,410,413,415,418,420,423,426,429,431,434,436,438,441,443,445,448,450,452,454],{"class":201,"line":286},[199,411,412],{"class":213},"  toast",[199,414,296],{"class":209},[199,416,417],{"class":289},"success",[199,419,302],{"class":342},[199,421,422],{"class":209},"{",[199,424,425],{"class":342}," title",[199,427,428],{"class":209},":",[199,430,223],{"class":209},[199,432,433],{"class":226},"Saved",[199,435,230],{"class":209},[199,437,374],{"class":209},[199,439,440],{"class":342}," description",[199,442,428],{"class":209},[199,444,223],{"class":209},[199,446,447],{"class":226},"Your changes are live.",[199,449,230],{"class":209},[199,451,217],{"class":209},[199,453,325],{"class":342},[199,455,233],{"class":209},[199,457,459],{"class":201,"line":458},6,[199,460,461],{"class":209},"}\n",[199,463,465,468,470],{"class":201,"line":464},7,[199,466,467],{"class":209},"\u003C\u002F",[199,469,343],{"class":342},[199,471,362],{"class":209},[199,473,475],{"class":201,"line":474},8,[199,476,283],{"emptyLinePlaceholder":282},[199,478,480,482,485],{"class":201,"line":479},9,[199,481,339],{"class":209},[199,483,484],{"class":342},"template",[199,486,362],{"class":209},[199,488,490,493,496],{"class":201,"line":489},10,[199,491,492],{"class":209},"  \u003C",[199,494,495],{"class":342},"ToastContainer",[199,497,498],{"class":209}," \u002F>\n",[199,500,502,504,507,510,512,514,517,519,522,525,527,529],{"class":201,"line":501},11,[199,503,492],{"class":209},[199,505,506],{"class":342},"button",[199,508,509],{"class":346}," @click",[199,511,353],{"class":209},[199,513,230],{"class":209},[199,515,516],{"class":226},"onSave",[199,518,230],{"class":209},[199,520,521],{"class":209},">",[199,523,524],{"class":213},"Save",[199,526,467],{"class":209},[199,528,506],{"class":342},[199,530,362],{"class":209},[199,532,534,536,538],{"class":201,"line":533},12,[199,535,467],{"class":209},[199,537,484],{"class":342},[199,539,362],{"class":209},[190,541,544],{"className":192,"code":542,"filename":543,"language":194,"meta":195,"style":195},"export default defineNuxtConfig({\n  modules: [\"nuxt-toastflow\"],\n  toastflow: {\n    config: { position: \"top-right\", duration: 5000 },\n  },\n});\n","nuxt\u002Fnuxt.config.ts",[162,545,546,562,585,594,629,634],{"__ignoreMap":195},[199,547,548,551,554,557,559],{"class":201,"line":202},[199,549,550],{"class":205},"export",[199,552,553],{"class":205}," default",[199,555,556],{"class":289}," defineNuxtConfig",[199,558,302],{"class":213},[199,560,561],{"class":209},"{\n",[199,563,564,567,569,572,574,577,579,582],{"class":201,"line":236},[199,565,566],{"class":342},"  modules",[199,568,428],{"class":209},[199,570,571],{"class":213}," [",[199,573,230],{"class":209},[199,575,576],{"class":226},"nuxt-toastflow",[199,578,230],{"class":209},[199,580,581],{"class":213},"]",[199,583,584],{"class":209},",\n",[199,586,587,590,592],{"class":201,"line":259},[199,588,589],{"class":342},"  toastflow",[199,591,428],{"class":209},[199,593,407],{"class":209},[199,595,596,599,601,603,606,608,610,613,615,617,620,622,626],{"class":201,"line":279},[199,597,598],{"class":342},"    config",[199,600,428],{"class":209},[199,602,210],{"class":209},[199,604,605],{"class":342}," position",[199,607,428],{"class":209},[199,609,223],{"class":209},[199,611,612],{"class":226},"top-right",[199,614,230],{"class":209},[199,616,374],{"class":209},[199,618,619],{"class":342}," duration",[199,621,428],{"class":209},[199,623,625],{"class":624},"sbssI"," 5000",[199,627,628],{"class":209}," },\n",[199,630,631],{"class":201,"line":286},[199,632,633],{"class":209},"  },\n",[199,635,636,639,641],{"class":201,"line":458},[199,637,638],{"class":209},"}",[199,640,325],{"class":213},[199,642,233],{"class":209},[190,644,647],{"className":330,"code":645,"filename":646,"language":227,"meta":195,"style":195},"\u003Cscript setup lang=\"ts\">\nfunction onSave() {\n  \u002F\u002F `toast` and `ToastContainer` are auto-imported\n  toast.success({ title: \"Saved\", description: \"Your changes are live.\" });\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastContainer \u002F>\n  \u003Cbutton @click=\"onSave\">Save\u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n","nuxt\u002Fapp.vue",[162,648,649,669,679,685,725,729,737,741,749,757,783],{"__ignoreMap":195},[199,650,651,653,655,657,659,661,663,665,667],{"class":201,"line":202},[199,652,339],{"class":209},[199,654,343],{"class":342},[199,656,347],{"class":346},[199,658,350],{"class":346},[199,660,353],{"class":209},[199,662,230],{"class":209},[199,664,194],{"class":226},[199,666,230],{"class":209},[199,668,362],{"class":209},[199,670,671,673,675,677],{"class":201,"line":236},[199,672,398],{"class":346},[199,674,401],{"class":289},[199,676,404],{"class":209},[199,678,407],{"class":209},[199,680,681],{"class":201,"line":259},[199,682,684],{"class":683},"sHwdD","  \u002F\u002F `toast` and `ToastContainer` are auto-imported\n",[199,686,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723],{"class":201,"line":279},[199,688,412],{"class":213},[199,690,296],{"class":209},[199,692,417],{"class":289},[199,694,302],{"class":342},[199,696,422],{"class":209},[199,698,425],{"class":342},[199,700,428],{"class":209},[199,702,223],{"class":209},[199,704,433],{"class":226},[199,706,230],{"class":209},[199,708,374],{"class":209},[199,710,440],{"class":342},[199,712,428],{"class":209},[199,714,223],{"class":209},[199,716,447],{"class":226},[199,718,230],{"class":209},[199,720,217],{"class":209},[199,722,325],{"class":342},[199,724,233],{"class":209},[199,726,727],{"class":201,"line":286},[199,728,461],{"class":209},[199,730,731,733,735],{"class":201,"line":458},[199,732,467],{"class":209},[199,734,343],{"class":342},[199,736,362],{"class":209},[199,738,739],{"class":201,"line":464},[199,740,283],{"emptyLinePlaceholder":282},[199,742,743,745,747],{"class":201,"line":474},[199,744,339],{"class":209},[199,746,484],{"class":342},[199,748,362],{"class":209},[199,750,751,753,755],{"class":201,"line":479},[199,752,492],{"class":209},[199,754,495],{"class":342},[199,756,498],{"class":209},[199,758,759,761,763,765,767,769,771,773,775,777,779,781],{"class":201,"line":489},[199,760,492],{"class":209},[199,762,506],{"class":342},[199,764,509],{"class":346},[199,766,353],{"class":209},[199,768,230],{"class":209},[199,770,516],{"class":226},[199,772,230],{"class":209},[199,774,521],{"class":209},[199,776,524],{"class":213},[199,778,467],{"class":209},[199,780,506],{"class":342},[199,782,362],{"class":209},[199,784,785,787,789],{"class":201,"line":501},[199,786,467],{"class":209},[199,788,484],{"class":342},[199,790,362],{"class":209},[190,792,795],{"className":192,"code":793,"filename":794,"language":194,"meta":195,"style":195},"import { createToastStore } from \"toastflow-core\";\n\nexport const toastStore = createToastStore({\n  position: \"top-right\",\n  duration: 5000,\n});\n\ntoastStore.subscribe((state) => {\n  \u002F\u002F Render `state.toasts` with your own UI.\n});\n\ntoastStore.show({ type: \"success\", title: \"Saved\" });\n","headless\u002Fstore.ts",[162,796,797,819,823,841,856,867,875,879,904,909,917,921],{"__ignoreMap":195},[199,798,799,801,803,806,808,810,812,815,817],{"class":201,"line":202},[199,800,206],{"class":205},[199,802,210],{"class":209},[199,804,805],{"class":213}," createToastStore",[199,807,217],{"class":209},[199,809,220],{"class":205},[199,811,223],{"class":209},[199,813,814],{"class":226},"toastflow-core",[199,816,230],{"class":209},[199,818,233],{"class":209},[199,820,821],{"class":201,"line":236},[199,822,283],{"emptyLinePlaceholder":282},[199,824,825,827,830,833,835,837,839],{"class":201,"line":259},[199,826,550],{"class":205},[199,828,829],{"class":346}," const",[199,831,832],{"class":213}," toastStore ",[199,834,353],{"class":209},[199,836,805],{"class":289},[199,838,302],{"class":213},[199,840,561],{"class":209},[199,842,843,846,848,850,852,854],{"class":201,"line":279},[199,844,845],{"class":342},"  position",[199,847,428],{"class":209},[199,849,223],{"class":209},[199,851,612],{"class":226},[199,853,230],{"class":209},[199,855,584],{"class":209},[199,857,858,861,863,865],{"class":201,"line":286},[199,859,860],{"class":342},"  duration",[199,862,428],{"class":209},[199,864,625],{"class":624},[199,866,584],{"class":209},[199,868,869,871,873],{"class":201,"line":458},[199,870,638],{"class":209},[199,872,325],{"class":213},[199,874,233],{"class":209},[199,876,877],{"class":201,"line":464},[199,878,283],{"emptyLinePlaceholder":282},[199,880,881,884,886,889,891,893,897,899,902],{"class":201,"line":474},[199,882,883],{"class":213},"toastStore",[199,885,296],{"class":209},[199,887,888],{"class":289},"subscribe",[199,890,302],{"class":213},[199,892,302],{"class":209},[199,894,896],{"class":895},"sHdIc","state",[199,898,325],{"class":209},[199,900,901],{"class":346}," =>",[199,903,407],{"class":209},[199,905,906],{"class":201,"line":479},[199,907,908],{"class":683},"  \u002F\u002F Render `state.toasts` with your own UI.\n",[199,910,911,913,915],{"class":201,"line":489},[199,912,638],{"class":209},[199,914,325],{"class":213},[199,916,233],{"class":209},[199,918,919],{"class":201,"line":501},[199,920,283],{"emptyLinePlaceholder":282},[199,922,923,925,927,930,932,934,937,939,941,943,945,947,949,951,953,955,957,959,961],{"class":201,"line":533},[199,924,883],{"class":213},[199,926,296],{"class":209},[199,928,929],{"class":289},"show",[199,931,302],{"class":213},[199,933,422],{"class":209},[199,935,936],{"class":342}," type",[199,938,428],{"class":209},[199,940,223],{"class":209},[199,942,417],{"class":226},[199,944,230],{"class":209},[199,946,374],{"class":209},[199,948,425],{"class":342},[199,950,428],{"class":209},[199,952,223],{"class":209},[199,954,433],{"class":226},[199,956,230],{"class":209},[199,958,217],{"class":209},[199,960,325],{"class":213},[199,962,233],{"class":209},[180,964,966],{"id":965},"shared-runtime","Shared Runtime",[968,969,970,975,981,985,988,992],"steps",{},[971,972,974],"h3",{"id":973},"create","Create",[148,976,977,978,296],{},"Use a payload object, a title + options call, or a typed helper like ",[162,979,980],{},"toast.success(...)",[971,982,984],{"id":983},"update","Update",[148,986,987],{},"Keep the returned id when you want to turn a loading toast into a success or error toast.",[971,989,991],{"id":990},"control","Control",[148,993,994],{},"Pause the queue, dismiss all toasts, subscribe to state, or listen to lifecycle events.",[996,997,998,1055,1185],"code-group",{},[190,999,1002],{"className":192,"code":1000,"filename":1001,"language":194,"meta":195,"style":195},"toast.success({\n  title: \"Saved\",\n  description: \"Your changes are live.\",\n});\n","basic.ts",[162,1003,1004,1017,1032,1047],{"__ignoreMap":195},[199,1005,1006,1009,1011,1013,1015],{"class":201,"line":202},[199,1007,1008],{"class":213},"toast",[199,1010,296],{"class":209},[199,1012,417],{"class":289},[199,1014,302],{"class":213},[199,1016,561],{"class":209},[199,1018,1019,1022,1024,1026,1028,1030],{"class":201,"line":236},[199,1020,1021],{"class":342},"  title",[199,1023,428],{"class":209},[199,1025,223],{"class":209},[199,1027,433],{"class":226},[199,1029,230],{"class":209},[199,1031,584],{"class":209},[199,1033,1034,1037,1039,1041,1043,1045],{"class":201,"line":259},[199,1035,1036],{"class":342},"  description",[199,1038,428],{"class":209},[199,1040,223],{"class":209},[199,1042,447],{"class":226},[199,1044,230],{"class":209},[199,1046,584],{"class":209},[199,1048,1049,1051,1053],{"class":201,"line":279},[199,1050,638],{"class":209},[199,1052,325],{"class":213},[199,1054,233],{"class":209},[190,1056,1059],{"className":192,"code":1057,"filename":1058,"language":194,"meta":195,"style":195},"const request = toast.loading(fetch(\"\u002Fapi\u002Fsave\"), {\n  loading: { title: \"Saving\" },\n  success: { title: \"Saved\" },\n  error: { title: \"Failed\" },\n});\n\nawait request;\n","loading.ts",[162,1060,1061,1098,1120,1141,1163,1171,1175],{"__ignoreMap":195},[199,1062,1063,1066,1069,1071,1073,1075,1078,1080,1083,1085,1087,1090,1092,1094,1096],{"class":201,"line":202},[199,1064,1065],{"class":346},"const",[199,1067,1068],{"class":213}," request ",[199,1070,353],{"class":209},[199,1072,377],{"class":213},[199,1074,296],{"class":209},[199,1076,1077],{"class":289},"loading",[199,1079,302],{"class":213},[199,1081,1082],{"class":289},"fetch",[199,1084,302],{"class":213},[199,1086,230],{"class":209},[199,1088,1089],{"class":226},"\u002Fapi\u002Fsave",[199,1091,230],{"class":209},[199,1093,325],{"class":213},[199,1095,374],{"class":209},[199,1097,407],{"class":209},[199,1099,1100,1103,1105,1107,1109,1111,1113,1116,1118],{"class":201,"line":236},[199,1101,1102],{"class":342},"  loading",[199,1104,428],{"class":209},[199,1106,210],{"class":209},[199,1108,425],{"class":342},[199,1110,428],{"class":209},[199,1112,223],{"class":209},[199,1114,1115],{"class":226},"Saving",[199,1117,230],{"class":209},[199,1119,628],{"class":209},[199,1121,1122,1125,1127,1129,1131,1133,1135,1137,1139],{"class":201,"line":259},[199,1123,1124],{"class":342},"  success",[199,1126,428],{"class":209},[199,1128,210],{"class":209},[199,1130,425],{"class":342},[199,1132,428],{"class":209},[199,1134,223],{"class":209},[199,1136,433],{"class":226},[199,1138,230],{"class":209},[199,1140,628],{"class":209},[199,1142,1143,1146,1148,1150,1152,1154,1156,1159,1161],{"class":201,"line":279},[199,1144,1145],{"class":342},"  error",[199,1147,428],{"class":209},[199,1149,210],{"class":209},[199,1151,425],{"class":342},[199,1153,428],{"class":209},[199,1155,223],{"class":209},[199,1157,1158],{"class":226},"Failed",[199,1160,230],{"class":209},[199,1162,628],{"class":209},[199,1164,1165,1167,1169],{"class":201,"line":286},[199,1166,638],{"class":209},[199,1168,325],{"class":213},[199,1170,233],{"class":209},[199,1172,1173],{"class":201,"line":458},[199,1174,283],{"emptyLinePlaceholder":282},[199,1176,1177,1180,1183],{"class":201,"line":464},[199,1178,1179],{"class":205},"await",[199,1181,1182],{"class":213}," request",[199,1184,233],{"class":209},[190,1186,1189],{"className":192,"code":1187,"filename":1188,"language":194,"meta":195,"style":195},"toast.dismissAll();\ntoast.pauseQueue();\ntoast.resumeQueue();\n\ntoast.subscribe((state) => {\n  console.log(state.toasts.length);\n});\n","store.ts",[162,1190,1191,1204,1217,1230,1234,1254,1282],{"__ignoreMap":195},[199,1192,1193,1195,1197,1200,1202],{"class":201,"line":202},[199,1194,1008],{"class":213},[199,1196,296],{"class":209},[199,1198,1199],{"class":289},"dismissAll",[199,1201,404],{"class":213},[199,1203,233],{"class":209},[199,1205,1206,1208,1210,1213,1215],{"class":201,"line":236},[199,1207,1008],{"class":213},[199,1209,296],{"class":209},[199,1211,1212],{"class":289},"pauseQueue",[199,1214,404],{"class":213},[199,1216,233],{"class":209},[199,1218,1219,1221,1223,1226,1228],{"class":201,"line":259},[199,1220,1008],{"class":213},[199,1222,296],{"class":209},[199,1224,1225],{"class":289},"resumeQueue",[199,1227,404],{"class":213},[199,1229,233],{"class":209},[199,1231,1232],{"class":201,"line":279},[199,1233,283],{"emptyLinePlaceholder":282},[199,1235,1236,1238,1240,1242,1244,1246,1248,1250,1252],{"class":201,"line":286},[199,1237,1008],{"class":213},[199,1239,296],{"class":209},[199,1241,888],{"class":289},[199,1243,302],{"class":213},[199,1245,302],{"class":209},[199,1247,896],{"class":895},[199,1249,325],{"class":209},[199,1251,901],{"class":346},[199,1253,407],{"class":209},[199,1255,1256,1259,1261,1264,1266,1268,1270,1273,1275,1278,1280],{"class":201,"line":458},[199,1257,1258],{"class":213},"  console",[199,1260,296],{"class":209},[199,1262,1263],{"class":289},"log",[199,1265,302],{"class":342},[199,1267,896],{"class":213},[199,1269,296],{"class":209},[199,1271,1272],{"class":213},"toasts",[199,1274,296],{"class":209},[199,1276,1277],{"class":213},"length",[199,1279,325],{"class":342},[199,1281,233],{"class":209},[199,1283,1284,1286,1288],{"class":201,"line":464},[199,1285,638],{"class":209},[199,1287,325],{"class":213},[199,1289,233],{"class":209},[180,1291,1293],{"id":1292},"live-runtime","Live Runtime",[1295,1296,1297,1301,1319,1323],"docs-live-example",{},[180,1298,1300],{"id":1299},"what-is-covered","What Is Covered",[156,1302,1303,1307,1311,1315],{},[159,1304,1306],{"icon":125,"title":1305,"to":28},"Install paths","Vue plugin setup, Nuxt module setup, and the headless core entry point.",[159,1308,1310],{"icon":39,"title":1309,"to":37},"Runtime behavior","Timers, progress bars, queue behavior, duplicate prevention, and loading flows.",[159,1312,1314],{"icon":98,"title":1313,"to":123},"API surface","Shared exports, typed actions, state, events, config, and core utilities.",[159,1316,1318],{"icon":18,"title":1317,"to":16},"Customization","CSS variables, theme classes, inline overrides, shipped CSS control, and headless rendering.",[180,1320,1322],{"id":1321},"practical-rules","Practical Rules",[1324,1325,1326,1331,1349,1355],"accordion",{},[1327,1328,1330],"accordion-item",{"label":1329},"Where should I start?","Use Vue quick start for Vue apps, Nuxt quick start for Nuxt apps, and Headless only when you need to render everything yourself.",[1327,1332,1334,1335,1338,1339,1338,1342,1338,1345,1348],{"label":1333},"Do Vue and Nuxt use different toast APIs?","No. Nuxt adds module wiring and auto-imports, but ",[162,1336,1337],{},"toast.show",", ",[162,1340,1341],{},"toast.success",[162,1343,1344],{},"toast.loading",[162,1346,1347],{},"toast.update",", and store controls behave the same.",[1327,1350,1352,1353,296],{"label":1351},"When should I use headless mode?","Use it when Toastflow's default card is not enough. In Vue, try the headless slot first. Outside Vue, use ",[162,1354,814],{},[1327,1356,1358,1359,1338,1362,1338,1364,1366,1367,296],{"label":1357},"Where is the API reference?","See ",[1360,1361,103],"a",{"href":104},[1360,1363,107],{"href":108},[1360,1365,112],{"href":113},", and ",[1360,1368,117],{"href":118},[1370,1371,1372],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":195,"searchDepth":236,"depth":236,"links":1374},[1375,1376,1381,1382,1383],{"id":182,"depth":236,"text":183},{"id":965,"depth":236,"text":966,"children":1377},[1378,1379,1380],{"id":973,"depth":259,"text":974},{"id":983,"depth":259,"text":984},{"id":990,"depth":259,"text":991},{"id":1292,"depth":236,"text":1293},{"id":1299,"depth":236,"text":1300},{"id":1321,"depth":236,"text":1322},"Pick the right Toastflow package and learn the shared runtime model.","md",null,{},{"icon":6},{"title":11,"description":1384},{"loc":12},"9vXJDwNsMiSK7KMgFIWTJyyUcgd3OeagbhGmCuzEKnI",[1386,1393],{"title":15,"path":16,"stem":17,"description":1394,"icon":18,"children":-1},"Customize Toastflow with CSS variables, theme classes, and headless rendering."]