[{"data":1,"prerenderedAt":181},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Finput-otp":3,"component-meta:UiInputOtp":82},{"id":4,"title":5,"body":6,"component":66,"dependsOn":67,"description":69,"emitDescriptions":70,"extension":73,"meta":74,"navigation":75,"order":76,"path":77,"seo":78,"status":79,"stem":80,"__hash__":81},"docs\u002Fdocs\u002Fcomponents\u002Finput-otp.md","InputOtp",{"type":7,"value":8,"toc":57},"minimark",[9,14,19,23,26,30,39,43,46,50],[10,11,13],"h2",{"id":12},"приклад","Приклад",[15,16],"component-preview",{"name":17,"stage":18},"input-otp-basic","min-h-40",[10,20,22],{"id":21},"api","API",[24,25],"component-api",{},[10,27,29],{"id":28},"коли-використовувати","Коли використовувати",[31,32,33,34,38],"p",{},"Для SMS, email і authenticator-кодів. Вставлення заповнює код одним разом,\nа ",[35,36,37],"code",{},"autocomplete=\"one-time-code\""," дозволяє мобільній ОС запропонувати значення.",[10,40,42],{"id":41},"коли-не-використовувати","Коли НЕ використовувати",[31,44,45],{},"Не використовуйте для постійного пароля, PIN-коду платіжної картки або\nсекрету, який треба зберігати. Компонент не реалізує надсилання чи перевірку\nкоду — лише введення.",[10,47,49],{"id":48},"доступність","Доступність",[31,51,52,53,56],{},"Візуальні клітинки мають ",[35,54,55],{},"aria-hidden",". Для скрінрідера й форми існує один\nсправжній input, тому вставлення, виділення та оголошення значення не\nрозсипаються на шість окремих полів.",{"title":58,"searchDepth":59,"depth":59,"links":60},"",2,[61,62,63,64,65],{"id":12,"depth":59,"text":13},{"id":21,"depth":59,"text":22},{"id":28,"depth":59,"text":29},{"id":41,"depth":59,"text":42},{"id":48,"depth":59,"text":49},"UiInputOtp",[68],"app\u002Futils\u002FuiFieldStyles.ts","Поле коду підтвердження з одним accessible input, paste і мобільною клавіатурою.",{"update:modelValue":71,"complete":72},"Нормалізований код.","Код досяг заданої довжини.","md",{},true,46,"\u002Fdocs\u002Fcomponents\u002Finput-otp",{"title":5,"description":69},"stable","docs\u002Fcomponents\u002Finput-otp","HCYBSKqwHsW5FTf3mlO0MCRmZQga3rBgylSeO9huCK8",{"mode":83,"prefetch":84,"preload":84,"filePath":85,"declarationPath":86,"pascalName":66,"kebabName":87,"chunkName":88,"priority":89,"_scanned":75,"meta":90},"all",false,"app\u002Fcomponents\u002Fui\u002FUiInputOtp.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiInputOtp.vue","ui-input-otp","components\u002Fui-input-otp",1,{"type":89,"props":91,"slots":155,"events":156,"exposed":168,"hash":180},[92,98,108,113,119,122,126,130,133,136,144,149],{"name":93,"global":84,"default":94,"description":95,"tags":96,"required":84,"type":97,"schema":97},"modelValue","\"\"","Введений код. Використовуйте через `v-model`.",[],"string",{"name":99,"global":84,"default":100,"description":101,"tags":102,"required":84,"type":103,"schema":104},"type","\"numeric\"","Які символи приймати. `numeric` вмикає й числову клавіатуру на\r\nтелефоні — літерна розкладка для коду з цифр коштує зайвого дотику.",[],"\"numeric\" | \"alphanumeric\"",{"kind":105,"type":103,"schema":106},"enum",{"0":100,"1":107},"\"alphanumeric\"",{"name":109,"global":84,"default":110,"description":111,"tags":112,"required":84,"type":97,"schema":97},"autocomplete","\"one-time-code\"","Значення autocomplete. `one-time-code` дозволяє браузеру підставити\r\nкод зі свіжої SMS — заради цього компонент і побудований на ОДНОМУ\r\nполі вводу замість шести окремих.",[],{"name":114,"global":84,"default":115,"description":116,"tags":117,"required":84,"type":118,"schema":118},"length","6","Кількість символів коду.",[],"number",{"name":120,"global":84,"description":58,"tags":121,"required":84,"type":97,"schema":97},"label",[],{"name":123,"global":84,"description":124,"tags":125,"required":84,"type":97,"schema":97},"error","Текст помилки. Стан помилки вмикає САМА наявність тексту.",[],{"name":127,"global":84,"description":128,"tags":129,"required":84,"type":97,"schema":97},"hint","Підказка під полем. Ховається, коли показано помилку.",[],{"name":131,"global":84,"description":58,"tags":132,"required":84,"type":97,"schema":97},"id",[],{"name":134,"global":84,"description":58,"tags":135,"required":84,"type":97,"schema":97},"name",[],{"name":137,"global":84,"default":138,"description":58,"tags":139,"required":84,"type":140,"schema":141},"disabled","false",[],"boolean",{"kind":105,"type":140,"schema":142},{"0":138,"1":143},"true",{"name":145,"global":84,"default":138,"description":58,"tags":146,"required":84,"type":140,"schema":147},"required",[],{"kind":105,"type":140,"schema":148},{"0":138,"1":143},{"name":150,"global":84,"default":138,"description":151,"tags":152,"required":84,"type":140,"schema":153},"mask","Ховати введені символи, як у полі пароля.",[],{"kind":105,"type":140,"schema":154},{"0":138,"1":143},[],[157,163],{"name":158,"description":58,"tags":159,"type":160,"signature":161,"schema":162},"update:modelValue",[],"[value: string]","(event: \"update:modelValue\", value: string): void",[97],{"name":164,"description":58,"tags":165,"type":160,"signature":166,"schema":167},"complete",[],"(event: \"complete\", value: string): void",[97],[169,176],{"name":170,"type":171,"description":58,"tags":172,"schema":173},"focus","() => void",[],{"kind":174,"type":175},"event","(): void",{"name":177,"type":171,"description":58,"tags":178,"schema":179},"select",[],{"kind":174,"type":175},"Myxdq8bYsD2h06jSAEBwFnvP9XU8XKJC-slhVICXbro",1788072639722]