[{"data":1,"prerenderedAt":1291},["ShallowReactive",2],{"navigation_docs":3,"-components-progress-bar":381,"-components-progress-bar-surround":649,"component-example-progressBarBasicExample":654,"component-example-progressBarCustomUnitsAndErrorExample":657,"component-meta-MtProgressBar":660,"component-example-ast-progressBarBasicExample":713,"component-example-ast-progressBarCustomUnitsAndErrorExample":995},[4,110,318],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298,302,306,310,314],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"App","\u002Fcomponents\u002Fapp","2.components\u002Fapp",{"title":123,"path":124,"stem":125},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":127,"path":128,"stem":129},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":131,"path":132,"stem":133},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":135,"path":136,"stem":137},"Breadcrumb","\u002Fcomponents\u002Fbreadcrumb","2.components\u002Fbreadcrumb",{"title":139,"path":140,"stem":141},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":143,"path":144,"stem":145},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":147,"path":148,"stem":149},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":151,"path":152,"stem":153},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":155,"path":156,"stem":157},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":159,"path":160,"stem":161},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":163,"path":164,"stem":165},"Container","\u002Fcomponents\u002Fcontainer","2.components\u002Fcontainer",{"title":167,"path":168,"stem":169},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":171,"path":172,"stem":173},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":175,"path":176,"stem":177},"Divider","\u002Fcomponents\u002Fdivider","2.components\u002Fdivider",{"title":179,"path":180,"stem":181},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer",{"title":183,"path":184,"stem":185},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":187,"path":188,"stem":189},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":191,"path":192,"stem":193},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":195,"path":196,"stem":197},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":199,"path":200,"stem":201},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":203,"path":204,"stem":205},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":207,"path":208,"stem":209},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":211,"path":212,"stem":213},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":215,"path":216,"stem":217},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":219,"path":220,"stem":221},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":223,"path":224,"stem":225},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":227,"path":228,"stem":229},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":231,"path":232,"stem":233},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":235,"path":236,"stem":237},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":239,"path":240,"stem":241},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":243,"path":244,"stem":245},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":247,"path":248,"stem":249},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":251,"path":252,"stem":253},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":255,"path":256,"stem":257},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":259,"path":260,"stem":261},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":263,"path":264,"stem":265},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":267,"path":268,"stem":269},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":271,"path":272,"stem":273},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":275,"path":276,"stem":277},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":279,"path":280,"stem":281},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":283,"path":284,"stem":285},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":287,"path":288,"stem":289},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":291,"path":292,"stem":293},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":295,"path":296,"stem":297},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":299,"path":300,"stem":301},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":303,"path":304,"stem":305},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":307,"path":308,"stem":309},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":311,"path":312,"stem":313},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":315,"path":316,"stem":317},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":319,"path":320,"stem":321,"children":322,"page":34},"Utilities","\u002Futilities","3.utilities",[323,335,364,372],{"title":53,"path":324,"stem":325,"children":326,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[327,331],{"title":328,"path":329,"stem":330},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":332,"path":333,"stem":334},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":336,"path":337,"stem":338,"children":339,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[340,344,348,352,356,360],{"title":341,"path":342,"stem":343},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":345,"path":346,"stem":347},"useMtApp","\u002Futilities\u002Fcomposables\u002Fuse-mt-app","3.utilities\u002Fcomposables\u002Fuse-mt-app",{"title":349,"path":350,"stem":351},"useMtAppRegions","\u002Futilities\u002Fcomposables\u002Fuse-mt-app-regions","3.utilities\u002Fcomposables\u002Fuse-mt-app-regions",{"title":353,"path":354,"stem":355},"useServicePermission","\u002Futilities\u002Fcomposables\u002Fuse-service-permission","3.utilities\u002Fcomposables\u002Fuse-service-permission",{"title":357,"path":358,"stem":359},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":361,"path":362,"stem":363},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":365,"path":366,"stem":367,"children":368,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[369],{"title":307,"path":370,"stem":371},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":373,"path":374,"stem":375,"children":376,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[377],{"title":378,"path":379,"stem":380},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":382,"title":239,"body":383,"description":642,"extension":643,"links":644,"meta":645,"navigation":646,"path":240,"seo":647,"stem":241,"__hash__":648},"docs\u002F2.components\u002Fprogress-bar.md",{"type":384,"value":385,"toc":629},"minimark",[386,391,396,403,436,440,445,448,452,455,459,517,521,563,566,611,615,625],[387,388],"component-example",{":full-width":389,"name":390},"true","progress-bar-basic-example",[392,393,395],"h2",{"id":394},"usage","Usage",[397,398,399,402],"p",{},[400,401,239],"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.",[404,405,410],"pre",{"className":406,"code":407,"language":408,"meta":409,"style":409},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtProgressBar } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[411,412,413],"code",{"__ignoreMap":409},[414,415,418,422,426,429,433],"span",{"class":416,"line":417},"line",1,[414,419,421],{"class":420},"sLfaJ","import",[414,423,425],{"class":424},"sSgjj"," { MtProgressBar } ",[414,427,428],{"class":420},"from",[414,430,432],{"class":431},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[414,434,435],{"class":424},";\n",[392,437,439],{"id":438},"examples","Examples",[441,442,444],"h3",{"id":443},"custom-units-and-error","Custom units and error",[387,446],{":full-width":389,"name":447},"progress-bar-custom-units-and-error-example",[392,449,451],{"id":450},"api-reference","API reference",[453,454],"component-api",{},[392,456,458],{"id":457},"best-practices","Best practices",[460,461,462,500],"do-dont",{":vertical":389},[463,464,465],"template",{"v-slot:do":409},[466,467,468,472,475,478,493],"ul",{},[469,470,471],"li",{},"Provide a clear label so users understand what the progress refers to.",[469,473,474],{},"Keep the value and maximum meaningful, stable, and easy to reason about.",[469,476,477],{},"Use the default percentage label when percent is the clearest way to communicate progress.",[469,479,480,481,484,485,488,489,492],{},"Use ",[411,482,483],{},"progressLabelType"," when a concrete unit such as ",[411,486,487],{},"kb"," or ",[411,490,491],{},"items"," is more useful than a percentage.",[469,494,495,496,499],{},"Show the ",[411,497,498],{},"error"," state when progress is blocked or the related process fails.",[463,501,502,508,511,514],{"v-slot:dont":409},[469,503,504,505,507],{},"Do not use ",[400,506,239],{}," when the task has no measurable completion state.",[469,509,510],{},"Do not rely on progress color alone to communicate success or failure.",[469,512,513],{},"Do not feed invalid values on purpose and rely on clamping as the primary behavior.",[469,515,516],{},"Do not hide the surrounding context for long-running tasks that may need more explanation.",[392,518,520],{"id":519},"behavior","Behavior",[466,522,523,532,547,557],{},[469,524,525,527,528,531],{},[400,526,239],{}," uses the current value and ",[411,529,530],{},"maxValue"," to calculate the filled width.",[469,533,534,535,538,539,542,543,546],{},"The fill width is clamped between ",[411,536,537],{},"0%"," and ",[411,540,541],{},"100%",", so values below ",[411,544,545],{},"0"," or above the maximum do not overflow the track.",[469,548,549,550,552,553,556],{},"By default the progress label is shown as a percentage. When ",[411,551,483],{}," is set to another value, the label is rendered as ",[411,554,555],{},"current unit \u002F max unit",".",[469,558,559,560,562],{},"When ",[411,561,498],{}," is present, the fill changes to the critical color and the error message is rendered below the track.",[392,564,45],{"id":565},"accessibility",[466,567,568,588,598,605],{},[469,569,570,572,573,576,577,580,581,584,585,556],{},[400,571,239],{}," exposes ",[411,574,575],{},"role=\"progressbar\""," with ",[411,578,579],{},"aria-valuenow",", ",[411,582,583],{},"aria-valuemin",", and ",[411,586,587],{},"aria-valuemax",[469,589,590,591,594,595,556],{},"Provide a visible ",[411,592,593],{},"label",", because the progressbar is associated with that label via ",[411,596,597],{},"aria-labelledby",[469,599,600,601,604],{},"The percentage or unit label is marked ",[411,602,603],{},"aria-hidden",", so important status information should not depend on that text alone.",[469,606,607,608,610],{},"If the task is especially important or long-running, pair ",[400,609,239],{}," with additional explanatory text so screen-reader and keyboard users have enough context.",[392,612,614],{"id":613},"related-components","Related components",[466,616,617],{},[469,618,619,624],{},[620,621,622],"a",{"href":216},[400,623,215],{},": when work is in progress but the exact completion amount is unknown.",[626,627,628],"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":409,"searchDepth":630,"depth":630,"links":631},2,[632,633,637,638,639,640,641],{"id":394,"depth":630,"text":395},{"id":438,"depth":630,"text":439,"children":634},[635],{"id":443,"depth":636,"text":444},3,{"id":450,"depth":630,"text":451},{"id":457,"depth":630,"text":458},{"id":519,"depth":630,"text":520},{"id":565,"depth":630,"text":45},{"id":613,"depth":630,"text":614},"A determinate progress indicator for tasks with a known current value and maximum.","md",null,{},true,{"title":239,"description":642},"dkbOy6_IFohvnAkXUdCGp46h1zLXuuVX_rRvYJlb_B4",[650,652],{"title":235,"path":236,"stem":237,"description":651,"children":-1},"An experimental floating surface that reveals contextual settings and nested option views from a trigger.",{"title":243,"path":244,"stem":245,"description":653,"children":-1},"A specialized Badge for predefined promotional labels such as New, Beta, or Shopware AI.",{"code":655,"pascalName":656},"\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":658,"pascalName":659},"\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":661,"kebabName":662,"filePath":663,"meta":664},"MtProgressBar","mt-progress-bar","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-progress-bar\u002Fmt-progress-bar.vue",{"type":417,"props":665,"slots":701,"events":702,"exposed":711,"hash":712},[666,669,672,689,695],{"name":593,"global":34,"description":409,"tags":667,"required":646,"type":668,"schema":668},[],"string",{"name":530,"global":34,"description":409,"tags":670,"required":646,"type":671,"schema":671},[],"number",{"name":498,"global":34,"description":409,"tags":673,"required":34,"type":674,"schema":675},[],"{ detail: string; code: number; } | null | undefined",{"kind":676,"type":674,"schema":677},"enum",{"0":678,"1":679,"2":680},"undefined","null",{"kind":681,"type":682,"schema":683},"object","{ detail: string; code: number; }",{"detail":684,"code":687},{"name":685,"global":34,"description":409,"tags":686,"required":646,"type":668,"schema":668},"detail",[],{"name":411,"global":34,"description":409,"tags":688,"required":646,"type":671,"schema":671},[],{"name":483,"global":34,"default":690,"description":409,"tags":691,"required":34,"type":692,"schema":693},"\"percent\"",[],"string | undefined",{"kind":676,"type":692,"schema":694},{"0":678,"1":668},{"name":696,"global":34,"description":409,"tags":697,"required":34,"type":698,"schema":699},"modelValue",[],"number | undefined",{"kind":676,"type":698,"schema":700},{"0":678,"1":671},[],[703],{"name":704,"description":409,"tags":705,"type":706,"signature":707,"schema":708},"update:modelValue",[],"[value: number | undefined]","(event: \"update:modelValue\", value: number | undefined): void",[709],{"kind":676,"type":698,"schema":710},[678,671],[],"nB1GIJKB7c71L4Smb-Iss7P5R_yUEGeyB0U3KkDG49E",{"data":714,"body":715,"toc":993},{"title":409,"description":409},{"type":716,"children":717},"root",[718,988],{"type":719,"tag":404,"props":720,"children":723},"element",{"className":721,"code":655,"language":722,"meta":409,"style":409},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[724],{"type":719,"tag":411,"props":725,"children":726},{"__ignoreMap":409},[727,770,796,821,830,871,888,896,912,972],{"type":719,"tag":414,"props":728,"children":729},{"class":416,"line":417},[730,737,743,749,754,759,765],{"type":719,"tag":414,"props":731,"children":733},{"style":732},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[734],{"type":735,"value":736},"text","\u003C",{"type":719,"tag":414,"props":738,"children":740},{"style":739},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[741],{"type":735,"value":742},"script",{"type":719,"tag":414,"props":744,"children":746},{"style":745},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[747],{"type":735,"value":748}," setup",{"type":719,"tag":414,"props":750,"children":751},{"style":745},[752],{"type":735,"value":753}," lang",{"type":719,"tag":414,"props":755,"children":756},{"style":732},[757],{"type":735,"value":758},"=",{"type":719,"tag":414,"props":760,"children":762},{"style":761},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[763],{"type":735,"value":764},"\"ts\"",{"type":719,"tag":414,"props":766,"children":767},{"style":732},[768],{"type":735,"value":769},">\n",{"type":719,"tag":414,"props":771,"children":772},{"class":416,"line":630},[773,778,783,787,792],{"type":719,"tag":414,"props":774,"children":776},{"style":775},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[777],{"type":735,"value":421},{"type":719,"tag":414,"props":779,"children":780},{"style":732},[781],{"type":735,"value":782}," { ref } ",{"type":719,"tag":414,"props":784,"children":785},{"style":775},[786],{"type":735,"value":428},{"type":719,"tag":414,"props":788,"children":789},{"style":761},[790],{"type":735,"value":791}," \"vue\"",{"type":719,"tag":414,"props":793,"children":794},{"style":732},[795],{"type":735,"value":435},{"type":719,"tag":414,"props":797,"children":798},{"class":416,"line":636},[799,803,808,812,817],{"type":719,"tag":414,"props":800,"children":801},{"style":775},[802],{"type":735,"value":421},{"type":719,"tag":414,"props":804,"children":805},{"style":732},[806],{"type":735,"value":807}," MtProgressBar ",{"type":719,"tag":414,"props":809,"children":810},{"style":775},[811],{"type":735,"value":428},{"type":719,"tag":414,"props":813,"children":814},{"style":761},[815],{"type":735,"value":816}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtProgressBar\"",{"type":719,"tag":414,"props":818,"children":819},{"style":732},[820],{"type":735,"value":435},{"type":719,"tag":414,"props":822,"children":824},{"class":416,"line":823},4,[825],{"type":719,"tag":414,"props":826,"children":827},{"emptyLinePlaceholder":646},[828],{"type":735,"value":829},"\n",{"type":719,"tag":414,"props":831,"children":833},{"class":416,"line":832},5,[834,839,845,850,856,861,866],{"type":719,"tag":414,"props":835,"children":836},{"style":775},[837],{"type":735,"value":838},"const",{"type":719,"tag":414,"props":840,"children":842},{"style":841},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[843],{"type":735,"value":844}," value",{"type":719,"tag":414,"props":846,"children":847},{"style":775},[848],{"type":735,"value":849}," =",{"type":719,"tag":414,"props":851,"children":853},{"style":852},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[854],{"type":735,"value":855}," ref",{"type":719,"tag":414,"props":857,"children":858},{"style":732},[859],{"type":735,"value":860},"(",{"type":719,"tag":414,"props":862,"children":863},{"style":841},[864],{"type":735,"value":865},"45",{"type":719,"tag":414,"props":867,"children":868},{"style":732},[869],{"type":735,"value":870},");\n",{"type":719,"tag":414,"props":872,"children":874},{"class":416,"line":873},6,[875,880,884],{"type":719,"tag":414,"props":876,"children":877},{"style":732},[878],{"type":735,"value":879},"\u003C\u002F",{"type":719,"tag":414,"props":881,"children":882},{"style":739},[883],{"type":735,"value":742},{"type":719,"tag":414,"props":885,"children":886},{"style":732},[887],{"type":735,"value":769},{"type":719,"tag":414,"props":889,"children":891},{"class":416,"line":890},7,[892],{"type":719,"tag":414,"props":893,"children":894},{"emptyLinePlaceholder":646},[895],{"type":735,"value":829},{"type":719,"tag":414,"props":897,"children":899},{"class":416,"line":898},8,[900,904,908],{"type":719,"tag":414,"props":901,"children":902},{"style":732},[903],{"type":735,"value":736},{"type":719,"tag":414,"props":905,"children":906},{"style":739},[907],{"type":735,"value":463},{"type":719,"tag":414,"props":909,"children":910},{"style":732},[911],{"type":735,"value":769},{"type":719,"tag":414,"props":913,"children":915},{"class":416,"line":914},9,[916,921,925,930,934,939,944,948,953,958,962,967],{"type":719,"tag":414,"props":917,"children":918},{"style":732},[919],{"type":735,"value":920},"  \u003C",{"type":719,"tag":414,"props":922,"children":923},{"style":739},[924],{"type":735,"value":662},{"type":719,"tag":414,"props":926,"children":927},{"style":745},[928],{"type":735,"value":929}," v-model",{"type":719,"tag":414,"props":931,"children":932},{"style":732},[933],{"type":735,"value":758},{"type":719,"tag":414,"props":935,"children":936},{"style":761},[937],{"type":735,"value":938},"\"value\"",{"type":719,"tag":414,"props":940,"children":941},{"style":745},[942],{"type":735,"value":943}," :max-value",{"type":719,"tag":414,"props":945,"children":946},{"style":732},[947],{"type":735,"value":758},{"type":719,"tag":414,"props":949,"children":950},{"style":761},[951],{"type":735,"value":952},"\"100\"",{"type":719,"tag":414,"props":954,"children":955},{"style":745},[956],{"type":735,"value":957}," label",{"type":719,"tag":414,"props":959,"children":960},{"style":732},[961],{"type":735,"value":758},{"type":719,"tag":414,"props":963,"children":964},{"style":761},[965],{"type":735,"value":966},"\"Upload progress\"",{"type":719,"tag":414,"props":968,"children":969},{"style":732},[970],{"type":735,"value":971}," \u002F>\n",{"type":719,"tag":414,"props":973,"children":975},{"class":416,"line":974},10,[976,980,984],{"type":719,"tag":414,"props":977,"children":978},{"style":732},[979],{"type":735,"value":879},{"type":719,"tag":414,"props":981,"children":982},{"style":739},[983],{"type":735,"value":463},{"type":719,"tag":414,"props":985,"children":986},{"style":732},[987],{"type":735,"value":769},{"type":719,"tag":626,"props":989,"children":990},{},[991],{"type":735,"value":992},"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":409,"searchDepth":630,"depth":630,"links":994},[],{"data":996,"body":997,"toc":1289},{"title":409,"description":409},{"type":716,"children":998},[999,1285],{"type":719,"tag":404,"props":1000,"children":1001},{"className":721,"code":658,"language":722,"meta":409,"style":409},[1002],{"type":719,"tag":411,"props":1003,"children":1004},{"__ignoreMap":409},[1005,1036,1059,1082,1089,1122,1137,1144,1159,1171,1188,1206,1224,1242,1260,1269],{"type":719,"tag":414,"props":1006,"children":1007},{"class":416,"line":417},[1008,1012,1016,1020,1024,1028,1032],{"type":719,"tag":414,"props":1009,"children":1010},{"style":732},[1011],{"type":735,"value":736},{"type":719,"tag":414,"props":1013,"children":1014},{"style":739},[1015],{"type":735,"value":742},{"type":719,"tag":414,"props":1017,"children":1018},{"style":745},[1019],{"type":735,"value":748},{"type":719,"tag":414,"props":1021,"children":1022},{"style":745},[1023],{"type":735,"value":753},{"type":719,"tag":414,"props":1025,"children":1026},{"style":732},[1027],{"type":735,"value":758},{"type":719,"tag":414,"props":1029,"children":1030},{"style":761},[1031],{"type":735,"value":764},{"type":719,"tag":414,"props":1033,"children":1034},{"style":732},[1035],{"type":735,"value":769},{"type":719,"tag":414,"props":1037,"children":1038},{"class":416,"line":630},[1039,1043,1047,1051,1055],{"type":719,"tag":414,"props":1040,"children":1041},{"style":775},[1042],{"type":735,"value":421},{"type":719,"tag":414,"props":1044,"children":1045},{"style":732},[1046],{"type":735,"value":782},{"type":719,"tag":414,"props":1048,"children":1049},{"style":775},[1050],{"type":735,"value":428},{"type":719,"tag":414,"props":1052,"children":1053},{"style":761},[1054],{"type":735,"value":791},{"type":719,"tag":414,"props":1056,"children":1057},{"style":732},[1058],{"type":735,"value":435},{"type":719,"tag":414,"props":1060,"children":1061},{"class":416,"line":636},[1062,1066,1070,1074,1078],{"type":719,"tag":414,"props":1063,"children":1064},{"style":775},[1065],{"type":735,"value":421},{"type":719,"tag":414,"props":1067,"children":1068},{"style":732},[1069],{"type":735,"value":807},{"type":719,"tag":414,"props":1071,"children":1072},{"style":775},[1073],{"type":735,"value":428},{"type":719,"tag":414,"props":1075,"children":1076},{"style":761},[1077],{"type":735,"value":816},{"type":719,"tag":414,"props":1079,"children":1080},{"style":732},[1081],{"type":735,"value":435},{"type":719,"tag":414,"props":1083,"children":1084},{"class":416,"line":823},[1085],{"type":719,"tag":414,"props":1086,"children":1087},{"emptyLinePlaceholder":646},[1088],{"type":735,"value":829},{"type":719,"tag":414,"props":1090,"children":1091},{"class":416,"line":832},[1092,1096,1101,1105,1109,1113,1118],{"type":719,"tag":414,"props":1093,"children":1094},{"style":775},[1095],{"type":735,"value":838},{"type":719,"tag":414,"props":1097,"children":1098},{"style":841},[1099],{"type":735,"value":1100}," uploadedSize",{"type":719,"tag":414,"props":1102,"children":1103},{"style":775},[1104],{"type":735,"value":849},{"type":719,"tag":414,"props":1106,"children":1107},{"style":852},[1108],{"type":735,"value":855},{"type":719,"tag":414,"props":1110,"children":1111},{"style":732},[1112],{"type":735,"value":860},{"type":719,"tag":414,"props":1114,"children":1115},{"style":841},[1116],{"type":735,"value":1117},"277",{"type":719,"tag":414,"props":1119,"children":1120},{"style":732},[1121],{"type":735,"value":870},{"type":719,"tag":414,"props":1123,"children":1124},{"class":416,"line":873},[1125,1129,1133],{"type":719,"tag":414,"props":1126,"children":1127},{"style":732},[1128],{"type":735,"value":879},{"type":719,"tag":414,"props":1130,"children":1131},{"style":739},[1132],{"type":735,"value":742},{"type":719,"tag":414,"props":1134,"children":1135},{"style":732},[1136],{"type":735,"value":769},{"type":719,"tag":414,"props":1138,"children":1139},{"class":416,"line":890},[1140],{"type":719,"tag":414,"props":1141,"children":1142},{"emptyLinePlaceholder":646},[1143],{"type":735,"value":829},{"type":719,"tag":414,"props":1145,"children":1146},{"class":416,"line":898},[1147,1151,1155],{"type":719,"tag":414,"props":1148,"children":1149},{"style":732},[1150],{"type":735,"value":736},{"type":719,"tag":414,"props":1152,"children":1153},{"style":739},[1154],{"type":735,"value":463},{"type":719,"tag":414,"props":1156,"children":1157},{"style":732},[1158],{"type":735,"value":769},{"type":719,"tag":414,"props":1160,"children":1161},{"class":416,"line":914},[1162,1166],{"type":719,"tag":414,"props":1163,"children":1164},{"style":732},[1165],{"type":735,"value":920},{"type":719,"tag":414,"props":1167,"children":1168},{"style":739},[1169],{"type":735,"value":1170},"mt-progress-bar\n",{"type":719,"tag":414,"props":1172,"children":1173},{"class":416,"line":974},[1174,1179,1183],{"type":719,"tag":414,"props":1175,"children":1176},{"style":745},[1177],{"type":735,"value":1178},"    v-model",{"type":719,"tag":414,"props":1180,"children":1181},{"style":732},[1182],{"type":735,"value":758},{"type":719,"tag":414,"props":1184,"children":1185},{"style":761},[1186],{"type":735,"value":1187},"\"uploadedSize\"\n",{"type":719,"tag":414,"props":1189,"children":1191},{"class":416,"line":1190},11,[1192,1197,1201],{"type":719,"tag":414,"props":1193,"children":1194},{"style":745},[1195],{"type":735,"value":1196},"    :max-value",{"type":719,"tag":414,"props":1198,"children":1199},{"style":732},[1200],{"type":735,"value":758},{"type":719,"tag":414,"props":1202,"children":1203},{"style":761},[1204],{"type":735,"value":1205},"\"356\"\n",{"type":719,"tag":414,"props":1207,"children":1209},{"class":416,"line":1208},12,[1210,1215,1219],{"type":719,"tag":414,"props":1211,"children":1212},{"style":745},[1213],{"type":735,"value":1214},"    label",{"type":719,"tag":414,"props":1216,"children":1217},{"style":732},[1218],{"type":735,"value":758},{"type":719,"tag":414,"props":1220,"children":1221},{"style":761},[1222],{"type":735,"value":1223},"\"Upload progress\"\n",{"type":719,"tag":414,"props":1225,"children":1227},{"class":416,"line":1226},13,[1228,1233,1237],{"type":719,"tag":414,"props":1229,"children":1230},{"style":745},[1231],{"type":735,"value":1232},"    progress-label-type",{"type":719,"tag":414,"props":1234,"children":1235},{"style":732},[1236],{"type":735,"value":758},{"type":719,"tag":414,"props":1238,"children":1239},{"style":761},[1240],{"type":735,"value":1241},"\"kb\"\n",{"type":719,"tag":414,"props":1243,"children":1245},{"class":416,"line":1244},14,[1246,1251,1255],{"type":719,"tag":414,"props":1247,"children":1248},{"style":745},[1249],{"type":735,"value":1250},"    :error",{"type":719,"tag":414,"props":1252,"children":1253},{"style":732},[1254],{"type":735,"value":758},{"type":719,"tag":414,"props":1256,"children":1257},{"style":761},[1258],{"type":735,"value":1259},"\"{ code: 500, detail: 'Error while loading' }\"\n",{"type":719,"tag":414,"props":1261,"children":1263},{"class":416,"line":1262},15,[1264],{"type":719,"tag":414,"props":1265,"children":1266},{"style":732},[1267],{"type":735,"value":1268},"  \u002F>\n",{"type":719,"tag":414,"props":1270,"children":1272},{"class":416,"line":1271},16,[1273,1277,1281],{"type":719,"tag":414,"props":1274,"children":1275},{"style":732},[1276],{"type":735,"value":879},{"type":719,"tag":414,"props":1278,"children":1279},{"style":739},[1280],{"type":735,"value":463},{"type":719,"tag":414,"props":1282,"children":1283},{"style":732},[1284],{"type":735,"value":769},{"type":719,"tag":626,"props":1286,"children":1287},{},[1288],{"type":735,"value":992},{"title":409,"searchDepth":630,"depth":630,"links":1290},[],1790339361225]