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