[{"data":1,"prerenderedAt":363},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fnavigation-menu":3,"component-meta:UiNavigationMenu":126},{"id":4,"title":5,"body":6,"component":110,"dependsOn":111,"description":113,"emitDescriptions":114,"extension":117,"meta":118,"navigation":119,"order":120,"path":121,"seo":122,"status":123,"stem":124,"__hash__":125},"docs\u002Fdocs\u002Fcomponents\u002Fnavigation-menu.md","NavigationMenu",{"type":7,"value":8,"toc":100},"minimark",[9,14,19,23,52,55,59,62,66,69,73,84,88,91],[10,11,13],"h2",{"id":12},"приклад","Приклад",[15,16],"component-preview",{"name":17,"stage":18},"navigation-menu-basic","min-h-64",[10,20,22],{"id":21},"розмір-і-вигляд","Розмір і вигляд",[24,25,26,27,31,32,35,36,39,40,43,44,47,48,51],"p",{},"Пропси ",[28,29,30],"code",{},"size"," і ",[28,33,34],{},"variant"," керують пропорціями та виглядом кореневих\nпунктів, шеврона і панелі разом. Стан «поточної сторінки» малюється з\n",[28,37,38],{},"current"," пункту: ",[28,41,42],{},"underline"," підкреслює його, ",[28,45,46],{},"pill"," дає брендову\nпідкладку, ",[28,49,50],{},"plain"," змінює колір на акцентний.",[15,53],{"name":54,"stage":18},"navigation-menu-customize",[10,56,58],{"id":57},"api","API",[60,61],"component-api",{},[10,63,65],{"id":64},"коли-використовувати","Коли використовувати",[24,67,68],{},"Для головної навігації продукту, де кілька верхніх пунктів розкривають\nневеликі групи повʼязаних сторінок. Прості пункти лишаються справжніми\nпосиланнями, групи — кнопками.",[10,70,72],{"id":71},"коли-не-використовувати","Коли НЕ використовувати",[24,74,75,76,79,80,83],{},"Не використовуйте як меню дій або великий багаторівневий sitemap. Для команд\nє ",[28,77,78],{},"UiMenu",", а глибоку структуру краще показати через ",[28,81,82],{},"UiSidebar",".",[10,85,87],{"id":86},"доступність","Доступність",[24,89,90],{},"ArrowLeft і ArrowRight переміщують фокус між кореневими пунктами, ArrowDown\nвідкриває групу, Home та End переходять до країв. У dropdown працюють\nArrowUp, ArrowDown і Escape. Disabled-посилання не потрапляють у обхід.",[24,92,93,94,96,97,83],{},"Шеврон групи — SVG, а не текстовий знак: символ «⌄» шрифти малюють\nпо-своєму, дрібно й зі з'їздом від базової лінії, тож вигляд залежав би\nвід системного шрифту. SVG масштабується пропорційно ",[28,95,30],{}," і фарбується\nчерез ",[28,98,99],{},"currentColor",{"title":101,"searchDepth":102,"depth":102,"links":103},"",2,[104,105,106,107,108,109],{"id":12,"depth":102,"text":13},{"id":21,"depth":102,"text":22},{"id":57,"depth":102,"text":58},{"id":64,"depth":102,"text":65},{"id":71,"depth":102,"text":72},{"id":86,"depth":102,"text":87},"UiNavigationMenu",[112],"app\u002Futils\u002FoverlayPosition.ts","Продуктова навігація з dropdown-групами, посиланнями та клавіатурним focus management.",{"update:modelValue":115,"select":116},"Ідентифікатор відкритої групи або null.","Обраний кореневий або дочірній пункт.","md",{},true,47,"\u002Fdocs\u002Fcomponents\u002Fnavigation-menu",{"title":5,"description":113},"stable","docs\u002Fcomponents\u002Fnavigation-menu","xU-_UM18zzdNhMpUjtcwc8SzoQMNdE0dhT97a_LMc1c",{"mode":127,"prefetch":128,"preload":128,"filePath":129,"declarationPath":130,"pascalName":110,"kebabName":131,"chunkName":132,"priority":133,"_scanned":119,"meta":134},"all",false,"app\u002Fcomponents\u002Fui\u002FUiNavigationMenu.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiNavigationMenu.vue","ui-navigation-menu","components\u002Fui-navigation-menu",1,{"type":133,"props":135,"slots":232,"events":315,"exposed":361,"hash":362},[136,189,194,199,208,217,227],{"name":137,"global":128,"description":138,"tags":139,"required":119,"type":140,"schema":141},"items","Пункти меню. Пункт із `children` стає кнопкою з панеллю, без них —\r\nзвичайним посиланням.",[],"NavigationMenuItem[]",{"kind":142,"type":140,"schema":143},"array",{"0":144},{"kind":145,"type":146,"schema":147},"object","NavigationMenuItem",{"id":148,"label":152,"href":155,"disabled":158,"current":167,"children":169},{"name":149,"global":128,"description":101,"tags":150,"required":119,"type":151,"schema":151},"id",[],"string",{"name":153,"global":128,"description":101,"tags":154,"required":119,"type":151,"schema":151},"label",[],{"name":156,"global":128,"description":101,"tags":157,"required":128,"type":151,"schema":151},"href",[],{"name":159,"global":128,"description":101,"tags":160,"required":128,"type":161,"schema":162},"disabled",[],"boolean",{"kind":163,"type":161,"schema":164},"enum",{"0":165,"1":166},"false","true",{"name":38,"global":128,"description":101,"tags":168,"required":128,"type":161,"schema":161},[],{"name":170,"global":128,"description":101,"tags":171,"required":128,"type":172,"schema":173},"children",[],"NavigationMenuChild[]",{"kind":142,"type":172,"schema":174},{"0":175},{"kind":145,"type":176,"schema":177},"NavigationMenuChild",{"id":178,"label":180,"description":182,"href":185,"disabled":187},{"name":149,"global":128,"description":101,"tags":179,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":181,"required":119,"type":151,"schema":151},[],{"name":183,"global":128,"description":101,"tags":184,"required":128,"type":151,"schema":151},"description",[],{"name":156,"global":128,"description":101,"tags":186,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":188,"required":128,"type":161,"schema":161},[],{"name":190,"global":128,"default":191,"description":192,"tags":193,"required":128,"type":151,"schema":151},"modelValue","null","Id відкритого пункту або `null`. Використовуйте через `v-model`.",[],{"name":195,"global":128,"default":196,"description":197,"tags":198,"required":128,"type":151,"schema":151},"ariaLabel","\"Головна навігація\"","Доступна назва навігації. На сторінці зазвичай кілька `nav`, і без\r\nназви їх не розрізнити.",[],{"name":30,"global":128,"default":200,"description":201,"tags":202,"required":128,"type":203,"schema":204},"\"md\"","Розмір пунктів, шеврона і панелі. На мобільному кожен розмір вищий\r\nза десктопний — нижче 44px палець промахується.",[],"\"lg\" | \"sm\" | \"md\"",{"kind":163,"type":203,"schema":205},{"0":206,"1":207,"2":200},"\"lg\"","\"sm\"",{"name":34,"global":128,"default":209,"description":210,"tags":211,"required":128,"type":212,"schema":213},"\"plain\"","Вигляд кореневих пунктів. `plain` — прозорі з hover-підкладкою,\r\n`underline` — підкреслення активної сторінки, `pill` — капсули з\r\nбрендовою підкладкою на активній.",[],"\"plain\" | \"underline\" | \"pill\"",{"kind":163,"type":212,"schema":214},{"0":209,"1":215,"2":216},"\"underline\"","\"pill\"",{"name":218,"global":128,"default":219,"description":220,"tags":221,"required":128,"type":222,"schema":223},"placement","\"bottom-start\"","Бажана позиція панелі відносно пункту.",[],"\"bottom-start\" | \"bottom\" | \"bottom-end\"",{"kind":163,"type":222,"schema":224},{"0":219,"1":225,"2":226},"\"bottom\"","\"bottom-end\"",{"name":228,"global":128,"default":229,"description":230,"tags":231,"required":128,"type":151,"schema":151},"panelWidth","\"20rem\"","Ширина панелі, будь-яка CSS-величина.",[],[233,274],{"name":234,"type":235,"description":101,"tags":236,"schema":237},"item","{ item: NavigationMenuItem; open: boolean; }",[],{"kind":145,"type":235,"schema":238},{"item":239,"open":271},{"name":234,"global":128,"description":101,"tags":240,"required":119,"type":146,"schema":241},[],{"kind":145,"type":146,"schema":242},{"id":243,"label":245,"href":247,"disabled":249,"current":253,"children":255},{"name":149,"global":128,"description":101,"tags":244,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":246,"required":119,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":248,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":250,"required":128,"type":161,"schema":251},[],{"kind":163,"type":161,"schema":252},{"0":165,"1":166},{"name":38,"global":128,"description":101,"tags":254,"required":128,"type":161,"schema":161},[],{"name":170,"global":128,"description":101,"tags":256,"required":128,"type":172,"schema":257},[],{"kind":142,"type":172,"schema":258},{"0":259},{"kind":145,"type":176,"schema":260},{"id":261,"label":263,"description":265,"href":267,"disabled":269},{"name":149,"global":128,"description":101,"tags":262,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":264,"required":119,"type":151,"schema":151},[],{"name":183,"global":128,"description":101,"tags":266,"required":128,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":268,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":270,"required":128,"type":161,"schema":161},[],{"name":272,"global":128,"description":101,"tags":273,"required":119,"type":161,"schema":161},"open",[],{"name":275,"type":276,"description":101,"tags":277,"schema":278},"child","{ item: NavigationMenuChild; parent: NavigationMenuItem; }",[],{"kind":145,"type":276,"schema":279},{"item":280,"parent":296},{"name":234,"global":128,"description":101,"tags":281,"required":119,"type":176,"schema":282},[],{"kind":145,"type":176,"schema":283},{"id":284,"label":286,"description":288,"href":290,"disabled":292},{"name":149,"global":128,"description":101,"tags":285,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":287,"required":119,"type":151,"schema":151},[],{"name":183,"global":128,"description":101,"tags":289,"required":128,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":291,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":293,"required":128,"type":161,"schema":294},[],{"kind":163,"type":161,"schema":295},{"0":165,"1":166},{"name":297,"global":128,"description":101,"tags":298,"required":119,"type":146,"schema":299},"parent",[],{"kind":145,"type":146,"schema":300},{"id":301,"label":303,"href":305,"disabled":307,"current":309,"children":311},{"name":149,"global":128,"description":101,"tags":302,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":304,"required":119,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":306,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":308,"required":128,"type":161,"schema":161},[],{"name":38,"global":128,"description":101,"tags":310,"required":128,"type":161,"schema":161},[],{"name":170,"global":128,"description":101,"tags":312,"required":128,"type":172,"schema":313},[],{"kind":142,"type":172,"schema":314},{"0":176},[316,322],{"name":317,"description":101,"tags":318,"type":319,"signature":320,"schema":321},"update:modelValue",[],"[value: string]","(event: \"update:modelValue\", value: string): void",[151],{"name":323,"description":101,"tags":324,"type":325,"signature":326,"schema":327},"select",[],"[item: NavigationMenuItem | NavigationMenuChild]","(event: \"select\", item: NavigationMenuItem | NavigationMenuChild): void",[328],{"kind":163,"type":329,"schema":330},"NavigationMenuItem | NavigationMenuChild",[331,349],{"kind":145,"type":146,"schema":332},{"id":333,"label":335,"href":337,"disabled":339,"current":343,"children":345},{"name":149,"global":128,"description":101,"tags":334,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":336,"required":119,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":338,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":340,"required":128,"type":161,"schema":341},[],{"kind":163,"type":161,"schema":342},{"0":165,"1":166},{"name":38,"global":128,"description":101,"tags":344,"required":128,"type":161,"schema":161},[],{"name":170,"global":128,"description":101,"tags":346,"required":128,"type":172,"schema":347},[],{"kind":142,"type":172,"schema":348},{"0":176},{"kind":145,"type":176,"schema":350},{"id":351,"label":353,"description":355,"href":357,"disabled":359},{"name":149,"global":128,"description":101,"tags":352,"required":119,"type":151,"schema":151},[],{"name":153,"global":128,"description":101,"tags":354,"required":119,"type":151,"schema":151},[],{"name":183,"global":128,"description":101,"tags":356,"required":128,"type":151,"schema":151},[],{"name":156,"global":128,"description":101,"tags":358,"required":128,"type":151,"schema":151},[],{"name":159,"global":128,"description":101,"tags":360,"required":128,"type":161,"schema":161},[],[],"KDR7EgZ5mZy90FkEPp4HImcbUnK6wcMAOgriM9Qnn7Y",1788072639723]