[{"data":1,"prerenderedAt":1259},["ShallowReactive",2],{"navigation_docs":3,"-components-progress-bar":349,"-components-progress-bar-surround":617,"component-example-progressBarBasicExample":622,"component-example-progressBarCustomUnitsAndErrorExample":625,"component-meta-MtProgressBar":628,"component-example-ast-progressBarBasicExample":681,"component-example-ast-progressBarCustomUnitsAndErrorExample":963},[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":219,"body":351,"description":610,"extension":611,"links":612,"meta":613,"navigation":614,"path":220,"seo":615,"stem":221,"__hash__":616},"docs\u002F2.components\u002Fprogress-bar.md",{"type":352,"value":353,"toc":597},"minimark",[354,359,364,371,404,408,413,416,420,423,427,485,489,531,534,579,583,593],[355,356],"component-example",{":full-width":357,"name":358},"true","progress-bar-basic-example",[360,361,363],"h2",{"id":362},"usage","Usage",[365,366,367,370],"p",{},[368,369,219],"strong",{}," is a determinate indicator for tasks such as uploads, imports, or processing steps where completion can be measured. Use it when you can communicate a meaningful current value and maximum value, placed in context close to the content or action the progress belongs to.",[372,373,378],"pre",{"className":374,"code":375,"language":376,"meta":377,"style":377},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtProgressBar } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[379,380,381],"code",{"__ignoreMap":377},[382,383,386,390,394,397,401],"span",{"class":384,"line":385},"line",1,[382,387,389],{"class":388},"sLfaJ","import",[382,391,393],{"class":392},"sSgjj"," { MtProgressBar } ",[382,395,396],{"class":388},"from",[382,398,400],{"class":399},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[382,402,403],{"class":392},";\n",[360,405,407],{"id":406},"examples","Examples",[409,410,412],"h3",{"id":411},"custom-units-and-error","Custom units and error",[355,414],{":full-width":357,"name":415},"progress-bar-custom-units-and-error-example",[360,417,419],{"id":418},"api-reference","API reference",[421,422],"component-api",{},[360,424,426],{"id":425},"best-practices","Best practices",[428,429,430,468],"do-dont",{":vertical":357},[431,432,433],"template",{"v-slot:do":377},[434,435,436,440,443,446,461],"ul",{},[437,438,439],"li",{},"Provide a clear label so users understand what the progress refers to.",[437,441,442],{},"Keep the value and maximum meaningful, stable, and easy to reason about.",[437,444,445],{},"Use the default percentage label when percent is the clearest way to communicate progress.",[437,447,448,449,452,453,456,457,460],{},"Use ",[379,450,451],{},"progressLabelType"," when a concrete unit such as ",[379,454,455],{},"kb"," or ",[379,458,459],{},"items"," is more useful than a percentage.",[437,462,463,464,467],{},"Show the ",[379,465,466],{},"error"," state when progress is blocked or the related process fails.",[431,469,470,476,479,482],{"v-slot:dont":377},[437,471,472,473,475],{},"Do not use ",[368,474,219],{}," when the task has no measurable completion state.",[437,477,478],{},"Do not rely on progress color alone to communicate success or failure.",[437,480,481],{},"Do not feed invalid values on purpose and rely on clamping as the primary behavior.",[437,483,484],{},"Do not hide the surrounding context for long-running tasks that may need more explanation.",[360,486,488],{"id":487},"behavior","Behavior",[434,490,491,500,515,525],{},[437,492,493,495,496,499],{},[368,494,219],{}," uses the current value and ",[379,497,498],{},"maxValue"," to calculate the filled width.",[437,501,502,503,506,507,510,511,514],{},"The fill width is clamped between ",[379,504,505],{},"0%"," and ",[379,508,509],{},"100%",", so values below ",[379,512,513],{},"0"," or above the maximum do not overflow the track.",[437,516,517,518,520,521,524],{},"By default the progress label is shown as a percentage. When ",[379,519,451],{}," is set to another value, the label is rendered as ",[379,522,523],{},"current unit \u002F max unit",".",[437,526,527,528,530],{},"When ",[379,529,466],{}," is present, the fill changes to the critical color and the error message is rendered below the track.",[360,532,45],{"id":533},"accessibility",[434,535,536,556,566,573],{},[437,537,538,540,541,544,545,548,549,552,553,524],{},[368,539,219],{}," exposes ",[379,542,543],{},"role=\"progressbar\""," with ",[379,546,547],{},"aria-valuenow",", ",[379,550,551],{},"aria-valuemin",", and ",[379,554,555],{},"aria-valuemax",[437,557,558,559,562,563,524],{},"Provide a visible ",[379,560,561],{},"label",", because the progressbar is associated with that label via ",[379,564,565],{},"aria-labelledby",[437,567,568,569,572],{},"The percentage or unit label is marked ",[379,570,571],{},"aria-hidden",", so important status information should not depend on that text alone.",[437,574,575,576,578],{},"If the task is especially important or long-running, pair ",[368,577,219],{}," with additional explanatory text so screen-reader and keyboard users have enough context.",[360,580,582],{"id":581},"related-components","Related components",[434,584,585],{},[437,586,587,592],{},[588,589,590],"a",{"href":196},[368,591,195],{},": when work is in progress but the exact completion amount is unknown.",[594,595,596],"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":377,"searchDepth":598,"depth":598,"links":599},2,[600,601,605,606,607,608,609],{"id":362,"depth":598,"text":363},{"id":406,"depth":598,"text":407,"children":602},[603],{"id":411,"depth":604,"text":412},3,{"id":418,"depth":598,"text":419},{"id":425,"depth":598,"text":426},{"id":487,"depth":598,"text":488},{"id":533,"depth":598,"text":45},{"id":581,"depth":598,"text":582},"A determinate progress indicator for tasks with a known current value and maximum.","md",null,{},true,{"title":219,"description":610},"dkbOy6_IFohvnAkXUdCGp46h1zLXuuVX_rRvYJlb_B4",[618,620],{"title":215,"path":216,"stem":217,"description":619,"children":-1},"An experimental floating surface that reveals contextual settings and nested option views from a trigger.",{"title":223,"path":224,"stem":225,"description":621,"children":-1},"A specialized Badge for predefined promotional labels such as New, Beta, or Shopware AI.",{"code":623,"pascalName":624},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport MtProgressBar from \"@shopware-ag\u002Fmeteor-component-library\u002FMtProgressBar\";\n\nconst value = ref(45);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-progress-bar v-model=\"value\" :max-value=\"100\" label=\"Upload progress\" \u002F>\n\u003C\u002Ftemplate>\n","ProgressBarBasicExample",{"code":626,"pascalName":627},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport MtProgressBar from \"@shopware-ag\u002Fmeteor-component-library\u002FMtProgressBar\";\n\nconst uploadedSize = ref(277);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-progress-bar\n    v-model=\"uploadedSize\"\n    :max-value=\"356\"\n    label=\"Upload progress\"\n    progress-label-type=\"kb\"\n    :error=\"{ code: 500, detail: 'Error while loading' }\"\n  \u002F>\n\u003C\u002Ftemplate>\n","ProgressBarCustomUnitsAndErrorExample",{"pascalName":629,"kebabName":630,"filePath":631,"meta":632},"MtProgressBar","mt-progress-bar","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-progress-bar\u002Fmt-progress-bar.vue",{"type":385,"props":633,"slots":669,"events":670,"exposed":679,"hash":680},[634,637,640,657,663],{"name":561,"global":34,"description":377,"tags":635,"required":614,"type":636,"schema":636},[],"string",{"name":498,"global":34,"description":377,"tags":638,"required":614,"type":639,"schema":639},[],"number",{"name":466,"global":34,"description":377,"tags":641,"required":34,"type":642,"schema":643},[],"{ detail: string; code: number; } | null | undefined",{"kind":644,"type":642,"schema":645},"enum",{"0":646,"1":647,"2":648},"undefined","null",{"kind":649,"type":650,"schema":651},"object","{ detail: string; code: number; }",{"detail":652,"code":655},{"name":653,"global":34,"description":377,"tags":654,"required":614,"type":636,"schema":636},"detail",[],{"name":379,"global":34,"description":377,"tags":656,"required":614,"type":639,"schema":639},[],{"name":451,"global":34,"default":658,"description":377,"tags":659,"required":34,"type":660,"schema":661},"\"percent\"",[],"string | undefined",{"kind":644,"type":660,"schema":662},{"0":646,"1":636},{"name":664,"global":34,"description":377,"tags":665,"required":34,"type":666,"schema":667},"modelValue",[],"number | undefined",{"kind":644,"type":666,"schema":668},{"0":646,"1":639},[],[671],{"name":672,"description":377,"tags":673,"type":674,"signature":675,"schema":676},"update:modelValue",[],"[value: number | undefined]","(event: \"update:modelValue\", value: number | undefined): void",[677],{"kind":644,"type":666,"schema":678},[646,639],[],"nB1GIJKB7c71L4Smb-Iss7P5R_yUEGeyB0U3KkDG49E",{"data":682,"body":683,"toc":961},{"title":377,"description":377},{"type":684,"children":685},"root",[686,956],{"type":687,"tag":372,"props":688,"children":691},"element",{"className":689,"code":623,"language":690,"meta":377,"style":377},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[692],{"type":687,"tag":379,"props":693,"children":694},{"__ignoreMap":377},[695,738,764,789,798,839,856,864,880,940],{"type":687,"tag":382,"props":696,"children":697},{"class":384,"line":385},[698,705,711,717,722,727,733],{"type":687,"tag":382,"props":699,"children":701},{"style":700},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[702],{"type":703,"value":704},"text","\u003C",{"type":687,"tag":382,"props":706,"children":708},{"style":707},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[709],{"type":703,"value":710},"script",{"type":687,"tag":382,"props":712,"children":714},{"style":713},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[715],{"type":703,"value":716}," setup",{"type":687,"tag":382,"props":718,"children":719},{"style":713},[720],{"type":703,"value":721}," lang",{"type":687,"tag":382,"props":723,"children":724},{"style":700},[725],{"type":703,"value":726},"=",{"type":687,"tag":382,"props":728,"children":730},{"style":729},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[731],{"type":703,"value":732},"\"ts\"",{"type":687,"tag":382,"props":734,"children":735},{"style":700},[736],{"type":703,"value":737},">\n",{"type":687,"tag":382,"props":739,"children":740},{"class":384,"line":598},[741,746,751,755,760],{"type":687,"tag":382,"props":742,"children":744},{"style":743},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[745],{"type":703,"value":389},{"type":687,"tag":382,"props":747,"children":748},{"style":700},[749],{"type":703,"value":750}," { ref } ",{"type":687,"tag":382,"props":752,"children":753},{"style":743},[754],{"type":703,"value":396},{"type":687,"tag":382,"props":756,"children":757},{"style":729},[758],{"type":703,"value":759}," \"vue\"",{"type":687,"tag":382,"props":761,"children":762},{"style":700},[763],{"type":703,"value":403},{"type":687,"tag":382,"props":765,"children":766},{"class":384,"line":604},[767,771,776,780,785],{"type":687,"tag":382,"props":768,"children":769},{"style":743},[770],{"type":703,"value":389},{"type":687,"tag":382,"props":772,"children":773},{"style":700},[774],{"type":703,"value":775}," MtProgressBar ",{"type":687,"tag":382,"props":777,"children":778},{"style":743},[779],{"type":703,"value":396},{"type":687,"tag":382,"props":781,"children":782},{"style":729},[783],{"type":703,"value":784}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtProgressBar\"",{"type":687,"tag":382,"props":786,"children":787},{"style":700},[788],{"type":703,"value":403},{"type":687,"tag":382,"props":790,"children":792},{"class":384,"line":791},4,[793],{"type":687,"tag":382,"props":794,"children":795},{"emptyLinePlaceholder":614},[796],{"type":703,"value":797},"\n",{"type":687,"tag":382,"props":799,"children":801},{"class":384,"line":800},5,[802,807,813,818,824,829,834],{"type":687,"tag":382,"props":803,"children":804},{"style":743},[805],{"type":703,"value":806},"const",{"type":687,"tag":382,"props":808,"children":810},{"style":809},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[811],{"type":703,"value":812}," value",{"type":687,"tag":382,"props":814,"children":815},{"style":743},[816],{"type":703,"value":817}," =",{"type":687,"tag":382,"props":819,"children":821},{"style":820},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[822],{"type":703,"value":823}," ref",{"type":687,"tag":382,"props":825,"children":826},{"style":700},[827],{"type":703,"value":828},"(",{"type":687,"tag":382,"props":830,"children":831},{"style":809},[832],{"type":703,"value":833},"45",{"type":687,"tag":382,"props":835,"children":836},{"style":700},[837],{"type":703,"value":838},");\n",{"type":687,"tag":382,"props":840,"children":842},{"class":384,"line":841},6,[843,848,852],{"type":687,"tag":382,"props":844,"children":845},{"style":700},[846],{"type":703,"value":847},"\u003C\u002F",{"type":687,"tag":382,"props":849,"children":850},{"style":707},[851],{"type":703,"value":710},{"type":687,"tag":382,"props":853,"children":854},{"style":700},[855],{"type":703,"value":737},{"type":687,"tag":382,"props":857,"children":859},{"class":384,"line":858},7,[860],{"type":687,"tag":382,"props":861,"children":862},{"emptyLinePlaceholder":614},[863],{"type":703,"value":797},{"type":687,"tag":382,"props":865,"children":867},{"class":384,"line":866},8,[868,872,876],{"type":687,"tag":382,"props":869,"children":870},{"style":700},[871],{"type":703,"value":704},{"type":687,"tag":382,"props":873,"children":874},{"style":707},[875],{"type":703,"value":431},{"type":687,"tag":382,"props":877,"children":878},{"style":700},[879],{"type":703,"value":737},{"type":687,"tag":382,"props":881,"children":883},{"class":384,"line":882},9,[884,889,893,898,902,907,912,916,921,926,930,935],{"type":687,"tag":382,"props":885,"children":886},{"style":700},[887],{"type":703,"value":888},"  \u003C",{"type":687,"tag":382,"props":890,"children":891},{"style":707},[892],{"type":703,"value":630},{"type":687,"tag":382,"props":894,"children":895},{"style":713},[896],{"type":703,"value":897}," v-model",{"type":687,"tag":382,"props":899,"children":900},{"style":700},[901],{"type":703,"value":726},{"type":687,"tag":382,"props":903,"children":904},{"style":729},[905],{"type":703,"value":906},"\"value\"",{"type":687,"tag":382,"props":908,"children":909},{"style":713},[910],{"type":703,"value":911}," :max-value",{"type":687,"tag":382,"props":913,"children":914},{"style":700},[915],{"type":703,"value":726},{"type":687,"tag":382,"props":917,"children":918},{"style":729},[919],{"type":703,"value":920},"\"100\"",{"type":687,"tag":382,"props":922,"children":923},{"style":713},[924],{"type":703,"value":925}," label",{"type":687,"tag":382,"props":927,"children":928},{"style":700},[929],{"type":703,"value":726},{"type":687,"tag":382,"props":931,"children":932},{"style":729},[933],{"type":703,"value":934},"\"Upload progress\"",{"type":687,"tag":382,"props":936,"children":937},{"style":700},[938],{"type":703,"value":939}," \u002F>\n",{"type":687,"tag":382,"props":941,"children":943},{"class":384,"line":942},10,[944,948,952],{"type":687,"tag":382,"props":945,"children":946},{"style":700},[947],{"type":703,"value":847},{"type":687,"tag":382,"props":949,"children":950},{"style":707},[951],{"type":703,"value":431},{"type":687,"tag":382,"props":953,"children":954},{"style":700},[955],{"type":703,"value":737},{"type":687,"tag":594,"props":957,"children":958},{},[959],{"type":703,"value":960},"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":377,"searchDepth":598,"depth":598,"links":962},[],{"data":964,"body":965,"toc":1257},{"title":377,"description":377},{"type":684,"children":966},[967,1253],{"type":687,"tag":372,"props":968,"children":969},{"className":689,"code":626,"language":690,"meta":377,"style":377},[970],{"type":687,"tag":379,"props":971,"children":972},{"__ignoreMap":377},[973,1004,1027,1050,1057,1090,1105,1112,1127,1139,1156,1174,1192,1210,1228,1237],{"type":687,"tag":382,"props":974,"children":975},{"class":384,"line":385},[976,980,984,988,992,996,1000],{"type":687,"tag":382,"props":977,"children":978},{"style":700},[979],{"type":703,"value":704},{"type":687,"tag":382,"props":981,"children":982},{"style":707},[983],{"type":703,"value":710},{"type":687,"tag":382,"props":985,"children":986},{"style":713},[987],{"type":703,"value":716},{"type":687,"tag":382,"props":989,"children":990},{"style":713},[991],{"type":703,"value":721},{"type":687,"tag":382,"props":993,"children":994},{"style":700},[995],{"type":703,"value":726},{"type":687,"tag":382,"props":997,"children":998},{"style":729},[999],{"type":703,"value":732},{"type":687,"tag":382,"props":1001,"children":1002},{"style":700},[1003],{"type":703,"value":737},{"type":687,"tag":382,"props":1005,"children":1006},{"class":384,"line":598},[1007,1011,1015,1019,1023],{"type":687,"tag":382,"props":1008,"children":1009},{"style":743},[1010],{"type":703,"value":389},{"type":687,"tag":382,"props":1012,"children":1013},{"style":700},[1014],{"type":703,"value":750},{"type":687,"tag":382,"props":1016,"children":1017},{"style":743},[1018],{"type":703,"value":396},{"type":687,"tag":382,"props":1020,"children":1021},{"style":729},[1022],{"type":703,"value":759},{"type":687,"tag":382,"props":1024,"children":1025},{"style":700},[1026],{"type":703,"value":403},{"type":687,"tag":382,"props":1028,"children":1029},{"class":384,"line":604},[1030,1034,1038,1042,1046],{"type":687,"tag":382,"props":1031,"children":1032},{"style":743},[1033],{"type":703,"value":389},{"type":687,"tag":382,"props":1035,"children":1036},{"style":700},[1037],{"type":703,"value":775},{"type":687,"tag":382,"props":1039,"children":1040},{"style":743},[1041],{"type":703,"value":396},{"type":687,"tag":382,"props":1043,"children":1044},{"style":729},[1045],{"type":703,"value":784},{"type":687,"tag":382,"props":1047,"children":1048},{"style":700},[1049],{"type":703,"value":403},{"type":687,"tag":382,"props":1051,"children":1052},{"class":384,"line":791},[1053],{"type":687,"tag":382,"props":1054,"children":1055},{"emptyLinePlaceholder":614},[1056],{"type":703,"value":797},{"type":687,"tag":382,"props":1058,"children":1059},{"class":384,"line":800},[1060,1064,1069,1073,1077,1081,1086],{"type":687,"tag":382,"props":1061,"children":1062},{"style":743},[1063],{"type":703,"value":806},{"type":687,"tag":382,"props":1065,"children":1066},{"style":809},[1067],{"type":703,"value":1068}," uploadedSize",{"type":687,"tag":382,"props":1070,"children":1071},{"style":743},[1072],{"type":703,"value":817},{"type":687,"tag":382,"props":1074,"children":1075},{"style":820},[1076],{"type":703,"value":823},{"type":687,"tag":382,"props":1078,"children":1079},{"style":700},[1080],{"type":703,"value":828},{"type":687,"tag":382,"props":1082,"children":1083},{"style":809},[1084],{"type":703,"value":1085},"277",{"type":687,"tag":382,"props":1087,"children":1088},{"style":700},[1089],{"type":703,"value":838},{"type":687,"tag":382,"props":1091,"children":1092},{"class":384,"line":841},[1093,1097,1101],{"type":687,"tag":382,"props":1094,"children":1095},{"style":700},[1096],{"type":703,"value":847},{"type":687,"tag":382,"props":1098,"children":1099},{"style":707},[1100],{"type":703,"value":710},{"type":687,"tag":382,"props":1102,"children":1103},{"style":700},[1104],{"type":703,"value":737},{"type":687,"tag":382,"props":1106,"children":1107},{"class":384,"line":858},[1108],{"type":687,"tag":382,"props":1109,"children":1110},{"emptyLinePlaceholder":614},[1111],{"type":703,"value":797},{"type":687,"tag":382,"props":1113,"children":1114},{"class":384,"line":866},[1115,1119,1123],{"type":687,"tag":382,"props":1116,"children":1117},{"style":700},[1118],{"type":703,"value":704},{"type":687,"tag":382,"props":1120,"children":1121},{"style":707},[1122],{"type":703,"value":431},{"type":687,"tag":382,"props":1124,"children":1125},{"style":700},[1126],{"type":703,"value":737},{"type":687,"tag":382,"props":1128,"children":1129},{"class":384,"line":882},[1130,1134],{"type":687,"tag":382,"props":1131,"children":1132},{"style":700},[1133],{"type":703,"value":888},{"type":687,"tag":382,"props":1135,"children":1136},{"style":707},[1137],{"type":703,"value":1138},"mt-progress-bar\n",{"type":687,"tag":382,"props":1140,"children":1141},{"class":384,"line":942},[1142,1147,1151],{"type":687,"tag":382,"props":1143,"children":1144},{"style":713},[1145],{"type":703,"value":1146},"    v-model",{"type":687,"tag":382,"props":1148,"children":1149},{"style":700},[1150],{"type":703,"value":726},{"type":687,"tag":382,"props":1152,"children":1153},{"style":729},[1154],{"type":703,"value":1155},"\"uploadedSize\"\n",{"type":687,"tag":382,"props":1157,"children":1159},{"class":384,"line":1158},11,[1160,1165,1169],{"type":687,"tag":382,"props":1161,"children":1162},{"style":713},[1163],{"type":703,"value":1164},"    :max-value",{"type":687,"tag":382,"props":1166,"children":1167},{"style":700},[1168],{"type":703,"value":726},{"type":687,"tag":382,"props":1170,"children":1171},{"style":729},[1172],{"type":703,"value":1173},"\"356\"\n",{"type":687,"tag":382,"props":1175,"children":1177},{"class":384,"line":1176},12,[1178,1183,1187],{"type":687,"tag":382,"props":1179,"children":1180},{"style":713},[1181],{"type":703,"value":1182},"    label",{"type":687,"tag":382,"props":1184,"children":1185},{"style":700},[1186],{"type":703,"value":726},{"type":687,"tag":382,"props":1188,"children":1189},{"style":729},[1190],{"type":703,"value":1191},"\"Upload progress\"\n",{"type":687,"tag":382,"props":1193,"children":1195},{"class":384,"line":1194},13,[1196,1201,1205],{"type":687,"tag":382,"props":1197,"children":1198},{"style":713},[1199],{"type":703,"value":1200},"    progress-label-type",{"type":687,"tag":382,"props":1202,"children":1203},{"style":700},[1204],{"type":703,"value":726},{"type":687,"tag":382,"props":1206,"children":1207},{"style":729},[1208],{"type":703,"value":1209},"\"kb\"\n",{"type":687,"tag":382,"props":1211,"children":1213},{"class":384,"line":1212},14,[1214,1219,1223],{"type":687,"tag":382,"props":1215,"children":1216},{"style":713},[1217],{"type":703,"value":1218},"    :error",{"type":687,"tag":382,"props":1220,"children":1221},{"style":700},[1222],{"type":703,"value":726},{"type":687,"tag":382,"props":1224,"children":1225},{"style":729},[1226],{"type":703,"value":1227},"\"{ code: 500, detail: 'Error while loading' }\"\n",{"type":687,"tag":382,"props":1229,"children":1231},{"class":384,"line":1230},15,[1232],{"type":687,"tag":382,"props":1233,"children":1234},{"style":700},[1235],{"type":703,"value":1236},"  \u002F>\n",{"type":687,"tag":382,"props":1238,"children":1240},{"class":384,"line":1239},16,[1241,1245,1249],{"type":687,"tag":382,"props":1242,"children":1243},{"style":700},[1244],{"type":703,"value":847},{"type":687,"tag":382,"props":1246,"children":1247},{"style":707},[1248],{"type":703,"value":431},{"type":687,"tag":382,"props":1250,"children":1251},{"style":700},[1252],{"type":703,"value":737},{"type":687,"tag":594,"props":1254,"children":1255},{},[1256],{"type":703,"value":960},{"title":377,"searchDepth":598,"depth":598,"links":1258},[],1784733263063]