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