[{"data":1,"prerenderedAt":1859},["ShallowReactive",2],{"navigation_docs":3,"-components-modal":361,"-components-modal-surround":1255,"component-example-modalDefaultExample":1260,"component-meta-MtModal":1263,"component-example-ast-modalDefaultExample":1335},[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":1249,"extension":1250,"links":1251,"meta":1252,"navigation":581,"path":208,"seo":1253,"stem":209,"__hash__":1254},"docs\u002F2.components\u002Fmodal.md",{"type":364,"value":365,"toc":1238},"minimark",[366,370,375,382,451,455,460,500,503,507,513,701,711,849,854,863,1109,1113,1116,1120,1148,1152,1208,1211,1234],[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,1189,1197],{},[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.",[464,1190,1191,1192,1196],{},"While the modal is open, the page behind it is inert. Overlays opened from inside the modal, such as select result lists, date pickers and ",[483,1193,1194],{"href":256},[379,1195,255],{}," notifications, stay usable.",[464,1198,1199,1200,1203,1204,1207],{},"Overlays that you render into ",[390,1201,1202],{},"\u003Cbody>"," yourself before the modal opens become inert too, unless they carry the ",[390,1205,1206],{},"data-mt-overlay"," attribute.",[371,1209,45],{"id":1210},"accessibility",[461,1212,1213,1216,1219,1222,1225,1228],{},[464,1214,1215],{},"Use a clear title so users immediately understand the purpose of the dialog.",[464,1217,1218],{},"Keep focus behavior predictable and ensure footer actions are reachable by keyboard.",[464,1220,1221],{},"The dialog receives the focus when it opens, and Tab and Shift+Tab stay inside it. Assistive technology cannot reach the inert page behind it.",[464,1223,1224],{},"Escape closes a closable modal while the focus is inside it or has fallen back to the page. An open select result list, tooltip or date picker inside the modal handles Escape first.",[464,1226,1227],{},"On close, the focus returns to the element that had the focus when the modal opened, usually its trigger.",[464,1229,1230,1231,1233],{},"Only use ",[379,1232,207],{}," when interrupting the current flow is justified by the task.",[1235,1236,1237],"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":1239},[1240,1241,1242,1245,1246,1247,1248],{"id":373,"depth":407,"text":374},{"id":453,"depth":407,"text":454},{"id":505,"depth":407,"text":506,"children":1243},[1244],{"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":1210,"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":1249},"m1cJJSF2xaAqFIKGgILNFeuptoTflrpPtKYARXFh8-s",[1256,1258],{"title":203,"path":204,"stem":205,"description":1257,"children":-1},"An indeterminate loading indicator shown as a centered spinner overlay.",{"title":211,"path":212,"stem":213,"description":1259,"children":-1},"A numeric input control with optional limits, steps, and stepper controls.",{"code":1261,"pascalName":1262},"\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":1264,"kebabName":474,"filePath":1265,"meta":1266},"MtModal","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-modal\u002Fmt-modal.vue",{"type":396,"props":1267,"slots":1304,"events":1332,"exposed":1333,"hash":1334},[1268,1281,1288,1293,1299],{"name":1269,"global":34,"default":1270,"description":388,"tags":1271,"required":34,"type":1272,"schema":1273},"width","\"m\"",[],"\"s\" | \"m\" | \"l\" | \"xl\" | \"full\" | undefined",{"kind":1274,"type":1272,"schema":1275},"enum",{"0":1276,"1":1277,"2":1270,"3":1278,"4":1279,"5":1280},"undefined","\"s\"","\"l\"","\"xl\"","\"full\"",{"name":1282,"global":34,"default":1276,"description":388,"tags":1283,"required":34,"type":1284,"schema":1285},"title",[],"string | undefined",{"kind":1274,"type":1284,"schema":1286},{"0":1276,"1":1287},"string",{"name":1289,"global":34,"default":1276,"description":388,"tags":1290,"required":34,"type":1284,"schema":1291},"subtitle",[],{"kind":1274,"type":1284,"schema":1292},{"0":1276,"1":1287},{"name":1294,"global":34,"default":1038,"description":388,"tags":1295,"required":34,"type":1296,"schema":1297},"inset",[],"boolean | undefined",{"kind":1274,"type":1296,"schema":1298},{"0":1276,"1":1038,"2":1123},{"name":1300,"global":34,"default":1038,"description":388,"tags":1301,"required":34,"type":1296,"schema":1302},"hideHeader",[],{"kind":1274,"type":1296,"schema":1303},{"0":1276,"1":1038,"2":1123},[1305,1312,1317,1322,1327],{"name":1306,"type":1307,"description":388,"tags":1308,"schema":1309},"header-left","{}",[],{"kind":1310,"type":1307,"schema":1311},"object",{},{"name":1313,"type":1307,"description":388,"tags":1314,"schema":1315},"title-after",[],{"kind":1310,"type":1307,"schema":1316},{},{"name":1318,"type":1307,"description":388,"tags":1319,"schema":1320},"header-right",[],{"kind":1310,"type":1307,"schema":1321},{},{"name":1323,"type":1307,"description":388,"tags":1324,"schema":1325},"default",[],{"kind":1310,"type":1307,"schema":1326},{},{"name":1328,"type":1307,"description":388,"tags":1329,"schema":1330},"footer",[],{"kind":1310,"type":1307,"schema":1331},{},[],[],"D1fPZ0awc7ALQzlCPN2_t5Z4WxuxnRhXcJyFEHj4wfs",{"data":1336,"body":1337,"toc":1857},{"title":388,"description":388},{"type":1338,"children":1339},"root",[1340,1852],{"type":1341,"tag":383,"props":1342,"children":1345},"element",{"className":1343,"code":1261,"language":1344,"meta":388,"style":388},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[1346],{"type":1341,"tag":390,"props":1347,"children":1348},{"__ignoreMap":388},[1349,1387,1413,1438,1463,1488,1513,1528,1535,1550,1565,1600,1607,1635,1668,1675,1698,1728,1777,1792,1807,1822,1837],{"type":1341,"tag":393,"props":1350,"children":1351},{"class":395,"line":396},[1352,1358,1363,1368,1373,1377,1383],{"type":1341,"tag":393,"props":1353,"children":1355},{"style":1354},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[1356],{"type":1357,"value":524},"text",{"type":1341,"tag":393,"props":1359,"children":1361},{"style":1360},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[1362],{"type":1357,"value":1011},{"type":1341,"tag":393,"props":1364,"children":1366},{"style":1365},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[1367],{"type":1357,"value":1014},{"type":1341,"tag":393,"props":1369,"children":1370},{"style":1365},[1371],{"type":1357,"value":1372}," lang",{"type":1341,"tag":393,"props":1374,"children":1375},{"style":1354},[1376],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1378,"children":1380},{"style":1379},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[1381],{"type":1357,"value":1382},"\"ts\"",{"type":1341,"tag":393,"props":1384,"children":1385},{"style":1354},[1386],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1388,"children":1389},{"class":395,"line":407},[1390,1395,1400,1404,1409],{"type":1341,"tag":393,"props":1391,"children":1393},{"style":1392},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[1394],{"type":1357,"value":400},{"type":1341,"tag":393,"props":1396,"children":1397},{"style":1354},[1398],{"type":1357,"value":1399}," MtModalRoot ",{"type":1341,"tag":393,"props":1401,"children":1402},{"style":1392},[1403],{"type":1357,"value":443},{"type":1341,"tag":393,"props":1405,"children":1406},{"style":1379},[1407],{"type":1357,"value":1408}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalRoot\"",{"type":1341,"tag":393,"props":1410,"children":1411},{"style":1354},[1412],{"type":1357,"value":450},{"type":1341,"tag":393,"props":1414,"children":1415},{"class":395,"line":413},[1416,1420,1425,1429,1434],{"type":1341,"tag":393,"props":1417,"children":1418},{"style":1392},[1419],{"type":1357,"value":400},{"type":1341,"tag":393,"props":1421,"children":1422},{"style":1354},[1423],{"type":1357,"value":1424}," MtModal ",{"type":1341,"tag":393,"props":1426,"children":1427},{"style":1392},[1428],{"type":1357,"value":443},{"type":1341,"tag":393,"props":1430,"children":1431},{"style":1379},[1432],{"type":1357,"value":1433}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModal\"",{"type":1341,"tag":393,"props":1435,"children":1436},{"style":1354},[1437],{"type":1357,"value":450},{"type":1341,"tag":393,"props":1439,"children":1440},{"class":395,"line":419},[1441,1445,1450,1454,1459],{"type":1341,"tag":393,"props":1442,"children":1443},{"style":1392},[1444],{"type":1357,"value":400},{"type":1341,"tag":393,"props":1446,"children":1447},{"style":1354},[1448],{"type":1357,"value":1449}," MtModalTrigger ",{"type":1341,"tag":393,"props":1451,"children":1452},{"style":1392},[1453],{"type":1357,"value":443},{"type":1341,"tag":393,"props":1455,"children":1456},{"style":1379},[1457],{"type":1357,"value":1458}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalTrigger\"",{"type":1341,"tag":393,"props":1460,"children":1461},{"style":1354},[1462],{"type":1357,"value":450},{"type":1341,"tag":393,"props":1464,"children":1465},{"class":395,"line":425},[1466,1470,1475,1479,1484],{"type":1341,"tag":393,"props":1467,"children":1468},{"style":1392},[1469],{"type":1357,"value":400},{"type":1341,"tag":393,"props":1471,"children":1472},{"style":1354},[1473],{"type":1357,"value":1474}," MtModalClose ",{"type":1341,"tag":393,"props":1476,"children":1477},{"style":1392},[1478],{"type":1357,"value":443},{"type":1341,"tag":393,"props":1480,"children":1481},{"style":1379},[1482],{"type":1357,"value":1483}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtModalClose\"",{"type":1341,"tag":393,"props":1485,"children":1486},{"style":1354},[1487],{"type":1357,"value":450},{"type":1341,"tag":393,"props":1489,"children":1490},{"class":395,"line":431},[1491,1495,1500,1504,1509],{"type":1341,"tag":393,"props":1492,"children":1493},{"style":1392},[1494],{"type":1357,"value":400},{"type":1341,"tag":393,"props":1496,"children":1497},{"style":1354},[1498],{"type":1357,"value":1499}," MtButton ",{"type":1341,"tag":393,"props":1501,"children":1502},{"style":1392},[1503],{"type":1357,"value":443},{"type":1341,"tag":393,"props":1505,"children":1506},{"style":1379},[1507],{"type":1357,"value":1508}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtButton\"",{"type":1341,"tag":393,"props":1510,"children":1511},{"style":1354},[1512],{"type":1357,"value":450},{"type":1341,"tag":393,"props":1514,"children":1515},{"class":395,"line":437},[1516,1520,1524],{"type":1341,"tag":393,"props":1517,"children":1518},{"style":1354},[1519],{"type":1357,"value":696},{"type":1341,"tag":393,"props":1521,"children":1522},{"style":1360},[1523],{"type":1357,"value":1011},{"type":1341,"tag":393,"props":1525,"children":1526},{"style":1354},[1527],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1529,"children":1530},{"class":395,"line":622},[1531],{"type":1341,"tag":393,"props":1532,"children":1533},{"emptyLinePlaceholder":581},[1534],{"type":1357,"value":582},{"type":1341,"tag":393,"props":1536,"children":1537},{"class":395,"line":628},[1538,1542,1546],{"type":1341,"tag":393,"props":1539,"children":1540},{"style":1354},[1541],{"type":1357,"value":524},{"type":1341,"tag":393,"props":1543,"children":1544},{"style":1360},[1545],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1547,"children":1548},{"style":1354},[1549],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1551,"children":1552},{"class":395,"line":638},[1553,1557,1561],{"type":1341,"tag":393,"props":1554,"children":1555},{"style":1354},[1556],{"type":1357,"value":536},{"type":1341,"tag":393,"props":1558,"children":1559},{"style":1360},[1560],{"type":1357,"value":468},{"type":1341,"tag":393,"props":1562,"children":1563},{"style":1354},[1564],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1566,"children":1567},{"class":395,"line":648},[1568,1572,1576,1580,1584,1588,1592,1596],{"type":1341,"tag":393,"props":1569,"children":1570},{"style":1354},[1571],{"type":1357,"value":545},{"type":1341,"tag":393,"props":1573,"children":1574},{"style":1360},[1575],{"type":1357,"value":480},{"type":1341,"tag":393,"props":1577,"children":1578},{"style":1365},[1579],{"type":1357,"value":604},{"type":1341,"tag":393,"props":1581,"children":1582},{"style":1354},[1583],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1585,"children":1586},{"style":1379},[1587],{"type":1357,"value":609},{"type":1341,"tag":393,"props":1589,"children":1590},{"style":1354},[1591],{"type":1357,"value":676},{"type":1341,"tag":393,"props":1593,"children":1594},{"style":1360},[1595],{"type":1357,"value":480},{"type":1341,"tag":393,"props":1597,"children":1598},{"style":1354},[1599],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1601,"children":1602},{"class":395,"line":658},[1603],{"type":1341,"tag":393,"props":1604,"children":1605},{"emptyLinePlaceholder":581},[1606],{"type":1357,"value":582},{"type":1341,"tag":393,"props":1608,"children":1609},{"class":395,"line":663},[1610,1614,1618,1622,1626,1631],{"type":1341,"tag":393,"props":1611,"children":1612},{"style":1354},[1613],{"type":1357,"value":545},{"type":1341,"tag":393,"props":1615,"children":1616},{"style":1360},[1617],{"type":1357,"value":474},{"type":1341,"tag":393,"props":1619,"children":1620},{"style":1365},[1621],{"type":1357,"value":551},{"type":1341,"tag":393,"props":1623,"children":1624},{"style":1354},[1625],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1627,"children":1628},{"style":1379},[1629],{"type":1357,"value":1630},"\"Modal Title\"",{"type":1341,"tag":393,"props":1632,"children":1633},{"style":1354},[1634],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1636,"children":1637},{"class":395,"line":683},[1638,1642,1646,1651,1655,1660,1664],{"type":1341,"tag":393,"props":1639,"children":1640},{"style":1354},[1641],{"type":1357,"value":564},{"type":1341,"tag":393,"props":1643,"children":1644},{"style":1360},[1645],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1647,"children":1648},{"style":1354},[1649],{"type":1357,"value":1650}," #",{"type":1341,"tag":393,"props":1652,"children":1653},{"style":1365},[1654],{"type":1357,"value":1323},{"type":1341,"tag":393,"props":1656,"children":1657},{"style":1354},[1658],{"type":1357,"value":1659},">Modal content\u003C\u002F",{"type":1341,"tag":393,"props":1661,"children":1662},{"style":1360},[1663],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1665,"children":1666},{"style":1354},[1667],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1669,"children":1670},{"class":395,"line":693},[1671],{"type":1341,"tag":393,"props":1672,"children":1673},{"emptyLinePlaceholder":581},[1674],{"type":1357,"value":582},{"type":1341,"tag":393,"props":1676,"children":1677},{"class":395,"line":818},[1678,1682,1686,1690,1694],{"type":1341,"tag":393,"props":1679,"children":1680},{"style":1354},[1681],{"type":1357,"value":564},{"type":1341,"tag":393,"props":1683,"children":1684},{"style":1360},[1685],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1687,"children":1688},{"style":1354},[1689],{"type":1357,"value":1650},{"type":1341,"tag":393,"props":1691,"children":1692},{"style":1365},[1693],{"type":1357,"value":1328},{"type":1341,"tag":393,"props":1695,"children":1696},{"style":1354},[1697],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1699,"children":1700},{"class":395,"line":824},[1701,1705,1710,1715,1719,1724],{"type":1341,"tag":393,"props":1702,"children":1703},{"style":1354},[1704],{"type":1357,"value":598},{"type":1341,"tag":393,"props":1706,"children":1707},{"style":1360},[1708],{"type":1357,"value":1709},"div",{"type":1341,"tag":393,"props":1711,"children":1712},{"style":1365},[1713],{"type":1357,"value":1714}," style",{"type":1341,"tag":393,"props":1716,"children":1717},{"style":1354},[1718],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1720,"children":1721},{"style":1379},[1722],{"type":1357,"value":1723},"\"display: flex; justify-content: flex-end\"",{"type":1341,"tag":393,"props":1725,"children":1726},{"style":1354},[1727],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1729,"children":1730},{"class":395,"line":833},[1731,1736,1740,1744,1748,1752,1756,1760,1764,1769,1773],{"type":1341,"tag":393,"props":1732,"children":1733},{"style":1354},[1734],{"type":1357,"value":1735},"          \u003C",{"type":1341,"tag":393,"props":1737,"children":1738},{"style":1360},[1739],{"type":1357,"value":498},{"type":1341,"tag":393,"props":1741,"children":1742},{"style":1365},[1743],{"type":1357,"value":604},{"type":1341,"tag":393,"props":1745,"children":1746},{"style":1354},[1747],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1749,"children":1750},{"style":1379},[1751],{"type":1357,"value":609},{"type":1341,"tag":393,"props":1753,"children":1754},{"style":1365},[1755],{"type":1357,"value":612},{"type":1341,"tag":393,"props":1757,"children":1758},{"style":1354},[1759],{"type":1357,"value":554},{"type":1341,"tag":393,"props":1761,"children":1762},{"style":1379},[1763],{"type":1357,"value":617},{"type":1341,"tag":393,"props":1765,"children":1766},{"style":1354},[1767],{"type":1357,"value":1768},">Close\u003C\u002F",{"type":1341,"tag":393,"props":1770,"children":1771},{"style":1360},[1772],{"type":1357,"value":498},{"type":1341,"tag":393,"props":1774,"children":1775},{"style":1354},[1776],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1778,"children":1779},{"class":395,"line":842},[1780,1784,1788],{"type":1341,"tag":393,"props":1781,"children":1782},{"style":1354},[1783],{"type":1357,"value":631},{"type":1341,"tag":393,"props":1785,"children":1786},{"style":1360},[1787],{"type":1357,"value":1709},{"type":1341,"tag":393,"props":1789,"children":1790},{"style":1354},[1791],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1793,"children":1794},{"class":395,"line":1072},[1795,1799,1803],{"type":1341,"tag":393,"props":1796,"children":1797},{"style":1354},[1798],{"type":1357,"value":641},{"type":1341,"tag":393,"props":1800,"children":1801},{"style":1360},[1802],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1804,"children":1805},{"style":1354},[1806],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1808,"children":1809},{"class":395,"line":1085},[1810,1814,1818],{"type":1341,"tag":393,"props":1811,"children":1812},{"style":1354},[1813],{"type":1357,"value":651},{"type":1341,"tag":393,"props":1815,"children":1816},{"style":1360},[1817],{"type":1357,"value":474},{"type":1341,"tag":393,"props":1819,"children":1820},{"style":1354},[1821],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1823,"children":1824},{"class":395,"line":1096},[1825,1829,1833],{"type":1341,"tag":393,"props":1826,"children":1827},{"style":1354},[1828],{"type":1357,"value":686},{"type":1341,"tag":393,"props":1830,"children":1831},{"style":1360},[1832],{"type":1357,"value":468},{"type":1341,"tag":393,"props":1834,"children":1835},{"style":1354},[1836],{"type":1357,"value":531},{"type":1341,"tag":393,"props":1838,"children":1839},{"class":395,"line":1102},[1840,1844,1848],{"type":1341,"tag":393,"props":1841,"children":1842},{"style":1354},[1843],{"type":1357,"value":696},{"type":1341,"tag":393,"props":1845,"children":1846},{"style":1360},[1847],{"type":1357,"value":528},{"type":1341,"tag":393,"props":1849,"children":1850},{"style":1354},[1851],{"type":1357,"value":531},{"type":1341,"tag":1235,"props":1853,"children":1854},{},[1855],{"type":1357,"value":1856},"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":1858},[],1791288907585]