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