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