[{"data":1,"prerenderedAt":1382},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-toast":12,"i-ph:code":1380},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":1374,"meta":1375,"navigation":100,"path":1376,"seo":1377,"stem":1378,"__hash__":1379},"docs\u002Fdocs\u002Fcomponents\u002Ftoast.md","Toast",{"type":16,"value":17,"toc":1365},"minimark",[18,22,26,423,428,433,440,493,497,625,628,671,675,678,705,709,713,880,884,1309,1313,1316,1361],[19,20,14],"h1",{"id":21},"toast",[23,24,25],"p",{},"A toast notification component that displays temporary messages to users. It supports various options like custom actions, descriptions, and custom body components.",[27,28,30],"toast-example",{"source-path":29},"Toast\u002FToasts.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske\u002Fvui'\n\nfunction showBasicToast() {\n  pushToast('Operation successful')\n}\n\nfunction showActionToast() {\n  pushToast('File deleted', {\n    description: 'The file has been moved to trash',\n    action: {\n      label: 'Undo',\n      handler: (_toastId) => {\n        \u002F\u002F Handle undo action\n      },\n    },\n  })\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-md\">\n    \u003CButton @click=\"showBasicToast\">\n      Show Basic Toast\n    \u003C\u002FButton>\n    \u003CButton @click=\"showActionToast\">\n      Show Action Toast\n    \u003C\u002FButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,95,102,119,139,145,150,162,180,200,210,227,249,256,262,268,274,279,289,294,304,329,352,359,369,389,395,404,414],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,81,84,88,92],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Button",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," pushToast",[41,79,80],{"class":47}," }",[41,82,83],{"class":51}," from",[41,85,87],{"class":86},"sBR95"," '",[41,89,91],{"class":90},"sfmH-","@dolanske\u002Fvui",[41,93,94],{"class":86},"'\n",[41,96,98],{"class":43,"line":97},3,[41,99,101],{"emptyLinePlaceholder":100},true,"\n",[41,103,105,109,113,116],{"class":43,"line":104},4,[41,106,108],{"class":107},"sCMWV","function",[41,110,112],{"class":111},"sRTv0"," showBasicToast",[41,114,115],{"class":47},"()",[41,117,118],{"class":47}," {\n",[41,120,122,125,128,131,134,136],{"class":43,"line":121},5,[41,123,124],{"class":111},"  pushToast",[41,126,127],{"class":47},"(",[41,129,130],{"class":86},"'",[41,132,133],{"class":90},"Operation successful",[41,135,130],{"class":86},[41,137,138],{"class":47},")\n",[41,140,142],{"class":43,"line":141},6,[41,143,144],{"class":47},"}\n",[41,146,148],{"class":43,"line":147},7,[41,149,101],{"emptyLinePlaceholder":100},[41,151,153,155,158,160],{"class":43,"line":152},8,[41,154,108],{"class":107},[41,156,157],{"class":111}," showActionToast",[41,159,115],{"class":47},[41,161,118],{"class":47},[41,163,165,167,169,171,174,176,178],{"class":43,"line":164},9,[41,166,124],{"class":111},[41,168,127],{"class":47},[41,170,130],{"class":86},[41,172,173],{"class":90},"File deleted",[41,175,130],{"class":86},[41,177,74],{"class":47},[41,179,118],{"class":47},[41,181,183,187,190,192,195,197],{"class":43,"line":182},10,[41,184,186],{"class":185},"sDB6b","    description",[41,188,189],{"class":47},":",[41,191,87],{"class":86},[41,193,194],{"class":90},"The file has been moved to trash",[41,196,130],{"class":86},[41,198,199],{"class":47},",\n",[41,201,203,206,208],{"class":43,"line":202},11,[41,204,205],{"class":185},"    action",[41,207,189],{"class":47},[41,209,118],{"class":47},[41,211,213,216,218,220,223,225],{"class":43,"line":212},12,[41,214,215],{"class":185},"      label",[41,217,189],{"class":47},[41,219,87],{"class":86},[41,221,222],{"class":90},"Undo",[41,224,130],{"class":86},[41,226,199],{"class":47},[41,228,230,233,235,238,241,244,247],{"class":43,"line":229},13,[41,231,232],{"class":111},"      handler",[41,234,189],{"class":47},[41,236,237],{"class":47}," (",[41,239,240],{"class":55},"_toastId",[41,242,243],{"class":47},")",[41,245,246],{"class":47}," =>",[41,248,118],{"class":47},[41,250,252],{"class":43,"line":251},14,[41,253,255],{"class":254},"sR5Ys","        \u002F\u002F Handle undo action\n",[41,257,259],{"class":43,"line":258},15,[41,260,261],{"class":47},"      },\n",[41,263,265],{"class":43,"line":264},16,[41,266,267],{"class":47},"    },\n",[41,269,271],{"class":43,"line":270},17,[41,272,273],{"class":47},"  })\n",[41,275,277],{"class":43,"line":276},18,[41,278,144],{"class":47},[41,280,282,285,287],{"class":43,"line":281},19,[41,283,284],{"class":47},"\u003C\u002F",[41,286,52],{"class":51},[41,288,59],{"class":47},[41,290,292],{"class":43,"line":291},20,[41,293,101],{"emptyLinePlaceholder":100},[41,295,297,299,302],{"class":43,"line":296},21,[41,298,48],{"class":47},[41,300,301],{"class":51},"template",[41,303,59],{"class":47},[41,305,307,310,313,316,319,322,325,327],{"class":43,"line":306},22,[41,308,309],{"class":47},"  \u003C",[41,311,312],{"class":51},"div",[41,314,315],{"class":55}," class",[41,317,318],{"class":47},"=",[41,320,321],{"class":86},"\"",[41,323,324],{"class":90},"flex gap-md",[41,326,321],{"class":86},[41,328,59],{"class":47},[41,330,332,335,338,341,343,345,348,350],{"class":43,"line":331},23,[41,333,334],{"class":47},"    \u003C",[41,336,337],{"class":51},"Button",[41,339,340],{"class":55}," @click",[41,342,318],{"class":47},[41,344,321],{"class":86},[41,346,347],{"class":90},"showBasicToast",[41,349,321],{"class":86},[41,351,59],{"class":47},[41,353,355],{"class":43,"line":354},24,[41,356,358],{"class":357},"sX1ls","      Show Basic Toast\n",[41,360,362,365,367],{"class":43,"line":361},25,[41,363,364],{"class":47},"    \u003C\u002F",[41,366,337],{"class":51},[41,368,59],{"class":47},[41,370,372,374,376,378,380,382,385,387],{"class":43,"line":371},26,[41,373,334],{"class":47},[41,375,337],{"class":51},[41,377,340],{"class":55},[41,379,318],{"class":47},[41,381,321],{"class":86},[41,383,384],{"class":90},"showActionToast",[41,386,321],{"class":86},[41,388,59],{"class":47},[41,390,392],{"class":43,"line":391},27,[41,393,394],{"class":357},"      Show Action Toast\n",[41,396,398,400,402],{"class":43,"line":397},28,[41,399,364],{"class":47},[41,401,337],{"class":51},[41,403,59],{"class":47},[41,405,407,410,412],{"class":43,"line":406},29,[41,408,409],{"class":47},"  \u003C\u002F",[41,411,312],{"class":51},[41,413,59],{"class":47},[41,415,417,419,421],{"class":43,"line":416},30,[41,418,284],{"class":47},[41,420,301],{"class":51},[41,422,59],{"class":47},[424,425,427],"h2",{"id":426},"api","API",[429,430,432],"h3",{"id":431},"pushtoast","pushToast",[23,434,435,436,439],{},"The main function to create and display a toast notification. It returns the toast object it just created including the ",[38,437,438],{},"id"," which can be used to remove the toast before the user dismisses it.",[441,442,443,459],"table",{},[444,445,446],"thead",{},[447,448,449,453,456],"tr",{},[450,451,452],"th",{},"Name",[450,454,455],{},"Type",[450,457,458],{},"Description",[460,461,462,478],"tbody",{},[447,463,464,470,475],{},[465,466,467],"td",{},[38,468,469],{},"title",[465,471,472],{},[38,473,474],{},"string",[465,476,477],{},"The main message of the toast",[447,479,480,485,490],{},[465,481,482],{},[38,483,484],{},"options",[465,486,487],{},[38,488,489],{},"ToastOptions",[465,491,492],{},"Optional configuration for the toast",[494,495,489],"h4",{"id":496},"toastoptions",[441,498,499,512],{},[444,500,501],{},[447,502,503,505,507,510],{},[450,504,452],{},[450,506,455],{},[450,508,509],{},"Default",[450,511,458],{},[460,513,514,534,554,572,588,605],{},[447,515,516,521,526,531],{},[465,517,518],{},[38,519,520],{},"persist",[465,522,523],{},[38,524,525],{},"boolean",[465,527,528],{},[38,529,530],{},"false",[465,532,533],{},"Whether the toast should persist until manually dismissed",[447,535,536,541,546,551],{},[465,537,538],{},[38,539,540],{},"timeout",[465,542,543],{},[38,544,545],{},"number",[465,547,548],{},[38,549,550],{},"7000",[465,552,553],{},"Time in milliseconds before the toast automatically disappears",[447,555,556,561,566,569],{},[465,557,558],{},[38,559,560],{},"action",[465,562,563],{},[38,564,565],{},"ToastAction",[465,567,568],{},"-",[465,570,571],{},"Optional action button configuration",[447,573,574,579,583,585],{},[465,575,576],{},[38,577,578],{},"description",[465,580,581],{},[38,582,474],{},[465,584,568],{},[465,586,587],{},"Additional descriptive text to display below the title",[447,589,590,595,600,602],{},[465,591,592],{},[38,593,594],{},"body",[465,596,597],{},[38,598,599],{},"Component",[465,601,568],{},[465,603,604],{},"Custom Vue component to render in the toast body",[447,606,607,612,617,622],{},[465,608,609],{},[38,610,611],{},"bodyProps",[465,613,614],{},[38,615,616],{},"object",[465,618,619],{},[38,620,621],{},"{}",[465,623,624],{},"Props to pass to the custom body component",[494,626,565],{"id":627},"toastaction",[441,629,630,640],{},[444,631,632],{},[447,633,634,636,638],{},[450,635,452],{},[450,637,455],{},[450,639,458],{},[460,641,642,656],{},[447,643,644,649,653],{},[465,645,646],{},[38,647,648],{},"label",[465,650,651],{},[38,652,474],{},[465,654,655],{},"Text to display on the action button",[447,657,658,663,668],{},[465,659,660],{},[38,661,662],{},"handler",[465,664,665],{},[38,666,667],{},"(toastId: number) => void",[465,669,670],{},"Function to call when the action is clicked",[429,672,674],{"id":673},"removetoast","removeToast",[23,676,677],{},"Function to manually remove a toast notification.",[441,679,680,690],{},[444,681,682],{},[447,683,684,686,688],{},[450,685,452],{},[450,687,455],{},[450,689,458],{},[460,691,692],{},[447,693,694,698,702],{},[465,695,696],{},[38,697,438],{},[465,699,700],{},[38,701,545],{},[465,703,704],{},"The ID of the toast to remove",[424,706,708],{"id":707},"examples","Examples",[494,710,712],{"id":711},"persistent-toast","Persistent Toast",[714,715,716],"toast-persistent-example",{},[31,717,719],{"className":33,"code":718,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske\u002Fvui'\n\nfunction showPersistentToast() {\n  pushToast('Important message', {\n    persist: true,\n    description: 'This toast will stay until manually dismissed',\n  })\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton @click=\"showPersistentToast\">\n    Show Persistent Toast\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[38,720,721,731,753,757,768,785,797,812,816,820,828,832,840,859,864,872],{"__ignoreMap":36},[41,722,723,725,727,729],{"class":43,"line":44},[41,724,48],{"class":47},[41,726,52],{"class":51},[41,728,56],{"class":55},[41,730,59],{"class":47},[41,732,733,735,737,739,741,743,745,747,749,751],{"class":43,"line":62},[41,734,65],{"class":51},[41,736,68],{"class":47},[41,738,71],{"class":55},[41,740,74],{"class":47},[41,742,77],{"class":55},[41,744,80],{"class":47},[41,746,83],{"class":51},[41,748,87],{"class":86},[41,750,91],{"class":90},[41,752,94],{"class":86},[41,754,755],{"class":43,"line":97},[41,756,101],{"emptyLinePlaceholder":100},[41,758,759,761,764,766],{"class":43,"line":104},[41,760,108],{"class":107},[41,762,763],{"class":111}," showPersistentToast",[41,765,115],{"class":47},[41,767,118],{"class":47},[41,769,770,772,774,776,779,781,783],{"class":43,"line":121},[41,771,124],{"class":111},[41,773,127],{"class":47},[41,775,130],{"class":86},[41,777,778],{"class":90},"Important message",[41,780,130],{"class":86},[41,782,74],{"class":47},[41,784,118],{"class":47},[41,786,787,790,792,795],{"class":43,"line":141},[41,788,789],{"class":185},"    persist",[41,791,189],{"class":47},[41,793,794],{"class":51}," true",[41,796,199],{"class":47},[41,798,799,801,803,805,808,810],{"class":43,"line":147},[41,800,186],{"class":185},[41,802,189],{"class":47},[41,804,87],{"class":86},[41,806,807],{"class":90},"This toast will stay until manually dismissed",[41,809,130],{"class":86},[41,811,199],{"class":47},[41,813,814],{"class":43,"line":152},[41,815,273],{"class":47},[41,817,818],{"class":43,"line":164},[41,819,144],{"class":47},[41,821,822,824,826],{"class":43,"line":182},[41,823,284],{"class":47},[41,825,52],{"class":51},[41,827,59],{"class":47},[41,829,830],{"class":43,"line":202},[41,831,101],{"emptyLinePlaceholder":100},[41,833,834,836,838],{"class":43,"line":212},[41,835,48],{"class":47},[41,837,301],{"class":51},[41,839,59],{"class":47},[41,841,842,844,846,848,850,852,855,857],{"class":43,"line":229},[41,843,309],{"class":47},[41,845,337],{"class":51},[41,847,340],{"class":55},[41,849,318],{"class":47},[41,851,321],{"class":86},[41,853,854],{"class":90},"showPersistentToast",[41,856,321],{"class":86},[41,858,59],{"class":47},[41,860,861],{"class":43,"line":251},[41,862,863],{"class":357},"    Show Persistent Toast\n",[41,865,866,868,870],{"class":43,"line":258},[41,867,409],{"class":47},[41,869,337],{"class":51},[41,871,59],{"class":47},[41,873,874,876,878],{"class":43,"line":264},[41,875,284],{"class":47},[41,877,301],{"class":51},[41,879,59],{"class":47},[494,881,883],{"id":882},"custom-body-toast","Custom Body Toast",[885,886,887],"toast-custom-body-example",{},[31,888,890],{"className":33,"code":889,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske\u002Fvui'\nimport { defineComponent, markRaw } from 'vue'\n\nconst CustomBody = markRaw(defineComponent({\n  props: {\n    data: Object,\n    toastId: Number,\n  },\n  render() {\n    return h('div', { class: 'custom-toast-body' }, [\n      h('p', `Custom content for toast id: ${this.toastId}`),\n      h('pre', JSON.stringify(this.data, null, 2)),\n    ])\n  },\n}))\n\nfunction showCustomToast() {\n  pushToast('Custom Toast', {\n    body: CustomBody,\n    bodyProps: {\n      data: { customData: 'This is custom data' },\n    },\n  })\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton @click=\"showCustomToast\">\n    Show Custom Toast\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[38,891,892,902,924,948,952,973,982,994,1006,1011,1020,1057,1100,1145,1150,1154,1159,1163,1174,1191,1202,1211,1235,1239,1243,1247,1255,1259,1267,1286,1291,1300],{"__ignoreMap":36},[41,893,894,896,898,900],{"class":43,"line":44},[41,895,48],{"class":47},[41,897,52],{"class":51},[41,899,56],{"class":55},[41,901,59],{"class":47},[41,903,904,906,908,910,912,914,916,918,920,922],{"class":43,"line":62},[41,905,65],{"class":51},[41,907,68],{"class":47},[41,909,71],{"class":55},[41,911,74],{"class":47},[41,913,77],{"class":55},[41,915,80],{"class":47},[41,917,83],{"class":51},[41,919,87],{"class":86},[41,921,91],{"class":90},[41,923,94],{"class":86},[41,925,926,928,930,933,935,938,940,942,944,946],{"class":43,"line":97},[41,927,65],{"class":51},[41,929,68],{"class":47},[41,931,932],{"class":55}," defineComponent",[41,934,74],{"class":47},[41,936,937],{"class":55}," markRaw",[41,939,80],{"class":47},[41,941,83],{"class":51},[41,943,87],{"class":86},[41,945,35],{"class":90},[41,947,94],{"class":86},[41,949,950],{"class":43,"line":104},[41,951,101],{"emptyLinePlaceholder":100},[41,953,954,957,960,963,965,967,970],{"class":43,"line":121},[41,955,956],{"class":107},"const",[41,958,959],{"class":55}," CustomBody",[41,961,962],{"class":47}," =",[41,964,937],{"class":111},[41,966,127],{"class":47},[41,968,969],{"class":111},"defineComponent",[41,971,972],{"class":47},"({\n",[41,974,975,978,980],{"class":43,"line":141},[41,976,977],{"class":185},"  props",[41,979,189],{"class":47},[41,981,118],{"class":47},[41,983,984,987,989,992],{"class":43,"line":147},[41,985,986],{"class":185},"    data",[41,988,189],{"class":47},[41,990,991],{"class":55}," Object",[41,993,199],{"class":47},[41,995,996,999,1001,1004],{"class":43,"line":152},[41,997,998],{"class":185},"    toastId",[41,1000,189],{"class":47},[41,1002,1003],{"class":55}," Number",[41,1005,199],{"class":47},[41,1007,1008],{"class":43,"line":164},[41,1009,1010],{"class":47},"  },\n",[41,1012,1013,1016,1018],{"class":43,"line":182},[41,1014,1015],{"class":111},"  render",[41,1017,115],{"class":47},[41,1019,118],{"class":47},[41,1021,1022,1025,1028,1030,1032,1034,1036,1038,1040,1042,1044,1046,1049,1051,1054],{"class":43,"line":202},[41,1023,1024],{"class":51},"    return",[41,1026,1027],{"class":111}," h",[41,1029,127],{"class":47},[41,1031,130],{"class":86},[41,1033,312],{"class":90},[41,1035,130],{"class":86},[41,1037,74],{"class":47},[41,1039,68],{"class":47},[41,1041,315],{"class":185},[41,1043,189],{"class":47},[41,1045,87],{"class":86},[41,1047,1048],{"class":90},"custom-toast-body",[41,1050,130],{"class":86},[41,1052,1053],{"class":47}," },",[41,1055,1056],{"class":47}," [\n",[41,1058,1059,1062,1064,1066,1068,1070,1072,1075,1078,1081,1085,1088,1091,1094,1097],{"class":43,"line":212},[41,1060,1061],{"class":111},"      h",[41,1063,127],{"class":47},[41,1065,130],{"class":86},[41,1067,23],{"class":90},[41,1069,130],{"class":86},[41,1071,74],{"class":47},[41,1073,1074],{"class":86}," `",[41,1076,1077],{"class":90},"Custom content for toast id: ",[41,1079,1080],{"class":51},"${",[41,1082,1084],{"class":1083},"sG63L","this",[41,1086,1087],{"class":47},".",[41,1089,1090],{"class":90},"toastId",[41,1092,1093],{"class":51},"}",[41,1095,1096],{"class":86},"`",[41,1098,1099],{"class":47},"),\n",[41,1101,1102,1104,1106,1108,1110,1112,1114,1117,1119,1122,1124,1126,1128,1131,1133,1136,1138,1142],{"class":43,"line":229},[41,1103,1061],{"class":111},[41,1105,127],{"class":47},[41,1107,130],{"class":86},[41,1109,31],{"class":90},[41,1111,130],{"class":86},[41,1113,74],{"class":47},[41,1115,1116],{"class":55}," JSON",[41,1118,1087],{"class":47},[41,1120,1121],{"class":111},"stringify",[41,1123,127],{"class":47},[41,1125,1084],{"class":1083},[41,1127,1087],{"class":47},[41,1129,1130],{"class":55},"data",[41,1132,74],{"class":47},[41,1134,1135],{"class":107}," null",[41,1137,74],{"class":47},[41,1139,1141],{"class":1140},"socUO"," 2",[41,1143,1144],{"class":47},")),\n",[41,1146,1147],{"class":43,"line":251},[41,1148,1149],{"class":47},"    ])\n",[41,1151,1152],{"class":43,"line":258},[41,1153,1010],{"class":47},[41,1155,1156],{"class":43,"line":264},[41,1157,1158],{"class":47},"}))\n",[41,1160,1161],{"class":43,"line":270},[41,1162,101],{"emptyLinePlaceholder":100},[41,1164,1165,1167,1170,1172],{"class":43,"line":276},[41,1166,108],{"class":107},[41,1168,1169],{"class":111}," showCustomToast",[41,1171,115],{"class":47},[41,1173,118],{"class":47},[41,1175,1176,1178,1180,1182,1185,1187,1189],{"class":43,"line":281},[41,1177,124],{"class":111},[41,1179,127],{"class":47},[41,1181,130],{"class":86},[41,1183,1184],{"class":90},"Custom Toast",[41,1186,130],{"class":86},[41,1188,74],{"class":47},[41,1190,118],{"class":47},[41,1192,1193,1196,1198,1200],{"class":43,"line":291},[41,1194,1195],{"class":185},"    body",[41,1197,189],{"class":47},[41,1199,959],{"class":55},[41,1201,199],{"class":47},[41,1203,1204,1207,1209],{"class":43,"line":296},[41,1205,1206],{"class":185},"    bodyProps",[41,1208,189],{"class":47},[41,1210,118],{"class":47},[41,1212,1213,1216,1218,1220,1223,1225,1227,1230,1232],{"class":43,"line":306},[41,1214,1215],{"class":185},"      data",[41,1217,189],{"class":47},[41,1219,68],{"class":47},[41,1221,1222],{"class":185}," customData",[41,1224,189],{"class":47},[41,1226,87],{"class":86},[41,1228,1229],{"class":90},"This is custom data",[41,1231,130],{"class":86},[41,1233,1234],{"class":47}," },\n",[41,1236,1237],{"class":43,"line":331},[41,1238,267],{"class":47},[41,1240,1241],{"class":43,"line":354},[41,1242,273],{"class":47},[41,1244,1245],{"class":43,"line":361},[41,1246,144],{"class":47},[41,1248,1249,1251,1253],{"class":43,"line":371},[41,1250,284],{"class":47},[41,1252,52],{"class":51},[41,1254,59],{"class":47},[41,1256,1257],{"class":43,"line":391},[41,1258,101],{"emptyLinePlaceholder":100},[41,1260,1261,1263,1265],{"class":43,"line":397},[41,1262,48],{"class":47},[41,1264,301],{"class":51},[41,1266,59],{"class":47},[41,1268,1269,1271,1273,1275,1277,1279,1282,1284],{"class":43,"line":406},[41,1270,309],{"class":47},[41,1272,337],{"class":51},[41,1274,340],{"class":55},[41,1276,318],{"class":47},[41,1278,321],{"class":86},[41,1280,1281],{"class":90},"showCustomToast",[41,1283,321],{"class":86},[41,1285,59],{"class":47},[41,1287,1288],{"class":43,"line":416},[41,1289,1290],{"class":357},"    Show Custom Toast\n",[41,1292,1294,1296,1298],{"class":43,"line":1293},31,[41,1295,409],{"class":47},[41,1297,337],{"class":51},[41,1299,59],{"class":47},[41,1301,1303,1305,1307],{"class":43,"line":1302},32,[41,1304,284],{"class":47},[41,1306,301],{"class":51},[41,1308,59],{"class":47},[429,1310,1312],{"id":1311},"tokens","Tokens",[23,1314,1315],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[441,1317,1318,1329],{},[444,1319,1320],{},[447,1321,1322,1325,1327],{},[450,1323,1324],{},"Token",[450,1326,509],{},[450,1328,458],{},[460,1330,1331,1346],{},[447,1332,1333,1338,1343],{},[465,1334,1335],{},[38,1336,1337],{},"--vui-toast-offset",[465,1339,1340],{},[38,1341,1342],{},"32px",[465,1344,1345],{},"Distance from screen edge",[447,1347,1348,1353,1358],{},[465,1349,1350],{},[38,1351,1352],{},"--vui-toast-max-width",[465,1354,1355],{},[38,1356,1357],{},"392px",[465,1359,1360],{},"Max toast container width",[1362,1363,1364],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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 .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 pre.shiki code .sG63L, html code.shiki .sG63L{--shiki-dark:#C99076;--shiki-light:#A65E2B;--shiki-default:#C99076}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}",{"title":36,"searchDepth":62,"depth":62,"links":1366},[1367,1371],{"id":426,"depth":62,"text":427,"children":1368},[1369,1370],{"id":431,"depth":97,"text":432},{"id":673,"depth":97,"text":674},{"id":707,"depth":62,"text":708,"children":1372},[1373],{"id":1311,"depth":97,"text":1312},"md",{},"\u002Fdocs\u002Fcomponents\u002Ftoast",{"title":14,"description":25},"docs\u002Fcomponents\u002Ftoast","aQq03-GxyeVj9EmM_hV5SC1tTyKaX_PGz0MLdEnjhIo",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1381},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883432]