[{"data":1,"prerenderedAt":2152},["ShallowReactive",2],{"navigation_docs":3,"-components-snackbar":365,"-components-snackbar-surround":868,"component-example-snackbarBasicExample":873,"component-example-ast-snackbarBasicExample":876},[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},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":211,"path":212,"stem":213},"Nav","\u002Fcomponents\u002Fnav","2.components\u002Fnav",{"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":862,"extension":863,"links":864,"meta":865,"navigation":508,"path":260,"seo":866,"stem":261,"__hash__":867},"docs\u002F2.components\u002Fsnackbar.md",{"type":368,"value":369,"toc":853},"minimark",[370,374,379,401,433,437,457,648,669,673,683,687,737,741,807,810,829,833,849],[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,757,764,781,784,800],{},[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,756],{},"If more than one ",[387,755,677],{}," is mounted, only the first one renders the stack; when it unmounts, the next one takes over.",[697,758,759,760,763],{},"Standard snackbars close automatically after ",[387,761,762],{},"5000ms"," by default.",[697,765,766,767,770,771,774,775,777,778,780],{},"Setting ",[387,768,769],{},"duration"," to ",[387,772,773],{},"0"," disables the auto-dismiss timer, which means you should remove that snackbar through ",[387,776,661],{}," or ",[387,779,664],{},".",[697,782,783],{},"Hovering the snackbar stack pauses dismissal timers until the pointer leaves.",[697,785,786,788,789,792,793,777,796,799],{},[387,787,715],{}," snackbars stay visible until ",[387,790,791],{},"uploadState"," changes to ",[387,794,795],{},"success",[387,797,798],{},"error",", then they close shortly after showing the final message.",[697,801,802,803,806],{},"The optional ",[387,804,805],{},"link"," supports one non-critical follow-up action, not a full decision flow.",[375,808,45],{"id":809},"accessibility",[694,811,812,815,818,823],{},[697,813,814],{},"Error and warning snackbars use assertive live announcements, while default, success, and progress snackbars use polite announcements.",[697,816,817],{},"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,819,724,820,822],{},[383,821,259],{}," for blocking confirmations, legal notices, or other information that must remain available until explicitly dismissed.",[697,824,825,826,828],{},"If you provide an action like ",[387,827,389],{},", make sure that recovery path also exists elsewhere in the interface and not only in the temporary snackbar.",[375,830,832],{"id":831},"related","Related",[694,834,835,842],{},[697,836,837,841],{},[396,838,839],{"href":342},[383,840,341],{},": the composable for publishing, updating, and removing snackbars.",[697,843,844,848],{},[396,845,846],{"href":128},[383,847,127],{},": when the message is persistent inline messaging that should remain visible while the user continues working.",[850,851,852],"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":854},[855,856,857,858,859,860,861],{"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":809,"depth":491,"text":45},{"id":831,"depth":491,"text":832},"Temporary overlay feedback shown near the bottom-right corner of the interface for non-critical, short-lived messages.","md",null,{},{"title":259,"description":862},"GUwArfxYyffXtHogZ2ty9fRYurRCHAiYrpJcJ3AXyNA",[869,871],{"title":255,"path":256,"stem":257,"description":870,"children":-1},"A draggable control for choosing a numeric value or range along a scale.",{"title":263,"path":264,"stem":265,"description":872,"children":-1},"A small colored dot that signals a single, glanceable status.",{"code":874,"pascalName":875},"\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":877,"body":878,"toc":2150},{"title":407,"description":407},{"type":879,"children":880},"root",[881,2145],{"type":882,"tag":402,"props":883,"children":884},"element",{"className":459,"code":874,"language":461,"meta":407,"style":407},[885],{"type":882,"tag":387,"props":886,"children":887},{"__ignoreMap":407},[888,924,950,975,984,1018,1025,1066,1073,1089,1108,1115,1122,1138,1168,1176,1184,1201,1231,1239,1247,1264,1293,1312,1330,1347,1365,1383,1392,1400,1414,1422,1430,1470,1497,1505,1542,1585,1593,1621,1642,1656,1678,1687,1695,1722,1741,1749,1765,1773,1789,1856,1918,1980,2042,2105,2113,2129],{"type":882,"tag":411,"props":889,"children":890},{"class":413,"line":414},[891,897,902,907,911,915,920],{"type":882,"tag":411,"props":892,"children":894},{"style":893},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[895],{"type":896,"value":468},"text",{"type":882,"tag":411,"props":898,"children":900},{"style":899},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[901],{"type":896,"value":472},{"type":882,"tag":411,"props":903,"children":905},{"style":904},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[906],{"type":896,"value":476},{"type":882,"tag":411,"props":908,"children":909},{"style":904},[910],{"type":896,"value":479},{"type":882,"tag":411,"props":912,"children":913},{"style":893},[914],{"type":896,"value":482},{"type":882,"tag":411,"props":916,"children":918},{"style":917},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[919],{"type":896,"value":485},{"type":882,"tag":411,"props":921,"children":922},{"style":893},[923],{"type":896,"value":488},{"type":882,"tag":411,"props":925,"children":926},{"class":413,"line":491},[927,932,937,941,946],{"type":882,"tag":411,"props":928,"children":930},{"style":929},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[931],{"type":896,"value":418},{"type":882,"tag":411,"props":933,"children":934},{"style":893},[935],{"type":896,"value":936}," MtSnackbar ",{"type":882,"tag":411,"props":938,"children":939},{"style":929},[940],{"type":896,"value":425},{"type":882,"tag":411,"props":942,"children":943},{"style":917},[944],{"type":896,"value":945}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtSnackbar\"",{"type":882,"tag":411,"props":947,"children":948},{"style":893},[949],{"type":896,"value":432},{"type":882,"tag":411,"props":951,"children":952},{"class":413,"line":505},[953,957,962,966,971],{"type":882,"tag":411,"props":954,"children":955},{"style":929},[956],{"type":896,"value":418},{"type":882,"tag":411,"props":958,"children":959},{"style":893},[960],{"type":896,"value":961}," MtButton ",{"type":882,"tag":411,"props":963,"children":964},{"style":929},[965],{"type":896,"value":425},{"type":882,"tag":411,"props":967,"children":968},{"style":917},[969],{"type":896,"value":970}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\"",{"type":882,"tag":411,"props":972,"children":973},{"style":893},[974],{"type":896,"value":432},{"type":882,"tag":411,"props":976,"children":977},{"class":413,"line":512},[978],{"type":882,"tag":411,"props":979,"children":981},{"style":980},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[982],{"type":896,"value":983},"\u002F\u002F useSnackbar has no subpath export, so it is imported from the barrel.\n",{"type":882,"tag":411,"props":985,"children":986},{"class":413,"line":536},[987,991,996,1001,1006,1010,1014],{"type":882,"tag":411,"props":988,"children":989},{"style":929},[990],{"type":896,"value":418},{"type":882,"tag":411,"props":992,"children":993},{"style":893},[994],{"type":896,"value":995}," { useSnackbar, ",{"type":882,"tag":411,"props":997,"children":998},{"style":929},[999],{"type":896,"value":1000},"type",{"type":882,"tag":411,"props":1002,"children":1003},{"style":893},[1004],{"type":896,"value":1005}," Snackbar } ",{"type":882,"tag":411,"props":1007,"children":1008},{"style":929},[1009],{"type":896,"value":425},{"type":882,"tag":411,"props":1011,"children":1012},{"style":917},[1013],{"type":896,"value":429},{"type":882,"tag":411,"props":1015,"children":1016},{"style":893},[1017],{"type":896,"value":432},{"type":882,"tag":411,"props":1019,"children":1020},{"class":413,"line":541},[1021],{"type":882,"tag":411,"props":1022,"children":1023},{"emptyLinePlaceholder":508},[1024],{"type":896,"value":509},{"type":882,"tag":411,"props":1026,"children":1027},{"class":413,"line":553},[1028,1032,1036,1041,1045,1049,1053,1057,1062],{"type":882,"tag":411,"props":1029,"children":1030},{"style":929},[1031],{"type":896,"value":515},{"type":882,"tag":411,"props":1033,"children":1034},{"style":893},[1035],{"type":896,"value":518},{"type":882,"tag":411,"props":1037,"children":1039},{"style":1038},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[1040],{"type":896,"value":452},{"type":882,"tag":411,"props":1042,"children":1043},{"style":893},[1044],{"type":896,"value":658},{"type":882,"tag":411,"props":1046,"children":1047},{"style":1038},[1048],{"type":896,"value":664},{"type":882,"tag":411,"props":1050,"children":1051},{"style":893},[1052],{"type":896,"value":524},{"type":882,"tag":411,"props":1054,"children":1055},{"style":929},[1056],{"type":896,"value":482},{"type":882,"tag":411,"props":1058,"children":1060},{"style":1059},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[1061],{"type":896,"value":530},{"type":882,"tag":411,"props":1063,"children":1064},{"style":893},[1065],{"type":896,"value":533},{"type":882,"tag":411,"props":1067,"children":1068},{"class":413,"line":568},[1069],{"type":882,"tag":411,"props":1070,"children":1071},{"emptyLinePlaceholder":508},[1072],{"type":896,"value":509},{"type":882,"tag":411,"props":1074,"children":1075},{"class":413,"line":574},[1076,1080,1085],{"type":882,"tag":411,"props":1077,"children":1078},{"style":929},[1079],{"type":896,"value":544},{"type":882,"tag":411,"props":1081,"children":1082},{"style":1059},[1083],{"type":896,"value":1084}," showDefault",{"type":882,"tag":411,"props":1086,"children":1087},{"style":893},[1088],{"type":896,"value":550},{"type":882,"tag":411,"props":1090,"children":1091},{"class":413,"line":584},[1092,1096,1100,1104],{"type":882,"tag":411,"props":1093,"children":1094},{"style":1059},[1095],{"type":896,"value":556},{"type":882,"tag":411,"props":1097,"children":1098},{"style":893},[1099],{"type":896,"value":559},{"type":882,"tag":411,"props":1101,"children":1102},{"style":917},[1103],{"type":896,"value":562},{"type":882,"tag":411,"props":1105,"children":1106},{"style":893},[1107],{"type":896,"value":565},{"type":882,"tag":411,"props":1109,"children":1110},{"class":413,"line":589},[1111],{"type":882,"tag":411,"props":1112,"children":1113},{"style":893},[1114],{"type":896,"value":571},{"type":882,"tag":411,"props":1116,"children":1117},{"class":413,"line":599},[1118],{"type":882,"tag":411,"props":1119,"children":1120},{"emptyLinePlaceholder":508},[1121],{"type":896,"value":509},{"type":882,"tag":411,"props":1123,"children":1124},{"class":413,"line":631},[1125,1129,1134],{"type":882,"tag":411,"props":1126,"children":1127},{"style":929},[1128],{"type":896,"value":544},{"type":882,"tag":411,"props":1130,"children":1131},{"style":1059},[1132],{"type":896,"value":1133}," showSuccess",{"type":882,"tag":411,"props":1135,"children":1136},{"style":893},[1137],{"type":896,"value":550},{"type":882,"tag":411,"props":1139,"children":1140},{"class":413,"line":641},[1141,1145,1149,1154,1159,1164],{"type":882,"tag":411,"props":1142,"children":1143},{"style":1059},[1144],{"type":896,"value":556},{"type":882,"tag":411,"props":1146,"children":1147},{"style":893},[1148],{"type":896,"value":559},{"type":882,"tag":411,"props":1150,"children":1151},{"style":917},[1152],{"type":896,"value":1153},"\"File uploaded\"",{"type":882,"tag":411,"props":1155,"children":1156},{"style":893},[1157],{"type":896,"value":1158},", variant: ",{"type":882,"tag":411,"props":1160,"children":1161},{"style":917},[1162],{"type":896,"value":1163},"\"success\"",{"type":882,"tag":411,"props":1165,"children":1166},{"style":893},[1167],{"type":896,"value":565},{"type":882,"tag":411,"props":1169,"children":1171},{"class":413,"line":1170},15,[1172],{"type":882,"tag":411,"props":1173,"children":1174},{"style":893},[1175],{"type":896,"value":571},{"type":882,"tag":411,"props":1177,"children":1179},{"class":413,"line":1178},16,[1180],{"type":882,"tag":411,"props":1181,"children":1182},{"emptyLinePlaceholder":508},[1183],{"type":896,"value":509},{"type":882,"tag":411,"props":1185,"children":1187},{"class":413,"line":1186},17,[1188,1192,1197],{"type":882,"tag":411,"props":1189,"children":1190},{"style":929},[1191],{"type":896,"value":544},{"type":882,"tag":411,"props":1193,"children":1194},{"style":1059},[1195],{"type":896,"value":1196}," showError",{"type":882,"tag":411,"props":1198,"children":1199},{"style":893},[1200],{"type":896,"value":550},{"type":882,"tag":411,"props":1202,"children":1204},{"class":413,"line":1203},18,[1205,1209,1213,1218,1222,1227],{"type":882,"tag":411,"props":1206,"children":1207},{"style":1059},[1208],{"type":896,"value":556},{"type":882,"tag":411,"props":1210,"children":1211},{"style":893},[1212],{"type":896,"value":559},{"type":882,"tag":411,"props":1214,"children":1215},{"style":917},[1216],{"type":896,"value":1217},"\"Something went wrong\"",{"type":882,"tag":411,"props":1219,"children":1220},{"style":893},[1221],{"type":896,"value":1158},{"type":882,"tag":411,"props":1223,"children":1224},{"style":917},[1225],{"type":896,"value":1226},"\"error\"",{"type":882,"tag":411,"props":1228,"children":1229},{"style":893},[1230],{"type":896,"value":565},{"type":882,"tag":411,"props":1232,"children":1234},{"class":413,"line":1233},19,[1235],{"type":882,"tag":411,"props":1236,"children":1237},{"style":893},[1238],{"type":896,"value":571},{"type":882,"tag":411,"props":1240,"children":1242},{"class":413,"line":1241},20,[1243],{"type":882,"tag":411,"props":1244,"children":1245},{"emptyLinePlaceholder":508},[1246],{"type":896,"value":509},{"type":882,"tag":411,"props":1248,"children":1250},{"class":413,"line":1249},21,[1251,1255,1260],{"type":882,"tag":411,"props":1252,"children":1253},{"style":929},[1254],{"type":896,"value":544},{"type":882,"tag":411,"props":1256,"children":1257},{"style":1059},[1258],{"type":896,"value":1259}," showProgress",{"type":882,"tag":411,"props":1261,"children":1262},{"style":893},[1263],{"type":896,"value":550},{"type":882,"tag":411,"props":1265,"children":1267},{"class":413,"line":1266},22,[1268,1273,1278,1283,1288],{"type":882,"tag":411,"props":1269,"children":1270},{"style":929},[1271],{"type":896,"value":1272},"  const",{"type":882,"tag":411,"props":1274,"children":1275},{"style":1038},[1276],{"type":896,"value":1277}," snackbar",{"type":882,"tag":411,"props":1279,"children":1280},{"style":929},[1281],{"type":896,"value":1282}," =",{"type":882,"tag":411,"props":1284,"children":1285},{"style":1059},[1286],{"type":896,"value":1287}," addSnackbar",{"type":882,"tag":411,"props":1289,"children":1290},{"style":893},[1291],{"type":896,"value":1292},"({\n",{"type":882,"tag":411,"props":1294,"children":1296},{"class":413,"line":1295},23,[1297,1302,1307],{"type":882,"tag":411,"props":1298,"children":1299},{"style":893},[1300],{"type":896,"value":1301},"    message: ",{"type":882,"tag":411,"props":1303,"children":1304},{"style":917},[1305],{"type":896,"value":1306},"\"Uploading file\"",{"type":882,"tag":411,"props":1308,"children":1309},{"style":893},[1310],{"type":896,"value":1311},",\n",{"type":882,"tag":411,"props":1313,"children":1315},{"class":413,"line":1314},24,[1316,1321,1326],{"type":882,"tag":411,"props":1317,"children":1318},{"style":893},[1319],{"type":896,"value":1320},"    variant: ",{"type":882,"tag":411,"props":1322,"children":1323},{"style":917},[1324],{"type":896,"value":1325},"\"progress\"",{"type":882,"tag":411,"props":1327,"children":1328},{"style":893},[1329],{"type":896,"value":1311},{"type":882,"tag":411,"props":1331,"children":1333},{"class":413,"line":1332},25,[1334,1339,1343],{"type":882,"tag":411,"props":1335,"children":1336},{"style":893},[1337],{"type":896,"value":1338},"    progressPercentage: ",{"type":882,"tag":411,"props":1340,"children":1341},{"style":1038},[1342],{"type":896,"value":773},{"type":882,"tag":411,"props":1344,"children":1345},{"style":893},[1346],{"type":896,"value":1311},{"type":882,"tag":411,"props":1348,"children":1350},{"class":413,"line":1349},26,[1351,1356,1361],{"type":882,"tag":411,"props":1352,"children":1353},{"style":893},[1354],{"type":896,"value":1355},"    successMessage: ",{"type":882,"tag":411,"props":1357,"children":1358},{"style":917},[1359],{"type":896,"value":1360},"\"File uploaded successfully\"",{"type":882,"tag":411,"props":1362,"children":1363},{"style":893},[1364],{"type":896,"value":1311},{"type":882,"tag":411,"props":1366,"children":1368},{"class":413,"line":1367},27,[1369,1374,1379],{"type":882,"tag":411,"props":1370,"children":1371},{"style":893},[1372],{"type":896,"value":1373},"    errorMessage: ",{"type":882,"tag":411,"props":1375,"children":1376},{"style":917},[1377],{"type":896,"value":1378},"\"Upload failed. Please try again\"",{"type":882,"tag":411,"props":1380,"children":1381},{"style":893},[1382],{"type":896,"value":1311},{"type":882,"tag":411,"props":1384,"children":1386},{"class":413,"line":1385},28,[1387],{"type":882,"tag":411,"props":1388,"children":1389},{"style":893},[1390],{"type":896,"value":1391},"  });\n",{"type":882,"tag":411,"props":1393,"children":1395},{"class":413,"line":1394},29,[1396],{"type":882,"tag":411,"props":1397,"children":1398},{"emptyLinePlaceholder":508},[1399],{"type":896,"value":509},{"type":882,"tag":411,"props":1401,"children":1403},{"class":413,"line":1402},30,[1404,1409],{"type":882,"tag":411,"props":1405,"children":1406},{"style":1059},[1407],{"type":896,"value":1408},"  simulateProgress",{"type":882,"tag":411,"props":1410,"children":1411},{"style":893},[1412],{"type":896,"value":1413},"(snackbar);\n",{"type":882,"tag":411,"props":1415,"children":1417},{"class":413,"line":1416},31,[1418],{"type":882,"tag":411,"props":1419,"children":1420},{"style":893},[1421],{"type":896,"value":571},{"type":882,"tag":411,"props":1423,"children":1425},{"class":413,"line":1424},32,[1426],{"type":882,"tag":411,"props":1427,"children":1428},{"emptyLinePlaceholder":508},[1429],{"type":896,"value":509},{"type":882,"tag":411,"props":1431,"children":1433},{"class":413,"line":1432},33,[1434,1438,1443,1448,1454,1459,1465],{"type":882,"tag":411,"props":1435,"children":1436},{"style":929},[1437],{"type":896,"value":544},{"type":882,"tag":411,"props":1439,"children":1440},{"style":1059},[1441],{"type":896,"value":1442}," simulateProgress",{"type":882,"tag":411,"props":1444,"children":1445},{"style":893},[1446],{"type":896,"value":1447},"(",{"type":882,"tag":411,"props":1449,"children":1451},{"style":1450},"--shiki-light:#E36209;--shiki-default:#FFA657;--shiki-dark:#FFA657",[1452],{"type":896,"value":1453},"snackbar",{"type":882,"tag":411,"props":1455,"children":1456},{"style":929},[1457],{"type":896,"value":1458},":",{"type":882,"tag":411,"props":1460,"children":1462},{"style":1461},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[1463],{"type":896,"value":1464}," Snackbar",{"type":882,"tag":411,"props":1466,"children":1467},{"style":893},[1468],{"type":896,"value":1469},") {\n",{"type":882,"tag":411,"props":1471,"children":1473},{"class":413,"line":1472},34,[1474,1479,1484,1488,1493],{"type":882,"tag":411,"props":1475,"children":1476},{"style":929},[1477],{"type":896,"value":1478},"  let",{"type":882,"tag":411,"props":1480,"children":1481},{"style":893},[1482],{"type":896,"value":1483}," progress ",{"type":882,"tag":411,"props":1485,"children":1486},{"style":929},[1487],{"type":896,"value":482},{"type":882,"tag":411,"props":1489,"children":1490},{"style":1038},[1491],{"type":896,"value":1492}," 0",{"type":882,"tag":411,"props":1494,"children":1495},{"style":893},[1496],{"type":896,"value":432},{"type":882,"tag":411,"props":1498,"children":1500},{"class":413,"line":1499},35,[1501],{"type":882,"tag":411,"props":1502,"children":1503},{"emptyLinePlaceholder":508},[1504],{"type":896,"value":509},{"type":882,"tag":411,"props":1506,"children":1508},{"class":413,"line":1507},36,[1509,1513,1518,1522,1527,1532,1537],{"type":882,"tag":411,"props":1510,"children":1511},{"style":929},[1512],{"type":896,"value":1272},{"type":882,"tag":411,"props":1514,"children":1515},{"style":1038},[1516],{"type":896,"value":1517}," interval",{"type":882,"tag":411,"props":1519,"children":1520},{"style":929},[1521],{"type":896,"value":1282},{"type":882,"tag":411,"props":1523,"children":1524},{"style":1059},[1525],{"type":896,"value":1526}," setInterval",{"type":882,"tag":411,"props":1528,"children":1529},{"style":893},[1530],{"type":896,"value":1531},"(() ",{"type":882,"tag":411,"props":1533,"children":1534},{"style":929},[1535],{"type":896,"value":1536},"=>",{"type":882,"tag":411,"props":1538,"children":1539},{"style":893},[1540],{"type":896,"value":1541}," {\n",{"type":882,"tag":411,"props":1543,"children":1545},{"class":413,"line":1544},37,[1546,1551,1556,1561,1566,1571,1576,1581],{"type":882,"tag":411,"props":1547,"children":1548},{"style":893},[1549],{"type":896,"value":1550},"    progress ",{"type":882,"tag":411,"props":1552,"children":1553},{"style":929},[1554],{"type":896,"value":1555},"+=",{"type":882,"tag":411,"props":1557,"children":1558},{"style":893},[1559],{"type":896,"value":1560}," Math.",{"type":882,"tag":411,"props":1562,"children":1563},{"style":1059},[1564],{"type":896,"value":1565},"random",{"type":882,"tag":411,"props":1567,"children":1568},{"style":893},[1569],{"type":896,"value":1570},"() ",{"type":882,"tag":411,"props":1572,"children":1573},{"style":929},[1574],{"type":896,"value":1575},"*",{"type":882,"tag":411,"props":1577,"children":1578},{"style":1038},[1579],{"type":896,"value":1580}," 15",{"type":882,"tag":411,"props":1582,"children":1583},{"style":893},[1584],{"type":896,"value":432},{"type":882,"tag":411,"props":1586,"children":1588},{"class":413,"line":1587},38,[1589],{"type":882,"tag":411,"props":1590,"children":1591},{"emptyLinePlaceholder":508},[1592],{"type":896,"value":509},{"type":882,"tag":411,"props":1594,"children":1596},{"class":413,"line":1595},39,[1597,1602,1607,1612,1617],{"type":882,"tag":411,"props":1598,"children":1599},{"style":929},[1600],{"type":896,"value":1601},"    if",{"type":882,"tag":411,"props":1603,"children":1604},{"style":893},[1605],{"type":896,"value":1606}," (progress ",{"type":882,"tag":411,"props":1608,"children":1609},{"style":929},[1610],{"type":896,"value":1611},">=",{"type":882,"tag":411,"props":1613,"children":1614},{"style":1038},[1615],{"type":896,"value":1616}," 100",{"type":882,"tag":411,"props":1618,"children":1619},{"style":893},[1620],{"type":896,"value":1469},{"type":882,"tag":411,"props":1622,"children":1624},{"class":413,"line":1623},40,[1625,1630,1634,1638],{"type":882,"tag":411,"props":1626,"children":1627},{"style":893},[1628],{"type":896,"value":1629},"      progress ",{"type":882,"tag":411,"props":1631,"children":1632},{"style":929},[1633],{"type":896,"value":482},{"type":882,"tag":411,"props":1635,"children":1636},{"style":1038},[1637],{"type":896,"value":1616},{"type":882,"tag":411,"props":1639,"children":1640},{"style":893},[1641],{"type":896,"value":432},{"type":882,"tag":411,"props":1643,"children":1645},{"class":413,"line":1644},41,[1646,1651],{"type":882,"tag":411,"props":1647,"children":1648},{"style":1059},[1649],{"type":896,"value":1650},"      clearInterval",{"type":882,"tag":411,"props":1652,"children":1653},{"style":893},[1654],{"type":896,"value":1655},"(interval);\n",{"type":882,"tag":411,"props":1657,"children":1659},{"class":413,"line":1658},42,[1660,1665,1669,1674],{"type":882,"tag":411,"props":1661,"children":1662},{"style":893},[1663],{"type":896,"value":1664},"      snackbar.uploadState ",{"type":882,"tag":411,"props":1666,"children":1667},{"style":929},[1668],{"type":896,"value":482},{"type":882,"tag":411,"props":1670,"children":1671},{"style":917},[1672],{"type":896,"value":1673}," \"success\"",{"type":882,"tag":411,"props":1675,"children":1676},{"style":893},[1677],{"type":896,"value":432},{"type":882,"tag":411,"props":1679,"children":1681},{"class":413,"line":1680},43,[1682],{"type":882,"tag":411,"props":1683,"children":1684},{"style":893},[1685],{"type":896,"value":1686},"    }\n",{"type":882,"tag":411,"props":1688,"children":1690},{"class":413,"line":1689},44,[1691],{"type":882,"tag":411,"props":1692,"children":1693},{"emptyLinePlaceholder":508},[1694],{"type":896,"value":509},{"type":882,"tag":411,"props":1696,"children":1698},{"class":413,"line":1697},45,[1699,1704,1708,1712,1717],{"type":882,"tag":411,"props":1700,"children":1701},{"style":893},[1702],{"type":896,"value":1703},"    snackbar.progressPercentage ",{"type":882,"tag":411,"props":1705,"children":1706},{"style":929},[1707],{"type":896,"value":482},{"type":882,"tag":411,"props":1709,"children":1710},{"style":893},[1711],{"type":896,"value":1560},{"type":882,"tag":411,"props":1713,"children":1714},{"style":1059},[1715],{"type":896,"value":1716},"round",{"type":882,"tag":411,"props":1718,"children":1719},{"style":893},[1720],{"type":896,"value":1721},"(progress);\n",{"type":882,"tag":411,"props":1723,"children":1725},{"class":413,"line":1724},46,[1726,1731,1736],{"type":882,"tag":411,"props":1727,"children":1728},{"style":893},[1729],{"type":896,"value":1730},"  }, ",{"type":882,"tag":411,"props":1732,"children":1733},{"style":1038},[1734],{"type":896,"value":1735},"200",{"type":882,"tag":411,"props":1737,"children":1738},{"style":893},[1739],{"type":896,"value":1740},");\n",{"type":882,"tag":411,"props":1742,"children":1744},{"class":413,"line":1743},47,[1745],{"type":882,"tag":411,"props":1746,"children":1747},{"style":893},[1748],{"type":896,"value":571},{"type":882,"tag":411,"props":1750,"children":1752},{"class":413,"line":1751},48,[1753,1757,1761],{"type":882,"tag":411,"props":1754,"children":1755},{"style":893},[1756],{"type":896,"value":577},{"type":882,"tag":411,"props":1758,"children":1759},{"style":899},[1760],{"type":896,"value":472},{"type":882,"tag":411,"props":1762,"children":1763},{"style":893},[1764],{"type":896,"value":488},{"type":882,"tag":411,"props":1766,"children":1768},{"class":413,"line":1767},49,[1769],{"type":882,"tag":411,"props":1770,"children":1771},{"emptyLinePlaceholder":508},[1772],{"type":896,"value":509},{"type":882,"tag":411,"props":1774,"children":1776},{"class":413,"line":1775},50,[1777,1781,1785],{"type":882,"tag":411,"props":1778,"children":1779},{"style":893},[1780],{"type":896,"value":468},{"type":882,"tag":411,"props":1782,"children":1783},{"style":899},[1784],{"type":896,"value":594},{"type":882,"tag":411,"props":1786,"children":1787},{"style":893},[1788],{"type":896,"value":488},{"type":882,"tag":411,"props":1790,"children":1792},{"class":413,"line":1791},51,[1793,1797,1802,1807,1811,1816,1821,1825,1830,1834,1838,1843,1848,1852],{"type":882,"tag":411,"props":1794,"children":1795},{"style":893},[1796],{"type":896,"value":602},{"type":882,"tag":411,"props":1798,"children":1799},{"style":899},[1800],{"type":896,"value":1801},"mt-button",{"type":882,"tag":411,"props":1803,"children":1804},{"style":904},[1805],{"type":896,"value":1806}," variant",{"type":882,"tag":411,"props":1808,"children":1809},{"style":893},[1810],{"type":896,"value":482},{"type":882,"tag":411,"props":1812,"children":1813},{"style":917},[1814],{"type":896,"value":1815},"\"secondary\"",{"type":882,"tag":411,"props":1817,"children":1818},{"style":904},[1819],{"type":896,"value":1820}," size",{"type":882,"tag":411,"props":1822,"children":1823},{"style":893},[1824],{"type":896,"value":482},{"type":882,"tag":411,"props":1826,"children":1827},{"style":917},[1828],{"type":896,"value":1829},"\"small\"",{"type":882,"tag":411,"props":1831,"children":1832},{"style":904},[1833],{"type":896,"value":616},{"type":882,"tag":411,"props":1835,"children":1836},{"style":893},[1837],{"type":896,"value":482},{"type":882,"tag":411,"props":1839,"children":1840},{"style":917},[1841],{"type":896,"value":1842},"\"showDefault\"",{"type":882,"tag":411,"props":1844,"children":1845},{"style":893},[1846],{"type":896,"value":1847},">Default\u003C\u002F",{"type":882,"tag":411,"props":1849,"children":1850},{"style":899},[1851],{"type":896,"value":1801},{"type":882,"tag":411,"props":1853,"children":1854},{"style":893},[1855],{"type":896,"value":488},{"type":882,"tag":411,"props":1857,"children":1859},{"class":413,"line":1858},52,[1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1905,1910,1914],{"type":882,"tag":411,"props":1861,"children":1862},{"style":893},[1863],{"type":896,"value":602},{"type":882,"tag":411,"props":1865,"children":1866},{"style":899},[1867],{"type":896,"value":1801},{"type":882,"tag":411,"props":1869,"children":1870},{"style":904},[1871],{"type":896,"value":1806},{"type":882,"tag":411,"props":1873,"children":1874},{"style":893},[1875],{"type":896,"value":482},{"type":882,"tag":411,"props":1877,"children":1878},{"style":917},[1879],{"type":896,"value":1815},{"type":882,"tag":411,"props":1881,"children":1882},{"style":904},[1883],{"type":896,"value":1820},{"type":882,"tag":411,"props":1885,"children":1886},{"style":893},[1887],{"type":896,"value":482},{"type":882,"tag":411,"props":1889,"children":1890},{"style":917},[1891],{"type":896,"value":1829},{"type":882,"tag":411,"props":1893,"children":1894},{"style":904},[1895],{"type":896,"value":616},{"type":882,"tag":411,"props":1897,"children":1898},{"style":893},[1899],{"type":896,"value":482},{"type":882,"tag":411,"props":1901,"children":1902},{"style":917},[1903],{"type":896,"value":1904},"\"showSuccess\"",{"type":882,"tag":411,"props":1906,"children":1907},{"style":893},[1908],{"type":896,"value":1909},">Success\u003C\u002F",{"type":882,"tag":411,"props":1911,"children":1912},{"style":899},[1913],{"type":896,"value":1801},{"type":882,"tag":411,"props":1915,"children":1916},{"style":893},[1917],{"type":896,"value":488},{"type":882,"tag":411,"props":1919,"children":1921},{"class":413,"line":1920},53,[1922,1926,1930,1934,1938,1942,1946,1950,1954,1958,1962,1967,1972,1976],{"type":882,"tag":411,"props":1923,"children":1924},{"style":893},[1925],{"type":896,"value":602},{"type":882,"tag":411,"props":1927,"children":1928},{"style":899},[1929],{"type":896,"value":1801},{"type":882,"tag":411,"props":1931,"children":1932},{"style":904},[1933],{"type":896,"value":1806},{"type":882,"tag":411,"props":1935,"children":1936},{"style":893},[1937],{"type":896,"value":482},{"type":882,"tag":411,"props":1939,"children":1940},{"style":917},[1941],{"type":896,"value":1815},{"type":882,"tag":411,"props":1943,"children":1944},{"style":904},[1945],{"type":896,"value":1820},{"type":882,"tag":411,"props":1947,"children":1948},{"style":893},[1949],{"type":896,"value":482},{"type":882,"tag":411,"props":1951,"children":1952},{"style":917},[1953],{"type":896,"value":1829},{"type":882,"tag":411,"props":1955,"children":1956},{"style":904},[1957],{"type":896,"value":616},{"type":882,"tag":411,"props":1959,"children":1960},{"style":893},[1961],{"type":896,"value":482},{"type":882,"tag":411,"props":1963,"children":1964},{"style":917},[1965],{"type":896,"value":1966},"\"showError\"",{"type":882,"tag":411,"props":1968,"children":1969},{"style":893},[1970],{"type":896,"value":1971},">Error\u003C\u002F",{"type":882,"tag":411,"props":1973,"children":1974},{"style":899},[1975],{"type":896,"value":1801},{"type":882,"tag":411,"props":1977,"children":1978},{"style":893},[1979],{"type":896,"value":488},{"type":882,"tag":411,"props":1981,"children":1983},{"class":413,"line":1982},54,[1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2029,2034,2038],{"type":882,"tag":411,"props":1985,"children":1986},{"style":893},[1987],{"type":896,"value":602},{"type":882,"tag":411,"props":1989,"children":1990},{"style":899},[1991],{"type":896,"value":1801},{"type":882,"tag":411,"props":1993,"children":1994},{"style":904},[1995],{"type":896,"value":1806},{"type":882,"tag":411,"props":1997,"children":1998},{"style":893},[1999],{"type":896,"value":482},{"type":882,"tag":411,"props":2001,"children":2002},{"style":917},[2003],{"type":896,"value":1815},{"type":882,"tag":411,"props":2005,"children":2006},{"style":904},[2007],{"type":896,"value":1820},{"type":882,"tag":411,"props":2009,"children":2010},{"style":893},[2011],{"type":896,"value":482},{"type":882,"tag":411,"props":2013,"children":2014},{"style":917},[2015],{"type":896,"value":1829},{"type":882,"tag":411,"props":2017,"children":2018},{"style":904},[2019],{"type":896,"value":616},{"type":882,"tag":411,"props":2021,"children":2022},{"style":893},[2023],{"type":896,"value":482},{"type":882,"tag":411,"props":2025,"children":2026},{"style":917},[2027],{"type":896,"value":2028},"\"showProgress\"",{"type":882,"tag":411,"props":2030,"children":2031},{"style":893},[2032],{"type":896,"value":2033},">Progress\u003C\u002F",{"type":882,"tag":411,"props":2035,"children":2036},{"style":899},[2037],{"type":896,"value":1801},{"type":882,"tag":411,"props":2039,"children":2040},{"style":893},[2041],{"type":896,"value":488},{"type":882,"tag":411,"props":2043,"children":2045},{"class":413,"line":2044},55,[2046,2050,2054,2058,2062,2067,2071,2075,2079,2083,2087,2092,2097,2101],{"type":882,"tag":411,"props":2047,"children":2048},{"style":893},[2049],{"type":896,"value":602},{"type":882,"tag":411,"props":2051,"children":2052},{"style":899},[2053],{"type":896,"value":1801},{"type":882,"tag":411,"props":2055,"children":2056},{"style":904},[2057],{"type":896,"value":1806},{"type":882,"tag":411,"props":2059,"children":2060},{"style":893},[2061],{"type":896,"value":482},{"type":882,"tag":411,"props":2063,"children":2064},{"style":917},[2065],{"type":896,"value":2066},"\"critical\"",{"type":882,"tag":411,"props":2068,"children":2069},{"style":904},[2070],{"type":896,"value":1820},{"type":882,"tag":411,"props":2072,"children":2073},{"style":893},[2074],{"type":896,"value":482},{"type":882,"tag":411,"props":2076,"children":2077},{"style":917},[2078],{"type":896,"value":1829},{"type":882,"tag":411,"props":2080,"children":2081},{"style":904},[2082],{"type":896,"value":616},{"type":882,"tag":411,"props":2084,"children":2085},{"style":893},[2086],{"type":896,"value":482},{"type":882,"tag":411,"props":2088,"children":2089},{"style":917},[2090],{"type":896,"value":2091},"\"clearSnackbars\"",{"type":882,"tag":411,"props":2093,"children":2094},{"style":893},[2095],{"type":896,"value":2096},">Clear all\u003C\u002F",{"type":882,"tag":411,"props":2098,"children":2099},{"style":899},[2100],{"type":896,"value":1801},{"type":882,"tag":411,"props":2102,"children":2103},{"style":893},[2104],{"type":896,"value":488},{"type":882,"tag":411,"props":2106,"children":2108},{"class":413,"line":2107},56,[2109],{"type":882,"tag":411,"props":2110,"children":2111},{"emptyLinePlaceholder":508},[2112],{"type":896,"value":509},{"type":882,"tag":411,"props":2114,"children":2116},{"class":413,"line":2115},57,[2117,2121,2125],{"type":882,"tag":411,"props":2118,"children":2119},{"style":893},[2120],{"type":896,"value":602},{"type":882,"tag":411,"props":2122,"children":2123},{"style":899},[2124],{"type":896,"value":393},{"type":882,"tag":411,"props":2126,"children":2127},{"style":893},[2128],{"type":896,"value":638},{"type":882,"tag":411,"props":2130,"children":2132},{"class":413,"line":2131},58,[2133,2137,2141],{"type":882,"tag":411,"props":2134,"children":2135},{"style":893},[2136],{"type":896,"value":577},{"type":882,"tag":411,"props":2138,"children":2139},{"style":899},[2140],{"type":896,"value":594},{"type":882,"tag":411,"props":2142,"children":2143},{"style":893},[2144],{"type":896,"value":488},{"type":882,"tag":850,"props":2146,"children":2147},{},[2148],{"type":896,"value":2149},"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":2151},[],1791547497073]