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