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