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