[{"data":1,"prerenderedAt":1118},["ShallowReactive",2],{"navigation_docs":3,"-components-loader":353,"-components-loader-surround":593,"component-example-loaderBasicExample":598,"component-example-loaderWithTextExample":601,"component-meta-MtLoader":604,"component-example-ast-loaderBasicExample":639,"component-example-ast-loaderWithTextExample":885},[4,114,302],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,93],{"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,89],{"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},"Motion","\u002Fdocumentation\u002Fdesign\u002Fmotion","1.documentation\u002F3.design\u002F8.motion",{"title":94,"path":95,"stem":96,"children":97,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[98,102,106,110],{"title":99,"path":100,"stem":101},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":103,"path":104,"stem":105},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":107,"path":108,"stem":109},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":111,"path":112,"stem":113},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":115,"stem":116,"children":117,"page":34},"\u002Fcomponents","2.components",[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],{"title":119,"path":120,"stem":121},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"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},"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},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":171,"path":172,"stem":173},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":175,"path":176,"stem":177},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":179,"path":180,"stem":181},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":183,"path":184,"stem":185},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":187,"path":188,"stem":189},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":191,"path":192,"stem":193},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":195,"path":196,"stem":197},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":199,"path":200,"stem":201},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":203,"path":204,"stem":205},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":207,"path":208,"stem":209},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":211,"path":212,"stem":213},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":215,"path":216,"stem":217},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":219,"path":220,"stem":221},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":223,"path":224,"stem":225},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":227,"path":228,"stem":229},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":231,"path":232,"stem":233},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":235,"path":236,"stem":237},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":239,"path":240,"stem":241},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":243,"path":244,"stem":245},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":247,"path":248,"stem":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":251,"path":252,"stem":253},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":255,"path":256,"stem":257},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":259,"path":260,"stem":261},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":263,"path":264,"stem":265},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":267,"path":268,"stem":269},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":271,"path":272,"stem":273},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":275,"path":276,"stem":277},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":279,"path":280,"stem":281},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":283,"path":284,"stem":285},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":287,"path":288,"stem":289},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":291,"path":292,"stem":293},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":295,"path":296,"stem":297},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":299,"path":300,"stem":301},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":303,"path":304,"stem":305,"children":306,"page":34},"Utilities","\u002Futilities","3.utilities",[307,319,336,344],{"title":53,"path":308,"stem":309,"children":310,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[311,315],{"title":312,"path":313,"stem":314},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":316,"path":317,"stem":318},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":320,"path":321,"stem":322,"children":323,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[324,328,332],{"title":325,"path":326,"stem":327},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":329,"path":330,"stem":331},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":333,"path":334,"stem":335},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":337,"path":338,"stem":339,"children":340,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[341],{"title":291,"path":342,"stem":343},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":345,"path":346,"stem":347,"children":348,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[349],{"title":350,"path":351,"stem":352},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":354,"title":199,"body":355,"description":586,"extension":587,"links":588,"meta":589,"navigation":590,"path":200,"seo":591,"stem":201,"__hash__":592},"docs\u002F2.components\u002Floader.md",{"type":356,"value":357,"toc":573},"minimark",[358,362,367,374,407,411,416,419,423,426,430,484,488,535,538,555,559,569],[359,360],"component-example",{"name":361},"loader-basic-example",[363,364,366],"h2",{"id":365},"usage","Usage",[368,369,370,373],"p",{},[371,372,199],"strong",{}," is an indeterminate loading indicator shown while content, a card, or a control is waiting for async work to finish. Use it when the loading duration is uncertain and a simple busy indicator is enough, in places where users should stay in context instead of being redirected to a separate loading screen.",[375,376,381],"pre",{"className":377,"code":378,"language":379,"meta":380,"style":380},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtLoader } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[382,383,384],"code",{"__ignoreMap":380},[385,386,389,393,397,400,404],"span",{"class":387,"line":388},"line",1,[385,390,392],{"class":391},"sLfaJ","import",[385,394,396],{"class":395},"sSgjj"," { MtLoader } ",[385,398,399],{"class":391},"from",[385,401,403],{"class":402},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[385,405,406],{"class":395},";\n",[363,408,410],{"id":409},"examples","Examples",[412,413,415],"h3",{"id":414},"with-text","With text",[359,417],{"name":418},"loader-with-text-example",[363,420,422],{"id":421},"api-reference","API reference",[424,425],"component-api",{},[363,427,429],{"id":428},"best-practices","Best practices",[431,432,434,467],"do-dont",{":vertical":433},"true",[435,436,437],"template",{"v-slot:do":380},[438,439,440,444,447,458,464],"ul",{},[441,442,443],"li",{},"Keep the loading state brief and replace it with real content as soon as possible.",[441,445,446],{},"Use a size that fits the surrounding surface, such as a compact loader inside controls and a larger loader in content areas.",[441,448,449,450,453,454,457],{},"Use ",[382,451,452],{},"title"," and ",[382,455,456],{},"description"," when users need short context for what is loading.",[441,459,460,461,463],{},"Pair ",[371,462,199],{}," with disabled or blocked interactions when the underlying surface should not be used while loading.",[441,465,466],{},"Place it inside a bounded surface that provides the context for what is loading.",[435,468,469,475,481],{"v-slot:dont":380},[441,470,471,472,474],{},"Do not use ",[371,473,199],{}," when you can show real progress with a percentage or completed amount.",[441,476,477,478,480],{},"Do not leave ",[371,479,199],{}," visible for long-running tasks without additional context or feedback.",[441,482,483],{},"Do not use it as the only way to explain what is happening when the wait may take noticeable time.",[363,485,487],{"id":486},"behavior","Behavior",[438,489,490,495,498,516,528],{},[441,491,492,494],{},[371,493,199],{}," is an indeterminate indicator. It does not expose a value or completion state.",[441,496,497],{},"The component centers itself and renders as an absolute overlay with a semi-transparent background, so it works best inside the surface that is being loaded.",[441,499,500,503,504,507,508,511,512,515],{},[382,501,502],{},"size"," accepts pixel values such as ",[382,505,506],{},"16px",", ",[382,509,510],{},"32px",", or ",[382,513,514],{},"48px",", and the ring thickness adapts to the provided size.",[441,517,518,521,522,524,525,527],{},[382,519,520],{},"backdrop"," controls whether ",[371,523,199],{}," renders its backdrop background and defaults to ",[382,526,433],{},".",[441,529,530,453,532,534],{},[382,531,452],{},[382,533,456],{}," render below the spinner as centered body text and can be used independently.",[363,536,45],{"id":537},"accessibility",[438,539,540,545,552],{},[441,541,542,544],{},[371,543,199],{}," is visual only and does not announce loading state to assistive technologies on its own.",[441,546,547,453,549,551],{},[382,548,452],{},[382,550,456],{}," provide visible context, but the surrounding region should still expose an appropriate busy state when the loading state matters for screen-reader users.",[441,553,554],{},"If loading blocks interaction, also disable or otherwise guard the affected controls so keyboard users are not left guessing what is available.",[363,556,558],{"id":557},"related-components","Related components",[438,560,561],{},[441,562,563,568],{},[564,565,566],"a",{"href":224},[371,567,223],{},": when you can communicate meaningful progress such as processed items, uploaded bytes, or percentage complete.",[570,571,572],"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);}",{"title":380,"searchDepth":574,"depth":574,"links":575},2,[576,577,581,582,583,584,585],{"id":365,"depth":574,"text":366},{"id":409,"depth":574,"text":410,"children":578},[579],{"id":414,"depth":580,"text":415},3,{"id":421,"depth":574,"text":422},{"id":428,"depth":574,"text":429},{"id":486,"depth":574,"text":487},{"id":537,"depth":574,"text":45},{"id":557,"depth":574,"text":558},"An indeterminate loading indicator shown as a centered spinner overlay.","md",null,{},true,{"title":199,"description":586},"UFkQlCqM2xLZ-kuLIl3wWLoBpNkBLFIKde8noMfEwDM",[594,596],{"title":195,"path":196,"stem":197,"description":595,"children":-1},"A text-level navigation control that moves users to another page, route, or destination.",{"title":203,"path":204,"stem":205,"description":597,"children":-1},"A dialog that sits above the current page to focus attention on a single task or decision.",{"code":599,"pascalName":600},"\u003Cscript setup lang=\"ts\">\nimport MtLoader from \"@shopware-ag\u002Fmeteor-component-library\u002FMtLoader\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003C!-- mt-loader is absolutely positioned and fills its nearest positioned\n       ancestor, so place it inside a container with a size. -->\n  \u003Cdiv style=\"position: relative; width: 100%; height: 160px\">\n    \u003Cmt-loader :backdrop=false \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","LoaderBasicExample",{"code":602,"pascalName":603},"\u003Cscript setup lang=\"ts\">\nimport MtLoader from \"@shopware-ag\u002Fmeteor-component-library\u002FMtLoader\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003C!-- mt-loader is absolutely positioned and fills its nearest positioned\n       ancestor, so place it inside a container with a size. -->\n  \u003Cdiv style=\"position: relative; width: 100%; height: 160px\">\n    \u003Cmt-loader :backdrop=false title=\"Loading data\" description=\"This may take a few seconds.\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","LoaderWithTextExample",{"pascalName":605,"kebabName":606,"filePath":607,"meta":608},"MtLoader","mt-loader","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-loader\u002Fmt-loader.vue",{"type":388,"props":609,"slots":635,"events":636,"exposed":637,"hash":638},[610,619,625,629],{"name":502,"global":34,"default":611,"description":380,"tags":612,"required":34,"type":613,"schema":614},"\"50px\"",[],"`${string}px` | undefined",{"kind":615,"type":613,"schema":616},"enum",{"0":617,"1":618},"undefined","`${string}px`",{"name":452,"global":34,"description":380,"tags":620,"required":34,"type":621,"schema":622},[],"string | undefined",{"kind":615,"type":621,"schema":623},{"0":617,"1":624},"string",{"name":456,"global":34,"description":380,"tags":626,"required":34,"type":621,"schema":627},[],{"kind":615,"type":621,"schema":628},{"0":617,"1":624},{"name":520,"global":34,"default":433,"description":380,"tags":630,"required":34,"type":631,"schema":632},[],"boolean | undefined",{"kind":615,"type":631,"schema":633},{"0":617,"1":634,"2":433},"false",[],[],[],"R3jokMXR9QIkDEZnEaedR1avF78Qw1oJx-_TmNgKQhE",{"data":640,"body":641,"toc":883},{"title":380,"description":380},{"type":642,"children":643},"root",[644,878],{"type":645,"tag":375,"props":646,"children":649},"element",{"className":647,"code":599,"language":648,"meta":380,"style":380},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[650],{"type":645,"tag":382,"props":651,"children":652},{"__ignoreMap":380},[653,696,722,738,747,763,773,782,814,845,862],{"type":645,"tag":385,"props":654,"children":655},{"class":387,"line":388},[656,663,669,675,680,685,691],{"type":645,"tag":385,"props":657,"children":659},{"style":658},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[660],{"type":661,"value":662},"text","\u003C",{"type":645,"tag":385,"props":664,"children":666},{"style":665},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[667],{"type":661,"value":668},"script",{"type":645,"tag":385,"props":670,"children":672},{"style":671},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[673],{"type":661,"value":674}," setup",{"type":645,"tag":385,"props":676,"children":677},{"style":671},[678],{"type":661,"value":679}," lang",{"type":645,"tag":385,"props":681,"children":682},{"style":658},[683],{"type":661,"value":684},"=",{"type":645,"tag":385,"props":686,"children":688},{"style":687},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[689],{"type":661,"value":690},"\"ts\"",{"type":645,"tag":385,"props":692,"children":693},{"style":658},[694],{"type":661,"value":695},">\n",{"type":645,"tag":385,"props":697,"children":698},{"class":387,"line":574},[699,704,709,713,718],{"type":645,"tag":385,"props":700,"children":702},{"style":701},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[703],{"type":661,"value":392},{"type":645,"tag":385,"props":705,"children":706},{"style":658},[707],{"type":661,"value":708}," MtLoader ",{"type":645,"tag":385,"props":710,"children":711},{"style":701},[712],{"type":661,"value":399},{"type":645,"tag":385,"props":714,"children":715},{"style":687},[716],{"type":661,"value":717}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtLoader\"",{"type":645,"tag":385,"props":719,"children":720},{"style":658},[721],{"type":661,"value":406},{"type":645,"tag":385,"props":723,"children":724},{"class":387,"line":580},[725,730,734],{"type":645,"tag":385,"props":726,"children":727},{"style":658},[728],{"type":661,"value":729},"\u003C\u002F",{"type":645,"tag":385,"props":731,"children":732},{"style":665},[733],{"type":661,"value":668},{"type":645,"tag":385,"props":735,"children":736},{"style":658},[737],{"type":661,"value":695},{"type":645,"tag":385,"props":739,"children":741},{"class":387,"line":740},4,[742],{"type":645,"tag":385,"props":743,"children":744},{"emptyLinePlaceholder":590},[745],{"type":661,"value":746},"\n",{"type":645,"tag":385,"props":748,"children":750},{"class":387,"line":749},5,[751,755,759],{"type":645,"tag":385,"props":752,"children":753},{"style":658},[754],{"type":661,"value":662},{"type":645,"tag":385,"props":756,"children":757},{"style":665},[758],{"type":661,"value":435},{"type":645,"tag":385,"props":760,"children":761},{"style":658},[762],{"type":661,"value":695},{"type":645,"tag":385,"props":764,"children":766},{"class":387,"line":765},6,[767],{"type":645,"tag":385,"props":768,"children":770},{"style":769},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[771],{"type":661,"value":772},"  \u003C!-- mt-loader is absolutely positioned and fills its nearest positioned\n",{"type":645,"tag":385,"props":774,"children":776},{"class":387,"line":775},7,[777],{"type":645,"tag":385,"props":778,"children":779},{"style":769},[780],{"type":661,"value":781},"       ancestor, so place it inside a container with a size. -->\n",{"type":645,"tag":385,"props":783,"children":785},{"class":387,"line":784},8,[786,791,796,801,805,810],{"type":645,"tag":385,"props":787,"children":788},{"style":658},[789],{"type":661,"value":790},"  \u003C",{"type":645,"tag":385,"props":792,"children":793},{"style":665},[794],{"type":661,"value":795},"div",{"type":645,"tag":385,"props":797,"children":798},{"style":671},[799],{"type":661,"value":800}," style",{"type":645,"tag":385,"props":802,"children":803},{"style":658},[804],{"type":661,"value":684},{"type":645,"tag":385,"props":806,"children":807},{"style":687},[808],{"type":661,"value":809},"\"position: relative; width: 100%; height: 160px\"",{"type":645,"tag":385,"props":811,"children":812},{"style":658},[813],{"type":661,"value":695},{"type":645,"tag":385,"props":815,"children":817},{"class":387,"line":816},9,[818,823,827,832,836,840],{"type":645,"tag":385,"props":819,"children":820},{"style":658},[821],{"type":661,"value":822},"    \u003C",{"type":645,"tag":385,"props":824,"children":825},{"style":665},[826],{"type":661,"value":606},{"type":645,"tag":385,"props":828,"children":829},{"style":671},[830],{"type":661,"value":831}," :backdrop",{"type":645,"tag":385,"props":833,"children":834},{"style":658},[835],{"type":661,"value":684},{"type":645,"tag":385,"props":837,"children":838},{"style":687},[839],{"type":661,"value":634},{"type":645,"tag":385,"props":841,"children":842},{"style":658},[843],{"type":661,"value":844}," \u002F>\n",{"type":645,"tag":385,"props":846,"children":848},{"class":387,"line":847},10,[849,854,858],{"type":645,"tag":385,"props":850,"children":851},{"style":658},[852],{"type":661,"value":853},"  \u003C\u002F",{"type":645,"tag":385,"props":855,"children":856},{"style":665},[857],{"type":661,"value":795},{"type":645,"tag":385,"props":859,"children":860},{"style":658},[861],{"type":661,"value":695},{"type":645,"tag":385,"props":863,"children":865},{"class":387,"line":864},11,[866,870,874],{"type":645,"tag":385,"props":867,"children":868},{"style":658},[869],{"type":661,"value":729},{"type":645,"tag":385,"props":871,"children":872},{"style":665},[873],{"type":661,"value":435},{"type":645,"tag":385,"props":875,"children":876},{"style":658},[877],{"type":661,"value":695},{"type":645,"tag":570,"props":879,"children":880},{},[881],{"type":661,"value":882},"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":380,"searchDepth":574,"depth":574,"links":884},[],{"data":886,"body":887,"toc":1116},{"title":380,"description":380},{"type":642,"children":888},[889,1112],{"type":645,"tag":375,"props":890,"children":891},{"className":647,"code":602,"language":648,"meta":380,"style":380},[892],{"type":645,"tag":382,"props":893,"children":894},{"__ignoreMap":380},[895,926,949,964,971,986,993,1000,1027,1082,1097],{"type":645,"tag":385,"props":896,"children":897},{"class":387,"line":388},[898,902,906,910,914,918,922],{"type":645,"tag":385,"props":899,"children":900},{"style":658},[901],{"type":661,"value":662},{"type":645,"tag":385,"props":903,"children":904},{"style":665},[905],{"type":661,"value":668},{"type":645,"tag":385,"props":907,"children":908},{"style":671},[909],{"type":661,"value":674},{"type":645,"tag":385,"props":911,"children":912},{"style":671},[913],{"type":661,"value":679},{"type":645,"tag":385,"props":915,"children":916},{"style":658},[917],{"type":661,"value":684},{"type":645,"tag":385,"props":919,"children":920},{"style":687},[921],{"type":661,"value":690},{"type":645,"tag":385,"props":923,"children":924},{"style":658},[925],{"type":661,"value":695},{"type":645,"tag":385,"props":927,"children":928},{"class":387,"line":574},[929,933,937,941,945],{"type":645,"tag":385,"props":930,"children":931},{"style":701},[932],{"type":661,"value":392},{"type":645,"tag":385,"props":934,"children":935},{"style":658},[936],{"type":661,"value":708},{"type":645,"tag":385,"props":938,"children":939},{"style":701},[940],{"type":661,"value":399},{"type":645,"tag":385,"props":942,"children":943},{"style":687},[944],{"type":661,"value":717},{"type":645,"tag":385,"props":946,"children":947},{"style":658},[948],{"type":661,"value":406},{"type":645,"tag":385,"props":950,"children":951},{"class":387,"line":580},[952,956,960],{"type":645,"tag":385,"props":953,"children":954},{"style":658},[955],{"type":661,"value":729},{"type":645,"tag":385,"props":957,"children":958},{"style":665},[959],{"type":661,"value":668},{"type":645,"tag":385,"props":961,"children":962},{"style":658},[963],{"type":661,"value":695},{"type":645,"tag":385,"props":965,"children":966},{"class":387,"line":740},[967],{"type":645,"tag":385,"props":968,"children":969},{"emptyLinePlaceholder":590},[970],{"type":661,"value":746},{"type":645,"tag":385,"props":972,"children":973},{"class":387,"line":749},[974,978,982],{"type":645,"tag":385,"props":975,"children":976},{"style":658},[977],{"type":661,"value":662},{"type":645,"tag":385,"props":979,"children":980},{"style":665},[981],{"type":661,"value":435},{"type":645,"tag":385,"props":983,"children":984},{"style":658},[985],{"type":661,"value":695},{"type":645,"tag":385,"props":987,"children":988},{"class":387,"line":765},[989],{"type":645,"tag":385,"props":990,"children":991},{"style":769},[992],{"type":661,"value":772},{"type":645,"tag":385,"props":994,"children":995},{"class":387,"line":775},[996],{"type":645,"tag":385,"props":997,"children":998},{"style":769},[999],{"type":661,"value":781},{"type":645,"tag":385,"props":1001,"children":1002},{"class":387,"line":784},[1003,1007,1011,1015,1019,1023],{"type":645,"tag":385,"props":1004,"children":1005},{"style":658},[1006],{"type":661,"value":790},{"type":645,"tag":385,"props":1008,"children":1009},{"style":665},[1010],{"type":661,"value":795},{"type":645,"tag":385,"props":1012,"children":1013},{"style":671},[1014],{"type":661,"value":800},{"type":645,"tag":385,"props":1016,"children":1017},{"style":658},[1018],{"type":661,"value":684},{"type":645,"tag":385,"props":1020,"children":1021},{"style":687},[1022],{"type":661,"value":809},{"type":645,"tag":385,"props":1024,"children":1025},{"style":658},[1026],{"type":661,"value":695},{"type":645,"tag":385,"props":1028,"children":1029},{"class":387,"line":816},[1030,1034,1038,1042,1046,1050,1055,1059,1064,1069,1073,1078],{"type":645,"tag":385,"props":1031,"children":1032},{"style":658},[1033],{"type":661,"value":822},{"type":645,"tag":385,"props":1035,"children":1036},{"style":665},[1037],{"type":661,"value":606},{"type":645,"tag":385,"props":1039,"children":1040},{"style":671},[1041],{"type":661,"value":831},{"type":645,"tag":385,"props":1043,"children":1044},{"style":658},[1045],{"type":661,"value":684},{"type":645,"tag":385,"props":1047,"children":1048},{"style":687},[1049],{"type":661,"value":634},{"type":645,"tag":385,"props":1051,"children":1052},{"style":671},[1053],{"type":661,"value":1054}," title",{"type":645,"tag":385,"props":1056,"children":1057},{"style":658},[1058],{"type":661,"value":684},{"type":645,"tag":385,"props":1060,"children":1061},{"style":687},[1062],{"type":661,"value":1063},"\"Loading data\"",{"type":645,"tag":385,"props":1065,"children":1066},{"style":671},[1067],{"type":661,"value":1068}," description",{"type":645,"tag":385,"props":1070,"children":1071},{"style":658},[1072],{"type":661,"value":684},{"type":645,"tag":385,"props":1074,"children":1075},{"style":687},[1076],{"type":661,"value":1077},"\"This may take a few seconds.\"",{"type":645,"tag":385,"props":1079,"children":1080},{"style":658},[1081],{"type":661,"value":844},{"type":645,"tag":385,"props":1083,"children":1084},{"class":387,"line":847},[1085,1089,1093],{"type":645,"tag":385,"props":1086,"children":1087},{"style":658},[1088],{"type":661,"value":853},{"type":645,"tag":385,"props":1090,"children":1091},{"style":665},[1092],{"type":661,"value":795},{"type":645,"tag":385,"props":1094,"children":1095},{"style":658},[1096],{"type":661,"value":695},{"type":645,"tag":385,"props":1098,"children":1099},{"class":387,"line":864},[1100,1104,1108],{"type":645,"tag":385,"props":1101,"children":1102},{"style":658},[1103],{"type":661,"value":729},{"type":645,"tag":385,"props":1105,"children":1106},{"style":665},[1107],{"type":661,"value":435},{"type":645,"tag":385,"props":1109,"children":1110},{"style":658},[1111],{"type":661,"value":695},{"type":645,"tag":570,"props":1113,"children":1114},{},[1115],{"type":661,"value":882},{"title":380,"searchDepth":574,"depth":574,"links":1117},[],1787065083925]