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