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