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