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