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