[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fhover-card":3,"component-meta:UiHoverCard":83},{"id":4,"title":5,"body":6,"component":66,"dependsOn":67,"description":69,"emitDescriptions":70,"extension":74,"meta":75,"navigation":76,"order":77,"path":78,"seo":79,"status":80,"stem":81,"__hash__":82},"docs\u002Fdocs\u002Fcomponents\u002Fhover-card.md","HoverCard",{"type":7,"value":8,"toc":57},"minimark",[9,14,19,23,26,30,34,38,50,54],[10,11,13],"h2",{"id":12},"приклад","Приклад",[15,16],"component-preview",{"name":17,"stage":18},"hover-card-basic","min-h-64",[10,20,22],{"id":21},"api","API",[24,25],"component-api",{},[10,27,29],{"id":28},"коли-використовувати","Коли використовувати",[31,32,33],"p",{},"Для необовʼязкового preview профілю, посилання, терміна чи сутності без\nпереходу на окрему сторінку. Вміст має доповнювати, а не бути необхідним для\nрозуміння trigger.",[10,35,37],{"id":36},"коли-не-використовувати","Коли НЕ використовувати",[31,39,40,41,45,46,49],{},"Не використовуйте для кнопок дій, обовʼязкової підказки або мобільного-only\nсценарію. Для короткої назви є ",[42,43,44],"code",{},"UiTooltip",", для інтерактивних налаштувань —\n",[42,47,48],{},"UiPopover",".",[10,51,53],{"id":52},"доступність","Доступність",[31,55,56],{},"Focus відкриває той самий вміст, що й hover. Невелика затримка закриття\nдозволяє перевести pointer або focus у телепортовану картку. Escape закриває\nїї, усі таймери очищаються під час unmount.",{"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":36,"depth":59,"text":37},{"id":52,"depth":59,"text":53},"UiHoverCard",[68],"app\u002Futils\u002FoverlayPosition.ts","Немодальний preview із delay, hover-focus parity та SSR-безпечним Teleport.",{"update:modelValue":71,"open":72,"close":73},"Картку показано або приховано.","Картка відкрилася після delay.","Картка закрилася.","md",{},true,52,"\u002Fdocs\u002Fcomponents\u002Fhover-card",{"title":5,"description":69},"stable","docs\u002Fcomponents\u002Fhover-card","4uQO96bw21XNugtYWWPgAuxCfD5wbxExV8amKlI-kLs",{"mode":84,"prefetch":85,"preload":85,"filePath":86,"declarationPath":87,"pascalName":66,"kebabName":88,"chunkName":89,"priority":90,"_scanned":76,"meta":91},"all",false,"app\u002Fcomponents\u002Fui\u002FUiHoverCard.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiHoverCard.vue","ui-hover-card","components\u002Fui-hover-card",1,{"type":90,"props":92,"slots":145,"events":215,"exposed":233,"hash":242},[93,109,115,120,126,131,140],{"name":94,"global":85,"default":95,"description":96,"tags":97,"required":85,"type":98,"schema":99},"placement","\"bottom-start\"","Бажана позиція картки. Не вміщається — перевертається.",[],"AnchoredPlacement",{"kind":100,"type":98,"schema":101},"enum",{"0":102,"1":103,"2":104,"3":105,"4":95,"5":106,"6":107,"7":108},"\"right\"","\"left\"","\"top\"","\"bottom\"","\"bottom-end\"","\"top-start\"","\"top-end\"",{"name":110,"global":85,"default":111,"description":112,"tags":113,"required":85,"type":114,"schema":114},"openDelay","400","Затримка перед показом, мс. Без неї картка блимає при кожному\r\nпроході курсора повз посилання.",[],"number",{"name":116,"global":85,"default":117,"description":118,"tags":119,"required":85,"type":114,"schema":114},"closeDelay","250","Затримка перед приховуванням, мс. Дає час довести курсор від\r\nтригера до самої картки.",[],{"name":121,"global":85,"default":122,"description":123,"tags":124,"required":85,"type":125,"schema":125},"width","\"20rem\"","Ширина картки, будь-яка CSS-величина.",[],"string",{"name":127,"global":85,"default":128,"description":129,"tags":130,"required":85,"type":125,"schema":125},"ariaLabel","\"Додаткова інформація\"","Доступна назва картки.",[],{"name":132,"global":85,"default":133,"description":134,"tags":135,"required":85,"type":136,"schema":137},"modelValue","false","Відкрито. Використовуйте через `v-model`.",[],"boolean",{"kind":100,"type":136,"schema":138},{"0":133,"1":139},"true",{"name":141,"global":85,"default":133,"description":58,"tags":142,"required":85,"type":136,"schema":143},"disabled",[],{"kind":100,"type":136,"schema":144},{"0":133,"1":139},[146,205],{"name":147,"type":148,"description":58,"tags":149,"schema":150},"trigger","{ open: boolean; triggerAttrs: { 'aria-expanded': boolean; 'aria-controls': string; 'aria-describedby': string; onMouseenter: (event: MouseEvent) => void; onMouseleave: () => void; onFocus: (event: FocusEvent) => void; onBlur: () => void; onKeydown: (event: KeyboardEvent) => void; }; }",[],{"kind":151,"type":148,"schema":152},"object",{"open":153,"triggerAttrs":158},{"name":154,"global":85,"description":58,"tags":155,"required":76,"type":136,"schema":156},"open",[],{"kind":100,"type":136,"schema":157},{"0":133,"1":139},{"name":159,"global":85,"description":58,"tags":160,"required":76,"type":161,"schema":162},"triggerAttrs",[],"{ 'aria-expanded': boolean; 'aria-controls': string; 'aria-describedby': string; onMouseenter: (event: MouseEvent) => void; onMouseleave: () => void; onFocus: (event: FocusEvent) => void; onBlur: () => void; onKeydown: (event: KeyboardEvent) => void; }",{"kind":151,"type":161,"schema":163},{"aria-expanded":164,"aria-controls":167,"aria-describedby":170,"onMouseenter":173,"onMouseleave":181,"onFocus":187,"onBlur":194,"onKeydown":198},{"name":165,"global":85,"description":58,"tags":166,"required":76,"type":136,"schema":136},"aria-expanded",[],{"name":168,"global":85,"description":58,"tags":169,"required":76,"type":125,"schema":125},"aria-controls",[],{"name":171,"global":85,"description":58,"tags":172,"required":76,"type":125,"schema":125},"aria-describedby",[],{"name":174,"global":85,"description":58,"tags":175,"required":76,"type":176,"schema":177},"onMouseenter",[],"(event: MouseEvent) => void",{"kind":178,"type":179,"schema":180},"event","(event: MouseEvent): void",{},{"name":182,"global":85,"description":58,"tags":183,"required":76,"type":184,"schema":185},"onMouseleave",[],"() => void",{"kind":178,"type":186},"(): void",{"name":188,"global":85,"description":58,"tags":189,"required":76,"type":190,"schema":191},"onFocus",[],"(event: FocusEvent) => void",{"kind":178,"type":192,"schema":193},"(event: FocusEvent): void",{},{"name":195,"global":85,"description":58,"tags":196,"required":76,"type":184,"schema":197},"onBlur",[],{"kind":178,"type":186},{"name":199,"global":85,"description":58,"tags":200,"required":76,"type":201,"schema":202},"onKeydown",[],"(event: KeyboardEvent) => void",{"kind":178,"type":203,"schema":204},"(event: KeyboardEvent): void",{},{"name":206,"type":207,"description":58,"tags":208,"schema":209},"default","{ close: () => void; }",[],{"kind":151,"type":207,"schema":210},{"close":211},{"name":212,"global":85,"description":58,"tags":213,"required":76,"type":184,"schema":214},"close",[],{"kind":178,"type":186},[216,224,229],{"name":217,"description":58,"tags":218,"type":219,"signature":220,"schema":221},"update:modelValue",[],"[value: boolean]","(event: \"update:modelValue\", value: boolean): void",[222],{"kind":100,"type":136,"schema":223},[133,139],{"name":212,"description":58,"tags":225,"type":226,"signature":227,"schema":228},[],"[]","(event: \"close\"): void",[],{"name":154,"description":58,"tags":230,"type":226,"signature":231,"schema":232},[],"(event: \"open\"): void",[],[234,239],{"name":154,"type":235,"description":58,"tags":236,"schema":237},"() => Promise\u003Cvoid>",[],{"kind":178,"type":238},"(): Promise\u003Cvoid>",{"name":212,"type":184,"description":58,"tags":240,"schema":241},[],{"kind":178,"type":186},"Wh_u_FwdajJLH5p5kdWRyrXAmxEXOS-M7M2QjifMYmY",1788072639721]