[{"data":1,"prerenderedAt":234},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fstepper":3,"component-meta:UiStepper":99},{"id":4,"title":5,"body":6,"component":84,"dependsOn":85,"description":86,"emitDescriptions":87,"extension":90,"meta":91,"navigation":92,"order":93,"path":94,"seo":95,"status":96,"stem":97,"__hash__":98},"docs\u002Fdocs\u002Fcomponents\u002Fstepper.md","Stepper",{"type":7,"value":8,"toc":75},"minimark",[9,13,18,23,27,30,34,42,48,52,55,61,65],[10,11,12],"p",{},"Stepper відрізняється від Tabs тим, що несе СТАН ПРОГРЕСУ: пройдені\nкроки позначені галочками, майбутні — приглушені, активний — виділений.\nTabs нічого не говорить про порядок і не пам'ятає, де користувач був.",[14,15,17],"h2",{"id":16},"приклад","Приклад",[19,20],"component-preview",{"name":21,"stage":22},"forms-extended","min-h-72",[14,24,26],{"id":25},"api","API",[28,29],"component-api",{},[14,31,33],{"id":32},"коли-використовувати","Коли використовувати",[10,35,36,37,41],{},"Майстри налаштувань: онбординг, публікація за три кроки, візарди\nімпорту. Поряд — кнопки «Назад»\u002F«Далі» споживача, які ведуть той самий\n",[38,39,40],"code",{},"v-model",".",[10,43,44,47],{},[38,45,46],{},"clickMode=\"visited\""," дозволяє повертатись по пройдених кроках, але не\nстрибати вперед — користувач не пропустить жодного кроку випадково.",[14,49,51],{"id":50},"коли-не-використовувати","Коли НЕ використовувати",[10,53,54],{},"Для перемикання вмісту без порядку — це Tabs: вкладки не псують\nпрогрес, бо прогресу там немає.",[10,56,57,58,41],{},"Для кроків, які не можна пропускати, не задавайте ",[38,59,60],{},"clickMode=\"any\"",[14,62,64],{"id":63},"доступність","Доступність",[10,66,67,70,71,74],{},[38,68,69],{},"aria-current=\"step\""," позначає активний крок; пройдені — галочка з\nконтрастним текстом, а не лише зелена заливка. Деактивовані кроки\n",[38,72,73],{},"disabled"," і недоступні для скрінрідера як вибір.",{"title":76,"searchDepth":77,"depth":77,"links":78},"",2,[79,80,81,82,83],{"id":16,"depth":77,"text":17},{"id":25,"depth":77,"text":26},{"id":32,"depth":77,"text":33},{"id":50,"depth":77,"text":51},{"id":63,"depth":77,"text":64},"UiStepper",[],"Індикатор кроків майстра налаштувань — з прогресом, галочками і режимом кліків.",{"update:modelValue":88,"change":89},"Активний крок (0-based). Використовуйте через `v-model`.","Активний крок змінився.","md",{},true,34,"\u002Fdocs\u002Fcomponents\u002Fstepper",{"title":5,"description":86},"stable","docs\u002Fcomponents\u002Fstepper","ZFVoAbkx4SamAdMfVwcf_Yuru5TTSPc0_lysuIZVWKk",{"mode":100,"prefetch":101,"preload":101,"filePath":102,"declarationPath":103,"pascalName":84,"kebabName":104,"chunkName":105,"priority":106,"_scanned":92,"meta":107},"all",false,"app\u002Fcomponents\u002Fui\u002FUiStepper.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiStepper.vue","ui-stepper","components\u002Fui-stepper",1,{"type":106,"props":108,"slots":161,"events":220,"exposed":232,"hash":233},[109,139,145,155],{"name":110,"global":101,"description":111,"tags":112,"required":92,"type":113,"schema":114},"steps","Кроки майстра.",[],"StepItem[]",{"kind":115,"type":113,"schema":116},"array",{"0":117},{"kind":118,"type":119,"schema":120},"object","StepItem",{"id":121,"label":125,"description":128,"disabled":131},{"name":122,"global":101,"description":76,"tags":123,"required":92,"type":124,"schema":124},"id",[],"string",{"name":126,"global":101,"description":76,"tags":127,"required":92,"type":124,"schema":124},"label",[],{"name":129,"global":101,"description":76,"tags":130,"required":101,"type":124,"schema":124},"description",[],{"name":73,"global":101,"description":76,"tags":132,"required":101,"type":133,"schema":134},[],"boolean",{"kind":135,"type":133,"schema":136},"enum",{"0":137,"1":138},"false","true",{"name":140,"global":101,"default":141,"description":142,"tags":143,"required":101,"type":144,"schema":144},"modelValue","0","Поточний крок (0-based). Використовуйте через `v-model`.",[],"number",{"name":146,"global":101,"default":147,"description":148,"tags":149,"required":101,"type":150,"schema":151},"clickMode","\"visited\"","Режим кліків. `any` — клік по будь-якому кроку; `visited` — лише по\r\nвже пройдених (і на крок вперед); `none` — клікати не можна, тільки\r\nNext\u002FBack у споживача.",[],"\"none\" | \"visited\" | \"any\"",{"kind":135,"type":150,"schema":152},{"0":153,"1":147,"2":154},"\"none\"","\"any\"",{"name":156,"global":101,"default":137,"description":157,"tags":158,"required":101,"type":133,"schema":159},"compact","Ховати заголовки — лишаються тільки кружечки-індикатори.",[],{"kind":135,"type":133,"schema":160},{"0":137,"1":138},[162,196],{"name":163,"type":164,"description":165,"tags":166,"schema":167},"indicator","{ step: StepItem; index: number; state: \"done\" | \"active\" | \"upcoming\"; }","Власний рендер індикатора кроку: число, галочка, іконка.",[],{"kind":118,"type":164,"schema":168},{"step":169,"index":184,"state":187},{"name":170,"global":101,"description":76,"tags":171,"required":92,"type":119,"schema":172},"step",[],{"kind":118,"type":119,"schema":173},{"id":174,"label":176,"description":178,"disabled":180},{"name":122,"global":101,"description":76,"tags":175,"required":92,"type":124,"schema":124},[],{"name":126,"global":101,"description":76,"tags":177,"required":92,"type":124,"schema":124},[],{"name":129,"global":101,"description":76,"tags":179,"required":101,"type":124,"schema":124},[],{"name":73,"global":101,"description":76,"tags":181,"required":101,"type":133,"schema":182},[],{"kind":135,"type":133,"schema":183},{"0":137,"1":138},{"name":185,"global":101,"description":76,"tags":186,"required":92,"type":144,"schema":144},"index",[],{"name":188,"global":101,"description":76,"tags":189,"required":92,"type":190,"schema":191},"state",[],"\"done\" | \"active\" | \"upcoming\"",{"kind":135,"type":190,"schema":192},{"0":193,"1":194,"2":195},"\"done\"","\"active\"","\"upcoming\"",{"name":126,"type":197,"description":198,"tags":199,"schema":200},"{ step: StepItem; state: \"done\" | \"active\" | \"upcoming\"; }","Власний рендер заголовка кроку.",[],{"kind":118,"type":197,"schema":201},{"step":202,"state":216},{"name":170,"global":101,"description":76,"tags":203,"required":92,"type":119,"schema":204},[],{"kind":118,"type":119,"schema":205},{"id":206,"label":208,"description":210,"disabled":212},{"name":122,"global":101,"description":76,"tags":207,"required":92,"type":124,"schema":124},[],{"name":126,"global":101,"description":76,"tags":209,"required":92,"type":124,"schema":124},[],{"name":129,"global":101,"description":76,"tags":211,"required":101,"type":124,"schema":124},[],{"name":73,"global":101,"description":76,"tags":213,"required":101,"type":133,"schema":214},[],{"kind":135,"type":133,"schema":215},{"0":137,"1":138},{"name":188,"global":101,"description":76,"tags":217,"required":92,"type":190,"schema":218},[],{"kind":135,"type":190,"schema":219},{"0":193,"1":194,"2":195},[221,227],{"name":222,"description":76,"tags":223,"type":224,"signature":225,"schema":226},"update:modelValue",[],"[step: number]","(event: \"update:modelValue\", step: number): void",[144],{"name":228,"description":76,"tags":229,"type":224,"signature":230,"schema":231},"change",[],"(event: \"change\", step: number): void",[144],[],"vcePt3zt7kyDf9UWPN6z3YRa48GbNStZRpbE9ijuFps",1788072641142]