[{"data":1,"prerenderedAt":282},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Frating":3,"component-meta:UiRating":160},{"id":4,"title":5,"body":6,"component":144,"dependsOn":145,"description":147,"emitDescriptions":148,"extension":151,"meta":152,"navigation":153,"order":154,"path":155,"seo":156,"status":157,"stem":158,"__hash__":159},"docs\u002Fdocs\u002Fcomponents\u002Frating.md","Rating",{"type":7,"value":8,"toc":134},"minimark",[9,18,23,28,31,35,54,58,61,65,78,82,97,101,112,123],[10,11,12,13,17],"p",{},"Два режими в одному компоненті. Інтерактивний — група радіокнопок для\nформи відгуку. ",[14,15,16],"code",{},"readonly"," — одне зображення з назвою «Оцінка 4,3 з 5, 128\nвідгуків», де зірки заповнюються дробово.",[19,20],"component-preview",{"name":21,"stage":22},"rating-basic","min-h-72",[24,25,27],"h2",{"id":26},"показ-у-картці-товару","Показ у картці товару",[19,29],{"name":30,"stage":22},"rating-readonly",[24,32,34],{"id":33},"колір-зірки-окремий-токен","Колір зірки — окремий токен",[10,36,37,38,41,42,45,46,49,50,53],{},"Зірка оцінки — не попередження, тож не ",[14,39,40],{},"warning",", а власна роль ",[14,43,44],{},"--rating","\nу ",[14,47,48],{},"tokens.css",". Так бренд може взяти свій відтінок (помаранчевий\nмаркетплейсу), не зачепивши статуси. Світлий ",[14,51,52],{},"#d97706"," дає 3.19:1 на білому\n— вище порогу 3:1 для графічних елементів (WCAG 1.4.11).",[24,55,57],{"id":56},"api","API",[59,60],"component-api",{},[24,62,64],{"id":63},"коли-використовувати","Коли використовувати",[66,67,68,72],"ul",{},[69,70,71],"li",{},"Відгук на товар, доставку, підтримку — оцінка за шкалою з 3–10 рівнів.",[69,73,74,75,77],{},"Середня оцінка з кількістю відгуків у картці чи списку (",[14,76,16],{},").",[24,79,81],{"id":80},"коли-не-використовувати","Коли НЕ використовувати",[66,83,84,87,94],{},[69,85,86],{},"Для «так\u002Fні» — це перемикач чи дві кнопки, а не зірка.",[69,88,89,90,93],{},"Для шкали з підписаними, не впорядкованими варіантами — ",[14,91,92],{},"UiRadioGroup",".",[69,95,96],{},"Для NPS 0–10 — там важливі числа, а не зірки.",[24,98,100],{"id":99},"доступність","Доступність",[10,102,103,104,107,108,111],{},"Інтерактивний режим — справжні ",[14,105,106],{},"\u003Cinput type=\"radio\">"," зі спільним ",[14,109,110],{},"name",":\nформа серіалізує оцінку сама, а скрінрідер оголошує «4 з 5: Добре,\nрадіокнопка, позначено». Одна зупинка Tab на групу — обрана зірка, без\nоцінки — перша.",[10,113,114,115,118,119,122],{},"Стрілки власні, а не нативні: нативна група радіо зациклюється (→ на\nп'ятій зірці ставила б «1») і не вміє зняти оцінку. Тут → на останній\nпросто стоїть, ← на першій знімає оцінку (якщо ",[14,116,117],{},"clearable","), а Delete\nзнімає з будь-якої. Повторний клік вказівником по обраній зірці теж знімає\nоцінку — але не Space: клік клавіатурою приходить із ",[14,120,121],{},"target"," = input, і\nйого компонент не рахує.",[10,124,125,126,129,130,133],{},"На дотику ціль кожної зірки — 44px незалежно від ",[14,127,128],{},"size",": зірки не\nнакладаються зонами, як було б із невидимим ",[14,131,132],{},"::after"," у щільному ряду.\nПопередній перегляд під курсором вимкнено для дотику — інакше палець\nлишав би «тінь» після того, як оцінку вже поставлено.",{"title":135,"searchDepth":136,"depth":136,"links":137},"",2,[138,139,140,141,142,143],{"id":26,"depth":136,"text":27},{"id":33,"depth":136,"text":34},{"id":56,"depth":136,"text":57},{"id":63,"depth":136,"text":64},{"id":80,"depth":136,"text":81},{"id":99,"depth":136,"text":100},"UiRating",[146],"app\u002Futils\u002FuiFieldStyles.ts","Оцінка зірками — інтерактивна для відгуку й readonly з дробовим заповненням для картки товару.",{"update:modelValue":149,"change":150},"Нова оцінка або `null`, коли оцінку знято. Використовуйте через `v-model`.","Оцінку змінено діями користувача — кліком чи клавішами.","md",{},true,22,"\u002Fdocs\u002Fcomponents\u002Frating",{"title":5,"description":147},"stable","docs\u002Fcomponents\u002Frating","LMl-xjNUzhAm05krb9DjF0pv2EPsOOukuHZsxjsHj_0",{"mode":161,"prefetch":162,"preload":162,"filePath":163,"declarationPath":164,"pascalName":144,"kebabName":165,"chunkName":166,"priority":167,"_scanned":153,"meta":168},"all",false,"app\u002Fcomponents\u002Fui\u002FUiRating.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiRating.vue","ui-rating","components\u002Fui-rating",1,{"type":167,"props":169,"slots":254,"events":268,"exposed":280,"hash":281},[170,176,186,192,194,197,201,205,208,213,221,225,233,238,243,249],{"name":171,"global":162,"default":172,"description":173,"tags":174,"required":162,"type":175,"schema":175},"modelValue","null","Оцінка. `null` — ще не оцінено. Використовуйте через `v-model`.",[],"number",{"name":128,"global":162,"default":177,"description":178,"tags":179,"required":162,"type":180,"schema":181},"\"md\"","Розмір зірки. На дотику ціль кожної зірки — 44px незалежно від розміру.",[],"\"lg\" | \"sm\" | \"md\"",{"kind":182,"type":180,"schema":183},"enum",{"0":184,"1":185,"2":177},"\"lg\"","\"sm\"",{"name":187,"global":162,"default":188,"description":189,"tags":190,"required":162,"type":191,"schema":191},"ariaLabel","undefined","Доступна назва, коли видимого `label` немає.",[],"string",{"name":110,"global":162,"default":188,"description":135,"tags":193,"required":162,"type":191,"schema":191},[],{"name":195,"global":162,"default":188,"description":135,"tags":196,"required":162,"type":191,"schema":191},"label",[],{"name":198,"global":162,"default":188,"description":199,"tags":200,"required":162,"type":191,"schema":191},"error","Текст помилки. Стан помилки вмикає САМА наявність тексту.",[],{"name":202,"global":162,"default":188,"description":203,"tags":204,"required":162,"type":191,"schema":191},"hint","Підказка під зірками. Ховається, коли показано помилку.",[],{"name":206,"global":162,"default":188,"description":135,"tags":207,"required":162,"type":191,"schema":191},"id",[],{"name":209,"global":162,"default":210,"description":211,"tags":212,"required":162,"type":175,"schema":175},"max","5","Кількість зірок.",[],{"name":214,"global":162,"default":188,"description":215,"tags":216,"required":162,"type":217,"schema":218},"labels","Смисл кожного значення: `['Жахливо', 'Погано', 'Нормально', 'Добре',\n'Чудово']`. Показується поруч із зірками й додається до назви кожної\nрадіокнопки — «4 з 5: Добре».",[],"string[]",{"kind":219,"type":217,"schema":220},"array",{"0":191},{"name":222,"global":162,"default":188,"description":223,"tags":224,"required":162,"type":175,"schema":175},"count","Кількість відгуків поруч: «(128)». Потрапляє в доступну назву.",[],{"name":226,"global":162,"default":227,"description":135,"tags":228,"required":162,"type":229,"schema":230},"required","false",[],"boolean",{"kind":182,"type":229,"schema":231},{"0":227,"1":232},"true",{"name":234,"global":162,"default":227,"description":135,"tags":235,"required":162,"type":229,"schema":236},"disabled",[],{"kind":182,"type":229,"schema":237},{"0":227,"1":232},{"name":16,"global":162,"default":227,"description":239,"tags":240,"required":162,"type":229,"schema":241},"Лише показ: без полів вводу, дробове значення заповнює зірку\nчастково (4,3 — третина п'ятої). Для карток товару й відгуків.",[],{"kind":182,"type":229,"schema":242},{"0":227,"1":232},{"name":244,"global":162,"default":227,"description":245,"tags":246,"required":162,"type":229,"schema":247},"showValue","Числове значення поруч із зірками: «4,6».",[],{"kind":182,"type":229,"schema":248},{"0":227,"1":232},{"name":117,"global":162,"default":232,"description":250,"tags":251,"required":162,"type":229,"schema":252},"Дозволити зняти оцінку: повторний клік по обраній зірці, ← на першій\nабо Delete. Вимикайте, коли оцінка обов'язкова.",[],{"kind":182,"type":229,"schema":253},{"0":227,"1":232},[255],{"name":256,"type":257,"description":258,"tags":259,"schema":260},"icon","{ filled: boolean; }","Власний гліф замість зірки (серце, крапка). Рендериться двічі — порожнім\nі заповненим шаром, тож малюйте `currentColor`.",[],{"kind":261,"type":257,"schema":262},"object",{"filled":263},{"name":264,"global":162,"description":135,"tags":265,"required":153,"type":229,"schema":266},"filled",[],{"kind":182,"type":229,"schema":267},{"0":227,"1":232},[269,275],{"name":270,"description":135,"tags":271,"type":272,"signature":273,"schema":274},"update:modelValue",[],"[value: number]","(event: \"update:modelValue\", value: number): void",[175],{"name":276,"description":135,"tags":277,"type":272,"signature":278,"schema":279},"change",[],"(event: \"change\", value: number): void",[175],[],"ixlNE7HfahAICTg0Q4fYyjctnZmfrfGGnV0wiqYBTPM",1792004323344]