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