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