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