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