[{"data":1,"prerenderedAt":295},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fexpand":3,"component-meta:UiExpand":187},{"id":4,"title":5,"body":6,"component":63,"dependsOn":174,"description":175,"emitDescriptions":176,"extension":178,"meta":179,"navigation":180,"order":181,"path":182,"seo":183,"status":184,"stem":185,"__hash__":186},"docs\u002Fdocs\u002Fcomponents\u002Fexpand.md","Expand",{"type":7,"value":8,"toc":164},"minimark",[9,22,27,32,36,50,54,65,69,72,76,89,110,114,129,133,143,157],[10,11,12,13,17,18,21],"p",{},"Expand залишає видимим короткий заголовок, а довгі пояснення розкриває\nнатисканням. Типово блок згорнутий. Лічильник у слоті ",[14,15,16],"code",{},"trailing"," і тон\n",[14,19,20],{},"warning"," допомагають помітити зауваження ще до відкриття.",[23,24,26],"h2",{"id":25},"приклад","Приклад",[28,29],"component-preview",{"name":30,"stage":31},"expand-basic","min-h-56",[23,33,35],{"id":34},"керування-станом","Керування станом",[10,37,38,39,42,43,46,47,49],{},"Без ",[14,40,41],{},"v-model"," компонент сам зберігає відкритий стан; ",[14,44,45],{},"default-open","\nрозкриває його під час створення. З ",[14,48,41],{}," стан визначає батьківський\nкомпонент — можна розгорнути або згорнути блок зовнішньою кнопкою.",[28,51],{"name":52,"stage":53},"expand-controlled","min-h-72",[10,55,56,57,60,61,64],{},"Вміст зберігається змонтованим, тому згортання не скидає введені дані.\nЩоб починати зі згорнутого блоку при переході до іншого запису, задайте\n",[14,58,59],{},":key=\"record.id\""," на ",[14,62,63],{},"UiExpand",".",[23,66,68],{"id":67},"api","API",[70,71],"component-api",{},[23,73,75],{"id":74},"коли-використовувати","Коли використовувати",[77,78,79,83,86],"ul",{},[80,81,82],"li",{},"Довгий список зауважень із видимою кількістю повідомлень.",[80,84,85],{},"Додаткові поля або деталі запису, які потрібні за запитом.",[80,87,88],{},"Розкривне пояснення результату перевірки.",[10,90,91,92,95,96,99,100,103,104,109],{},"Для перенесення скопіюйте ",[14,93,94],{},"app\u002Fcomponents\u002Fui\u002FUiExpand.vue",", а також спільні\n",[14,97,98],{},"tokens.css"," і ",[14,101,102],{},"theme.css"," за ",[105,106,108],"a",{"href":107},"\u002Fdocs\u002Fcopy-guide","інструкцією",".\nДодаткових компонентів або пакетів Expand не потребує.",[23,111,113],{"id":112},"коли-не-використовувати","Коли НЕ використовувати",[77,115,116,123,126],{},[80,117,118,119,64],{},"Для групи пов'язаних розділів із навігацією між заголовками використовуйте\n",[105,120,122],{"href":121},"\u002Fdocs\u002Fcomponents\u002Faccordion","Accordion",[80,124,125],{},"Для помилки поточної дії, яку користувач має відразу прочитати.",[80,127,128],{},"Для основної навігації або дій, приховання яких завадить роботі.",[23,130,132],{"id":131},"доступність","Доступність",[10,134,135,136,99,139,142],{},"Заголовок — нативна кнопка з ",[14,137,138],{},"aria-expanded",[14,140,141],{},"aria-controls",".\nEnter і Space перемикають стан; Tab переводить фокус до наступного елемента.\nНе вкладайте кнопки чи посилання у слоти заголовка — розміщуйте їх у вмісті.",[10,144,145,146,149,150,153,154,156],{},"Згорнута панель має ",[14,147,148],{},"inert"," та ",[14,151,152],{},"aria-hidden",", тому її поля й посилання\nне потрапляють у клавіатурну навігацію. Якщо зовнішній ",[14,155,41],{}," згортає\nпанель із фокусом усередині, фокус повертається на заголовок.",[10,158,159,160,163],{},"Висота анімується через CSS Grid без JS-вимірювань; ",[14,161,162],{},"prefers-reduced-motion","\nвимикає анімацію. Кольори використовують токени й працюють в обох темах.",{"title":165,"searchDepth":166,"depth":166,"links":167},"",2,[168,169,170,171,172,173],{"id":25,"depth":166,"text":26},{"id":34,"depth":166,"text":35},{"id":67,"depth":166,"text":68},{"id":74,"depth":166,"text":75},{"id":112,"depth":166,"text":113},{"id":131,"depth":166,"text":132},[],"Один розкривний блок для зауважень, деталей і додаткових налаштувань.",{"update:modelValue":177},"Запит на зміну відкритого стану. Використовуйте через `v-model`.","md",{},true,35,"\u002Fdocs\u002Fcomponents\u002Fexpand",{"title":5,"description":175},"stable","docs\u002Fcomponents\u002Fexpand","N1eTMCE2PzO-J3tO0epRSUAujbA46ZYaa7lvqee27cU",{"mode":188,"prefetch":189,"preload":189,"filePath":94,"declarationPath":190,"pascalName":63,"kebabName":191,"chunkName":192,"priority":193,"_scanned":180,"meta":194},"all",false,"\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiExpand.vue","ui-expand","components\u002Fui-expand",1,{"type":193,"props":195,"slots":242,"events":284,"exposed":293,"hash":294},[196,201,211,220,230,236],{"name":197,"global":189,"description":198,"tags":199,"required":180,"type":200,"schema":200},"title","Назва розкривного блоку. Слот title дозволяє доповнити її розміткою.",[],"string",{"name":202,"global":189,"default":203,"description":204,"tags":205,"required":189,"type":206,"schema":207},"size","\"md\"","Щільність заголовка та відступів вмісту.",[],"\"sm\" | \"md\"",{"kind":208,"type":206,"schema":209},"enum",{"0":210,"1":203},"\"sm\"",{"name":212,"global":189,"default":213,"description":214,"tags":215,"required":189,"type":216,"schema":217},"tone","\"neutral\"","Тон заголовка; warning залишає зауваження помітними у згорнутому стані.",[],"\"neutral\" | \"warning\"",{"kind":208,"type":216,"schema":218},{"0":213,"1":219},"\"warning\"",{"name":221,"global":189,"default":222,"description":223,"tags":224,"required":189,"type":225,"schema":226},"modelValue","undefined","Відкритий стан через v-model. Без нього компонент керує станом сам.",[],"boolean",{"kind":208,"type":225,"schema":227},{"0":228,"1":229},"false","true",{"name":231,"global":189,"default":228,"description":232,"tags":233,"required":189,"type":225,"schema":234},"defaultOpen","Початково розкритий блок — лише в некерованому режимі.",[],{"kind":208,"type":225,"schema":235},{"0":228,"1":229},{"name":237,"global":189,"default":228,"description":238,"tags":239,"required":189,"type":225,"schema":240},"disabled","Заборонити перемикання заголовком.",[],{"kind":208,"type":225,"schema":241},{"0":228,"1":229},[243,256,265,275],{"name":244,"type":245,"description":246,"tags":247,"schema":248},"default","{ open: boolean; }","Вміст блоку. Зберігається змонтованим після згортання.",[],{"kind":249,"type":245,"schema":250},"object",{"open":251},{"name":252,"global":189,"description":165,"tags":253,"required":180,"type":225,"schema":254},"open",[],{"kind":208,"type":225,"schema":255},{"0":228,"1":229},{"name":197,"type":245,"description":257,"tags":258,"schema":259},"Власний заголовок без вкладених кнопок або посилань.",[],{"kind":249,"type":245,"schema":260},{"open":261},{"name":252,"global":189,"description":165,"tags":262,"required":180,"type":225,"schema":263},[],{"kind":208,"type":225,"schema":264},{"0":228,"1":229},{"name":266,"type":245,"description":267,"tags":268,"schema":269},"leading","Іконка ліворуч від заголовка.",[],{"kind":249,"type":245,"schema":270},{"open":271},{"name":252,"global":189,"description":165,"tags":272,"required":180,"type":225,"schema":273},[],{"kind":208,"type":225,"schema":274},{"0":228,"1":229},{"name":16,"type":245,"description":276,"tags":277,"schema":278},"Лічильник або короткий статус праворуч, без інтерактивних елементів.",[],{"kind":249,"type":245,"schema":279},{"open":280},{"name":252,"global":189,"description":165,"tags":281,"required":180,"type":225,"schema":282},[],{"kind":208,"type":225,"schema":283},{"0":228,"1":229},[285],{"name":286,"description":165,"tags":287,"type":288,"signature":289,"schema":290},"update:modelValue",[],"[open: boolean]","(event: \"update:modelValue\", open: boolean): void",[291],{"kind":208,"type":225,"schema":292},[228,229],[],"MVY5-wg0L6cKOGw6uw0I7IKw5xnW--VZ6yjTbGpIyHY",1789660506375]