[{"data":1,"prerenderedAt":1854},["ShallowReactive",2],{"section-redirect:navigation":3,"navigation_docs":337,"-components-modal":430,"-components-modal-surround":1296,"component-example-modalDefaultExample":1301,"component-meta-MtModal":1304,"component-example-ast-modalDefaultExample":1376},[4,110,290],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":279,"path":280,"stem":281},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":283,"path":284,"stem":285},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":287,"path":288,"stem":289},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":291,"path":292,"stem":293,"children":294,"page":34},"Utilities","\u002Futilities","3.utilities",[295,307,320,328],{"title":53,"path":296,"stem":297,"children":298,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[299,303],{"title":300,"path":301,"stem":302},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":304,"path":305,"stem":306},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[312,316],{"title":313,"path":314,"stem":315},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":317,"path":318,"stem":319},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":321,"path":322,"stem":323,"children":324,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[325],{"title":279,"path":326,"stem":327},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[333],{"title":334,"path":335,"stem":336},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",[338,368,414],{"title":5,"path":6,"stem":7,"children":339,"page":34},[340,347,353,362],{"title":10,"path":11,"stem":12,"children":341,"page":34},[342,343,344,345,346],{"title":15,"path":16,"stem":17},{"title":19,"path":20,"stem":21},{"title":23,"path":24,"stem":25},{"title":27,"path":28,"stem":29},{"title":31,"path":32,"stem":33},{"title":36,"path":37,"stem":38,"children":348,"page":34},[349,350,351,352],{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59,"children":354,"page":34},[355,356,357,358,359,360,361],{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},{"title":74,"path":75,"stem":76},{"title":78,"path":79,"stem":80},{"title":82,"path":83,"stem":84},{"title":86,"path":87,"stem":88},{"title":90,"path":91,"stem":92,"children":363,"page":34},[364,365,366,367],{"title":95,"path":96,"stem":97},{"title":99,"path":100,"stem":101},{"title":103,"path":104,"stem":105},{"title":107,"path":108,"stem":109},{"title":53,"path":111,"stem":112,"children":369,"page":34},[370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413],{"title":115,"path":116,"stem":117},{"title":119,"path":120,"stem":121},{"title":123,"path":124,"stem":125},{"title":127,"path":128,"stem":129},{"title":131,"path":132,"stem":133},{"title":135,"path":136,"stem":137},{"title":139,"path":140,"stem":141},{"title":143,"path":144,"stem":145},{"title":147,"path":148,"stem":149},{"title":151,"path":152,"stem":153},{"title":155,"path":156,"stem":157},{"title":159,"path":160,"stem":161},{"title":163,"path":164,"stem":165},{"title":167,"path":168,"stem":169},{"title":171,"path":172,"stem":173},{"title":175,"path":176,"stem":177},{"title":179,"path":180,"stem":181},{"title":183,"path":184,"stem":185},{"title":187,"path":188,"stem":189},{"title":191,"path":192,"stem":193},{"title":195,"path":196,"stem":197},{"title":199,"path":200,"stem":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245},{"title":247,"path":248,"stem":249},{"title":251,"path":252,"stem":253},{"title":255,"path":256,"stem":257},{"title":259,"path":260,"stem":261},{"title":263,"path":264,"stem":265},{"title":267,"path":268,"stem":269},{"title":271,"path":272,"stem":273},{"title":275,"path":276,"stem":277},{"title":279,"path":280,"stem":281},{"title":283,"path":284,"stem":285},{"title":287,"path":288,"stem":289},{"title":291,"path":292,"stem":293,"children":415,"page":34},[416,420,424,427],{"title":53,"path":296,"stem":297,"children":417,"page":34},[418,419],{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310,"children":421,"page":34},[422,423],{"title":313,"path":314,"stem":315},{"title":317,"path":318,"stem":319},{"title":321,"path":322,"stem":323,"children":425,"page":34},[426],{"title":279,"path":326,"stem":327},{"title":329,"path":330,"stem":331,"children":428,"page":34},[429],{"title":334,"path":335,"stem":336},{"id":431,"title":199,"body":432,"description":1290,"extension":1291,"links":1292,"meta":1293,"navigation":650,"path":200,"seo":1294,"stem":201,"__hash__":1295},"docs\u002F2.components\u002Fmodal.md",{"type":433,"value":434,"toc":1279},"minimark",[435,439,444,451,520,524,529,569,572,576,582,770,780,918,923,932,1178,1182,1185,1189,1217,1221,1258,1261,1275],[436,437],"component-example",{"name":438},"modal-default-example",[440,441,443],"h2",{"id":442},"usage","Usage",[445,446,447,450],"p",{},[448,449,199],"strong",{}," is a dialog that sits above the current page to focus attention on a single task or decision. Use it for flows that need clear interruption, such as confirmations, forms, or important details, when users need to complete a focused task without leaving the current page and the content should sit above the rest of the interface instead of becoming part of the page layout.",[452,453,458],"pre",{"className":454,"code":455,"language":456,"meta":457,"style":457},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import {\n  MtModal,\n  MtModalRoot,\n  MtModalTrigger,\n  MtModalClose,\n  MtModalAction,\n} from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[459,460,461,474,480,486,492,498,504],"code",{"__ignoreMap":457},[462,463,466,470],"span",{"class":464,"line":465},"line",1,[462,467,469],{"class":468},"sLfaJ","import",[462,471,473],{"class":472},"sSgjj"," {\n",[462,475,477],{"class":464,"line":476},2,[462,478,479],{"class":472},"  MtModal,\n",[462,481,483],{"class":464,"line":482},3,[462,484,485],{"class":472},"  MtModalRoot,\n",[462,487,489],{"class":464,"line":488},4,[462,490,491],{"class":472},"  MtModalTrigger,\n",[462,493,495],{"class":464,"line":494},5,[462,496,497],{"class":472},"  MtModalClose,\n",[462,499,501],{"class":464,"line":500},6,[462,502,503],{"class":472},"  MtModalAction,\n",[462,505,507,510,513,517],{"class":464,"line":506},7,[462,508,509],{"class":472},"} ",[462,511,512],{"class":468},"from",[462,514,516],{"class":515},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[462,518,519],{"class":472},";\n",[440,521,523],{"id":522},"anatomy","Anatomy",[445,525,526,528],{},[448,527,199],{}," is built from a small set of companion exports that work together:",[530,531,532,539,545,557,563],"ul",{},[533,534,535,538],"li",{},[459,536,537],{},"mt-modal-root"," wraps all related modal components and controls whether the modal is visible.",[533,540,541,544],{},[459,542,543],{},"mt-modal"," renders the modal surface and content container.",[533,546,547,550,551,556],{},[459,548,549],{},"mt-modal-trigger"," defines the element that opens the modal when clicked, usually a ",[552,553,554],"a",{"href":132},[448,555,131],{},".",[533,558,559,562],{},[459,560,561],{},"mt-modal-action"," performs an action before closing the modal, most often for confirm flows.",[533,564,565,568],{},[459,566,567],{},"mt-modal-close"," closes the modal when clicked.",[445,570,571],{},"These parts are exported together so the pattern can be composed in one place.",[440,573,575],{"id":574},"composition","Composition",[445,577,578,579,581],{},"In most cases you open a modal through a trigger. Wrap the related parts in ",[459,580,537],{},":",[452,583,587],{"className":584,"code":585,"language":586,"meta":457,"style":457},"language-html shiki shiki-themes github-light github-dark-default github-dark-default","\u003Ctemplate>\n  \u003Cmt-modal-root>\n    \u003Cmt-modal title=\"Some random title\">\n      \u003Ctemplate #default>This is my modal\u003C\u002Ftemplate>\n\n      \u003Ctemplate #footer>\n        \u003Cmt-button-close :as=\"MtButton\" variant=\"secondary\">\n          Close\n        \u003C\u002Fmt-button-close>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fmt-modal>\n\n    \u003Cmt-modal-trigger :as=\"MtButton\">Open modal\u003C\u002Fmt-modal-trigger>\n  \u003C\u002Fmt-modal-root>\n\u003C\u002Ftemplate>\n","html",[459,588,589,601,610,629,646,652,663,689,695,705,715,725,730,750,760],{"__ignoreMap":457},[462,590,591,594,598],{"class":464,"line":465},[462,592,593],{"class":472},"\u003C",[462,595,597],{"class":596},"sFzZJ","template",[462,599,600],{"class":472},">\n",[462,602,603,606,608],{"class":464,"line":476},[462,604,605],{"class":472},"  \u003C",[462,607,537],{"class":596},[462,609,600],{"class":472},[462,611,612,615,617,621,624,627],{"class":464,"line":482},[462,613,614],{"class":472},"    \u003C",[462,616,543],{"class":596},[462,618,620],{"class":619},"srQ81"," title",[462,622,623],{"class":472},"=",[462,625,626],{"class":515},"\"Some random title\"",[462,628,600],{"class":472},[462,630,631,634,636,639,642,644],{"class":464,"line":488},[462,632,633],{"class":472},"      \u003C",[462,635,597],{"class":596},[462,637,638],{"class":619}," #default",[462,640,641],{"class":472},">This is my modal\u003C\u002F",[462,643,597],{"class":596},[462,645,600],{"class":472},[462,647,648],{"class":464,"line":494},[462,649,651],{"emptyLinePlaceholder":650},true,"\n",[462,653,654,656,658,661],{"class":464,"line":500},[462,655,633],{"class":472},[462,657,597],{"class":596},[462,659,660],{"class":619}," #footer",[462,662,600],{"class":472},[462,664,665,668,671,674,676,679,682,684,687],{"class":464,"line":506},[462,666,667],{"class":472},"        \u003C",[462,669,670],{"class":596},"mt-button-close",[462,672,673],{"class":619}," :as",[462,675,623],{"class":472},[462,677,678],{"class":515},"\"MtButton\"",[462,680,681],{"class":619}," variant",[462,683,623],{"class":472},[462,685,686],{"class":515},"\"secondary\"",[462,688,600],{"class":472},[462,690,692],{"class":464,"line":691},8,[462,693,694],{"class":472},"          Close\n",[462,696,698,701,703],{"class":464,"line":697},9,[462,699,700],{"class":472},"        \u003C\u002F",[462,702,670],{"class":596},[462,704,600],{"class":472},[462,706,708,711,713],{"class":464,"line":707},10,[462,709,710],{"class":472},"      \u003C\u002F",[462,712,597],{"class":596},[462,714,600],{"class":472},[462,716,718,721,723],{"class":464,"line":717},11,[462,719,720],{"class":472},"    \u003C\u002F",[462,722,543],{"class":596},[462,724,600],{"class":472},[462,726,728],{"class":464,"line":727},12,[462,729,651],{"emptyLinePlaceholder":650},[462,731,733,735,737,739,741,743,746,748],{"class":464,"line":732},13,[462,734,614],{"class":472},[462,736,549],{"class":596},[462,738,673],{"class":619},[462,740,623],{"class":472},[462,742,678],{"class":515},[462,744,745],{"class":472},">Open modal\u003C\u002F",[462,747,549],{"class":596},[462,749,600],{"class":472},[462,751,753,756,758],{"class":464,"line":752},14,[462,754,755],{"class":472},"  \u003C\u002F",[462,757,537],{"class":596},[462,759,600],{"class":472},[462,761,763,766,768],{"class":464,"line":762},15,[462,764,765],{"class":472},"\u003C\u002F",[462,767,597],{"class":596},[462,769,600],{"class":472},[445,771,772,773,775,776,779],{},"To run work before the modal closes, such as a network request, use ",[459,774,561],{},". Its click handler receives a ",[459,777,778],{},"done"," callback that closes the modal when you call it:",[452,781,783],{"className":584,"code":782,"language":586,"meta":457,"style":457},"\u003Ctemplate>\n  \u003C!-- mt-modal-root and mt-modal are the same as above -->\n  \u003Ctemplate #footer>\n    \u003Cmt-modal-action\n      :as=\"MtButton\"\n      variant=\"primary\"\n      @click=\"\n        (done) => {\n          \u002F\u002F Do something like a network request\n\n          \u002F\u002F Call `done` to close the modal\n          done();\n        }\n      \"\n    >\n      Confirm action\n    \u003C\u002Fmt-modal-action>\n  \u003C\u002Ftemplate>\n\u003C\u002Ftemplate>\n",[459,784,785,793,799,809,816,826,836,846,851,856,860,865,870,875,880,885,891,900,909],{"__ignoreMap":457},[462,786,787,789,791],{"class":464,"line":465},[462,788,593],{"class":472},[462,790,597],{"class":596},[462,792,600],{"class":472},[462,794,795],{"class":464,"line":476},[462,796,798],{"class":797},"sVYXU","  \u003C!-- mt-modal-root and mt-modal are the same as above -->\n",[462,800,801,803,805,807],{"class":464,"line":482},[462,802,605],{"class":472},[462,804,597],{"class":596},[462,806,660],{"class":619},[462,808,600],{"class":472},[462,810,811,813],{"class":464,"line":488},[462,812,614],{"class":472},[462,814,815],{"class":596},"mt-modal-action\n",[462,817,818,821,823],{"class":464,"line":494},[462,819,820],{"class":619},"      :as",[462,822,623],{"class":472},[462,824,825],{"class":515},"\"MtButton\"\n",[462,827,828,831,833],{"class":464,"line":500},[462,829,830],{"class":619},"      variant",[462,832,623],{"class":472},[462,834,835],{"class":515},"\"primary\"\n",[462,837,838,841,843],{"class":464,"line":506},[462,839,840],{"class":619},"      @click",[462,842,623],{"class":472},[462,844,845],{"class":515},"\"\n",[462,847,848],{"class":464,"line":691},[462,849,850],{"class":515},"        (done) => {\n",[462,852,853],{"class":464,"line":697},[462,854,855],{"class":515},"          \u002F\u002F Do something like a network request\n",[462,857,858],{"class":464,"line":707},[462,859,651],{"emptyLinePlaceholder":650},[462,861,862],{"class":464,"line":717},[462,863,864],{"class":515},"          \u002F\u002F Call `done` to close the modal\n",[462,866,867],{"class":464,"line":727},[462,868,869],{"class":515},"          done();\n",[462,871,872],{"class":464,"line":732},[462,873,874],{"class":515},"        }\n",[462,876,877],{"class":464,"line":752},[462,878,879],{"class":515},"      \"\n",[462,881,882],{"class":464,"line":762},[462,883,884],{"class":472},"    >\n",[462,886,888],{"class":464,"line":887},16,[462,889,890],{"class":472},"      Confirm action\n",[462,892,894,896,898],{"class":464,"line":893},17,[462,895,720],{"class":472},[462,897,561],{"class":596},[462,899,600],{"class":472},[462,901,903,905,907],{"class":464,"line":902},18,[462,904,755],{"class":472},[462,906,597],{"class":596},[462,908,600],{"class":472},[462,910,912,914,916],{"class":464,"line":911},19,[462,913,765],{"class":472},[462,915,597],{"class":596},[462,917,600],{"class":472},[919,920,922],"h3",{"id":921},"controlled-state","Controlled state",[445,924,925,926,929,930,581],{},"To open a modal from something other than a trigger, control the open state directly with the ",[459,927,928],{},"isOpen"," prop on ",[459,931,537],{},[452,933,935],{"className":584,"code":934,"language":586,"meta":457,"style":457},"\u003Ctemplate>\n  \u003Cmt-modal-root :is-open=\"isOpen\">\n    \u003Cmt-modal title=\"Some random title\">\n      \u003Ctemplate #default>This is my modal\u003C\u002Ftemplate>\n\n      \u003Ctemplate #footer>\n        \u003Cmt-button variant=\"secondary\" @click=\"() => (isOpen = false)\">\n          Close\n        \u003C\u002Fmt-button>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fmt-modal>\n  \u003C\u002Fmt-modal-root>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\n  const isOpen = ref(false);\n\n  onMounted(() => {\n    setTimeout(() => {\n      isOpen.value = true;\n    }, 1_000);\n  });\n\u003C\u002Fscript>\n",[459,936,937,945,961,975,989,993,1003,1026,1030,1038,1046,1054,1062,1070,1074,1086,1111,1115,1128,1139,1152,1163,1169],{"__ignoreMap":457},[462,938,939,941,943],{"class":464,"line":465},[462,940,593],{"class":472},[462,942,597],{"class":596},[462,944,600],{"class":472},[462,946,947,949,951,954,956,959],{"class":464,"line":476},[462,948,605],{"class":472},[462,950,537],{"class":596},[462,952,953],{"class":619}," :is-open",[462,955,623],{"class":472},[462,957,958],{"class":515},"\"isOpen\"",[462,960,600],{"class":472},[462,962,963,965,967,969,971,973],{"class":464,"line":482},[462,964,614],{"class":472},[462,966,543],{"class":596},[462,968,620],{"class":619},[462,970,623],{"class":472},[462,972,626],{"class":515},[462,974,600],{"class":472},[462,976,977,979,981,983,985,987],{"class":464,"line":488},[462,978,633],{"class":472},[462,980,597],{"class":596},[462,982,638],{"class":619},[462,984,641],{"class":472},[462,986,597],{"class":596},[462,988,600],{"class":472},[462,990,991],{"class":464,"line":494},[462,992,651],{"emptyLinePlaceholder":650},[462,994,995,997,999,1001],{"class":464,"line":500},[462,996,633],{"class":472},[462,998,597],{"class":596},[462,1000,660],{"class":619},[462,1002,600],{"class":472},[462,1004,1005,1007,1010,1012,1014,1016,1019,1021,1024],{"class":464,"line":506},[462,1006,667],{"class":472},[462,1008,1009],{"class":596},"mt-button",[462,1011,681],{"class":619},[462,1013,623],{"class":472},[462,1015,686],{"class":515},[462,1017,1018],{"class":619}," @click",[462,1020,623],{"class":472},[462,1022,1023],{"class":515},"\"() => (isOpen = false)\"",[462,1025,600],{"class":472},[462,1027,1028],{"class":464,"line":691},[462,1029,694],{"class":472},[462,1031,1032,1034,1036],{"class":464,"line":697},[462,1033,700],{"class":472},[462,1035,1009],{"class":596},[462,1037,600],{"class":472},[462,1039,1040,1042,1044],{"class":464,"line":707},[462,1041,710],{"class":472},[462,1043,597],{"class":596},[462,1045,600],{"class":472},[462,1047,1048,1050,1052],{"class":464,"line":717},[462,1049,720],{"class":472},[462,1051,543],{"class":596},[462,1053,600],{"class":472},[462,1055,1056,1058,1060],{"class":464,"line":727},[462,1057,755],{"class":472},[462,1059,537],{"class":596},[462,1061,600],{"class":472},[462,1063,1064,1066,1068],{"class":464,"line":732},[462,1065,765],{"class":472},[462,1067,597],{"class":596},[462,1069,600],{"class":472},[462,1071,1072],{"class":464,"line":752},[462,1073,651],{"emptyLinePlaceholder":650},[462,1075,1076,1078,1081,1084],{"class":464,"line":762},[462,1077,593],{"class":472},[462,1079,1080],{"class":596},"script",[462,1082,1083],{"class":619}," setup",[462,1085,600],{"class":472},[462,1087,1088,1091,1095,1098,1102,1105,1108],{"class":464,"line":887},[462,1089,1090],{"class":468},"  const",[462,1092,1094],{"class":1093},"sfxXV"," isOpen",[462,1096,1097],{"class":468}," =",[462,1099,1101],{"class":1100},"s71ug"," ref",[462,1103,1104],{"class":472},"(",[462,1106,1107],{"class":1093},"false",[462,1109,1110],{"class":472},");\n",[462,1112,1113],{"class":464,"line":893},[462,1114,651],{"emptyLinePlaceholder":650},[462,1116,1117,1120,1123,1126],{"class":464,"line":902},[462,1118,1119],{"class":1100},"  onMounted",[462,1121,1122],{"class":472},"(() ",[462,1124,1125],{"class":468},"=>",[462,1127,473],{"class":472},[462,1129,1130,1133,1135,1137],{"class":464,"line":911},[462,1131,1132],{"class":1100},"    setTimeout",[462,1134,1122],{"class":472},[462,1136,1125],{"class":468},[462,1138,473],{"class":472},[462,1140,1142,1145,1147,1150],{"class":464,"line":1141},20,[462,1143,1144],{"class":472},"      isOpen.value ",[462,1146,623],{"class":468},[462,1148,1149],{"class":1093}," true",[462,1151,519],{"class":472},[462,1153,1155,1158,1161],{"class":464,"line":1154},21,[462,1156,1157],{"class":472},"    }, ",[462,1159,1160],{"class":1093},"1_000",[462,1162,1110],{"class":472},[462,1164,1166],{"class":464,"line":1165},22,[462,1167,1168],{"class":472},"  });\n",[462,1170,1172,1174,1176],{"class":464,"line":1171},23,[462,1173,765],{"class":472},[462,1175,1080],{"class":596},[462,1177,600],{"class":472},[440,1179,1181],{"id":1180},"api-reference","API reference",[1183,1184],"component-api",{},[440,1186,1188],{"id":1187},"best-practices","Best practices",[1190,1191,1193,1206],"do-dont",{":vertical":1192},"true",[597,1194,1195],{"v-slot:do":457},[530,1196,1197,1200,1203],{},[533,1198,1199],{},"Keep modal content focused on a single task or decision.",[533,1201,1202],{},"Use a clear title and footer actions so users understand how to continue or cancel.",[533,1204,1205],{},"Choose a modal width that matches the amount of content.",[597,1207,1208,1211,1214],{"v-slot:dont":457},[533,1209,1210],{},"Do not overload a modal with several unrelated tasks.",[533,1212,1213],{},"Do not use a modal when inline content or a dedicated page would be easier to understand.",[533,1215,1216],{},"Do not make closing behavior ambiguous.",[440,1218,1220],{"id":1219},"behavior","Behavior",[530,1222,1223,1228,1239,1247,1255],{},[533,1224,1225,1227],{},[459,1226,537],{}," controls whether the modal is mounted and visible.",[533,1229,1230,1232,1233,1235,1236,1238],{},[459,1231,549],{},", ",[459,1234,561],{},", and ",[459,1237,567],{}," support common opening and closing flows.",[533,1240,1241,1243,1244,1246],{},[459,1242,561],{}," receives a ",[459,1245,778],{}," callback so you can run work, such as a network request, before the modal closes.",[533,1248,1249,1250,929,1252,1254],{},"Use the ",[459,1251,928],{},[459,1253,537],{}," to control the open state directly when something other than a trigger opens the modal.",[533,1256,1257],{},"Footer actions are usually the clearest place for confirmation and cancellation controls.",[440,1259,45],{"id":1260},"accessibility",[530,1262,1263,1266,1269],{},[533,1264,1265],{},"Use a clear title so users immediately understand the purpose of the dialog.",[533,1267,1268],{},"Keep focus behavior predictable and ensure footer actions are reachable by keyboard.",[533,1270,1271,1272,1274],{},"Only use ",[448,1273,199],{}," when interrupting the current flow is justified by the task.",[1276,1277,1278],"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 .sVYXU, html code.shiki .sVYXU{--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E}html pre.shiki code .sfxXV, html code.shiki .sfxXV{--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF}html pre.shiki code .s71ug, html code.shiki .s71ug{--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF}",{"title":457,"searchDepth":476,"depth":476,"links":1280},[1281,1282,1283,1286,1287,1288,1289],{"id":442,"depth":476,"text":443},{"id":522,"depth":476,"text":523},{"id":574,"depth":476,"text":575,"children":1284},[1285],{"id":921,"depth":482,"text":922},{"id":1180,"depth":476,"text":1181},{"id":1187,"depth":476,"text":1188},{"id":1219,"depth":476,"text":1220},{"id":1260,"depth":476,"text":45},"A dialog that sits above the current page to focus attention on a single task or decision.","md",null,{},{"title":199,"description":1290},"_Ljx82IJlpSbwwXHnqk1FsEyuUvIZQ2vgZ3AMI0shdk",[1297,1299],{"title":195,"path":196,"stem":197,"description":1298,"children":-1},"An indeterminate loading indicator shown as a centered spinner overlay.",{"title":203,"path":204,"stem":205,"description":1300,"children":-1},"A numeric input control with optional limits, steps, and stepper controls.",{"code":1302,"pascalName":1303},"\u003Cscript setup lang=\"ts\">\nimport MtModalRoot from \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalRoot\";\nimport MtModal from \"@shopware-ag\u002Fmeteor-component-library\u002FMtModal\";\nimport MtModalTrigger from \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalTrigger\";\nimport MtModalClose from \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalClose\";\nimport MtButton from \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-modal-root>\n    \u003Cmt-modal-trigger :as=\"MtButton\">Open modal\u003C\u002Fmt-modal-trigger>\n\n    \u003Cmt-modal title=\"Modal Title\">\n      \u003Ctemplate #default>Modal content\u003C\u002Ftemplate>\n\n      \u003Ctemplate #footer>\n        \u003Cmt-modal-close :as=\"MtButton\" variant=\"secondary\">Close\u003C\u002Fmt-modal-close>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fmt-modal>\n  \u003C\u002Fmt-modal-root>\n\u003C\u002Ftemplate>\n","ModalDefaultExample",{"pascalName":1305,"kebabName":543,"filePath":1306,"meta":1307},"MtModal","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-modal\u002Fmt-modal.vue",{"type":465,"props":1308,"slots":1345,"events":1373,"exposed":1374,"hash":1375},[1309,1322,1329,1334,1340],{"name":1310,"global":34,"default":1311,"description":457,"tags":1312,"required":34,"type":1313,"schema":1314},"width","\"m\"",[],"\"m\" | \"l\" | \"s\" | \"full\" | \"xl\" | undefined",{"kind":1315,"type":1313,"schema":1316},"enum",{"0":1317,"1":1311,"2":1318,"3":1319,"4":1320,"5":1321},"undefined","\"l\"","\"s\"","\"full\"","\"xl\"",{"name":1323,"global":34,"default":1317,"description":457,"tags":1324,"required":34,"type":1325,"schema":1326},"title",[],"string | undefined",{"kind":1315,"type":1325,"schema":1327},{"0":1317,"1":1328},"string",{"name":1330,"global":34,"default":1317,"description":457,"tags":1331,"required":34,"type":1325,"schema":1332},"subtitle",[],{"kind":1315,"type":1325,"schema":1333},{"0":1317,"1":1328},{"name":1335,"global":34,"default":1107,"description":457,"tags":1336,"required":34,"type":1337,"schema":1338},"inset",[],"boolean | undefined",{"kind":1315,"type":1337,"schema":1339},{"0":1317,"1":1107,"2":1192},{"name":1341,"global":34,"default":1107,"description":457,"tags":1342,"required":34,"type":1337,"schema":1343},"hideHeader",[],{"kind":1315,"type":1337,"schema":1344},{"0":1317,"1":1107,"2":1192},[1346,1353,1358,1363,1368],{"name":1347,"type":1348,"description":457,"tags":1349,"schema":1350},"header-left","{}",[],{"kind":1351,"type":1348,"schema":1352},"object",{},{"name":1354,"type":1348,"description":457,"tags":1355,"schema":1356},"title-after",[],{"kind":1351,"type":1348,"schema":1357},{},{"name":1359,"type":1348,"description":457,"tags":1360,"schema":1361},"header-right",[],{"kind":1351,"type":1348,"schema":1362},{},{"name":1364,"type":1348,"description":457,"tags":1365,"schema":1366},"default",[],{"kind":1351,"type":1348,"schema":1367},{},{"name":1369,"type":1348,"description":457,"tags":1370,"schema":1371},"footer",[],{"kind":1351,"type":1348,"schema":1372},{},[],[],"TIbr02LS0EaZgKuxtBmgu0VbqF5dBB8hg4ou_NBUxUI",{"data":1377,"body":1378,"toc":1852},{"title":457,"description":457},{"type":1379,"children":1380},"root",[1381,1847],{"type":1382,"tag":452,"props":1383,"children":1386},"element",{"className":1384,"code":1302,"language":1385,"meta":457,"style":457},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[1387],{"type":1382,"tag":459,"props":1388,"children":1389},{"__ignoreMap":457},[1390,1428,1454,1479,1504,1529,1554,1569,1576,1591,1606,1641,1648,1676,1709,1716,1739,1787,1802,1817,1832],{"type":1382,"tag":462,"props":1391,"children":1392},{"class":464,"line":465},[1393,1399,1404,1409,1414,1418,1424],{"type":1382,"tag":462,"props":1394,"children":1396},{"style":1395},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[1397],{"type":1398,"value":593},"text",{"type":1382,"tag":462,"props":1400,"children":1402},{"style":1401},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[1403],{"type":1398,"value":1080},{"type":1382,"tag":462,"props":1405,"children":1407},{"style":1406},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[1408],{"type":1398,"value":1083},{"type":1382,"tag":462,"props":1410,"children":1411},{"style":1406},[1412],{"type":1398,"value":1413}," lang",{"type":1382,"tag":462,"props":1415,"children":1416},{"style":1395},[1417],{"type":1398,"value":623},{"type":1382,"tag":462,"props":1419,"children":1421},{"style":1420},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[1422],{"type":1398,"value":1423},"\"ts\"",{"type":1382,"tag":462,"props":1425,"children":1426},{"style":1395},[1427],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1429,"children":1430},{"class":464,"line":476},[1431,1436,1441,1445,1450],{"type":1382,"tag":462,"props":1432,"children":1434},{"style":1433},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[1435],{"type":1398,"value":469},{"type":1382,"tag":462,"props":1437,"children":1438},{"style":1395},[1439],{"type":1398,"value":1440}," MtModalRoot ",{"type":1382,"tag":462,"props":1442,"children":1443},{"style":1433},[1444],{"type":1398,"value":512},{"type":1382,"tag":462,"props":1446,"children":1447},{"style":1420},[1448],{"type":1398,"value":1449}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalRoot\"",{"type":1382,"tag":462,"props":1451,"children":1452},{"style":1395},[1453],{"type":1398,"value":519},{"type":1382,"tag":462,"props":1455,"children":1456},{"class":464,"line":482},[1457,1461,1466,1470,1475],{"type":1382,"tag":462,"props":1458,"children":1459},{"style":1433},[1460],{"type":1398,"value":469},{"type":1382,"tag":462,"props":1462,"children":1463},{"style":1395},[1464],{"type":1398,"value":1465}," MtModal ",{"type":1382,"tag":462,"props":1467,"children":1468},{"style":1433},[1469],{"type":1398,"value":512},{"type":1382,"tag":462,"props":1471,"children":1472},{"style":1420},[1473],{"type":1398,"value":1474}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModal\"",{"type":1382,"tag":462,"props":1476,"children":1477},{"style":1395},[1478],{"type":1398,"value":519},{"type":1382,"tag":462,"props":1480,"children":1481},{"class":464,"line":488},[1482,1486,1491,1495,1500],{"type":1382,"tag":462,"props":1483,"children":1484},{"style":1433},[1485],{"type":1398,"value":469},{"type":1382,"tag":462,"props":1487,"children":1488},{"style":1395},[1489],{"type":1398,"value":1490}," MtModalTrigger ",{"type":1382,"tag":462,"props":1492,"children":1493},{"style":1433},[1494],{"type":1398,"value":512},{"type":1382,"tag":462,"props":1496,"children":1497},{"style":1420},[1498],{"type":1398,"value":1499}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalTrigger\"",{"type":1382,"tag":462,"props":1501,"children":1502},{"style":1395},[1503],{"type":1398,"value":519},{"type":1382,"tag":462,"props":1505,"children":1506},{"class":464,"line":494},[1507,1511,1516,1520,1525],{"type":1382,"tag":462,"props":1508,"children":1509},{"style":1433},[1510],{"type":1398,"value":469},{"type":1382,"tag":462,"props":1512,"children":1513},{"style":1395},[1514],{"type":1398,"value":1515}," MtModalClose ",{"type":1382,"tag":462,"props":1517,"children":1518},{"style":1433},[1519],{"type":1398,"value":512},{"type":1382,"tag":462,"props":1521,"children":1522},{"style":1420},[1523],{"type":1398,"value":1524}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalClose\"",{"type":1382,"tag":462,"props":1526,"children":1527},{"style":1395},[1528],{"type":1398,"value":519},{"type":1382,"tag":462,"props":1530,"children":1531},{"class":464,"line":500},[1532,1536,1541,1545,1550],{"type":1382,"tag":462,"props":1533,"children":1534},{"style":1433},[1535],{"type":1398,"value":469},{"type":1382,"tag":462,"props":1537,"children":1538},{"style":1395},[1539],{"type":1398,"value":1540}," MtButton ",{"type":1382,"tag":462,"props":1542,"children":1543},{"style":1433},[1544],{"type":1398,"value":512},{"type":1382,"tag":462,"props":1546,"children":1547},{"style":1420},[1548],{"type":1398,"value":1549}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\"",{"type":1382,"tag":462,"props":1551,"children":1552},{"style":1395},[1553],{"type":1398,"value":519},{"type":1382,"tag":462,"props":1555,"children":1556},{"class":464,"line":506},[1557,1561,1565],{"type":1382,"tag":462,"props":1558,"children":1559},{"style":1395},[1560],{"type":1398,"value":765},{"type":1382,"tag":462,"props":1562,"children":1563},{"style":1401},[1564],{"type":1398,"value":1080},{"type":1382,"tag":462,"props":1566,"children":1567},{"style":1395},[1568],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1570,"children":1571},{"class":464,"line":691},[1572],{"type":1382,"tag":462,"props":1573,"children":1574},{"emptyLinePlaceholder":650},[1575],{"type":1398,"value":651},{"type":1382,"tag":462,"props":1577,"children":1578},{"class":464,"line":697},[1579,1583,1587],{"type":1382,"tag":462,"props":1580,"children":1581},{"style":1395},[1582],{"type":1398,"value":593},{"type":1382,"tag":462,"props":1584,"children":1585},{"style":1401},[1586],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1588,"children":1589},{"style":1395},[1590],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1592,"children":1593},{"class":464,"line":707},[1594,1598,1602],{"type":1382,"tag":462,"props":1595,"children":1596},{"style":1395},[1597],{"type":1398,"value":605},{"type":1382,"tag":462,"props":1599,"children":1600},{"style":1401},[1601],{"type":1398,"value":537},{"type":1382,"tag":462,"props":1603,"children":1604},{"style":1395},[1605],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1607,"children":1608},{"class":464,"line":717},[1609,1613,1617,1621,1625,1629,1633,1637],{"type":1382,"tag":462,"props":1610,"children":1611},{"style":1395},[1612],{"type":1398,"value":614},{"type":1382,"tag":462,"props":1614,"children":1615},{"style":1401},[1616],{"type":1398,"value":549},{"type":1382,"tag":462,"props":1618,"children":1619},{"style":1406},[1620],{"type":1398,"value":673},{"type":1382,"tag":462,"props":1622,"children":1623},{"style":1395},[1624],{"type":1398,"value":623},{"type":1382,"tag":462,"props":1626,"children":1627},{"style":1420},[1628],{"type":1398,"value":678},{"type":1382,"tag":462,"props":1630,"children":1631},{"style":1395},[1632],{"type":1398,"value":745},{"type":1382,"tag":462,"props":1634,"children":1635},{"style":1401},[1636],{"type":1398,"value":549},{"type":1382,"tag":462,"props":1638,"children":1639},{"style":1395},[1640],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1642,"children":1643},{"class":464,"line":727},[1644],{"type":1382,"tag":462,"props":1645,"children":1646},{"emptyLinePlaceholder":650},[1647],{"type":1398,"value":651},{"type":1382,"tag":462,"props":1649,"children":1650},{"class":464,"line":732},[1651,1655,1659,1663,1667,1672],{"type":1382,"tag":462,"props":1652,"children":1653},{"style":1395},[1654],{"type":1398,"value":614},{"type":1382,"tag":462,"props":1656,"children":1657},{"style":1401},[1658],{"type":1398,"value":543},{"type":1382,"tag":462,"props":1660,"children":1661},{"style":1406},[1662],{"type":1398,"value":620},{"type":1382,"tag":462,"props":1664,"children":1665},{"style":1395},[1666],{"type":1398,"value":623},{"type":1382,"tag":462,"props":1668,"children":1669},{"style":1420},[1670],{"type":1398,"value":1671},"\"Modal Title\"",{"type":1382,"tag":462,"props":1673,"children":1674},{"style":1395},[1675],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1677,"children":1678},{"class":464,"line":752},[1679,1683,1687,1692,1696,1701,1705],{"type":1382,"tag":462,"props":1680,"children":1681},{"style":1395},[1682],{"type":1398,"value":633},{"type":1382,"tag":462,"props":1684,"children":1685},{"style":1401},[1686],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1688,"children":1689},{"style":1395},[1690],{"type":1398,"value":1691}," #",{"type":1382,"tag":462,"props":1693,"children":1694},{"style":1406},[1695],{"type":1398,"value":1364},{"type":1382,"tag":462,"props":1697,"children":1698},{"style":1395},[1699],{"type":1398,"value":1700},">Modal content\u003C\u002F",{"type":1382,"tag":462,"props":1702,"children":1703},{"style":1401},[1704],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1706,"children":1707},{"style":1395},[1708],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1710,"children":1711},{"class":464,"line":762},[1712],{"type":1382,"tag":462,"props":1713,"children":1714},{"emptyLinePlaceholder":650},[1715],{"type":1398,"value":651},{"type":1382,"tag":462,"props":1717,"children":1718},{"class":464,"line":887},[1719,1723,1727,1731,1735],{"type":1382,"tag":462,"props":1720,"children":1721},{"style":1395},[1722],{"type":1398,"value":633},{"type":1382,"tag":462,"props":1724,"children":1725},{"style":1401},[1726],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1728,"children":1729},{"style":1395},[1730],{"type":1398,"value":1691},{"type":1382,"tag":462,"props":1732,"children":1733},{"style":1406},[1734],{"type":1398,"value":1369},{"type":1382,"tag":462,"props":1736,"children":1737},{"style":1395},[1738],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1740,"children":1741},{"class":464,"line":893},[1742,1746,1750,1754,1758,1762,1766,1770,1774,1779,1783],{"type":1382,"tag":462,"props":1743,"children":1744},{"style":1395},[1745],{"type":1398,"value":667},{"type":1382,"tag":462,"props":1747,"children":1748},{"style":1401},[1749],{"type":1398,"value":567},{"type":1382,"tag":462,"props":1751,"children":1752},{"style":1406},[1753],{"type":1398,"value":673},{"type":1382,"tag":462,"props":1755,"children":1756},{"style":1395},[1757],{"type":1398,"value":623},{"type":1382,"tag":462,"props":1759,"children":1760},{"style":1420},[1761],{"type":1398,"value":678},{"type":1382,"tag":462,"props":1763,"children":1764},{"style":1406},[1765],{"type":1398,"value":681},{"type":1382,"tag":462,"props":1767,"children":1768},{"style":1395},[1769],{"type":1398,"value":623},{"type":1382,"tag":462,"props":1771,"children":1772},{"style":1420},[1773],{"type":1398,"value":686},{"type":1382,"tag":462,"props":1775,"children":1776},{"style":1395},[1777],{"type":1398,"value":1778},">Close\u003C\u002F",{"type":1382,"tag":462,"props":1780,"children":1781},{"style":1401},[1782],{"type":1398,"value":567},{"type":1382,"tag":462,"props":1784,"children":1785},{"style":1395},[1786],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1788,"children":1789},{"class":464,"line":902},[1790,1794,1798],{"type":1382,"tag":462,"props":1791,"children":1792},{"style":1395},[1793],{"type":1398,"value":710},{"type":1382,"tag":462,"props":1795,"children":1796},{"style":1401},[1797],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1799,"children":1800},{"style":1395},[1801],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1803,"children":1804},{"class":464,"line":911},[1805,1809,1813],{"type":1382,"tag":462,"props":1806,"children":1807},{"style":1395},[1808],{"type":1398,"value":720},{"type":1382,"tag":462,"props":1810,"children":1811},{"style":1401},[1812],{"type":1398,"value":543},{"type":1382,"tag":462,"props":1814,"children":1815},{"style":1395},[1816],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1818,"children":1819},{"class":464,"line":1141},[1820,1824,1828],{"type":1382,"tag":462,"props":1821,"children":1822},{"style":1395},[1823],{"type":1398,"value":755},{"type":1382,"tag":462,"props":1825,"children":1826},{"style":1401},[1827],{"type":1398,"value":537},{"type":1382,"tag":462,"props":1829,"children":1830},{"style":1395},[1831],{"type":1398,"value":600},{"type":1382,"tag":462,"props":1833,"children":1834},{"class":464,"line":1154},[1835,1839,1843],{"type":1382,"tag":462,"props":1836,"children":1837},{"style":1395},[1838],{"type":1398,"value":765},{"type":1382,"tag":462,"props":1840,"children":1841},{"style":1401},[1842],{"type":1398,"value":597},{"type":1382,"tag":462,"props":1844,"children":1845},{"style":1395},[1846],{"type":1398,"value":600},{"type":1382,"tag":1276,"props":1848,"children":1849},{},[1850],{"type":1398,"value":1851},"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":457,"searchDepth":476,"depth":476,"links":1853},[],1782998211832]