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