[{"data":1,"prerenderedAt":179},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Ftooltip":3,"component-meta:UiTooltip":119},{"id":4,"title":5,"body":6,"component":104,"dependsOn":105,"description":108,"emitDescriptions":109,"extension":110,"meta":111,"navigation":112,"order":113,"path":114,"seo":115,"status":116,"stem":117,"__hash__":118},"docs\u002Fdocs\u002Fcomponents\u002Ftooltip.md","Tooltip",{"type":7,"value":8,"toc":95},"minimark",[9,22,27,32,36,39,43,46,50,57,64,68],[10,11,12,13,17,18,21],"p",{},"Заміна атрибута ",[14,15,16],"code",{},"title"," і саморобної директиви ",[14,19,20],{},"v-tooltip"," — та сама поведінка,\nале з керуванням позицією, затримкою й доступністю. Своїй стороні бракує\nмісця — підказка перевертається на протилежний бік (по обох осях), і лише\nколи не влазить і він, притискається до країв вікна.",[23,24,26],"h2",{"id":25},"приклад","Приклад",[28,29],"component-preview",{"name":30,"stage":31},"tooltip-basic","min-h-24",[23,33,35],{"id":34},"api","API",[37,38],"component-api",{},[23,40,42],{"id":41},"коли-використовувати","Коли використовувати",[10,44,45],{},"Для пояснення ІКОНКИ або стислого скорочення. Текст підказки — доповнення,\nяке можна пропустити.",[23,47,49],{"id":48},"коли-не-використовувати","Коли НЕ використовувати",[10,51,52,53,56],{},"Не ховайте в підказку то, що потрібно ОБОВ'ЯЗКОВО: на дотику підказки\nфактично недоступні, а скрінрідер прочитає їх лише з ",[14,54,55],{},"described-by",".",[10,58,59,60,63],{},"Для форм замість підказки в button title є prop ",[14,61,62],{},"hint"," в Input — підказка\nв потоці надійніша.",[23,65,67],{"id":66},"доступність","Доступність",[10,69,70,71,74,75,78,79,82,83,86,87,90,91,94],{},"Панель має ",[14,72,73],{},"role=\"tooltip\""," і ",[14,76,77],{},"id","; слот тригера віддає ",[14,80,81],{},"describedBy"," —\nпрокиньте його в ",[14,84,85],{},"aria-describedby"," інтерактивного елемента. Показ і по\nнаведенню, і по фокусу; ",[14,88,89],{},"Escape"," ховає. Підказка ",[14,92,93],{},"pointer-events-none",",\nтож не «втікає» від курсора.",{"title":96,"searchDepth":97,"depth":97,"links":98},"",2,[99,100,101,102,103],{"id":25,"depth":97,"text":26},{"id":34,"depth":97,"text":35},{"id":41,"depth":97,"text":42},{"id":48,"depth":97,"text":49},{"id":66,"depth":97,"text":67},"UiTooltip",[106,107],"app\u002Futils\u002Ftooltip.ts","app\u002Futils\u002FoverlayPosition.ts","Підказка навколо тригера — чотири позиції, затримка показу, показ по фокусу.",{},"md",{},true,28,"\u002Fdocs\u002Fcomponents\u002Ftooltip",{"title":5,"description":108},"stable","docs\u002Fcomponents\u002Ftooltip","qnBUiJqGiR_g3CSwxzcF0ElSPpPWyjjqwv4uxBihFMI",{"mode":120,"prefetch":121,"preload":121,"filePath":122,"declarationPath":123,"pascalName":104,"kebabName":124,"chunkName":125,"priority":126,"_scanned":112,"meta":127},"all",false,"app\u002Fcomponents\u002Fui\u002FUiTooltip.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiTooltip.vue","ui-tooltip","components\u002Fui-tooltip",1,{"type":126,"props":128,"slots":161,"events":176,"exposed":177,"hash":178},[129,135,147,153],{"name":130,"global":121,"default":131,"description":132,"tags":133,"required":121,"type":134,"schema":134},"content","undefined","Текст підказки. Для складнішого вмісту є слот `content`.",[],"string",{"name":136,"global":121,"default":137,"description":138,"tags":139,"required":121,"type":140,"schema":141},"placement","\"top\"","Звідки з'являється підказка відносно тригера.",[],"\"left\" | \"right\" | \"top\" | \"bottom\"",{"kind":142,"type":140,"schema":143},"enum",{"0":144,"1":145,"2":137,"3":146},"\"left\"","\"right\"","\"bottom\"",{"name":148,"global":121,"default":149,"description":150,"tags":151,"required":121,"type":152,"schema":152},"delay","200","Затримка показу, мс.",[],"number",{"name":154,"global":121,"default":155,"description":96,"tags":156,"required":121,"type":157,"schema":158},"disabled","false",[],"boolean",{"kind":142,"type":157,"schema":159},{"0":155,"1":160},"true",[162,172],{"name":163,"type":164,"description":165,"tags":166,"schema":167},"default","{ describedBy: string; }","Тригер. Отримує `describedBy` — ПРОКИНЬТЕ його на інтерактивний\r\nелемент усередині, інакше скрінрідер не зв'яже підказку з елементом.",[],{"kind":168,"type":164,"schema":169},"object",{"describedBy":170},{"name":81,"global":121,"description":96,"tags":171,"required":112,"type":134,"schema":134},[],{"name":130,"type":173,"description":174,"tags":175,"schema":173},"any","Багатий вміст замість `content`.",[],[],[],"LIdy7KebACmIFiXChD1IIk_A-Mz0vPO5O_kRUb-hb8c",1788072641319]