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