[{"data":1,"prerenderedAt":1346},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-toast":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":1340,"meta":1341,"navigation":111,"path":1342,"seo":1343,"stem":1344,"__hash__":1345},"docs/docs/components/toast.md","Toast",{"type":28,"value":29,"toc":1333},"minimark",[30,34,38,439,444,449,456,509,513,641,644,687,691,694,721,725,729,898,902,1329],[31,32,26],"h1",{"id":33},"toast",[35,36,37],"p",{},"A toast notification component that displays temporary messages to users. It supports various options like custom actions, descriptions, and custom body components.",[39,40,41],"toast-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske/vui'\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        // Handle undo action\n      },\n    },\n  })\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-md\">\n    \u003CButton @click=\"showBasicToast\">\n      Show Basic Toast\n    \u003C/Button>\n    \u003CButton @click=\"showActionToast\">\n      Show Action Toast\n    \u003C/Button>\n  \u003C/div>\n\u003C/template>\n","vue","",[49,50,51,71,106,113,130,150,156,161,173,191,211,221,238,260,267,273,279,285,290,300,305,315,340,366,373,383,405,411,420,430],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,92,95,99,103],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Button",[52,84,85],{"class":58},",",[52,87,88],{"class":66}," pushToast",[52,90,91],{"class":58}," }",[52,93,94],{"class":62}," from",[52,96,98],{"class":97},"sBR95"," '",[52,100,102],{"class":101},"sfmH-","@dolanske/vui",[52,104,105],{"class":97},"'\n",[52,107,109],{"class":54,"line":108},3,[52,110,112],{"emptyLinePlaceholder":111},true,"\n",[52,114,116,120,124,127],{"class":54,"line":115},4,[52,117,119],{"class":118},"sCMWV","function",[52,121,123],{"class":122},"sRTv0"," showBasicToast",[52,125,126],{"class":58},"()",[52,128,129],{"class":58}," {\n",[52,131,133,136,139,142,145,147],{"class":54,"line":132},5,[52,134,135],{"class":122},"  pushToast",[52,137,138],{"class":58},"(",[52,140,141],{"class":97},"'",[52,143,144],{"class":101},"Operation successful",[52,146,141],{"class":97},[52,148,149],{"class":58},")\n",[52,151,153],{"class":54,"line":152},6,[52,154,155],{"class":58},"}\n",[52,157,159],{"class":54,"line":158},7,[52,160,112],{"emptyLinePlaceholder":111},[52,162,164,166,169,171],{"class":54,"line":163},8,[52,165,119],{"class":118},[52,167,168],{"class":122}," showActionToast",[52,170,126],{"class":58},[52,172,129],{"class":58},[52,174,176,178,180,182,185,187,189],{"class":54,"line":175},9,[52,177,135],{"class":122},[52,179,138],{"class":58},[52,181,141],{"class":97},[52,183,184],{"class":101},"File deleted",[52,186,141],{"class":97},[52,188,85],{"class":58},[52,190,129],{"class":58},[52,192,194,198,201,203,206,208],{"class":54,"line":193},10,[52,195,197],{"class":196},"sDB6b","    description",[52,199,200],{"class":58},":",[52,202,98],{"class":97},[52,204,205],{"class":101},"The file has been moved to trash",[52,207,141],{"class":97},[52,209,210],{"class":58},",\n",[52,212,214,217,219],{"class":54,"line":213},11,[52,215,216],{"class":196},"    action",[52,218,200],{"class":58},[52,220,129],{"class":58},[52,222,224,227,229,231,234,236],{"class":54,"line":223},12,[52,225,226],{"class":196},"      label",[52,228,200],{"class":58},[52,230,98],{"class":97},[52,232,233],{"class":101},"Undo",[52,235,141],{"class":97},[52,237,210],{"class":58},[52,239,241,244,246,249,252,255,258],{"class":54,"line":240},13,[52,242,243],{"class":122},"      handler",[52,245,200],{"class":58},[52,247,248],{"class":58}," (",[52,250,251],{"class":66},"_toastId",[52,253,254],{"class":58},")",[52,256,257],{"class":58}," =>",[52,259,129],{"class":58},[52,261,263],{"class":54,"line":262},14,[52,264,266],{"class":265},"sR5Ys","        // Handle undo action\n",[52,268,270],{"class":54,"line":269},15,[52,271,272],{"class":58},"      },\n",[52,274,276],{"class":54,"line":275},16,[52,277,278],{"class":58},"    },\n",[52,280,282],{"class":54,"line":281},17,[52,283,284],{"class":58},"  })\n",[52,286,288],{"class":54,"line":287},18,[52,289,155],{"class":58},[52,291,293,296,298],{"class":54,"line":292},19,[52,294,295],{"class":58},"\u003C/",[52,297,63],{"class":62},[52,299,70],{"class":58},[52,301,303],{"class":54,"line":302},20,[52,304,112],{"emptyLinePlaceholder":111},[52,306,308,310,313],{"class":54,"line":307},21,[52,309,59],{"class":58},[52,311,312],{"class":62},"template",[52,314,70],{"class":58},[52,316,318,321,324,327,330,333,336,338],{"class":54,"line":317},22,[52,319,320],{"class":58},"  \u003C",[52,322,323],{"class":62},"div",[52,325,326],{"class":66}," class",[52,328,329],{"class":58},"=",[52,331,332],{"class":97},"\"",[52,334,335],{"class":101},"flex gap-md",[52,337,332],{"class":97},[52,339,70],{"class":58},[52,341,343,346,349,352,355,357,359,362,364],{"class":54,"line":342},23,[52,344,345],{"class":58},"    \u003C",[52,347,348],{"class":62},"Button",[52,350,351],{"class":58}," @",[52,353,354],{"class":122},"click",[52,356,329],{"class":58},[52,358,332],{"class":58},[52,360,361],{"class":66},"showBasicToast",[52,363,332],{"class":58},[52,365,70],{"class":58},[52,367,369],{"class":54,"line":368},24,[52,370,372],{"class":371},"sX1ls","      Show Basic Toast\n",[52,374,376,379,381],{"class":54,"line":375},25,[52,377,378],{"class":58},"    \u003C/",[52,380,348],{"class":62},[52,382,70],{"class":58},[52,384,386,388,390,392,394,396,398,401,403],{"class":54,"line":385},26,[52,387,345],{"class":58},[52,389,348],{"class":62},[52,391,351],{"class":58},[52,393,354],{"class":122},[52,395,329],{"class":58},[52,397,332],{"class":58},[52,399,400],{"class":66},"showActionToast",[52,402,332],{"class":58},[52,404,70],{"class":58},[52,406,408],{"class":54,"line":407},27,[52,409,410],{"class":371},"      Show Action Toast\n",[52,412,414,416,418],{"class":54,"line":413},28,[52,415,378],{"class":58},[52,417,348],{"class":62},[52,419,70],{"class":58},[52,421,423,426,428],{"class":54,"line":422},29,[52,424,425],{"class":58},"  \u003C/",[52,427,323],{"class":62},[52,429,70],{"class":58},[52,431,433,435,437],{"class":54,"line":432},30,[52,434,295],{"class":58},[52,436,312],{"class":62},[52,438,70],{"class":58},[440,441,443],"h2",{"id":442},"api","API",[445,446,448],"h3",{"id":447},"pushtoast","pushToast",[35,450,451,452,455],{},"The main function to create and display a toast notification. It returns the toast object it just created including the ",[49,453,454],{},"id"," which can be used to remove the toast before the user dismisses it.",[457,458,459,475],"table",{},[460,461,462],"thead",{},[463,464,465,469,472],"tr",{},[466,467,468],"th",{},"Name",[466,470,471],{},"Type",[466,473,474],{},"Description",[476,477,478,494],"tbody",{},[463,479,480,486,491],{},[481,482,483],"td",{},[49,484,485],{},"title",[481,487,488],{},[49,489,490],{},"string",[481,492,493],{},"The main message of the toast",[463,495,496,501,506],{},[481,497,498],{},[49,499,500],{},"options",[481,502,503],{},[49,504,505],{},"ToastOptions",[481,507,508],{},"Optional configuration for the toast",[510,511,505],"h4",{"id":512},"toastoptions",[457,514,515,528],{},[460,516,517],{},[463,518,519,521,523,526],{},[466,520,468],{},[466,522,471],{},[466,524,525],{},"Default",[466,527,474],{},[476,529,530,550,570,588,604,621],{},[463,531,532,537,542,547],{},[481,533,534],{},[49,535,536],{},"persist",[481,538,539],{},[49,540,541],{},"boolean",[481,543,544],{},[49,545,546],{},"false",[481,548,549],{},"Whether the toast should persist until manually dismissed",[463,551,552,557,562,567],{},[481,553,554],{},[49,555,556],{},"timeout",[481,558,559],{},[49,560,561],{},"number",[481,563,564],{},[49,565,566],{},"7000",[481,568,569],{},"Time in milliseconds before the toast automatically disappears",[463,571,572,577,582,585],{},[481,573,574],{},[49,575,576],{},"action",[481,578,579],{},[49,580,581],{},"ToastAction",[481,583,584],{},"-",[481,586,587],{},"Optional action button configuration",[463,589,590,595,599,601],{},[481,591,592],{},[49,593,594],{},"description",[481,596,597],{},[49,598,490],{},[481,600,584],{},[481,602,603],{},"Additional descriptive text to display below the title",[463,605,606,611,616,618],{},[481,607,608],{},[49,609,610],{},"body",[481,612,613],{},[49,614,615],{},"Component",[481,617,584],{},[481,619,620],{},"Custom Vue component to render in the toast body",[463,622,623,628,633,638],{},[481,624,625],{},[49,626,627],{},"bodyProps",[481,629,630],{},[49,631,632],{},"object",[481,634,635],{},[49,636,637],{},"{}",[481,639,640],{},"Props to pass to the custom body component",[510,642,581],{"id":643},"toastaction",[457,645,646,656],{},[460,647,648],{},[463,649,650,652,654],{},[466,651,468],{},[466,653,471],{},[466,655,474],{},[476,657,658,672],{},[463,659,660,665,669],{},[481,661,662],{},[49,663,664],{},"label",[481,666,667],{},[49,668,490],{},[481,670,671],{},"Text to display on the action button",[463,673,674,679,684],{},[481,675,676],{},[49,677,678],{},"handler",[481,680,681],{},[49,682,683],{},"(toastId: number) => void",[481,685,686],{},"Function to call when the action is clicked",[445,688,690],{"id":689},"removetoast","removeToast",[35,692,693],{},"Function to manually remove a toast notification.",[457,695,696,706],{},[460,697,698],{},[463,699,700,702,704],{},[466,701,468],{},[466,703,471],{},[466,705,474],{},[476,707,708],{},[463,709,710,714,718],{},[481,711,712],{},[49,713,454],{},[481,715,716],{},[49,717,561],{},[481,719,720],{},"The ID of the toast to remove",[440,722,724],{"id":723},"examples","Examples",[510,726,728],{"id":727},"persistent-toast","Persistent Toast",[730,731,732],"toast-persistent-example",{},[42,733,735],{"className":44,"code":734,"language":46,"meta":47,"style":47},"\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske/vui'\n\nfunction showPersistentToast() {\n  pushToast('Important message', {\n    persist: true,\n    description: 'This toast will stay until manually dismissed',\n  })\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CButton @click=\"showPersistentToast\">\n    Show Persistent Toast\n  \u003C/Button>\n\u003C/template>\n",[49,736,737,747,769,773,784,801,813,828,832,836,844,848,856,877,882,890],{"__ignoreMap":47},[52,738,739,741,743,745],{"class":54,"line":55},[52,740,59],{"class":58},[52,742,63],{"class":62},[52,744,67],{"class":66},[52,746,70],{"class":58},[52,748,749,751,753,755,757,759,761,763,765,767],{"class":54,"line":73},[52,750,76],{"class":62},[52,752,79],{"class":58},[52,754,82],{"class":66},[52,756,85],{"class":58},[52,758,88],{"class":66},[52,760,91],{"class":58},[52,762,94],{"class":62},[52,764,98],{"class":97},[52,766,102],{"class":101},[52,768,105],{"class":97},[52,770,771],{"class":54,"line":108},[52,772,112],{"emptyLinePlaceholder":111},[52,774,775,777,780,782],{"class":54,"line":115},[52,776,119],{"class":118},[52,778,779],{"class":122}," showPersistentToast",[52,781,126],{"class":58},[52,783,129],{"class":58},[52,785,786,788,790,792,795,797,799],{"class":54,"line":132},[52,787,135],{"class":122},[52,789,138],{"class":58},[52,791,141],{"class":97},[52,793,794],{"class":101},"Important message",[52,796,141],{"class":97},[52,798,85],{"class":58},[52,800,129],{"class":58},[52,802,803,806,808,811],{"class":54,"line":152},[52,804,805],{"class":196},"    persist",[52,807,200],{"class":58},[52,809,810],{"class":62}," true",[52,812,210],{"class":58},[52,814,815,817,819,821,824,826],{"class":54,"line":158},[52,816,197],{"class":196},[52,818,200],{"class":58},[52,820,98],{"class":97},[52,822,823],{"class":101},"This toast will stay until manually dismissed",[52,825,141],{"class":97},[52,827,210],{"class":58},[52,829,830],{"class":54,"line":163},[52,831,284],{"class":58},[52,833,834],{"class":54,"line":175},[52,835,155],{"class":58},[52,837,838,840,842],{"class":54,"line":193},[52,839,295],{"class":58},[52,841,63],{"class":62},[52,843,70],{"class":58},[52,845,846],{"class":54,"line":213},[52,847,112],{"emptyLinePlaceholder":111},[52,849,850,852,854],{"class":54,"line":223},[52,851,59],{"class":58},[52,853,312],{"class":62},[52,855,70],{"class":58},[52,857,858,860,862,864,866,868,870,873,875],{"class":54,"line":240},[52,859,320],{"class":58},[52,861,348],{"class":62},[52,863,351],{"class":58},[52,865,354],{"class":122},[52,867,329],{"class":58},[52,869,332],{"class":58},[52,871,872],{"class":66},"showPersistentToast",[52,874,332],{"class":58},[52,876,70],{"class":58},[52,878,879],{"class":54,"line":262},[52,880,881],{"class":371},"    Show Persistent Toast\n",[52,883,884,886,888],{"class":54,"line":269},[52,885,425],{"class":58},[52,887,348],{"class":62},[52,889,70],{"class":58},[52,891,892,894,896],{"class":54,"line":275},[52,893,295],{"class":58},[52,895,312],{"class":62},[52,897,70],{"class":58},[510,899,901],{"id":900},"custom-body-toast","Custom Body Toast",[903,904,905],"toast-custom-body-example",{},[42,906,908],{"className":44,"code":907,"language":46,"meta":47,"style":47},"\u003Cscript setup>\nimport { Button, pushToast } from '@dolanske/vui'\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/script>\n\n\u003Ctemplate>\n  \u003CButton @click=\"showCustomToast\">\n    Show Custom Toast\n  \u003C/Button>\n\u003C/template>\n",[49,909,910,920,942,966,970,991,1000,1012,1024,1029,1038,1075,1118,1163,1168,1172,1177,1181,1192,1209,1220,1229,1253,1257,1261,1265,1273,1277,1285,1306,1311,1320],{"__ignoreMap":47},[52,911,912,914,916,918],{"class":54,"line":55},[52,913,59],{"class":58},[52,915,63],{"class":62},[52,917,67],{"class":66},[52,919,70],{"class":58},[52,921,922,924,926,928,930,932,934,936,938,940],{"class":54,"line":73},[52,923,76],{"class":62},[52,925,79],{"class":58},[52,927,82],{"class":66},[52,929,85],{"class":58},[52,931,88],{"class":66},[52,933,91],{"class":58},[52,935,94],{"class":62},[52,937,98],{"class":97},[52,939,102],{"class":101},[52,941,105],{"class":97},[52,943,944,946,948,951,953,956,958,960,962,964],{"class":54,"line":108},[52,945,76],{"class":62},[52,947,79],{"class":58},[52,949,950],{"class":66}," defineComponent",[52,952,85],{"class":58},[52,954,955],{"class":66}," markRaw",[52,957,91],{"class":58},[52,959,94],{"class":62},[52,961,98],{"class":97},[52,963,46],{"class":101},[52,965,105],{"class":97},[52,967,968],{"class":54,"line":115},[52,969,112],{"emptyLinePlaceholder":111},[52,971,972,975,978,981,983,985,988],{"class":54,"line":132},[52,973,974],{"class":118},"const",[52,976,977],{"class":66}," CustomBody",[52,979,980],{"class":58}," =",[52,982,955],{"class":122},[52,984,138],{"class":58},[52,986,987],{"class":122},"defineComponent",[52,989,990],{"class":58},"({\n",[52,992,993,996,998],{"class":54,"line":152},[52,994,995],{"class":196},"  props",[52,997,200],{"class":58},[52,999,129],{"class":58},[52,1001,1002,1005,1007,1010],{"class":54,"line":158},[52,1003,1004],{"class":196},"    data",[52,1006,200],{"class":58},[52,1008,1009],{"class":66}," Object",[52,1011,210],{"class":58},[52,1013,1014,1017,1019,1022],{"class":54,"line":163},[52,1015,1016],{"class":196},"    toastId",[52,1018,200],{"class":58},[52,1020,1021],{"class":66}," Number",[52,1023,210],{"class":58},[52,1025,1026],{"class":54,"line":175},[52,1027,1028],{"class":58},"  },\n",[52,1030,1031,1034,1036],{"class":54,"line":193},[52,1032,1033],{"class":122},"  render",[52,1035,126],{"class":58},[52,1037,129],{"class":58},[52,1039,1040,1043,1046,1048,1050,1052,1054,1056,1058,1060,1062,1064,1067,1069,1072],{"class":54,"line":213},[52,1041,1042],{"class":62},"    return",[52,1044,1045],{"class":122}," h",[52,1047,138],{"class":58},[52,1049,141],{"class":97},[52,1051,323],{"class":101},[52,1053,141],{"class":97},[52,1055,85],{"class":58},[52,1057,79],{"class":58},[52,1059,326],{"class":196},[52,1061,200],{"class":58},[52,1063,98],{"class":97},[52,1065,1066],{"class":101},"custom-toast-body",[52,1068,141],{"class":97},[52,1070,1071],{"class":58}," },",[52,1073,1074],{"class":58}," [\n",[52,1076,1077,1080,1082,1084,1086,1088,1090,1093,1096,1099,1103,1106,1109,1112,1115],{"class":54,"line":223},[52,1078,1079],{"class":122},"      h",[52,1081,138],{"class":58},[52,1083,141],{"class":97},[52,1085,35],{"class":101},[52,1087,141],{"class":97},[52,1089,85],{"class":58},[52,1091,1092],{"class":97}," `",[52,1094,1095],{"class":101},"Custom content for toast id: ",[52,1097,1098],{"class":62},"${",[52,1100,1102],{"class":1101},"sG63L","this",[52,1104,1105],{"class":58},".",[52,1107,1108],{"class":101},"toastId",[52,1110,1111],{"class":62},"}",[52,1113,1114],{"class":97},"`",[52,1116,1117],{"class":58},"),\n",[52,1119,1120,1122,1124,1126,1128,1130,1132,1135,1137,1140,1142,1144,1146,1149,1151,1154,1156,1160],{"class":54,"line":240},[52,1121,1079],{"class":122},[52,1123,138],{"class":58},[52,1125,141],{"class":97},[52,1127,42],{"class":101},[52,1129,141],{"class":97},[52,1131,85],{"class":58},[52,1133,1134],{"class":66}," JSON",[52,1136,1105],{"class":58},[52,1138,1139],{"class":122},"stringify",[52,1141,138],{"class":58},[52,1143,1102],{"class":1101},[52,1145,1105],{"class":58},[52,1147,1148],{"class":66},"data",[52,1150,85],{"class":58},[52,1152,1153],{"class":118}," null",[52,1155,85],{"class":58},[52,1157,1159],{"class":1158},"socUO"," 2",[52,1161,1162],{"class":58},")),\n",[52,1164,1165],{"class":54,"line":262},[52,1166,1167],{"class":58},"    ])\n",[52,1169,1170],{"class":54,"line":269},[52,1171,1028],{"class":58},[52,1173,1174],{"class":54,"line":275},[52,1175,1176],{"class":58},"}))\n",[52,1178,1179],{"class":54,"line":281},[52,1180,112],{"emptyLinePlaceholder":111},[52,1182,1183,1185,1188,1190],{"class":54,"line":287},[52,1184,119],{"class":118},[52,1186,1187],{"class":122}," showCustomToast",[52,1189,126],{"class":58},[52,1191,129],{"class":58},[52,1193,1194,1196,1198,1200,1203,1205,1207],{"class":54,"line":292},[52,1195,135],{"class":122},[52,1197,138],{"class":58},[52,1199,141],{"class":97},[52,1201,1202],{"class":101},"Custom Toast",[52,1204,141],{"class":97},[52,1206,85],{"class":58},[52,1208,129],{"class":58},[52,1210,1211,1214,1216,1218],{"class":54,"line":302},[52,1212,1213],{"class":196},"    body",[52,1215,200],{"class":58},[52,1217,977],{"class":66},[52,1219,210],{"class":58},[52,1221,1222,1225,1227],{"class":54,"line":307},[52,1223,1224],{"class":196},"    bodyProps",[52,1226,200],{"class":58},[52,1228,129],{"class":58},[52,1230,1231,1234,1236,1238,1241,1243,1245,1248,1250],{"class":54,"line":317},[52,1232,1233],{"class":196},"      data",[52,1235,200],{"class":58},[52,1237,79],{"class":58},[52,1239,1240],{"class":196}," customData",[52,1242,200],{"class":58},[52,1244,98],{"class":97},[52,1246,1247],{"class":101},"This is custom data",[52,1249,141],{"class":97},[52,1251,1252],{"class":58}," },\n",[52,1254,1255],{"class":54,"line":342},[52,1256,278],{"class":58},[52,1258,1259],{"class":54,"line":368},[52,1260,284],{"class":58},[52,1262,1263],{"class":54,"line":375},[52,1264,155],{"class":58},[52,1266,1267,1269,1271],{"class":54,"line":385},[52,1268,295],{"class":58},[52,1270,63],{"class":62},[52,1272,70],{"class":58},[52,1274,1275],{"class":54,"line":407},[52,1276,112],{"emptyLinePlaceholder":111},[52,1278,1279,1281,1283],{"class":54,"line":413},[52,1280,59],{"class":58},[52,1282,312],{"class":62},[52,1284,70],{"class":58},[52,1286,1287,1289,1291,1293,1295,1297,1299,1302,1304],{"class":54,"line":422},[52,1288,320],{"class":58},[52,1290,348],{"class":62},[52,1292,351],{"class":58},[52,1294,354],{"class":122},[52,1296,329],{"class":58},[52,1298,332],{"class":58},[52,1300,1301],{"class":66},"showCustomToast",[52,1303,332],{"class":58},[52,1305,70],{"class":58},[52,1307,1308],{"class":54,"line":432},[52,1309,1310],{"class":371},"    Show Custom Toast\n",[52,1312,1314,1316,1318],{"class":54,"line":1313},31,[52,1315,425],{"class":58},[52,1317,348],{"class":62},[52,1319,70],{"class":58},[52,1321,1323,1325,1327],{"class":54,"line":1322},32,[52,1324,295],{"class":58},[52,1326,312],{"class":62},[52,1328,70],{"class":58},[1330,1331,1332],"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":47,"searchDepth":73,"depth":73,"links":1334},[1335,1339],{"id":442,"depth":73,"text":443,"children":1336},[1337,1338],{"id":447,"depth":108,"text":448},{"id":689,"depth":108,"text":690},{"id":723,"depth":73,"text":724},"md",{},"/docs/components/toast",{"title":26,"description":37},"docs/components/toast","4wG_A05f929fNSmAV2mWLIvgrW2oWGYzL7zoZYeX6G4",1777992281779]