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