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