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