[{"data":1,"prerenderedAt":242},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Faccordion":3,"component-meta:UiAccordion":134},{"id":4,"title":5,"body":6,"component":118,"dependsOn":119,"description":120,"emitDescriptions":121,"extension":125,"meta":126,"navigation":127,"order":128,"path":129,"seo":130,"status":131,"stem":132,"__hash__":133},"docs\u002Fdocs\u002Fcomponents\u002Faccordion.md","Accordion",{"type":7,"value":8,"toc":108},"minimark",[9,18,23,28,32,35,39,42,49,53,56,59,63,90,93,97],[10,11,12,13,17],"p",{},"Акордеон для секцій, які мають бути під рукою, але не на виду: розкривні\nналаштування, FAQ, деревоподібні фільтри. Типово кілька секцій можуть\nбути відкриті одночасно; ",[14,15,16],"code",{},"single"," лишає рівно одну — для FAQ і майстрів,\nде секції взаємовиключні.",[19,20,22],"h2",{"id":21},"приклад","Приклад",[24,25],"component-preview",{"name":26,"stage":27},"accordion-basic","min-h-72",[19,29,31],{"id":30},"api","API",[33,34],"component-api",{},[19,36,38],{"id":37},"коли-використовувати","Коли використовувати",[10,40,41],{},"Коли вмісту більше, ніж місця, і він не потрібен одночасно весь.",[10,43,44,45,48],{},"Керований режим через ",[14,46,47],{},"v-model"," — коли стан відкритих секцій треба\nчитати або писати згори (фільтри в URL, синхронізація між панелями).",[19,50,52],{"id":51},"коли-не-використовувати","Коли НЕ використовувати",[10,54,55],{},"Для навігаційних розділів — навігація має бути видимою, а не схованою\nза кліком.",[10,57,58],{},"Не вкладайте акордеон в акордеон: замість ієрархії виходить лабіринт.",[19,60,62],{"id":61},"доступність","Доступність",[10,64,65,66,69,70,73,74,77,78,81,82,85,86,89],{},"Кожен заголовок — ",[14,67,68],{},"\u003Cbutton>"," всередині ",[14,71,72],{},"\u003Ch3>",", з ",[14,75,76],{},"aria-expanded"," і\n",[14,79,80],{},"aria-controls","; панель — ",[14,83,84],{},"role=\"region\""," з ",[14,87,88],{},"aria-labelledby",". Секція\n«розкрита» для скрінрідера залишалась би зрозумілою навіть без\nанімації — анімація тут прикраса, не носій сенсу.",[10,91,92],{},"Заголовки зв'язані клавіатурною навігацією: ↑\u002F↓ переходить до\nпопередньої\u002Fнаступної секції, Home\u002FEnd — до першої\u002Fостанньої (лише\nфокус; відкриття — Enter\u002FSpace або клік, як у вкладках).",[19,94,96],{"id":95},"деталі-реалізації","Деталі реалізації",[10,98,99,100,103,104,107],{},"Плавне розкриття — через ",[14,101,102],{},"grid-template-rows: 0fr → 1fr",": висота\nанімується без JS-вимірювань і без жорсткої max-height. Глобальний\n",[14,105,106],{},"prefers-reduced-motion"," вимикач зупиняє transition сам.",{"title":109,"searchDepth":110,"depth":110,"links":111},"",2,[112,113,114,115,116,117],{"id":21,"depth":110,"text":22},{"id":30,"depth":110,"text":31},{"id":37,"depth":110,"text":38},{"id":51,"depth":110,"text":52},{"id":61,"depth":110,"text":62},{"id":95,"depth":110,"text":96},"UiAccordion",[],"Розкривні секції з анімацією висоти без JS-вимірювань.",{"update:modelValue":122,"open":123,"close":124},"Набір відкритих секцій змінився. Використовуйте через `v-model`.","Секцію відкрито.","Секцію закрито.","md",{},true,34,"\u002Fdocs\u002Fcomponents\u002Faccordion",{"title":5,"description":120},"stable","docs\u002Fcomponents\u002Faccordion","IyOG8t5k2mYTXLDCHjAfHKSE45Qgo9kfjUtQ58qMSx4",{"mode":135,"prefetch":136,"preload":136,"filePath":137,"declarationPath":138,"pascalName":118,"kebabName":139,"chunkName":140,"priority":141,"_scanned":127,"meta":142},"all",false,"app\u002Fcomponents\u002Fui\u002FUiAccordion.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiAccordion.vue","ui-accordion","components\u002Fui-accordion",1,{"type":141,"props":143,"slots":198,"events":221,"exposed":240,"hash":241},[144,172,180,187,193],{"name":145,"global":136,"description":146,"tags":147,"required":127,"type":148,"schema":149},"items","Секції акордеона.",[],"AccordionItem[]",{"kind":150,"type":148,"schema":151},"array",{"0":152},{"kind":153,"type":154,"schema":155},"object","AccordionItem",{"id":156,"label":160,"disabled":163},{"name":157,"global":136,"description":109,"tags":158,"required":127,"type":159,"schema":159},"id",[],"string",{"name":161,"global":136,"description":109,"tags":162,"required":127,"type":159,"schema":159},"label",[],{"name":164,"global":136,"description":109,"tags":165,"required":136,"type":166,"schema":167},"disabled",[],"boolean",{"kind":168,"type":166,"schema":169},"enum",{"0":170,"1":171},"false","true",{"name":173,"global":136,"default":174,"description":175,"tags":176,"required":136,"type":177,"schema":178},"modelValue","undefined","Відкриті секції. Використовуйте через `v-model`. Без `v-model`\nкомпонент керує станом сам, починаючи з `defaultOpen`.",[],"string[]",{"kind":150,"type":177,"schema":179},{"0":159},{"name":181,"global":136,"default":182,"description":183,"tags":184,"required":136,"type":177,"schema":185},"defaultOpen","[]","Початково відкриті id — лише в некерованому режимі.",[],{"kind":150,"type":177,"schema":186},{"0":159},{"name":188,"global":136,"default":171,"description":189,"tags":190,"required":136,"type":166,"schema":191},"showToggle","Показувати шеврон праворуч.",[],{"kind":168,"type":166,"schema":192},{"0":170,"1":171},{"name":16,"global":136,"default":170,"description":194,"tags":195,"required":136,"type":166,"schema":196},"Лише одна відкрита секція: відкриття наступної закриває попередню.\nДля FAQ і майстрів налаштувань, де секції взаємовиключні.",[],{"kind":168,"type":166,"schema":197},{"0":170,"1":171},[199],{"name":161,"type":200,"description":201,"tags":202,"schema":203},"{ item: AccordionItem; open: boolean; }","Власний рендер заголовка секції.",[],{"kind":153,"type":200,"schema":204},{"item":205,"open":218},{"name":206,"global":136,"description":109,"tags":207,"required":127,"type":154,"schema":208},"item",[],{"kind":153,"type":154,"schema":209},{"id":210,"label":212,"disabled":214},{"name":157,"global":136,"description":109,"tags":211,"required":127,"type":159,"schema":159},[],{"name":161,"global":136,"description":109,"tags":213,"required":127,"type":159,"schema":159},[],{"name":164,"global":136,"description":109,"tags":215,"required":136,"type":166,"schema":216},[],{"kind":168,"type":166,"schema":217},{"0":170,"1":171},{"name":219,"global":136,"description":109,"tags":220,"required":127,"type":166,"schema":166},"open",[],[222,230,235],{"name":223,"description":109,"tags":224,"type":225,"signature":226,"schema":227},"update:modelValue",[],"[ids: string[]]","(event: \"update:modelValue\", ids: string[]): void",[228],{"kind":150,"type":177,"schema":229},[159],{"name":219,"description":109,"tags":231,"type":232,"signature":233,"schema":234},[],"[id: string]","(event: \"open\", id: string): void",[159],{"name":236,"description":109,"tags":237,"type":232,"signature":238,"schema":239},"close",[],"(event: \"close\", id: string): void",[159],[],"pfmb55mbJqu1vI5MBuSvYzazUIKxPX4n7vJc2hhcbxo",1789660506367]