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