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