[{"data":1,"prerenderedAt":2211},["ShallowReactive",2],{"section-redirect:navigation":3,"navigation_docs":337,"-components-snackbar":430,"-components-snackbar-surround":927,"component-example-snackbarBasicExample":932,"component-example-ast-snackbarBasicExample":935},[4,110,290],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":279,"path":280,"stem":281},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":283,"path":284,"stem":285},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":287,"path":288,"stem":289},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":291,"path":292,"stem":293,"children":294,"page":34},"Utilities","\u002Futilities","3.utilities",[295,307,320,328],{"title":53,"path":296,"stem":297,"children":298,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[299,303],{"title":300,"path":301,"stem":302},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":304,"path":305,"stem":306},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[312,316],{"title":313,"path":314,"stem":315},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":317,"path":318,"stem":319},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":321,"path":322,"stem":323,"children":324,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[325],{"title":279,"path":326,"stem":327},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[333],{"title":334,"path":335,"stem":336},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",[338,368,414],{"title":5,"path":6,"stem":7,"children":339,"page":34},[340,347,353,362],{"title":10,"path":11,"stem":12,"children":341,"page":34},[342,343,344,345,346],{"title":15,"path":16,"stem":17},{"title":19,"path":20,"stem":21},{"title":23,"path":24,"stem":25},{"title":27,"path":28,"stem":29},{"title":31,"path":32,"stem":33},{"title":36,"path":37,"stem":38,"children":348,"page":34},[349,350,351,352],{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59,"children":354,"page":34},[355,356,357,358,359,360,361],{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},{"title":74,"path":75,"stem":76},{"title":78,"path":79,"stem":80},{"title":82,"path":83,"stem":84},{"title":86,"path":87,"stem":88},{"title":90,"path":91,"stem":92,"children":363,"page":34},[364,365,366,367],{"title":95,"path":96,"stem":97},{"title":99,"path":100,"stem":101},{"title":103,"path":104,"stem":105},{"title":107,"path":108,"stem":109},{"title":53,"path":111,"stem":112,"children":369,"page":34},[370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413],{"title":115,"path":116,"stem":117},{"title":119,"path":120,"stem":121},{"title":123,"path":124,"stem":125},{"title":127,"path":128,"stem":129},{"title":131,"path":132,"stem":133},{"title":135,"path":136,"stem":137},{"title":139,"path":140,"stem":141},{"title":143,"path":144,"stem":145},{"title":147,"path":148,"stem":149},{"title":151,"path":152,"stem":153},{"title":155,"path":156,"stem":157},{"title":159,"path":160,"stem":161},{"title":163,"path":164,"stem":165},{"title":167,"path":168,"stem":169},{"title":171,"path":172,"stem":173},{"title":175,"path":176,"stem":177},{"title":179,"path":180,"stem":181},{"title":183,"path":184,"stem":185},{"title":187,"path":188,"stem":189},{"title":191,"path":192,"stem":193},{"title":195,"path":196,"stem":197},{"title":199,"path":200,"stem":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245},{"title":247,"path":248,"stem":249},{"title":251,"path":252,"stem":253},{"title":255,"path":256,"stem":257},{"title":259,"path":260,"stem":261},{"title":263,"path":264,"stem":265},{"title":267,"path":268,"stem":269},{"title":271,"path":272,"stem":273},{"title":275,"path":276,"stem":277},{"title":279,"path":280,"stem":281},{"title":283,"path":284,"stem":285},{"title":287,"path":288,"stem":289},{"title":291,"path":292,"stem":293,"children":415,"page":34},[416,420,424,427],{"title":53,"path":296,"stem":297,"children":417,"page":34},[418,419],{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310,"children":421,"page":34},[422,423],{"title":313,"path":314,"stem":315},{"title":317,"path":318,"stem":319},{"title":321,"path":322,"stem":323,"children":425,"page":34},[426],{"title":279,"path":326,"stem":327},{"title":329,"path":330,"stem":331,"children":428,"page":34},[429],{"title":334,"path":335,"stem":336},{"id":431,"title":247,"body":432,"description":921,"extension":922,"links":923,"meta":924,"navigation":573,"path":248,"seo":925,"stem":249,"__hash__":926},"docs\u002F2.components\u002Fsnackbar.md",{"type":433,"value":434,"toc":912},"minimark",[435,439,444,466,498,502,522,713,734,738,748,752,802,806,866,869,888,892,908],[436,437],"component-example",{"name":438},"snackbar-basic-example",[440,441,443],"h2",{"id":442},"usage","Usage",[445,446,447,450,451,455,456,459,460,465],"p",{},[448,449,247],"strong",{}," shows temporary, non-blocking feedback for short-lived messages, such as confirming that an action completed (saving, deleting, or updating), surfacing errors or warnings that people should notice without leaving their current flow, or reporting background progress that resolves into success or error feedback. Use it when you may need one non-critical follow-up action, such as ",[452,453,454],"code",{},"Undo",". ",[452,457,458],{},"mt-snackbar"," is the host that renders the stack; you publish notifications with the ",[461,462,463],"a",{"href":318},[448,464,317],{}," composable.",[467,468,473],"pre",{"className":469,"code":470,"language":471,"meta":472,"style":472},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtSnackbar } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[452,474,475],{"__ignoreMap":472},[476,477,480,484,488,491,495],"span",{"class":478,"line":479},"line",1,[476,481,483],{"class":482},"sLfaJ","import",[476,485,487],{"class":486},"sSgjj"," { MtSnackbar } ",[476,489,490],{"class":482},"from",[476,492,494],{"class":493},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[476,496,497],{"class":486},";\n",[440,499,501],{"id":500},"anatomy","Anatomy",[445,503,504,506,507,511,512,514,515,518,519,521],{},[448,505,247],{}," is used together with the ",[461,508,509],{"href":318},[448,510,317],{}," composable. Mount ",[452,513,458],{}," once near your app shell to render the stack, then call ",[452,516,517],{},"addSnackbar"," from ",[452,520,317],{}," wherever an action happens.",[467,523,527],{"className":524,"code":525,"language":526,"meta":472,"style":472},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","\u003Cscript setup lang=\"ts\">\nimport { MtSnackbar, useSnackbar } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst { addSnackbar } = useSnackbar();\n\nfunction showSnackbar() {\n  addSnackbar({ message: \"Changes saved\" });\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"showSnackbar\">Show snackbar\u003C\u002Fbutton>\n  \u003Cmt-snackbar \u002F>\n\u003C\u002Ftemplate>\n","vue",[452,528,529,554,568,575,599,604,616,631,637,647,652,662,694,704],{"__ignoreMap":472},[476,530,531,534,538,542,545,548,551],{"class":478,"line":479},[476,532,533],{"class":486},"\u003C",[476,535,537],{"class":536},"sFzZJ","script",[476,539,541],{"class":540},"srQ81"," setup",[476,543,544],{"class":540}," lang",[476,546,547],{"class":486},"=",[476,549,550],{"class":493},"\"ts\"",[476,552,553],{"class":486},">\n",[476,555,557,559,562,564,566],{"class":478,"line":556},2,[476,558,483],{"class":482},[476,560,561],{"class":486}," { MtSnackbar, useSnackbar } ",[476,563,490],{"class":482},[476,565,494],{"class":493},[476,567,497],{"class":486},[476,569,571],{"class":478,"line":570},3,[476,572,574],{"emptyLinePlaceholder":573},true,"\n",[476,576,578,581,584,587,590,592,596],{"class":478,"line":577},4,[476,579,580],{"class":482},"const",[476,582,583],{"class":486}," { ",[476,585,517],{"class":586},"sfxXV",[476,588,589],{"class":486}," } ",[476,591,547],{"class":482},[476,593,595],{"class":594},"s71ug"," useSnackbar",[476,597,598],{"class":486},"();\n",[476,600,602],{"class":478,"line":601},5,[476,603,574],{"emptyLinePlaceholder":573},[476,605,607,610,613],{"class":478,"line":606},6,[476,608,609],{"class":482},"function",[476,611,612],{"class":594}," showSnackbar",[476,614,615],{"class":486},"() {\n",[476,617,619,622,625,628],{"class":478,"line":618},7,[476,620,621],{"class":594},"  addSnackbar",[476,623,624],{"class":486},"({ message: ",[476,626,627],{"class":493},"\"Changes saved\"",[476,629,630],{"class":486}," });\n",[476,632,634],{"class":478,"line":633},8,[476,635,636],{"class":486},"}\n",[476,638,640,643,645],{"class":478,"line":639},9,[476,641,642],{"class":486},"\u003C\u002F",[476,644,537],{"class":536},[476,646,553],{"class":486},[476,648,650],{"class":478,"line":649},10,[476,651,574],{"emptyLinePlaceholder":573},[476,653,655,657,660],{"class":478,"line":654},11,[476,656,533],{"class":486},[476,658,659],{"class":536},"template",[476,661,553],{"class":486},[476,663,665,668,671,674,676,679,682,684,687,690,692],{"class":478,"line":664},12,[476,666,667],{"class":486},"  \u003C",[476,669,670],{"class":536},"button",[476,672,673],{"class":540}," type",[476,675,547],{"class":486},[476,677,678],{"class":493},"\"button\"",[476,680,681],{"class":540}," @click",[476,683,547],{"class":486},[476,685,686],{"class":493},"\"showSnackbar\"",[476,688,689],{"class":486},">Show snackbar\u003C\u002F",[476,691,670],{"class":536},[476,693,553],{"class":486},[476,695,697,699,701],{"class":478,"line":696},13,[476,698,667],{"class":486},[476,700,458],{"class":536},[476,702,703],{"class":486}," \u002F>\n",[476,705,707,709,711],{"class":478,"line":706},14,[476,708,642],{"class":486},[476,710,659],{"class":536},[476,712,553],{"class":486},[445,714,715,716,720,721,723,724,723,727,730,731,733],{},"See ",[461,717,718],{"href":318},[448,719,317],{}," for the full publishing API (",[452,722,517],{},", ",[452,725,726],{},"removeSnackbar",[452,728,729],{},"clearSnackbars",") and every ",[452,732,247],{}," option.",[440,735,737],{"id":736},"api-reference","API reference",[445,739,740,743,744,465],{},[452,741,742],{},"MtSnackbar"," exposes no props, slots, or events. Mount it once as shown above and drive it entirely through the ",[461,745,746],{"href":318},[448,747,317],{},[440,749,751],{"id":750},"best-practices","Best practices",[753,754,756,785],"do-dont",{":vertical":755},"true",[659,757,758],{"v-slot:do":472},[759,760,761,765,775,782],"ul",{},[762,763,764],"li",{},"Keep the message short, specific, and easy to scan at a glance.",[762,766,767,768,770,771,774],{},"Mount ",[452,769,742],{}," once and trigger messages through ",[452,772,773],{},"useSnackbar()"," where the action happens.",[762,776,777,778,781],{},"Use ",[452,779,780],{},"progress"," snackbars for background work that will resolve into a success or error state.",[762,783,784],{},"Keep optional actions short and directly related to the message.",[659,786,787,793,796,799],{"v-slot:dont":472},[762,788,789,790,792],{},"Do not use ",[448,791,247],{}," for critical information that must stay visible until the user explicitly dismisses it.",[762,794,795],{},"Do not overload a snackbar with long text or multiple actions.",[762,797,798],{},"Do not rely on a snackbar as the only place a user can recover from a destructive action.",[762,800,801],{},"Do not fire many snackbars in rapid succession, because they quickly become noisy and easy to miss.",[440,803,805],{"id":804},"behavior","Behavior",[759,807,808,816,823,840,843,859],{},[762,809,810,812,813,815],{},[448,811,247],{}," uses a global store, so one mounted ",[452,814,742],{}," host is usually the right setup for an application.",[762,817,818,819,822],{},"Standard snackbars close automatically after ",[452,820,821],{},"5000ms"," by default.",[762,824,825,826,829,830,833,834,836,837,839],{},"Setting ",[452,827,828],{},"duration"," to ",[452,831,832],{},"0"," disables the auto-dismiss timer, which means you should remove that snackbar through ",[452,835,726],{}," or ",[452,838,729],{},".",[762,841,842],{},"Hovering the snackbar stack pauses dismissal timers until the pointer leaves.",[762,844,845,847,848,851,852,836,855,858],{},[452,846,780],{}," snackbars stay visible until ",[452,849,850],{},"uploadState"," changes to ",[452,853,854],{},"success",[452,856,857],{},"error",", then they close shortly after showing the final message.",[762,860,861,862,865],{},"The optional ",[452,863,864],{},"link"," supports one non-critical follow-up action, not a full decision flow.",[440,867,45],{"id":868},"accessibility",[759,870,871,874,877,882],{},[762,872,873],{},"Error and warning snackbars use assertive live announcements, while default, success, and progress snackbars use polite announcements.",[762,875,876],{},"Snackbar notifications receive focus when they appear, so messages should remain concise and understandable out of context.",[762,878,789,879,881],{},[448,880,247],{}," for blocking confirmations, legal notices, or other information that must remain available until explicitly dismissed.",[762,883,884,885,887],{},"If you provide an action like ",[452,886,454],{},", make sure that recovery path also exists elsewhere in the interface and not only in the temporary snackbar.",[440,889,891],{"id":890},"related","Related",[759,893,894,901],{},[762,895,896,900],{},[461,897,898],{"href":318},[448,899,317],{},": the composable for publishing, updating, and removing snackbars.",[762,902,903,907],{},[461,904,905],{"href":128},[448,906,127],{},": when the message is persistent inline messaging that should remain visible while the user continues working.",[909,910,911],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}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 .sFzZJ, html code.shiki .sFzZJ{--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787}html pre.shiki code .srQ81, html code.shiki .srQ81{--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF}html pre.shiki code .sfxXV, html code.shiki .sfxXV{--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF}html pre.shiki code .s71ug, html code.shiki .s71ug{--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF}",{"title":472,"searchDepth":556,"depth":556,"links":913},[914,915,916,917,918,919,920],{"id":442,"depth":556,"text":443},{"id":500,"depth":556,"text":501},{"id":736,"depth":556,"text":737},{"id":750,"depth":556,"text":751},{"id":804,"depth":556,"text":805},{"id":868,"depth":556,"text":45},{"id":890,"depth":556,"text":891},"Temporary overlay feedback shown near the bottom-right corner of the interface for non-critical, short-lived messages.","md",null,{},{"title":247,"description":921},"hWp2aHeWgUuSEH9JLnreTYbKqoXGYJF5N_-fQUYikEs",[928,930],{"title":243,"path":244,"stem":245,"description":929,"children":-1},"A draggable control for choosing a numeric value or range along a scale.",{"title":251,"path":252,"stem":253,"description":931,"children":-1},"A direct on or off control for a single binary setting that takes effect immediately.",{"code":933,"pascalName":934},"\u003Cscript setup lang=\"ts\">\nimport MtSnackbar from \"@shopware-ag\u002Fmeteor-component-library\u002FMtSnackbar\";\nimport MtButton from \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\";\n\u002F\u002F useSnackbar has no subpath export, so it is imported from the barrel.\nimport { useSnackbar, type Snackbar } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst { addSnackbar, clearSnackbars } = useSnackbar();\n\nfunction showDefault() {\n  addSnackbar({ message: \"Changes saved\" });\n}\n\nfunction showSuccess() {\n  addSnackbar({ message: \"File uploaded\", variant: \"success\" });\n}\n\nfunction showError() {\n  addSnackbar({ message: \"Something went wrong\", variant: \"error\" });\n}\n\nfunction showProgress() {\n  const snackbar = addSnackbar({\n    message: \"Uploading file\",\n    variant: \"progress\",\n    progressPercentage: 0,\n    successMessage: \"File uploaded successfully\",\n    errorMessage: \"Upload failed. Please try again\",\n  });\n\n  simulateProgress(snackbar);\n}\n\nfunction simulateProgress(snackbar: Snackbar) {\n  let progress = 0;\n\n  const interval = setInterval(() => {\n    progress += Math.random() * 15;\n\n    if (progress >= 100) {\n      progress = 100;\n      clearInterval(interval);\n      snackbar.uploadState = \"success\";\n    }\n\n    snackbar.progressPercentage = Math.round(progress);\n  }, 200);\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-button variant=\"secondary\" size=\"small\" @click=\"showDefault\">Default\u003C\u002Fmt-button>\n  \u003Cmt-button variant=\"secondary\" size=\"small\" @click=\"showSuccess\">Success\u003C\u002Fmt-button>\n  \u003Cmt-button variant=\"secondary\" size=\"small\" @click=\"showError\">Error\u003C\u002Fmt-button>\n  \u003Cmt-button variant=\"secondary\" size=\"small\" @click=\"showProgress\">Progress\u003C\u002Fmt-button>\n  \u003Cmt-button variant=\"critical\" size=\"small\" @click=\"clearSnackbars\">Clear all\u003C\u002Fmt-button>\n\n  \u003Cmt-snackbar \u002F>\n\u003C\u002Ftemplate>\n","SnackbarBasicExample",{"data":936,"body":937,"toc":2209},{"title":472,"description":472},{"type":938,"children":939},"root",[940,2204],{"type":941,"tag":467,"props":942,"children":943},"element",{"className":524,"code":933,"language":526,"meta":472,"style":472},[944],{"type":941,"tag":452,"props":945,"children":946},{"__ignoreMap":472},[947,983,1009,1034,1043,1077,1084,1125,1132,1148,1167,1174,1181,1197,1227,1235,1243,1260,1290,1298,1306,1323,1352,1371,1389,1406,1424,1442,1451,1459,1473,1481,1489,1529,1556,1564,1601,1644,1652,1680,1701,1715,1737,1746,1754,1781,1800,1808,1824,1832,1848,1915,1977,2039,2101,2164,2172,2188],{"type":941,"tag":476,"props":948,"children":949},{"class":478,"line":479},[950,956,961,966,970,974,979],{"type":941,"tag":476,"props":951,"children":953},{"style":952},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[954],{"type":955,"value":533},"text",{"type":941,"tag":476,"props":957,"children":959},{"style":958},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[960],{"type":955,"value":537},{"type":941,"tag":476,"props":962,"children":964},{"style":963},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[965],{"type":955,"value":541},{"type":941,"tag":476,"props":967,"children":968},{"style":963},[969],{"type":955,"value":544},{"type":941,"tag":476,"props":971,"children":972},{"style":952},[973],{"type":955,"value":547},{"type":941,"tag":476,"props":975,"children":977},{"style":976},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[978],{"type":955,"value":550},{"type":941,"tag":476,"props":980,"children":981},{"style":952},[982],{"type":955,"value":553},{"type":941,"tag":476,"props":984,"children":985},{"class":478,"line":556},[986,991,996,1000,1005],{"type":941,"tag":476,"props":987,"children":989},{"style":988},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[990],{"type":955,"value":483},{"type":941,"tag":476,"props":992,"children":993},{"style":952},[994],{"type":955,"value":995}," MtSnackbar ",{"type":941,"tag":476,"props":997,"children":998},{"style":988},[999],{"type":955,"value":490},{"type":941,"tag":476,"props":1001,"children":1002},{"style":976},[1003],{"type":955,"value":1004}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtSnackbar\"",{"type":941,"tag":476,"props":1006,"children":1007},{"style":952},[1008],{"type":955,"value":497},{"type":941,"tag":476,"props":1010,"children":1011},{"class":478,"line":570},[1012,1016,1021,1025,1030],{"type":941,"tag":476,"props":1013,"children":1014},{"style":988},[1015],{"type":955,"value":483},{"type":941,"tag":476,"props":1017,"children":1018},{"style":952},[1019],{"type":955,"value":1020}," MtButton ",{"type":941,"tag":476,"props":1022,"children":1023},{"style":988},[1024],{"type":955,"value":490},{"type":941,"tag":476,"props":1026,"children":1027},{"style":976},[1028],{"type":955,"value":1029}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\"",{"type":941,"tag":476,"props":1031,"children":1032},{"style":952},[1033],{"type":955,"value":497},{"type":941,"tag":476,"props":1035,"children":1036},{"class":478,"line":577},[1037],{"type":941,"tag":476,"props":1038,"children":1040},{"style":1039},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[1041],{"type":955,"value":1042},"\u002F\u002F useSnackbar has no subpath export, so it is imported from the barrel.\n",{"type":941,"tag":476,"props":1044,"children":1045},{"class":478,"line":601},[1046,1050,1055,1060,1065,1069,1073],{"type":941,"tag":476,"props":1047,"children":1048},{"style":988},[1049],{"type":955,"value":483},{"type":941,"tag":476,"props":1051,"children":1052},{"style":952},[1053],{"type":955,"value":1054}," { useSnackbar, ",{"type":941,"tag":476,"props":1056,"children":1057},{"style":988},[1058],{"type":955,"value":1059},"type",{"type":941,"tag":476,"props":1061,"children":1062},{"style":952},[1063],{"type":955,"value":1064}," Snackbar } ",{"type":941,"tag":476,"props":1066,"children":1067},{"style":988},[1068],{"type":955,"value":490},{"type":941,"tag":476,"props":1070,"children":1071},{"style":976},[1072],{"type":955,"value":494},{"type":941,"tag":476,"props":1074,"children":1075},{"style":952},[1076],{"type":955,"value":497},{"type":941,"tag":476,"props":1078,"children":1079},{"class":478,"line":606},[1080],{"type":941,"tag":476,"props":1081,"children":1082},{"emptyLinePlaceholder":573},[1083],{"type":955,"value":574},{"type":941,"tag":476,"props":1085,"children":1086},{"class":478,"line":618},[1087,1091,1095,1100,1104,1108,1112,1116,1121],{"type":941,"tag":476,"props":1088,"children":1089},{"style":988},[1090],{"type":955,"value":580},{"type":941,"tag":476,"props":1092,"children":1093},{"style":952},[1094],{"type":955,"value":583},{"type":941,"tag":476,"props":1096,"children":1098},{"style":1097},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[1099],{"type":955,"value":517},{"type":941,"tag":476,"props":1101,"children":1102},{"style":952},[1103],{"type":955,"value":723},{"type":941,"tag":476,"props":1105,"children":1106},{"style":1097},[1107],{"type":955,"value":729},{"type":941,"tag":476,"props":1109,"children":1110},{"style":952},[1111],{"type":955,"value":589},{"type":941,"tag":476,"props":1113,"children":1114},{"style":988},[1115],{"type":955,"value":547},{"type":941,"tag":476,"props":1117,"children":1119},{"style":1118},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[1120],{"type":955,"value":595},{"type":941,"tag":476,"props":1122,"children":1123},{"style":952},[1124],{"type":955,"value":598},{"type":941,"tag":476,"props":1126,"children":1127},{"class":478,"line":633},[1128],{"type":941,"tag":476,"props":1129,"children":1130},{"emptyLinePlaceholder":573},[1131],{"type":955,"value":574},{"type":941,"tag":476,"props":1133,"children":1134},{"class":478,"line":639},[1135,1139,1144],{"type":941,"tag":476,"props":1136,"children":1137},{"style":988},[1138],{"type":955,"value":609},{"type":941,"tag":476,"props":1140,"children":1141},{"style":1118},[1142],{"type":955,"value":1143}," showDefault",{"type":941,"tag":476,"props":1145,"children":1146},{"style":952},[1147],{"type":955,"value":615},{"type":941,"tag":476,"props":1149,"children":1150},{"class":478,"line":649},[1151,1155,1159,1163],{"type":941,"tag":476,"props":1152,"children":1153},{"style":1118},[1154],{"type":955,"value":621},{"type":941,"tag":476,"props":1156,"children":1157},{"style":952},[1158],{"type":955,"value":624},{"type":941,"tag":476,"props":1160,"children":1161},{"style":976},[1162],{"type":955,"value":627},{"type":941,"tag":476,"props":1164,"children":1165},{"style":952},[1166],{"type":955,"value":630},{"type":941,"tag":476,"props":1168,"children":1169},{"class":478,"line":654},[1170],{"type":941,"tag":476,"props":1171,"children":1172},{"style":952},[1173],{"type":955,"value":636},{"type":941,"tag":476,"props":1175,"children":1176},{"class":478,"line":664},[1177],{"type":941,"tag":476,"props":1178,"children":1179},{"emptyLinePlaceholder":573},[1180],{"type":955,"value":574},{"type":941,"tag":476,"props":1182,"children":1183},{"class":478,"line":696},[1184,1188,1193],{"type":941,"tag":476,"props":1185,"children":1186},{"style":988},[1187],{"type":955,"value":609},{"type":941,"tag":476,"props":1189,"children":1190},{"style":1118},[1191],{"type":955,"value":1192}," showSuccess",{"type":941,"tag":476,"props":1194,"children":1195},{"style":952},[1196],{"type":955,"value":615},{"type":941,"tag":476,"props":1198,"children":1199},{"class":478,"line":706},[1200,1204,1208,1213,1218,1223],{"type":941,"tag":476,"props":1201,"children":1202},{"style":1118},[1203],{"type":955,"value":621},{"type":941,"tag":476,"props":1205,"children":1206},{"style":952},[1207],{"type":955,"value":624},{"type":941,"tag":476,"props":1209,"children":1210},{"style":976},[1211],{"type":955,"value":1212},"\"File uploaded\"",{"type":941,"tag":476,"props":1214,"children":1215},{"style":952},[1216],{"type":955,"value":1217},", variant: ",{"type":941,"tag":476,"props":1219,"children":1220},{"style":976},[1221],{"type":955,"value":1222},"\"success\"",{"type":941,"tag":476,"props":1224,"children":1225},{"style":952},[1226],{"type":955,"value":630},{"type":941,"tag":476,"props":1228,"children":1230},{"class":478,"line":1229},15,[1231],{"type":941,"tag":476,"props":1232,"children":1233},{"style":952},[1234],{"type":955,"value":636},{"type":941,"tag":476,"props":1236,"children":1238},{"class":478,"line":1237},16,[1239],{"type":941,"tag":476,"props":1240,"children":1241},{"emptyLinePlaceholder":573},[1242],{"type":955,"value":574},{"type":941,"tag":476,"props":1244,"children":1246},{"class":478,"line":1245},17,[1247,1251,1256],{"type":941,"tag":476,"props":1248,"children":1249},{"style":988},[1250],{"type":955,"value":609},{"type":941,"tag":476,"props":1252,"children":1253},{"style":1118},[1254],{"type":955,"value":1255}," showError",{"type":941,"tag":476,"props":1257,"children":1258},{"style":952},[1259],{"type":955,"value":615},{"type":941,"tag":476,"props":1261,"children":1263},{"class":478,"line":1262},18,[1264,1268,1272,1277,1281,1286],{"type":941,"tag":476,"props":1265,"children":1266},{"style":1118},[1267],{"type":955,"value":621},{"type":941,"tag":476,"props":1269,"children":1270},{"style":952},[1271],{"type":955,"value":624},{"type":941,"tag":476,"props":1273,"children":1274},{"style":976},[1275],{"type":955,"value":1276},"\"Something went wrong\"",{"type":941,"tag":476,"props":1278,"children":1279},{"style":952},[1280],{"type":955,"value":1217},{"type":941,"tag":476,"props":1282,"children":1283},{"style":976},[1284],{"type":955,"value":1285},"\"error\"",{"type":941,"tag":476,"props":1287,"children":1288},{"style":952},[1289],{"type":955,"value":630},{"type":941,"tag":476,"props":1291,"children":1293},{"class":478,"line":1292},19,[1294],{"type":941,"tag":476,"props":1295,"children":1296},{"style":952},[1297],{"type":955,"value":636},{"type":941,"tag":476,"props":1299,"children":1301},{"class":478,"line":1300},20,[1302],{"type":941,"tag":476,"props":1303,"children":1304},{"emptyLinePlaceholder":573},[1305],{"type":955,"value":574},{"type":941,"tag":476,"props":1307,"children":1309},{"class":478,"line":1308},21,[1310,1314,1319],{"type":941,"tag":476,"props":1311,"children":1312},{"style":988},[1313],{"type":955,"value":609},{"type":941,"tag":476,"props":1315,"children":1316},{"style":1118},[1317],{"type":955,"value":1318}," showProgress",{"type":941,"tag":476,"props":1320,"children":1321},{"style":952},[1322],{"type":955,"value":615},{"type":941,"tag":476,"props":1324,"children":1326},{"class":478,"line":1325},22,[1327,1332,1337,1342,1347],{"type":941,"tag":476,"props":1328,"children":1329},{"style":988},[1330],{"type":955,"value":1331},"  const",{"type":941,"tag":476,"props":1333,"children":1334},{"style":1097},[1335],{"type":955,"value":1336}," snackbar",{"type":941,"tag":476,"props":1338,"children":1339},{"style":988},[1340],{"type":955,"value":1341}," =",{"type":941,"tag":476,"props":1343,"children":1344},{"style":1118},[1345],{"type":955,"value":1346}," addSnackbar",{"type":941,"tag":476,"props":1348,"children":1349},{"style":952},[1350],{"type":955,"value":1351},"({\n",{"type":941,"tag":476,"props":1353,"children":1355},{"class":478,"line":1354},23,[1356,1361,1366],{"type":941,"tag":476,"props":1357,"children":1358},{"style":952},[1359],{"type":955,"value":1360},"    message: ",{"type":941,"tag":476,"props":1362,"children":1363},{"style":976},[1364],{"type":955,"value":1365},"\"Uploading file\"",{"type":941,"tag":476,"props":1367,"children":1368},{"style":952},[1369],{"type":955,"value":1370},",\n",{"type":941,"tag":476,"props":1372,"children":1374},{"class":478,"line":1373},24,[1375,1380,1385],{"type":941,"tag":476,"props":1376,"children":1377},{"style":952},[1378],{"type":955,"value":1379},"    variant: ",{"type":941,"tag":476,"props":1381,"children":1382},{"style":976},[1383],{"type":955,"value":1384},"\"progress\"",{"type":941,"tag":476,"props":1386,"children":1387},{"style":952},[1388],{"type":955,"value":1370},{"type":941,"tag":476,"props":1390,"children":1392},{"class":478,"line":1391},25,[1393,1398,1402],{"type":941,"tag":476,"props":1394,"children":1395},{"style":952},[1396],{"type":955,"value":1397},"    progressPercentage: ",{"type":941,"tag":476,"props":1399,"children":1400},{"style":1097},[1401],{"type":955,"value":832},{"type":941,"tag":476,"props":1403,"children":1404},{"style":952},[1405],{"type":955,"value":1370},{"type":941,"tag":476,"props":1407,"children":1409},{"class":478,"line":1408},26,[1410,1415,1420],{"type":941,"tag":476,"props":1411,"children":1412},{"style":952},[1413],{"type":955,"value":1414},"    successMessage: ",{"type":941,"tag":476,"props":1416,"children":1417},{"style":976},[1418],{"type":955,"value":1419},"\"File uploaded successfully\"",{"type":941,"tag":476,"props":1421,"children":1422},{"style":952},[1423],{"type":955,"value":1370},{"type":941,"tag":476,"props":1425,"children":1427},{"class":478,"line":1426},27,[1428,1433,1438],{"type":941,"tag":476,"props":1429,"children":1430},{"style":952},[1431],{"type":955,"value":1432},"    errorMessage: ",{"type":941,"tag":476,"props":1434,"children":1435},{"style":976},[1436],{"type":955,"value":1437},"\"Upload failed. Please try again\"",{"type":941,"tag":476,"props":1439,"children":1440},{"style":952},[1441],{"type":955,"value":1370},{"type":941,"tag":476,"props":1443,"children":1445},{"class":478,"line":1444},28,[1446],{"type":941,"tag":476,"props":1447,"children":1448},{"style":952},[1449],{"type":955,"value":1450},"  });\n",{"type":941,"tag":476,"props":1452,"children":1454},{"class":478,"line":1453},29,[1455],{"type":941,"tag":476,"props":1456,"children":1457},{"emptyLinePlaceholder":573},[1458],{"type":955,"value":574},{"type":941,"tag":476,"props":1460,"children":1462},{"class":478,"line":1461},30,[1463,1468],{"type":941,"tag":476,"props":1464,"children":1465},{"style":1118},[1466],{"type":955,"value":1467},"  simulateProgress",{"type":941,"tag":476,"props":1469,"children":1470},{"style":952},[1471],{"type":955,"value":1472},"(snackbar);\n",{"type":941,"tag":476,"props":1474,"children":1476},{"class":478,"line":1475},31,[1477],{"type":941,"tag":476,"props":1478,"children":1479},{"style":952},[1480],{"type":955,"value":636},{"type":941,"tag":476,"props":1482,"children":1484},{"class":478,"line":1483},32,[1485],{"type":941,"tag":476,"props":1486,"children":1487},{"emptyLinePlaceholder":573},[1488],{"type":955,"value":574},{"type":941,"tag":476,"props":1490,"children":1492},{"class":478,"line":1491},33,[1493,1497,1502,1507,1513,1518,1524],{"type":941,"tag":476,"props":1494,"children":1495},{"style":988},[1496],{"type":955,"value":609},{"type":941,"tag":476,"props":1498,"children":1499},{"style":1118},[1500],{"type":955,"value":1501}," simulateProgress",{"type":941,"tag":476,"props":1503,"children":1504},{"style":952},[1505],{"type":955,"value":1506},"(",{"type":941,"tag":476,"props":1508,"children":1510},{"style":1509},"--shiki-light:#E36209;--shiki-default:#FFA657;--shiki-dark:#FFA657",[1511],{"type":955,"value":1512},"snackbar",{"type":941,"tag":476,"props":1514,"children":1515},{"style":988},[1516],{"type":955,"value":1517},":",{"type":941,"tag":476,"props":1519,"children":1521},{"style":1520},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[1522],{"type":955,"value":1523}," Snackbar",{"type":941,"tag":476,"props":1525,"children":1526},{"style":952},[1527],{"type":955,"value":1528},") {\n",{"type":941,"tag":476,"props":1530,"children":1532},{"class":478,"line":1531},34,[1533,1538,1543,1547,1552],{"type":941,"tag":476,"props":1534,"children":1535},{"style":988},[1536],{"type":955,"value":1537},"  let",{"type":941,"tag":476,"props":1539,"children":1540},{"style":952},[1541],{"type":955,"value":1542}," progress ",{"type":941,"tag":476,"props":1544,"children":1545},{"style":988},[1546],{"type":955,"value":547},{"type":941,"tag":476,"props":1548,"children":1549},{"style":1097},[1550],{"type":955,"value":1551}," 0",{"type":941,"tag":476,"props":1553,"children":1554},{"style":952},[1555],{"type":955,"value":497},{"type":941,"tag":476,"props":1557,"children":1559},{"class":478,"line":1558},35,[1560],{"type":941,"tag":476,"props":1561,"children":1562},{"emptyLinePlaceholder":573},[1563],{"type":955,"value":574},{"type":941,"tag":476,"props":1565,"children":1567},{"class":478,"line":1566},36,[1568,1572,1577,1581,1586,1591,1596],{"type":941,"tag":476,"props":1569,"children":1570},{"style":988},[1571],{"type":955,"value":1331},{"type":941,"tag":476,"props":1573,"children":1574},{"style":1097},[1575],{"type":955,"value":1576}," interval",{"type":941,"tag":476,"props":1578,"children":1579},{"style":988},[1580],{"type":955,"value":1341},{"type":941,"tag":476,"props":1582,"children":1583},{"style":1118},[1584],{"type":955,"value":1585}," setInterval",{"type":941,"tag":476,"props":1587,"children":1588},{"style":952},[1589],{"type":955,"value":1590},"(() ",{"type":941,"tag":476,"props":1592,"children":1593},{"style":988},[1594],{"type":955,"value":1595},"=>",{"type":941,"tag":476,"props":1597,"children":1598},{"style":952},[1599],{"type":955,"value":1600}," {\n",{"type":941,"tag":476,"props":1602,"children":1604},{"class":478,"line":1603},37,[1605,1610,1615,1620,1625,1630,1635,1640],{"type":941,"tag":476,"props":1606,"children":1607},{"style":952},[1608],{"type":955,"value":1609},"    progress ",{"type":941,"tag":476,"props":1611,"children":1612},{"style":988},[1613],{"type":955,"value":1614},"+=",{"type":941,"tag":476,"props":1616,"children":1617},{"style":952},[1618],{"type":955,"value":1619}," Math.",{"type":941,"tag":476,"props":1621,"children":1622},{"style":1118},[1623],{"type":955,"value":1624},"random",{"type":941,"tag":476,"props":1626,"children":1627},{"style":952},[1628],{"type":955,"value":1629},"() ",{"type":941,"tag":476,"props":1631,"children":1632},{"style":988},[1633],{"type":955,"value":1634},"*",{"type":941,"tag":476,"props":1636,"children":1637},{"style":1097},[1638],{"type":955,"value":1639}," 15",{"type":941,"tag":476,"props":1641,"children":1642},{"style":952},[1643],{"type":955,"value":497},{"type":941,"tag":476,"props":1645,"children":1647},{"class":478,"line":1646},38,[1648],{"type":941,"tag":476,"props":1649,"children":1650},{"emptyLinePlaceholder":573},[1651],{"type":955,"value":574},{"type":941,"tag":476,"props":1653,"children":1655},{"class":478,"line":1654},39,[1656,1661,1666,1671,1676],{"type":941,"tag":476,"props":1657,"children":1658},{"style":988},[1659],{"type":955,"value":1660},"    if",{"type":941,"tag":476,"props":1662,"children":1663},{"style":952},[1664],{"type":955,"value":1665}," (progress ",{"type":941,"tag":476,"props":1667,"children":1668},{"style":988},[1669],{"type":955,"value":1670},">=",{"type":941,"tag":476,"props":1672,"children":1673},{"style":1097},[1674],{"type":955,"value":1675}," 100",{"type":941,"tag":476,"props":1677,"children":1678},{"style":952},[1679],{"type":955,"value":1528},{"type":941,"tag":476,"props":1681,"children":1683},{"class":478,"line":1682},40,[1684,1689,1693,1697],{"type":941,"tag":476,"props":1685,"children":1686},{"style":952},[1687],{"type":955,"value":1688},"      progress ",{"type":941,"tag":476,"props":1690,"children":1691},{"style":988},[1692],{"type":955,"value":547},{"type":941,"tag":476,"props":1694,"children":1695},{"style":1097},[1696],{"type":955,"value":1675},{"type":941,"tag":476,"props":1698,"children":1699},{"style":952},[1700],{"type":955,"value":497},{"type":941,"tag":476,"props":1702,"children":1704},{"class":478,"line":1703},41,[1705,1710],{"type":941,"tag":476,"props":1706,"children":1707},{"style":1118},[1708],{"type":955,"value":1709},"      clearInterval",{"type":941,"tag":476,"props":1711,"children":1712},{"style":952},[1713],{"type":955,"value":1714},"(interval);\n",{"type":941,"tag":476,"props":1716,"children":1718},{"class":478,"line":1717},42,[1719,1724,1728,1733],{"type":941,"tag":476,"props":1720,"children":1721},{"style":952},[1722],{"type":955,"value":1723},"      snackbar.uploadState ",{"type":941,"tag":476,"props":1725,"children":1726},{"style":988},[1727],{"type":955,"value":547},{"type":941,"tag":476,"props":1729,"children":1730},{"style":976},[1731],{"type":955,"value":1732}," \"success\"",{"type":941,"tag":476,"props":1734,"children":1735},{"style":952},[1736],{"type":955,"value":497},{"type":941,"tag":476,"props":1738,"children":1740},{"class":478,"line":1739},43,[1741],{"type":941,"tag":476,"props":1742,"children":1743},{"style":952},[1744],{"type":955,"value":1745},"    }\n",{"type":941,"tag":476,"props":1747,"children":1749},{"class":478,"line":1748},44,[1750],{"type":941,"tag":476,"props":1751,"children":1752},{"emptyLinePlaceholder":573},[1753],{"type":955,"value":574},{"type":941,"tag":476,"props":1755,"children":1757},{"class":478,"line":1756},45,[1758,1763,1767,1771,1776],{"type":941,"tag":476,"props":1759,"children":1760},{"style":952},[1761],{"type":955,"value":1762},"    snackbar.progressPercentage ",{"type":941,"tag":476,"props":1764,"children":1765},{"style":988},[1766],{"type":955,"value":547},{"type":941,"tag":476,"props":1768,"children":1769},{"style":952},[1770],{"type":955,"value":1619},{"type":941,"tag":476,"props":1772,"children":1773},{"style":1118},[1774],{"type":955,"value":1775},"round",{"type":941,"tag":476,"props":1777,"children":1778},{"style":952},[1779],{"type":955,"value":1780},"(progress);\n",{"type":941,"tag":476,"props":1782,"children":1784},{"class":478,"line":1783},46,[1785,1790,1795],{"type":941,"tag":476,"props":1786,"children":1787},{"style":952},[1788],{"type":955,"value":1789},"  }, ",{"type":941,"tag":476,"props":1791,"children":1792},{"style":1097},[1793],{"type":955,"value":1794},"200",{"type":941,"tag":476,"props":1796,"children":1797},{"style":952},[1798],{"type":955,"value":1799},");\n",{"type":941,"tag":476,"props":1801,"children":1803},{"class":478,"line":1802},47,[1804],{"type":941,"tag":476,"props":1805,"children":1806},{"style":952},[1807],{"type":955,"value":636},{"type":941,"tag":476,"props":1809,"children":1811},{"class":478,"line":1810},48,[1812,1816,1820],{"type":941,"tag":476,"props":1813,"children":1814},{"style":952},[1815],{"type":955,"value":642},{"type":941,"tag":476,"props":1817,"children":1818},{"style":958},[1819],{"type":955,"value":537},{"type":941,"tag":476,"props":1821,"children":1822},{"style":952},[1823],{"type":955,"value":553},{"type":941,"tag":476,"props":1825,"children":1827},{"class":478,"line":1826},49,[1828],{"type":941,"tag":476,"props":1829,"children":1830},{"emptyLinePlaceholder":573},[1831],{"type":955,"value":574},{"type":941,"tag":476,"props":1833,"children":1835},{"class":478,"line":1834},50,[1836,1840,1844],{"type":941,"tag":476,"props":1837,"children":1838},{"style":952},[1839],{"type":955,"value":533},{"type":941,"tag":476,"props":1841,"children":1842},{"style":958},[1843],{"type":955,"value":659},{"type":941,"tag":476,"props":1845,"children":1846},{"style":952},[1847],{"type":955,"value":553},{"type":941,"tag":476,"props":1849,"children":1851},{"class":478,"line":1850},51,[1852,1856,1861,1866,1870,1875,1880,1884,1889,1893,1897,1902,1907,1911],{"type":941,"tag":476,"props":1853,"children":1854},{"style":952},[1855],{"type":955,"value":667},{"type":941,"tag":476,"props":1857,"children":1858},{"style":958},[1859],{"type":955,"value":1860},"mt-button",{"type":941,"tag":476,"props":1862,"children":1863},{"style":963},[1864],{"type":955,"value":1865}," variant",{"type":941,"tag":476,"props":1867,"children":1868},{"style":952},[1869],{"type":955,"value":547},{"type":941,"tag":476,"props":1871,"children":1872},{"style":976},[1873],{"type":955,"value":1874},"\"secondary\"",{"type":941,"tag":476,"props":1876,"children":1877},{"style":963},[1878],{"type":955,"value":1879}," size",{"type":941,"tag":476,"props":1881,"children":1882},{"style":952},[1883],{"type":955,"value":547},{"type":941,"tag":476,"props":1885,"children":1886},{"style":976},[1887],{"type":955,"value":1888},"\"small\"",{"type":941,"tag":476,"props":1890,"children":1891},{"style":963},[1892],{"type":955,"value":681},{"type":941,"tag":476,"props":1894,"children":1895},{"style":952},[1896],{"type":955,"value":547},{"type":941,"tag":476,"props":1898,"children":1899},{"style":976},[1900],{"type":955,"value":1901},"\"showDefault\"",{"type":941,"tag":476,"props":1903,"children":1904},{"style":952},[1905],{"type":955,"value":1906},">Default\u003C\u002F",{"type":941,"tag":476,"props":1908,"children":1909},{"style":958},[1910],{"type":955,"value":1860},{"type":941,"tag":476,"props":1912,"children":1913},{"style":952},[1914],{"type":955,"value":553},{"type":941,"tag":476,"props":1916,"children":1918},{"class":478,"line":1917},52,[1919,1923,1927,1931,1935,1939,1943,1947,1951,1955,1959,1964,1969,1973],{"type":941,"tag":476,"props":1920,"children":1921},{"style":952},[1922],{"type":955,"value":667},{"type":941,"tag":476,"props":1924,"children":1925},{"style":958},[1926],{"type":955,"value":1860},{"type":941,"tag":476,"props":1928,"children":1929},{"style":963},[1930],{"type":955,"value":1865},{"type":941,"tag":476,"props":1932,"children":1933},{"style":952},[1934],{"type":955,"value":547},{"type":941,"tag":476,"props":1936,"children":1937},{"style":976},[1938],{"type":955,"value":1874},{"type":941,"tag":476,"props":1940,"children":1941},{"style":963},[1942],{"type":955,"value":1879},{"type":941,"tag":476,"props":1944,"children":1945},{"style":952},[1946],{"type":955,"value":547},{"type":941,"tag":476,"props":1948,"children":1949},{"style":976},[1950],{"type":955,"value":1888},{"type":941,"tag":476,"props":1952,"children":1953},{"style":963},[1954],{"type":955,"value":681},{"type":941,"tag":476,"props":1956,"children":1957},{"style":952},[1958],{"type":955,"value":547},{"type":941,"tag":476,"props":1960,"children":1961},{"style":976},[1962],{"type":955,"value":1963},"\"showSuccess\"",{"type":941,"tag":476,"props":1965,"children":1966},{"style":952},[1967],{"type":955,"value":1968},">Success\u003C\u002F",{"type":941,"tag":476,"props":1970,"children":1971},{"style":958},[1972],{"type":955,"value":1860},{"type":941,"tag":476,"props":1974,"children":1975},{"style":952},[1976],{"type":955,"value":553},{"type":941,"tag":476,"props":1978,"children":1980},{"class":478,"line":1979},53,[1981,1985,1989,1993,1997,2001,2005,2009,2013,2017,2021,2026,2031,2035],{"type":941,"tag":476,"props":1982,"children":1983},{"style":952},[1984],{"type":955,"value":667},{"type":941,"tag":476,"props":1986,"children":1987},{"style":958},[1988],{"type":955,"value":1860},{"type":941,"tag":476,"props":1990,"children":1991},{"style":963},[1992],{"type":955,"value":1865},{"type":941,"tag":476,"props":1994,"children":1995},{"style":952},[1996],{"type":955,"value":547},{"type":941,"tag":476,"props":1998,"children":1999},{"style":976},[2000],{"type":955,"value":1874},{"type":941,"tag":476,"props":2002,"children":2003},{"style":963},[2004],{"type":955,"value":1879},{"type":941,"tag":476,"props":2006,"children":2007},{"style":952},[2008],{"type":955,"value":547},{"type":941,"tag":476,"props":2010,"children":2011},{"style":976},[2012],{"type":955,"value":1888},{"type":941,"tag":476,"props":2014,"children":2015},{"style":963},[2016],{"type":955,"value":681},{"type":941,"tag":476,"props":2018,"children":2019},{"style":952},[2020],{"type":955,"value":547},{"type":941,"tag":476,"props":2022,"children":2023},{"style":976},[2024],{"type":955,"value":2025},"\"showError\"",{"type":941,"tag":476,"props":2027,"children":2028},{"style":952},[2029],{"type":955,"value":2030},">Error\u003C\u002F",{"type":941,"tag":476,"props":2032,"children":2033},{"style":958},[2034],{"type":955,"value":1860},{"type":941,"tag":476,"props":2036,"children":2037},{"style":952},[2038],{"type":955,"value":553},{"type":941,"tag":476,"props":2040,"children":2042},{"class":478,"line":2041},54,[2043,2047,2051,2055,2059,2063,2067,2071,2075,2079,2083,2088,2093,2097],{"type":941,"tag":476,"props":2044,"children":2045},{"style":952},[2046],{"type":955,"value":667},{"type":941,"tag":476,"props":2048,"children":2049},{"style":958},[2050],{"type":955,"value":1860},{"type":941,"tag":476,"props":2052,"children":2053},{"style":963},[2054],{"type":955,"value":1865},{"type":941,"tag":476,"props":2056,"children":2057},{"style":952},[2058],{"type":955,"value":547},{"type":941,"tag":476,"props":2060,"children":2061},{"style":976},[2062],{"type":955,"value":1874},{"type":941,"tag":476,"props":2064,"children":2065},{"style":963},[2066],{"type":955,"value":1879},{"type":941,"tag":476,"props":2068,"children":2069},{"style":952},[2070],{"type":955,"value":547},{"type":941,"tag":476,"props":2072,"children":2073},{"style":976},[2074],{"type":955,"value":1888},{"type":941,"tag":476,"props":2076,"children":2077},{"style":963},[2078],{"type":955,"value":681},{"type":941,"tag":476,"props":2080,"children":2081},{"style":952},[2082],{"type":955,"value":547},{"type":941,"tag":476,"props":2084,"children":2085},{"style":976},[2086],{"type":955,"value":2087},"\"showProgress\"",{"type":941,"tag":476,"props":2089,"children":2090},{"style":952},[2091],{"type":955,"value":2092},">Progress\u003C\u002F",{"type":941,"tag":476,"props":2094,"children":2095},{"style":958},[2096],{"type":955,"value":1860},{"type":941,"tag":476,"props":2098,"children":2099},{"style":952},[2100],{"type":955,"value":553},{"type":941,"tag":476,"props":2102,"children":2104},{"class":478,"line":2103},55,[2105,2109,2113,2117,2121,2126,2130,2134,2138,2142,2146,2151,2156,2160],{"type":941,"tag":476,"props":2106,"children":2107},{"style":952},[2108],{"type":955,"value":667},{"type":941,"tag":476,"props":2110,"children":2111},{"style":958},[2112],{"type":955,"value":1860},{"type":941,"tag":476,"props":2114,"children":2115},{"style":963},[2116],{"type":955,"value":1865},{"type":941,"tag":476,"props":2118,"children":2119},{"style":952},[2120],{"type":955,"value":547},{"type":941,"tag":476,"props":2122,"children":2123},{"style":976},[2124],{"type":955,"value":2125},"\"critical\"",{"type":941,"tag":476,"props":2127,"children":2128},{"style":963},[2129],{"type":955,"value":1879},{"type":941,"tag":476,"props":2131,"children":2132},{"style":952},[2133],{"type":955,"value":547},{"type":941,"tag":476,"props":2135,"children":2136},{"style":976},[2137],{"type":955,"value":1888},{"type":941,"tag":476,"props":2139,"children":2140},{"style":963},[2141],{"type":955,"value":681},{"type":941,"tag":476,"props":2143,"children":2144},{"style":952},[2145],{"type":955,"value":547},{"type":941,"tag":476,"props":2147,"children":2148},{"style":976},[2149],{"type":955,"value":2150},"\"clearSnackbars\"",{"type":941,"tag":476,"props":2152,"children":2153},{"style":952},[2154],{"type":955,"value":2155},">Clear all\u003C\u002F",{"type":941,"tag":476,"props":2157,"children":2158},{"style":958},[2159],{"type":955,"value":1860},{"type":941,"tag":476,"props":2161,"children":2162},{"style":952},[2163],{"type":955,"value":553},{"type":941,"tag":476,"props":2165,"children":2167},{"class":478,"line":2166},56,[2168],{"type":941,"tag":476,"props":2169,"children":2170},{"emptyLinePlaceholder":573},[2171],{"type":955,"value":574},{"type":941,"tag":476,"props":2173,"children":2175},{"class":478,"line":2174},57,[2176,2180,2184],{"type":941,"tag":476,"props":2177,"children":2178},{"style":952},[2179],{"type":955,"value":667},{"type":941,"tag":476,"props":2181,"children":2182},{"style":958},[2183],{"type":955,"value":458},{"type":941,"tag":476,"props":2185,"children":2186},{"style":952},[2187],{"type":955,"value":703},{"type":941,"tag":476,"props":2189,"children":2191},{"class":478,"line":2190},58,[2192,2196,2200],{"type":941,"tag":476,"props":2193,"children":2194},{"style":952},[2195],{"type":955,"value":642},{"type":941,"tag":476,"props":2197,"children":2198},{"style":958},[2199],{"type":955,"value":659},{"type":941,"tag":476,"props":2201,"children":2202},{"style":952},[2203],{"type":955,"value":553},{"type":941,"tag":909,"props":2205,"children":2206},{},[2207],{"type":955,"value":2208},"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);}",{"title":472,"searchDepth":556,"depth":556,"links":2210},[],1782998206485]