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