[{"data":1,"prerenderedAt":278},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Ftextarea":3,"component-meta:UiTextarea":148},{"id":4,"title":5,"body":6,"component":132,"dependsOn":133,"description":135,"emitDescriptions":136,"extension":33,"meta":140,"navigation":141,"order":142,"path":143,"seo":144,"status":145,"stem":146,"__hash__":147},"docs\u002Fdocs\u002Fcomponents\u002Ftextarea.md","Textarea",{"type":7,"value":8,"toc":122},"minimark",[9,14,19,23,47,50,54,57,61,64,70,84,88,98,102,116],[10,11,13],"h2",{"id":12},"автоматичний-ріст","Автоматичний ріст",[15,16],"component-preview",{"name":17,"stage":18},"textarea-autoresize","min-h-48",[10,20,22],{"id":21},"розміри","Розміри",[24,25,26,30,31,34,35,38,39,42,43,46],"p",{},[27,28,29],"code",{},"sm"," — швидкий пошук чи коментар, ",[27,32,33],{},"md"," — типовий, ",[27,36,37],{},"lg"," — головне поле\nсторінки. На мобільному текст 16px — iOS Safari не зумує сторінку при\nфокусі, а висота росте з контентом (",[27,40,41],{},"min-h","), повертаючись до щільних\nпаддінгів на ",[27,44,45],{},"md:",".",[15,48],{"name":49},"textarea-sizes",[10,51,53],{"id":52},"api","API",[55,56],"component-api",{},[10,58,60],{"id":59},"коли-використовувати","Коли використовувати",[24,62,63],{},"Для тексту, довжина якого наперед невідома: опис, коментар, повідомлення.",[24,65,66,69],{},[27,67,68],{},"autoresize"," доречний там, де поле — головний елемент екрана (поле вводу\nчату). У щільній формі фіксована висота передбачуваніша.",[24,71,72,73,76,77,80,81,46],{},"Для полів із лімітом задайте ",[27,74,75],{},"maxLength"," і ",[27,78,79],{},"showCount",": браузер не дасть\nввести зайве, а користувач бачитиме лічильник ",[27,82,83],{},"поточна \u002F максимальна",[10,85,87],{"id":86},"коли-не-використовувати","Коли НЕ використовувати",[24,89,90,91,93,94,97],{},"Не вмикайте ",[27,92,68],{}," без стелі. Довгий текст виштовхне кнопку\n«Надіслати» за межі екрана — типово ",[27,95,96],{},"maxRows"," дорівнює 12.",[10,99,101],{"id":100},"доступність","Доступність",[24,103,104,105,108,109,112,113,115],{},"Висота перераховується у два кроки: спершу скидається в ",[27,106,107],{},"auto",", і лише\nпотім читається ",[27,110,111],{},"scrollHeight",". Без скидання поле росло б при видаленні\nтексту так само, як при додаванні, бо ",[27,114,111],{}," ніколи не зменшується\nсам.",[24,117,118,119,46],{},"Поле має рівно один активний опис: помилка має пріоритет над підказкою,\nпідказка — над лічильником. Видима помилка оголошується через ",[27,120,121],{},"role=\"alert\"",{"title":123,"searchDepth":124,"depth":124,"links":125},"",2,[126,127,128,129,130,131],{"id":12,"depth":124,"text":13},{"id":21,"depth":124,"text":22},{"id":52,"depth":124,"text":53},{"id":59,"depth":124,"text":60},{"id":86,"depth":124,"text":87},{"id":100,"depth":124,"text":101},"UiTextarea",[134],"app\u002Futils\u002FuiFieldStyles.ts","Багаторядкове поле з опційним автоматичним ростом під вміст.",{"update:modelValue":137,"focus":138,"blur":139},"Зміна значення.","Поле отримало фокус.","Поле втратило фокус.",{},true,11,"\u002Fdocs\u002Fcomponents\u002Ftextarea",{"title":5,"description":135},"stable","docs\u002Fcomponents\u002Ftextarea","qgOEO7dswhOh8iz-tAU7chUvKwg6X8hWmM0TXDjZVc8",{"mode":149,"prefetch":150,"preload":150,"filePath":151,"declarationPath":152,"pascalName":132,"kebabName":153,"chunkName":154,"priority":155,"_scanned":141,"meta":156},"all",false,"app\u002Fcomponents\u002Fui\u002FUiTextarea.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiTextarea.vue","ui-textarea","components\u002Fui-textarea",1,{"type":155,"props":157,"slots":240,"events":241,"exposed":269,"hash":277},[158,169,175,179,184,187,190,194,198,201,204,208,212,220,225,230,235],{"name":159,"global":150,"default":160,"description":161,"tags":162,"required":150,"type":163,"schema":164},"size","\"md\"","Щільність поля: `sm` — пошук\u002Fкоментар, `md` — типовий, `lg` —\nголовне поле сторінки. Висота задана мінімальною (поле росте\nрядками); на мобільному текст 16px — без авто-зуму iOS.",[],"\"sm\" | \"md\" | \"lg\"",{"kind":165,"type":163,"schema":166},"enum",{"0":167,"1":160,"2":168},"\"sm\"","\"lg\"",{"name":170,"global":150,"default":171,"description":172,"tags":173,"required":150,"type":174,"schema":174},"rows","4","Кількість видимих рядків у згорнутому стані.",[],"number",{"name":96,"global":150,"default":176,"description":177,"tags":178,"required":150,"type":174,"schema":174},"12","Стеля висоти в рядках для `autoresize`.",[],{"name":180,"global":150,"description":181,"tags":182,"required":150,"type":183,"schema":183},"modelValue","Значення поля. Використовуйте через `v-model`.",[],"string",{"name":185,"global":150,"description":123,"tags":186,"required":150,"type":183,"schema":183},"name",[],{"name":75,"global":150,"description":188,"tags":189,"required":150,"type":174,"schema":174},"Максимальна кількість символів. Передається як нативний `maxlength`.",[],{"name":191,"global":150,"description":192,"tags":193,"required":150,"type":183,"schema":183},"error","Текст помилки. Його наявність вмикає стан помилки.",[],{"name":195,"global":150,"description":196,"tags":197,"required":150,"type":183,"schema":183},"hint","Підказка під полем. Ховається, коли показано помилку.",[],{"name":199,"global":150,"description":123,"tags":200,"required":150,"type":183,"schema":183},"label",[],{"name":202,"global":150,"description":123,"tags":203,"required":150,"type":183,"schema":183},"placeholder",[],{"name":205,"global":150,"description":206,"tags":207,"required":150,"type":183,"schema":183},"id","Стабільний DOM id. `name` використовується лише для форми.",[],{"name":209,"global":150,"description":210,"tags":211,"required":150,"type":183,"schema":183},"inputClass","Додаткові класи на сам `\u003Ctextarea>`.\n\nЗвичайний `class` осідає на кореневому `\u003Cdiv>` разом із лейблом і\nтекстом помилки — це правильно для відступів, але не дає, скажімо,\nзробити поле моноширинним. Цей проп цілить саме в поле.",[],{"name":79,"global":150,"default":213,"description":214,"tags":215,"required":150,"type":216,"schema":217},"false","Показувати лічильник символів. Працює разом із `maxLength`.",[],"boolean",{"kind":165,"type":216,"schema":218},{"0":213,"1":219},"true",{"name":221,"global":150,"description":123,"tags":222,"required":150,"type":216,"schema":223},"required",[],{"kind":165,"type":216,"schema":224},{"0":213,"1":219},{"name":226,"global":150,"description":123,"tags":227,"required":150,"type":216,"schema":228},"disabled",[],{"kind":165,"type":216,"schema":229},{"0":213,"1":219},{"name":231,"global":150,"description":123,"tags":232,"required":150,"type":216,"schema":233},"readonly",[],{"kind":165,"type":216,"schema":234},{"0":213,"1":219},{"name":68,"global":150,"description":236,"tags":237,"required":150,"type":216,"schema":238},"Автоматично росте під вміст замість власної прокрутки.\n\nОбмежене `maxRows`: без стелі довгий текст виштовхує кнопку\n«Надіслати» за межі екрана.",[],{"kind":165,"type":216,"schema":239},{"0":213,"1":219},[],[242,248,261],{"name":243,"description":123,"tags":244,"type":245,"signature":246,"schema":247},"update:modelValue",[],"[value: string]","(event: \"update:modelValue\", value: string): void",[183],{"name":249,"description":123,"tags":250,"type":251,"signature":252,"schema":253},"focus",[],"[event: FocusEvent]","(event: \"focus\", event: FocusEvent): void",[254],{"kind":255,"type":256,"schema":257},"object","FocusEvent",{"name":258,"global":150,"description":259,"tags":260,"required":141,"type":183,"schema":183},"type","The **`type`** read-only property of the Event interface returns a string containing the event's type.\n\n[MDN Reference](https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FAPI\u002FEvent\u002Ftype)",[],{"name":262,"description":123,"tags":263,"type":251,"signature":264,"schema":265},"blur",[],"(event: \"blur\", event: FocusEvent): void",[266],{"kind":255,"type":256,"schema":267},{"name":258,"global":150,"description":259,"tags":268,"required":141,"type":183,"schema":183},[],[270],{"name":249,"type":271,"description":272,"tags":273,"schema":274},"() => void","Ставить фокус на поле.",[],{"kind":275,"type":276},"event","(): void","jDYBck-dfkcLfStfyhj2KcS-iFq62CkuUVkx0EYR93Q",1789660506385]