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