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