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