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