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