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