[{"data":1,"prerenderedAt":1369},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fprogress":406,"\u002Fcomponents\u002Fprogress-surround":1364},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":209,"body":408,"description":1349,"extension":1350,"links":1351,"meta":1360,"navigation":1361,"package":63,"path":210,"seo":1362,"stem":211,"__hash__":1363},"docs\u002F3.components\u002Fprogress.md",{"type":409,"value":410,"toc":1332},"minimark",[411,416,424,429,433,440,442,445,450,456,459,465,610,614,625,628,631,635,646,650,657,661,668,672,676,756,760,980,1006,1010,1040,1043,1047,1093,1097,1106,1178,1199,1228,1231,1238,1259,1262,1266,1298,1302,1328],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423],"p",{},[420,421,422],"code",{},"VyProgress"," displays determinate or indeterminate completion as a themed bar. It supports horizontal and vertical layouts, semantic colors, six sizes, percentage status text, reversed direction, animated indeterminate states, and an array-based stepped mode.",[425,426],"component-code",{"height":427,"name":428},"180px","progress-example",[412,430,432],{"id":431},"usage","Usage",[417,434,435,436,439],{},"Bind a numeric value with ",[420,437,438],{},"v-model"," and set the maximum value.",[425,441],{"height":427,"name":428},[417,443,444],{},"Progress is a display component rather than an input. The binding is useful when application state changes the value; users do not directly edit it.",[446,447,449],"h3",{"id":448},"status","Status",[417,451,452,453,455],{},"Set ",[420,454,448],{}," to show the rounded percentage above the bar.",[425,457],{"height":427,"name":458},"progress-status",[417,460,461,462,464],{},"Use the ",[420,463,448],{}," slot to replace the default percentage text.",[466,467,472],"pre",{"className":468,"code":469,"language":470,"meta":471,"style":471},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CVyProgress :model-value=\"3\" :max=\"8\">\n    \u003Ctemplate #status=\"{ percent }\">\n      \u003Ctext>{{ percent }}% · 3 of 8 files\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyProgress>\n\u003C\u002Ftemplate>\n","vue","",[420,473,474,490,528,559,581,591,601],{"__ignoreMap":471},[475,476,479,483,487],"span",{"class":477,"line":478},"line",1,[475,480,482],{"class":481},"sMK4o","\u003C",[475,484,486],{"class":485},"swJcz","template",[475,488,489],{"class":481},">\n",[475,491,493,496,498,502,505,508,512,514,517,519,521,524,526],{"class":477,"line":492},2,[475,494,495],{"class":481},"  \u003C",[475,497,422],{"class":485},[475,499,501],{"class":500},"spNyl"," :model-value",[475,503,504],{"class":481},"=",[475,506,507],{"class":481},"\"",[475,509,511],{"class":510},"sfazB","3",[475,513,507],{"class":481},[475,515,516],{"class":500}," :max",[475,518,504],{"class":481},[475,520,507],{"class":481},[475,522,523],{"class":510},"8",[475,525,507],{"class":481},[475,527,489],{"class":481},[475,529,531,534,536,539,541,543,545,548,552,555,557],{"class":477,"line":530},3,[475,532,533],{"class":481},"    \u003C",[475,535,486],{"class":485},[475,537,538],{"class":481}," #",[475,540,448],{"class":500},[475,542,504],{"class":481},[475,544,507],{"class":481},[475,546,547],{"class":481},"{",[475,549,551],{"class":550},"sTEyZ"," percent ",[475,553,554],{"class":481},"}",[475,556,507],{"class":481},[475,558,489],{"class":481},[475,560,562,565,568,571,574,577,579],{"class":477,"line":561},4,[475,563,564],{"class":481},"      \u003C",[475,566,567],{"class":485},"text",[475,569,570],{"class":481},">",[475,572,573],{"class":550},"{{ percent }}% · 3 of 8 files",[475,575,576],{"class":481},"\u003C\u002F",[475,578,567],{"class":485},[475,580,489],{"class":481},[475,582,584,587,589],{"class":477,"line":583},5,[475,585,586],{"class":481},"    \u003C\u002F",[475,588,486],{"class":485},[475,590,489],{"class":481},[475,592,594,597,599],{"class":477,"line":593},6,[475,595,596],{"class":481},"  \u003C\u002F",[475,598,422],{"class":485},[475,600,489],{"class":481},[475,602,604,606,608],{"class":477,"line":603},7,[475,605,576],{"class":481},[475,607,486],{"class":485},[475,609,489],{"class":481},[446,611,613],{"id":612},"indeterminate","Indeterminate",[417,615,616,617,620,621,624],{},"Omit ",[420,618,619],{},"modelValue",", or set it to ",[420,622,623],{},"null",", when the amount of work is unknown.",[425,626],{"height":427,"name":627},"progress-indeterminate",[417,629,630],{},"The status and step labels are hidden while progress is indeterminate.",[446,632,634],{"id":633},"steps","Steps",[417,636,637,638,641,642,645],{},"Pass an array to ",[420,639,640],{},"max"," to use its entries as step labels. The numeric value becomes the active zero-based step index, and the effective maximum is ",[420,643,644],{},"max.length - 1",".",[425,647],{"height":648,"name":649},"240px","progress-steps",[417,651,652,653,656],{},"Each entry has a named ",[420,654,655],{},"step-N"," slot. By default, only the active step label is visible.",[446,658,660],{"id":659},"vertical-and-inverted","Vertical and inverted",[417,662,663,664,667],{},"A vertical progress bar needs an explicit height. ",[420,665,666],{},"inverted"," reverses the direction in either orientation.",[425,669],{"height":670,"name":671},"320px","progress-vertical",[412,673,675],{"id":674},"features-and-behavior","Features and behavior",[677,678,679,690,700,710,720,733,738,741],"ul",{},[680,681,682,683,685,686,689],"li",{},"A number renders determinate progress; ",[420,684,623],{}," or ",[420,687,688],{},"undefined"," renders the indeterminate state.",[680,691,692,693,695,696,699],{},"Numeric ",[420,694,640],{}," defaults to ",[420,697,698],{},"100"," in the core primitive.",[680,701,702,703,705,706,709],{},"An array ",[420,704,640],{}," enables step labels and uses ",[420,707,708],{},"array.length - 1"," as the numeric maximum.",[680,711,712,713,716,717,645],{},"The displayed percentage is rounded to the nearest whole number and visually clamped from ",[420,714,715],{},"0%"," to ",[420,718,719],{},"100%",[680,721,722,723,726,727,729,730,732],{},"The core primitive validates determinate values. Values below ",[420,724,725],{},"0",", above ",[420,728,640],{},", or otherwise invalid are corrected to ",[420,731,623],{},", producing an indeterminate state.",[680,734,735,737],{},[420,736,666],{}," reverses the indicator translation and status alignment.",[680,739,740],{},"Horizontal progress fills the available width. Vertical progress fills the available height supplied by its parent.",[680,742,743,744,747,748,751,752,755],{},"The indicator exposes ",[420,745,746],{},"data-state=\"indeterminate\"",", ",[420,749,750],{},"\"loading\"",", or ",[420,753,754],{},"\"complete\""," through the core primitive.",[412,757,759],{"id":758},"props","Props",[761,762,763,782],"table",{},[764,765,766],"thead",{},[767,768,769,773,776,779],"tr",{},[770,771,772],"th",{},"Prop",[770,774,775],{},"Type",[770,777,778],{},"Default",[770,780,781],{},"Description",[783,784,785,807,826,845,862,882,902,922,942,961],"tbody",{},[767,786,787,792,797,801],{},[788,789,790],"td",{},[420,791,619],{},[788,793,794],{},[420,795,796],{},"number | null",[788,798,799],{},[420,800,623],{},[788,802,803,804,806],{},"Current value. ",[420,805,623],{}," or omission selects the indeterminate state.",[767,808,809,813,818,823],{},[788,810,811],{},[420,812,640],{},[788,814,815],{},[420,816,817],{},"number | any[]",[788,819,820,821],{},"Effective ",[420,822,698],{},[788,824,825],{},"Maximum numeric value, or step labels whose last index becomes the maximum.",[767,827,828,832,837,842],{},[788,829,830],{},[420,831,448],{},[788,833,834],{},[420,835,836],{},"boolean",[788,838,839],{},[420,840,841],{},"false",[788,843,844],{},"Shows the rounded percentage status for determinate progress.",[767,846,847,851,855,859],{},[788,848,849],{},[420,850,666],{},[788,852,853],{},[420,854,836],{},[788,856,857],{},[420,858,841],{},[788,860,861],{},"Reverses the visual fill direction and status alignment.",[767,863,864,869,874,879],{},[788,865,866],{},[420,867,868],{},"size",[788,870,871],{},[420,872,873],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'",[788,875,876],{},[420,877,878],{},"'md'",[788,880,881],{},"Bar thickness and status or step text size.",[767,883,884,889,894,899],{},[788,885,886],{},[420,887,888],{},"color",[788,890,891],{},[420,892,893],{},"Color",[788,895,896],{},[420,897,898],{},"'primary'",[788,900,901],{},"Semantic indicator and step-label color.",[767,903,904,909,914,919],{},[788,905,906],{},[420,907,908],{},"orientation",[788,910,911],{},[420,912,913],{},"'horizontal' | 'vertical'",[788,915,916],{},[420,917,918],{},"'horizontal'",[788,920,921],{},"Bar and status layout direction.",[767,923,924,929,934,939],{},[788,925,926],{},[420,927,928],{},"animation",[788,930,931],{},[420,932,933],{},"'carousel' | 'carousel-inverse' | 'swing' | 'elastic'",[788,935,936],{},[420,937,938],{},"'carousel'",[788,940,941],{},"Animation used only for indeterminate progress.",[767,943,944,949,954,958],{},[788,945,946],{},[420,947,948],{},"class",[788,950,951],{},[420,952,953],{},"any",[788,955,956],{},[420,957,688],{},[788,959,960],{},"Classes merged onto the outer root.",[767,962,963,968,973,977],{},[788,964,965],{},[420,966,967],{},"ui",[788,969,970],{},[420,971,972],{},"Partial\u003CRecord\u003CProgressSlot, any>>",[788,974,975],{},[420,976,688],{},[788,978,979],{},"Per-instance theme slot overrides.",[417,981,982,695,984,747,987,747,990,747,993,747,996,747,999,751,1002,1005],{},[420,983,893],{},[420,985,986],{},"primary",[420,988,989],{},"secondary",[420,991,992],{},"success",[420,994,995],{},"info",[420,997,998],{},"warning",[420,1000,1001],{},"error",[420,1003,1004],{},"neutral",", and supports registry extensions.",[412,1007,1009],{"id":1008},"emits","Emits",[761,1011,1012,1024],{},[764,1013,1014],{},[767,1015,1016,1019,1022],{},[770,1017,1018],{},"Event",[770,1020,1021],{},"Payload",[770,1023,781],{},[783,1025,1026],{},[767,1027,1028,1033,1037],{},[788,1029,1030],{},[420,1031,1032],{},"update:modelValue",[788,1034,1035],{},[420,1036,796],{},[788,1038,1039],{},"Forwards a corrected value from the core progress primitive.",[417,1041,1042],{},"The component does not emit ordinary user interaction updates because it is non-interactive.",[412,1044,1046],{"id":1045},"slots","Slots",[761,1048,1049,1060],{},[764,1050,1051],{},[767,1052,1053,1056,1058],{},[770,1054,1055],{},"Slot",[770,1057,759],{},[770,1059,781],{},[783,1061,1062,1076],{},[767,1063,1064,1068,1073],{},[788,1065,1066],{},[420,1067,448],{},[788,1069,1070],{},[420,1071,1072],{},"{ percent?: number }",[788,1074,1075],{},"Replaces the percentage status. Rendered only for determinate progress.",[767,1077,1078,1082,1087],{},[788,1079,1080],{},[420,1081,655],{},[788,1083,1084],{},[420,1085,1086],{},"{ step: any }",[788,1088,1089,1090,645],{},"Replaces the label for the step at zero-based index ",[420,1091,1092],{},"N",[412,1094,1096],{"id":1095},"styling-and-theming","Styling and theming",[417,1098,1099,1100,1103,1104,645],{},"Override globally through ",[420,1101,1102],{},"appConfig.ui.progress"," or locally with ",[420,1105,967],{},[761,1107,1108,1118],{},[764,1109,1110],{},[767,1111,1112,1115],{},[770,1113,1114],{},"UI slot",[770,1116,1117],{},"Purpose",[783,1119,1120,1130,1140,1150,1159,1168],{},[767,1121,1122,1127],{},[788,1123,1124],{},[420,1125,1126],{},"root",[788,1128,1129],{},"Outer orientation and spacing layout.",[767,1131,1132,1137],{},[788,1133,1134],{},[420,1135,1136],{},"base",[788,1138,1139],{},"Clipped neutral track.",[767,1141,1142,1147],{},[788,1143,1144],{},[420,1145,1146],{},"indicator",[788,1148,1149],{},"Colored filling or animated bar.",[767,1151,1152,1156],{},[788,1153,1154],{},[420,1155,448],{},[788,1157,1158],{},"Percentage or custom status wrapper.",[767,1160,1161,1165],{},[788,1162,1163],{},[420,1164,633],{},[788,1166,1167],{},"Overlaid step-label grid.",[767,1169,1170,1175],{},[788,1171,1172],{},[420,1173,1174],{},"step",[788,1176,1177],{},"Individual active or hidden step label.",[417,1179,1180,1181,747,1183,747,1185,747,1187,747,1189,1191,1192,716,1195,1198],{},"The theme combines ",[420,1182,888],{},[420,1184,868],{},[420,1186,908],{},[420,1188,666],{},[420,1190,928],{},", and an internal step state. Horizontal sizes range from ",[420,1193,1194],{},"2px",[420,1196,1197],{},"20px","; vertical sizes use the same values as widths. Semantic color affects the indicator and step labels, while the track remains neutral.",[417,1200,1201,1202,747,1205,747,1208,747,1211,747,1214,747,1217,747,1220,1223,1224,1227],{},"Indeterminate animation utilities reference ",[420,1203,1204],{},"carousel",[420,1206,1207],{},"carousel-vertical",[420,1209,1210],{},"carousel-inverse",[420,1212,1213],{},"carousel-inverse-vertical",[420,1215,1216],{},"swing",[420,1218,1219],{},"swing-vertical",[420,1221,1222],{},"elastic",", and ",[420,1225,1226],{},"elastic-vertical"," keyframes. The consuming app must provide the corresponding keyframes for animations it uses.",[412,1229,328],{"id":1230},"accessibility",[417,1232,1233,1234,1237],{},"The core root is exposed as a native progress bar with the Lynx ",[420,1235,1236],{},"updating"," trait. Determinate values are announced as a rounded percentage of the maximum, such as “50%.” Indeterminate progress has no numeric accessibility value.",[417,1239,1240,1241,685,1244,1247,1248,1251,1252,1255,1256,1258],{},"Place a visible label near the component so users know which task is progressing. The kit wrapper does not currently expose the core ",[420,1242,1243],{},"getValueLabel",[420,1245,1246],{},"getValueText"," callbacks; use ",[420,1249,1250],{},"ProgressRoot"," and ",[420,1253,1254],{},"ProgressIndicator"," from ",[420,1257,41],{}," when the announced value must use application-specific wording such as “3 files.”",[417,1260,1261],{},"Do not rely on color alone to communicate completion, failure, or another task state. Pair the bar with text when that distinction matters.",[412,1263,1265],{"id":1264},"platform-notes","Platform notes",[677,1267,1268,1271,1281,1292,1295],{},[680,1269,1270],{},"The kit provides a bar only. Circular progress based on inline SVG is not supported by Lynx native.",[680,1272,1273,1274,685,1277,1280],{},"Determinate fill is painted with a concrete ",[420,1275,1276],{},"translateX",[420,1278,1279],{},"translateY"," transform for consistent Lynx rendering.",[680,1282,1283,1284,1287,1288,1291],{},"Lynx does not support ",[420,1285,1286],{},"fit-content"," for the status dimension, so the indeterminate fallback uses intrinsic ",[420,1289,1290],{},"auto"," sizing.",[680,1293,1294],{},"Vertical layout requires a constrained parent height.",[680,1296,1297],{},"Indeterminate motion depends on keyframes supplied by the consuming app; without them, the component remains visually indeterminate but static.",[412,1299,1301],{"id":1300},"related-components","Related components",[677,1303,1304,1312,1317,1322],{},[680,1305,1306,1311],{},[1307,1308,1309],"a",{"href":248},[420,1310,247],{}," for a value users can change.",[680,1313,1314,1316],{},[420,1315,257],{}," for navigating an ordered sequence of interactive steps.",[680,1318,1319,1321],{},[420,1320,243],{}," for placeholder content while its final shape is loading.",[680,1323,1324,1325,1327],{},"The ",[420,1326,41],{}," progress primitives for custom markup and accessible value text.",[1329,1330,1331],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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":471,"searchDepth":478,"depth":492,"links":1333},[1334,1335,1341,1342,1343,1344,1345,1346,1347,1348],{"id":414,"depth":492,"text":415},{"id":431,"depth":492,"text":432,"children":1336},[1337,1338,1339,1340],{"id":448,"depth":530,"text":449},{"id":612,"depth":530,"text":613},{"id":633,"depth":530,"text":634},{"id":659,"depth":530,"text":660},{"id":674,"depth":492,"text":675},{"id":758,"depth":492,"text":759},{"id":1008,"depth":492,"text":1009},{"id":1045,"depth":492,"text":1046},{"id":1095,"depth":492,"text":1096},{"id":1230,"depth":492,"text":328},{"id":1264,"depth":492,"text":1265},{"id":1300,"depth":492,"text":1301},"Show determinate, indeterminate, or stepped task progress.","md",[1352,1357],{"label":1353,"icon":1354,"to":1355,"target":1356},"Kit source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FProgress.vue","_blank",{"label":1358,"icon":1354,"to":1359,"target":1356},"Core primitives","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Ftree\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FProgress",{},{"icon":212},{"title":209,"description":1349},"W0Lw8OLQUdFPSQWWeiVIjkNIvE-LrBYEq1jVQR8Gmnc",[1365,1367],{"title":204,"path":205,"stem":206,"description":1366,"icon":-1,"children":-1,"navigation":-1},"Reveal contextual content in a mobile sheet or anchored floating panel.",{"title":214,"path":215,"stem":216,"description":1368,"icon":-1,"children":-1,"navigation":-1},"Choose one value from a visible set of labeled options.",1783534418337]