[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Finline-edit":3,"component-meta:UiInlineEdit":112},{"id":4,"title":5,"body":6,"component":94,"dependsOn":95,"description":97,"emitDescriptions":98,"extension":103,"meta":104,"navigation":105,"order":106,"path":107,"seo":108,"status":109,"stem":110,"__hash__":111},"docs\u002Fdocs\u002Fcomponents\u002Finline-edit.md","InlineEdit",{"type":7,"value":8,"toc":85},"minimark",[9,13,18,23,27,30,34,42,52,56,59,62,66],[10,11,12],"p",{},"Редагування на місці замість «відкрий модалку → знайди поле → збережи».\nЗведено з трьох незалежних реалізацій InlineEdit — рядок таблиці стає\nполем за кліком, Enter — зберегти, Escape — скасувати.",[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,37,41],{},"Рядки таблиць і карток з поодинокими правками: автор сторінки, кількість\nпереглядів, назва в списку. Тип ",[38,39,40],"code",{},"number"," валідує NaN і не емітує його.",[10,43,44,47,48,51],{},[38,45,46],{},"saveOnBlur"," (типово) — зберігає по втраті фокуса: звична поведінка\nтаблиць. ",[38,49,50],{},"saveOnBlur=false"," — blur скасовує, зберігає лише Enter.",[14,53,55],{"id":54},"коли-не-використовувати","Коли НЕ використовувати",[10,57,58],{},"Для полів, які редагуються РАЗОМ з іншими в одній формі — там звичайний\nInput і спільна кнопка «Зберегти».",[10,60,61],{},"Не для великих текстів: рядок у таблиці — не місце для абзаців.",[14,63,65],{"id":64},"доступність","Доступність",[10,67,68,69,72,73,76,77,80,81,84],{},"Кнопка-рядок має ",[38,70,71],{},"aria-label"," з поточним значенням; поле — те самим\nім'ям. Escape завжди скасовує і не «протікає» в модалку навколо\n(",[38,74,75],{},"stopPropagation","). Порожнє значення показується як ",[38,78,79],{},"emptyText",", а не\nзникає. Після Enter або Escape фокус повертається на кнопку-рядок; звичайний\nblur не перехоплює фокус. Помилка пов'язана з полем через ",[38,82,83],{},"aria-describedby","\nі блокує підтвердження, доки споживач її не прибере.",{"title":86,"searchDepth":87,"depth":87,"links":88},"",2,[89,90,91,92,93],{"id":16,"depth":87,"text":17},{"id":25,"depth":87,"text":26},{"id":32,"depth":87,"text":33},{"id":54,"depth":87,"text":55},{"id":64,"depth":87,"text":65},"UiInlineEdit",[96],"app\u002Futils\u002FuiFieldStyles.ts","Текст, який перетворюється на поле редагування — патерн «клікни й правь».",{"update:modelValue":99,"edit":100,"save":101,"cancel":102},"Значення після підтвердження. Використовуйте через `v-model`.","Редагування почалось.","Зміну підтверджено (Enter, blur або клік поза полем).","Редагування скасовано (Escape), значення не змінилось.","md",{},true,37,"\u002Fdocs\u002Fcomponents\u002Finline-edit",{"title":5,"description":97},"stable","docs\u002Fcomponents\u002Finline-edit","GwhHE_aRdMugR0tXVCiOfUlPA3XCrUoOmpSBuMkARkA",{"mode":113,"prefetch":114,"preload":114,"filePath":115,"declarationPath":116,"pascalName":94,"kebabName":117,"chunkName":118,"priority":119,"_scanned":105,"meta":120},"all",false,"app\u002Fcomponents\u002Fui\u002FUiInlineEdit.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiInlineEdit.vue","ui-inline-edit","components\u002Fui-inline-edit",1,{"type":119,"props":121,"slots":167,"events":181,"exposed":208,"hash":209},[122,128,133,137,141,149,159],{"name":123,"global":114,"default":124,"description":125,"tags":126,"required":114,"type":127,"schema":127},"error","undefined","Текст помилки валідації споживача. Ховає кнопку збереження.",[],"string",{"name":129,"global":114,"default":130,"description":131,"tags":132,"required":114,"type":127,"schema":127},"ariaLabel","\"Редагувати\"","Доступна назва. Обов'язкова — кнопка без тексту.",[],{"name":79,"global":114,"default":134,"description":135,"tags":136,"required":114,"type":127,"schema":127},"\"—\"","Порожнє значення — що показувати, коли нічого не введено.",[],{"name":138,"global":114,"default":139,"description":86,"tags":140,"required":114,"type":127,"schema":127},"placeholder","\"Введіть значення\"",[],{"name":142,"global":114,"description":143,"tags":144,"required":114,"type":145,"schema":146},"modelValue","Значення. Використовуйте через `v-model`.",[],"string | number",{"kind":147,"type":145,"schema":148},"enum",{"0":127,"1":40},{"name":150,"global":114,"description":151,"tags":152,"required":114,"type":153,"schema":154},"type","Тип редагування. `text` — довільний рядок, `number` — число з\r\nвалідацією NaN, `date` — нативне date-поле (формат `YYYY-MM-DD`).",[],"\"number\" | \"text\" | \"date\"",{"kind":147,"type":153,"schema":155},{"0":156,"1":157,"2":158},"\"number\"","\"text\"","\"date\"",{"name":46,"global":114,"default":160,"description":161,"tags":162,"required":114,"type":163,"schema":164},"true","Зберігати на blur — звична поведінка рядків таблиць. `false` —\r\nзберігати лише по Enter\u002Fкліку поза полем (Enter → commit,\r\nEscape → cancel у будь-якому разі).",[],"boolean",{"kind":147,"type":163,"schema":165},{"0":166,"1":160},"false",[168],{"name":169,"type":170,"description":171,"tags":172,"schema":173},"display","{ value: string | number; }","Власний рендер відображуваного значення.",[],{"kind":174,"type":170,"schema":175},"object",{"value":176},{"name":177,"global":114,"description":86,"tags":178,"required":105,"type":145,"schema":179},"value",[],{"kind":147,"type":145,"schema":180},{"0":127,"1":40},[182,190,196,203],{"name":183,"description":86,"tags":184,"type":185,"signature":186,"schema":187},"update:modelValue",[],"[value: string | number]","(event: \"update:modelValue\", value: string | number): void",[188],{"kind":147,"type":145,"schema":189},[127,40],{"name":191,"description":86,"tags":192,"type":193,"signature":194,"schema":195},"edit",[],"[]","(event: \"edit\"): void",[],{"name":197,"description":86,"tags":198,"type":185,"signature":199,"schema":200},"save",[],"(event: \"save\", value: string | number): void",[201],{"kind":147,"type":145,"schema":202},[127,40],{"name":204,"description":86,"tags":205,"type":193,"signature":206,"schema":207},"cancel",[],"(event: \"cancel\"): void",[],[],"-4U3yUMeBSUGZS8KfGfUDRoCePqLme6H51j3Tey13jE",1788072639721]