[{"data":1,"prerenderedAt":234},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Findicator":3,"component-meta:UiIndicator":153},{"id":4,"title":5,"body":6,"component":140,"dependsOn":141,"description":142,"emitDescriptions":143,"extension":144,"meta":145,"navigation":146,"order":147,"path":148,"seo":149,"status":150,"stem":151,"__hash__":152},"docs\u002Fdocs\u002Fcomponents\u002Findicator.md","Indicator",{"type":7,"value":8,"toc":132},"minimark",[9,18,23,28,31,35,56,60,81,85,101,110],[10,11,12,13,17],"p",{},"Обгортка, що кріпить значок до кута свого вмісту. Центр значка стає рівно\nна кут цілі, тож він однаково «сідає» на кнопку 32px і на аватар 64px. Для\nкруглих цілей ",[14,15,16],"code",{},"circular"," зсуває точку кріплення на коло — інакше значок\nвисить у повітрі поруч з аватаром.",[19,20],"component-preview",{"name":21,"stage":22},"indicator-basic","min-h-40",[24,25,27],"h2",{"id":26},"api","API",[29,30],"component-api",{},[24,32,34],{"id":33},"коли-використовувати","Коли використовувати",[36,37,38,42,45],"ul",{},[39,40,41],"li",{},"Кількість непрочитаного на іконці: сповіщення, вхідні, кошик.",[39,43,44],{},"Крапка «є щось нове», коли кількість неважлива.",[39,46,47,48,51,52,55],{},"Статус присутності на аватарі, якщо потрібен інший кут чи тон, ніж у\nвбудованого ",[14,49,50],{},"status"," в ",[14,53,54],{},"UiAvatar",".",[24,57,59],{"id":58},"коли-не-використовувати","Коли НЕ використовувати",[36,61,62,68,75],{},[39,63,64,65,55],{},"Як мітку статусу в тексті чи таблиці — це ",[14,66,67],{},"UiChip",[39,69,70,71,74],{},"Для важливого, що не можна пропустити. Значок — периферійний сигнал; про\nпомилку, яка блокує роботу, повідомляє ",[14,72,73],{},"UiAlert"," або toast.",[39,76,77,80],{},[14,78,79],{},"pulse"," — не для постійного стану. Безперервний рух на краю зору заважає\nчитати все інше; вимикайте хвилю, щойно подію побачили.",[24,82,84],{"id":83},"доступність","Доступність",[10,86,87,88,91,92,96,97,100],{},"Значок типово ",[14,89,90],{},"aria-hidden",": число має бути ",[93,94,95],"strong",{},"в назві самої кнопки"," —\n",[14,98,99],{},"label=\"Сповіщення: 3 непрочитаних\"",". Текст поза кнопкою скрінрідер\nзачитав би окремим фрагментом, уже після «Сповіщення, кнопка», і зв'язку з\nнею користувач не почув би.",[10,102,103,104,107,108,55],{},"Якщо значок стоїть не на інтерактивному елементі (аватар у списку),\nпередайте ",[14,105,106],{},"label"," — тоді він дає прихований текст замість ",[14,109,90],{},[10,111,112,113,116,117,120,121,124,125,128,129,55],{},"Число понад ",[14,114,115],{},"max"," друкується як «99+», щоб значок не розростався на пів\nіконки. ",[14,118,119],{},"0"," і ",[14,122,123],{},"null"," ховають значок — батькові не треба обгортати\nкомпонент у ",[14,126,127],{},"v-if","; для явного «0» є ",[14,130,131],{},"showZero",{"title":133,"searchDepth":134,"depth":134,"links":135},"",2,[136,137,138,139],{"id":26,"depth":134,"text":27},{"id":33,"depth":134,"text":34},{"id":58,"depth":134,"text":59},{"id":83,"depth":134,"text":84},"UiIndicator",[],"Лічильник або крапка на куті іконки чи аватара — непрочитане, нове, присутність.",{},"md",{},true,60,"\u002Fdocs\u002Fcomponents\u002Findicator",{"title":5,"description":142},"stable","docs\u002Fcomponents\u002Findicator","INby7ZEmisSfc2awnFKTJvm-r2nG7sYVbtRASf_mG3E",{"mode":154,"prefetch":155,"preload":155,"filePath":156,"declarationPath":157,"pascalName":140,"kebabName":158,"chunkName":159,"priority":160,"_scanned":146,"meta":161},"all",false,"app\u002Fcomponents\u002Fui\u002FUiIndicator.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiIndicator.vue","ui-indicator","components\u002Fui-indicator",1,{"type":160,"props":162,"slots":225,"events":231,"exposed":232,"hash":233},[163,175,187,192,197,201,210,215,220],{"name":164,"global":155,"default":165,"description":166,"tags":167,"required":155,"type":168,"schema":169},"position","\"top-right\"","Кут, до якого кріпиться значок.",[],"\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\"",{"kind":170,"type":168,"schema":171},"enum",{"0":165,"1":172,"2":173,"3":174},"\"top-left\"","\"bottom-right\"","\"bottom-left\"",{"name":176,"global":155,"default":177,"description":178,"tags":179,"required":155,"type":180,"schema":181},"tone","\"danger\"","Колір значка. `danger` — непрочитане, що чекає дії; `accent` — нове,\nале не термінове; `success`\u002F`warning` — статус присутності чи стану.",[],"\"neutral\" | \"accent\" | \"danger\" | \"warning\" | \"success\"",{"kind":170,"type":180,"schema":182},{"0":183,"1":184,"2":177,"3":185,"4":186},"\"neutral\"","\"accent\"","\"warning\"","\"success\"",{"name":106,"global":155,"default":188,"description":189,"tags":190,"required":155,"type":191,"schema":191},"undefined","Текст для скрінрідера: «3 непрочитаних». Типово значок `aria-hidden`\nі число має бути в назві самої кнопки — див. розділ «Доступність».",[],"string",{"name":193,"global":155,"default":123,"description":194,"tags":195,"required":155,"type":196,"schema":196},"count","Число на значку. `null` чи `0` ховають значок (див. `showZero`), тож\nбатькові не треба обгортати компонент у `v-if`.",[],"number",{"name":115,"global":155,"default":198,"description":199,"tags":200,"required":155,"type":196,"schema":196},"99","Більші числа друкуються як «99+»: значок не розростається на пів іконки.",[],{"name":202,"global":155,"default":203,"description":204,"tags":205,"required":155,"type":206,"schema":207},"dot","false","Крапка без числа — «є щось нове», кількість неважлива.",[],"boolean",{"kind":170,"type":206,"schema":208},{"0":203,"1":209},"true",{"name":131,"global":155,"default":203,"description":211,"tags":212,"required":155,"type":206,"schema":213},"Показувати значок і тоді, коли `count` дорівнює 0.",[],{"kind":170,"type":206,"schema":214},{"0":203,"1":209},{"name":16,"global":155,"default":203,"description":216,"tags":217,"required":155,"type":206,"schema":218},"Кругла ціль (аватар, кругла кнопка): значок зсувається до кола, а не\nдо кута квадрата, інакше він висить у повітрі поруч.",[],{"kind":170,"type":206,"schema":219},{"0":203,"1":209},{"name":79,"global":155,"default":203,"description":221,"tags":222,"required":155,"type":206,"schema":223},"Хвиля навколо значка — привертає увагу до щойно прийнятої події.\nВимикайте, щойно користувач її побачив: безперервний рух на краю\nзору заважає читати все інше.",[],{"kind":170,"type":206,"schema":224},{"0":203,"1":209},[226],{"name":227,"type":228,"description":229,"tags":230,"schema":228},"default","any","Елемент, до якого кріпиться значок: кнопка з іконкою, аватар.",[],[],[],"MObepEhi3RcwObl7t_uOI8vGTJeCcAIvPdULIjFBEiE",1792004323338]