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