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