[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation_docs":3,"-docs-headless-core-store":142,"-docs-headless-core-store-surround":772},[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":144,"body":145,"description":765,"extension":766,"links":767,"meta":768,"navigation":769,"path":77,"seo":770,"stem":78,"__hash__":771},"docs\u002Fdocs\u002F4.headless\u002F1.core-store.md","Headless Core Store",{"type":146,"value":147,"toc":757},"minimark",[148,153,162,172,177,234,238,368,372,682,686,693,717,721,737,741,753],[149,150],"docs-npm-badges",{"packages":151,":downloads":152},"toastflow-core:64748b","true",[154,155,156,157,161],"p",{},"Use ",[158,159,160],"code",{},"toastflow-core"," when you want Toastflow behavior without the Vue UI.",[163,164,167,168,171],"callout",{"color":165,"icon":166},"primary","i-tabler-info-circle","If you are already in Vue or Nuxt and only want custom markup, use the ",[169,170,81],"a",{"href":82}," first. It is less work.",[173,174,176],"h2",{"id":175},"install","Install",[178,179,180,205,220],"code-group",{},[181,182,188],"pre",{"className":183,"code":184,"filename":185,"language":186,"meta":187,"style":187},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add toastflow-core\n","pnpm","bash","",[158,189,190],{"__ignoreMap":187},[191,192,195,198,202],"span",{"class":193,"line":194},"line",1,[191,196,185],{"class":197},"sBMFI",[191,199,201],{"class":200},"sfazB"," add",[191,203,204],{"class":200}," toastflow-core\n",[181,206,209],{"className":183,"code":207,"filename":208,"language":186,"meta":187,"style":187},"npm install toastflow-core\n","npm",[158,210,211],{"__ignoreMap":187},[191,212,213,215,218],{"class":193,"line":194},[191,214,208],{"class":197},[191,216,217],{"class":200}," install",[191,219,204],{"class":200},[181,221,224],{"className":183,"code":222,"filename":223,"language":186,"meta":187,"style":187},"yarn add toastflow-core\n","yarn",[158,225,226],{"__ignoreMap":187},[191,227,228,230,232],{"class":193,"line":194},[191,229,223],{"class":197},[191,231,201],{"class":200},[191,233,204],{"class":200},[173,235,237],{"id":236},"create-a-store","Create A Store",[181,239,244],{"className":240,"code":241,"filename":242,"language":243,"meta":187,"style":187},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createToastStore } from \"toastflow-core\";\n\nexport const store = createToastStore({\n  position: \"bottom-right\",\n  maxVisible: 3,\n  queue: true,\n});\n","toast-store.ts","ts",[158,245,246,277,284,309,329,343,357],{"__ignoreMap":187},[191,247,248,252,256,260,263,266,269,271,274],{"class":193,"line":194},[191,249,251],{"class":250},"s7zQu","import",[191,253,255],{"class":254},"sMK4o"," {",[191,257,259],{"class":258},"sTEyZ"," createToastStore",[191,261,262],{"class":254}," }",[191,264,265],{"class":250}," from",[191,267,268],{"class":254}," \"",[191,270,160],{"class":200},[191,272,273],{"class":254},"\"",[191,275,276],{"class":254},";\n",[191,278,280],{"class":193,"line":279},2,[191,281,283],{"emptyLinePlaceholder":282},true,"\n",[191,285,287,290,294,297,300,303,306],{"class":193,"line":286},3,[191,288,289],{"class":250},"export",[191,291,293],{"class":292},"spNyl"," const",[191,295,296],{"class":258}," store ",[191,298,299],{"class":254},"=",[191,301,259],{"class":302},"s2Zo4",[191,304,305],{"class":258},"(",[191,307,308],{"class":254},"{\n",[191,310,312,316,319,321,324,326],{"class":193,"line":311},4,[191,313,315],{"class":314},"swJcz","  position",[191,317,318],{"class":254},":",[191,320,268],{"class":254},[191,322,323],{"class":200},"bottom-right",[191,325,273],{"class":254},[191,327,328],{"class":254},",\n",[191,330,332,335,337,341],{"class":193,"line":331},5,[191,333,334],{"class":314},"  maxVisible",[191,336,318],{"class":254},[191,338,340],{"class":339},"sbssI"," 3",[191,342,328],{"class":254},[191,344,346,349,351,355],{"class":193,"line":345},6,[191,347,348],{"class":314},"  queue",[191,350,318],{"class":254},[191,352,354],{"class":353},"sfNiH"," true",[191,356,328],{"class":254},[191,358,360,363,366],{"class":193,"line":359},7,[191,361,362],{"class":254},"}",[191,364,365],{"class":258},")",[191,367,276],{"class":254},[173,369,371],{"id":370},"render-your-own-ui","Render Your Own UI",[178,373,374,420,528],{},[181,375,377],{"className":240,"code":376,"filename":242,"language":243,"meta":187,"style":187},"import { createToastStore } from \"toastflow-core\";\n\nexport const store = createToastStore();\n",[158,378,379,399,403],{"__ignoreMap":187},[191,380,381,383,385,387,389,391,393,395,397],{"class":193,"line":194},[191,382,251],{"class":250},[191,384,255],{"class":254},[191,386,259],{"class":258},[191,388,262],{"class":254},[191,390,265],{"class":250},[191,392,268],{"class":254},[191,394,160],{"class":200},[191,396,273],{"class":254},[191,398,276],{"class":254},[191,400,401],{"class":193,"line":279},[191,402,283],{"emptyLinePlaceholder":282},[191,404,405,407,409,411,413,415,418],{"class":193,"line":286},[191,406,289],{"class":250},[191,408,293],{"class":292},[191,410,296],{"class":258},[191,412,299],{"class":254},[191,414,259],{"class":302},[191,416,417],{"class":258},"()",[191,419,276],{"class":254},[181,421,424],{"className":240,"code":422,"filename":423,"language":243,"meta":187,"style":187},"import { store } from \".\u002Ftoast-store\";\n\nstore.subscribe((state) => {\n  renderToasts(state.toasts);\n  renderQueueCount(state.queue.length);\n});\n","renderer.ts",[158,425,426,448,452,479,497,520],{"__ignoreMap":187},[191,427,428,430,432,435,437,439,441,444,446],{"class":193,"line":194},[191,429,251],{"class":250},[191,431,255],{"class":254},[191,433,434],{"class":258}," store",[191,436,262],{"class":254},[191,438,265],{"class":250},[191,440,268],{"class":254},[191,442,443],{"class":200},".\u002Ftoast-store",[191,445,273],{"class":254},[191,447,276],{"class":254},[191,449,450],{"class":193,"line":279},[191,451,283],{"emptyLinePlaceholder":282},[191,453,454,457,460,463,465,467,471,473,476],{"class":193,"line":286},[191,455,456],{"class":258},"store",[191,458,459],{"class":254},".",[191,461,462],{"class":302},"subscribe",[191,464,305],{"class":258},[191,466,305],{"class":254},[191,468,470],{"class":469},"sHdIc","state",[191,472,365],{"class":254},[191,474,475],{"class":292}," =>",[191,477,478],{"class":254}," {\n",[191,480,481,484,486,488,490,493,495],{"class":193,"line":311},[191,482,483],{"class":302},"  renderToasts",[191,485,305],{"class":314},[191,487,470],{"class":258},[191,489,459],{"class":254},[191,491,492],{"class":258},"toasts",[191,494,365],{"class":314},[191,496,276],{"class":254},[191,498,499,502,504,506,508,511,513,516,518],{"class":193,"line":331},[191,500,501],{"class":302},"  renderQueueCount",[191,503,305],{"class":314},[191,505,470],{"class":258},[191,507,459],{"class":254},[191,509,510],{"class":258},"queue",[191,512,459],{"class":254},[191,514,515],{"class":258},"length",[191,517,365],{"class":314},[191,519,276],{"class":254},[191,521,522,524,526],{"class":193,"line":345},[191,523,362],{"class":254},[191,525,365],{"class":258},[191,527,276],{"class":254},[181,529,532],{"className":240,"code":530,"filename":531,"language":243,"meta":187,"style":187},"import { store } from \".\u002Ftoast-store\";\n\nconst id = store.show({\n  type: \"info\",\n  title: \"Renderer connected\",\n});\n\nstore.update(id, {\n  type: \"success\",\n  title: \"Updated\",\n});\n","actions.ts",[158,533,534,554,558,579,595,611,619,623,641,657,673],{"__ignoreMap":187},[191,535,536,538,540,542,544,546,548,550,552],{"class":193,"line":194},[191,537,251],{"class":250},[191,539,255],{"class":254},[191,541,434],{"class":258},[191,543,262],{"class":254},[191,545,265],{"class":250},[191,547,268],{"class":254},[191,549,443],{"class":200},[191,551,273],{"class":254},[191,553,276],{"class":254},[191,555,556],{"class":193,"line":279},[191,557,283],{"emptyLinePlaceholder":282},[191,559,560,563,566,568,570,572,575,577],{"class":193,"line":286},[191,561,562],{"class":292},"const",[191,564,565],{"class":258}," id ",[191,567,299],{"class":254},[191,569,434],{"class":258},[191,571,459],{"class":254},[191,573,574],{"class":302},"show",[191,576,305],{"class":258},[191,578,308],{"class":254},[191,580,581,584,586,588,591,593],{"class":193,"line":311},[191,582,583],{"class":314},"  type",[191,585,318],{"class":254},[191,587,268],{"class":254},[191,589,590],{"class":200},"info",[191,592,273],{"class":254},[191,594,328],{"class":254},[191,596,597,600,602,604,607,609],{"class":193,"line":331},[191,598,599],{"class":314},"  title",[191,601,318],{"class":254},[191,603,268],{"class":254},[191,605,606],{"class":200},"Renderer connected",[191,608,273],{"class":254},[191,610,328],{"class":254},[191,612,613,615,617],{"class":193,"line":345},[191,614,362],{"class":254},[191,616,365],{"class":258},[191,618,276],{"class":254},[191,620,621],{"class":193,"line":359},[191,622,283],{"emptyLinePlaceholder":282},[191,624,626,628,630,633,636,639],{"class":193,"line":625},8,[191,627,456],{"class":258},[191,629,459],{"class":254},[191,631,632],{"class":302},"update",[191,634,635],{"class":258},"(id",[191,637,638],{"class":254},",",[191,640,478],{"class":254},[191,642,644,646,648,650,653,655],{"class":193,"line":643},9,[191,645,583],{"class":314},[191,647,318],{"class":254},[191,649,268],{"class":254},[191,651,652],{"class":200},"success",[191,654,273],{"class":254},[191,656,328],{"class":254},[191,658,660,662,664,666,669,671],{"class":193,"line":659},10,[191,661,599],{"class":314},[191,663,318],{"class":254},[191,665,268],{"class":254},[191,667,668],{"class":200},"Updated",[191,670,273],{"class":254},[191,672,328],{"class":254},[191,674,676,678,680],{"class":193,"line":675},11,[191,677,362],{"class":254},[191,679,365],{"class":258},[191,681,276],{"class":254},[173,683,685],{"id":684},"teardown","Teardown",[154,687,688,689,692],{},"If the store's lifetime is shorter than the page (tests, micro-frontends, embedded widgets), call ",[158,690,691],{},"destroy()"," when you are done. It cancels all pending timers, clears state and queue, and drops every listener:",[181,694,696],{"className":240,"code":695,"language":243,"meta":187,"style":187},"store.destroy();\n\u002F\u002F The store must not be used after this point.\n",[158,697,698,711],{"__ignoreMap":187},[191,699,700,702,704,707,709],{"class":193,"line":194},[191,701,456],{"class":258},[191,703,459],{"class":254},[191,705,706],{"class":302},"destroy",[191,708,417],{"class":258},[191,710,276],{"class":254},[191,712,713],{"class":193,"line":279},[191,714,716],{"class":715},"sHwdD","\u002F\u002F The store must not be used after this point.\n",[173,718,720],{"id":719},"what-you-keep","What You Keep",[722,723,724,730,734],"card-group",{},[725,726,729],"card",{"icon":727,"title":728},"i-tabler-list-details","Queue behavior","Keep overflow handling, max visible limits, and queue pause\u002Fresume.",[725,731,733],{"icon":39,"title":732},"Timers","Keep duration, pause-on-hover-compatible timer state, and loading updates.",[725,735,736],{"icon":115,"title":112},"Subscribe to state and Toastflow events for analytics or renderer updates.",[173,738,740],{"id":739},"when-to-use-core","When To Use Core",[742,743,744,749],"accordion",{},[745,746,748],"accordion-item",{"label":747},"Use core","Use it for non-Vue apps, design-system renderers, or advanced UI shells where you want full DOM control.",[745,750,752],{"label":751},"Do not use core yet","If you are in Vue and only dislike the default card, use the headless slot. You keep accessibility helpers and avoid rebuilding renderer logic.",[754,755,756],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 .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}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}",{"title":187,"searchDepth":279,"depth":279,"links":758},[759,760,761,762,763,764],{"id":175,"depth":279,"text":176},{"id":236,"depth":279,"text":237},{"id":370,"depth":279,"text":371},{"id":684,"depth":279,"text":685},{"id":719,"depth":279,"text":720},{"id":739,"depth":279,"text":740},"Use toastflow-core directly when you want full rendering control.","md",null,{},{"title":76,"icon":79},{"title":144,"description":765},"xyRI3b_vaqdBw_kx0gi9PRtlRzr3VWmjysT67rAH6ao",[773,775],{"title":65,"path":66,"stem":67,"description":774,"icon":68,"children":-1},"Practical Nuxt-specific rules for client-only usage and common toast flows.",{"title":81,"path":82,"stem":83,"description":776,"icon":84,"children":-1},"Keep the Toastflow store and replace the toast card markup with your own Vue or Nuxt template."]