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