[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fcommand-palette":3,"component-meta:UiCommandPalette":154},{"id":4,"title":5,"body":6,"component":20,"dependsOn":133,"description":140,"emitDescriptions":141,"extension":145,"meta":146,"navigation":147,"order":148,"path":149,"seo":150,"status":151,"stem":152,"__hash__":153},"docs\u002Fdocs\u002Fcomponents\u002Fcommand-palette.md","CommandPalette",{"type":7,"value":8,"toc":123},"minimark",[9,25,30,35,42,46,49,53,56,59,63,66,73,77,95,106,110],[10,11,12,13,17,18,21,22,24],"p",{},"Палітра НЕ обгортка над ",[14,15,16],"code",{},"UiModal",", але ділить із ним те саме overlay-ядро:\nвласний Teleport і backdrop, зареєстровані в одному стеку шарів. Тому\n",[14,19,20],{},"UiCommandPalette",", відкрита поверх ",[14,23,16],{},", правильно переживає Escape —\nзакривається лише верхній оверлей — і не пірнає під неї за z-index.",[26,27,29],"h2",{"id":28},"приклад","Приклад",[31,32],"component-preview",{"name":33,"stage":34},"command-palette-basic","min-h-24",[10,36,37,38,41],{},"Натисніть Ctrl+K \u002F Cmd+K у будь-якому місці сторінки — палітра відкриється\nі без кнопки. Хоткей не спрацьовує, лише коли фокус уже в текстовому полі\nабо ",[14,39,40],{},"contenteditable",": там свої комбінації.",[26,43,45],{"id":44},"api","API",[47,48],"component-api",{},[26,50,52],{"id":51},"коли-використовувати","Коли використовувати",[10,54,55],{},"Для «все в одному місці»: команди, переходи, дії, які користувач має\nзнаходити за назвою, не пам'ятаючи, в якому меню вони лежать.",[10,57,58],{},"Коли команд багато і вони ростуть — групи плюс фільтр масштабуються краще,\nніж вкладені меню.",[26,60,62],{"id":61},"коли-не-використовувати","Коли НЕ використовувати",[10,64,65],{},"Якщо команд три і вони видимі кнопками на екрані — палітра лише додає\nзайвий шар: кнопки зрозуміліші, ніж рядок пошуку.",[10,67,68,69,72],{},"Не кладіть у палітру деструктивні дії без підтвердження. Enter у палітрі\nспрацьовує одразу, і випадковий рядок не має коштувати видалених даних —\nдля цього є ",[14,70,71],{},"UiConfirmDialog",".",[26,74,76],{"id":75},"доступність","Доступність",[10,78,79,80,83,84,87,88,83,91,94],{},"Поле має ",[14,81,82],{},"role=\"combobox\""," з ",[14,85,86],{},"aria-controls"," на listbox; рядки —\n",[14,89,90],{},"role=\"option\"",[14,92,93],{},"aria-selected"," на активному. Навігація ↑↓ іде плоским\nсписком збігів: заголовки груп не фокусуються.",[10,96,97,98,102,103,105],{},"Фокус утримується всередині панелі, а при закритті повертається на елемент,\nз якого палітру відкрили. При відкритті фокус отримує ",[99,100,101],"strong",{},"поле пошуку"," — на\nвідміну від ",[14,104,16],{},", де типово фокусується сама панель.",[26,107,109],{"id":108},"портування","Портування",[10,111,112,113,115,116,119,120,122],{},"Ті самі чотири композабли overlay-ядра, що й для ",[14,114,16],{},", плюс\n",[14,117,118],{},"uiFieldStyles"," для стилю поля пошуку. Якщо в проєкті вже є ",[14,121,16],{},",\nкопіювати композабли удруге не потрібно.",{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,129,130,131,132],{"id":28,"depth":125,"text":29},{"id":44,"depth":125,"text":45},{"id":51,"depth":125,"text":52},{"id":61,"depth":125,"text":62},{"id":75,"depth":125,"text":76},{"id":108,"depth":125,"text":109},[134,135,136,137,138,139],"app\u002Fcomposables\u002FuseOverlayStack.ts","app\u002Fcomposables\u002FuseScrollLock.ts","app\u002Fcomposables\u002FuseFocusTrap.ts","app\u002Fcomposables\u002FuseReducedMotion.ts","app\u002Futils\u002FuiFieldStyles.ts","app\u002Fcomponents\u002Fui\u002FUiKbd.vue","⌘K-палітра команд із пошуком, групами та глобальним хоткеєм Ctrl+K \u002F Cmd+K.",{"update:modelValue":142,"select":143,"search":144},"Зміна стану відкриття. Використовуйте через `v-model`.","Обрано команду. У payload приходять `groupId` та `item` — id групи й елемента, не їхні назви.","Запит у полі пошуку змінився — на кожен ввід, включно з порожнім рядком.","md",{},true,41,"\u002Fdocs\u002Fcomponents\u002Fcommand-palette",{"title":5,"description":140},"stable","docs\u002Fcomponents\u002Fcommand-palette","QH8-rRBGEYT-EZgWTEaoXvYfFP4VvcToQPSTn1aNHZk",{"mode":155,"prefetch":156,"preload":156,"filePath":157,"declarationPath":158,"pascalName":20,"kebabName":159,"chunkName":160,"priority":161,"_scanned":147,"meta":162},"all",false,"app\u002Fcomponents\u002Fui\u002FUiCommandPalette.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiCommandPalette.vue","ui-command-palette","components\u002Fui-command-palette",1,{"type":161,"props":163,"slots":227,"events":268,"exposed":297,"hash":298},[164,201,206,211,221],{"name":165,"global":156,"default":166,"description":167,"tags":168,"required":147,"type":169,"schema":170},"groups","[]","Групи команд у порядку показу.",[],"CommandGroup[]",{"kind":171,"type":169,"schema":172},"array",{"0":173},{"kind":174,"type":175,"schema":176},"object","CommandGroup",{"id":177,"label":181,"items":184},{"name":178,"global":156,"description":124,"tags":179,"required":147,"type":180,"schema":180},"id",[],"string",{"name":182,"global":156,"description":124,"tags":183,"required":156,"type":180,"schema":180},"label",[],{"name":185,"global":156,"description":124,"tags":186,"required":147,"type":187,"schema":188},"items",[],"CommandItem[]",{"kind":171,"type":187,"schema":189},{"0":190},{"kind":174,"type":191,"schema":192},"CommandItem",{"id":193,"label":195,"hint":197},{"name":178,"global":156,"description":124,"tags":194,"required":147,"type":180,"schema":180},[],{"name":182,"global":156,"description":124,"tags":196,"required":147,"type":180,"schema":180},[],{"name":198,"global":156,"description":199,"tags":200,"required":156,"type":180,"schema":180},"hint","Правий підпис рядка: шпаринка, підрозділ, стан.",[],{"name":202,"global":156,"default":203,"description":204,"tags":205,"required":156,"type":180,"schema":180},"placeholder","\"Пошук…\"","Placeholder поля пошуку.",[],{"name":207,"global":156,"default":208,"description":209,"tags":210,"required":156,"type":180,"schema":180},"emptyText","\"Нічого не знайдено\"","Текст, коли за запитом нічого не знайдено.",[],{"name":212,"global":156,"default":213,"description":214,"tags":215,"required":156,"type":216,"schema":217},"modelValue","false","Відкрито. Використовуйте через `v-model`.",[],"boolean",{"kind":218,"type":216,"schema":219},"enum",{"0":213,"1":220},"true",{"name":222,"global":156,"default":220,"description":223,"tags":224,"required":156,"type":216,"schema":225},"hotkey","Глобальний Ctrl+K \u002F Cmd+K відкриває палітру.",[],{"kind":218,"type":216,"schema":226},{"0":213,"1":220},[228,263],{"name":229,"type":230,"description":231,"tags":232,"schema":233},"item","{ item: CommandItem; group: CommandGroup; active: boolean; }","Повний рендер рядка замість типового.\n`active` — чи рядок підсвічений навігацією ↑↓.",[],{"kind":174,"type":230,"schema":234},{"item":235,"group":245,"active":258},{"name":229,"global":156,"description":124,"tags":236,"required":147,"type":191,"schema":237},[],{"kind":174,"type":191,"schema":238},{"id":239,"label":241,"hint":243},{"name":178,"global":156,"description":124,"tags":240,"required":147,"type":180,"schema":180},[],{"name":182,"global":156,"description":124,"tags":242,"required":147,"type":180,"schema":180},[],{"name":198,"global":156,"description":199,"tags":244,"required":156,"type":180,"schema":180},[],{"name":246,"global":156,"description":124,"tags":247,"required":147,"type":175,"schema":248},"group",[],{"kind":174,"type":175,"schema":249},{"id":250,"label":252,"items":254},{"name":178,"global":156,"description":124,"tags":251,"required":147,"type":180,"schema":180},[],{"name":182,"global":156,"description":124,"tags":253,"required":156,"type":180,"schema":180},[],{"name":185,"global":156,"description":124,"tags":255,"required":147,"type":187,"schema":256},[],{"kind":171,"type":187,"schema":257},{"0":191},{"name":259,"global":156,"description":124,"tags":260,"required":147,"type":216,"schema":261},"active",[],{"kind":218,"type":216,"schema":262},{"0":213,"1":220},{"name":264,"type":265,"description":266,"tags":267,"schema":265},"empty","any","Замінює блок «Нічого не знайдено».",[],[269,277,283],{"name":270,"description":124,"tags":271,"type":272,"signature":273,"schema":274},"update:modelValue",[],"[value: boolean]","(event: \"update:modelValue\", value: boolean): void",[275],{"kind":218,"type":216,"schema":276},[213,220],{"name":278,"description":124,"tags":279,"type":280,"signature":281,"schema":282},"search",[],"[query: string]","(event: \"search\", query: string): void",[180],{"name":284,"description":124,"tags":285,"type":286,"signature":287,"schema":288},"select",[],"[payload: { groupId: string; item: string; }]","(event: \"select\", payload: { groupId: string; item: string; }): void",[289],{"kind":174,"type":290,"schema":291},"{ groupId: string; item: string; }",{"groupId":292,"item":295},{"name":293,"global":156,"description":124,"tags":294,"required":147,"type":180,"schema":180},"groupId",[],{"name":229,"global":156,"description":124,"tags":296,"required":147,"type":180,"schema":180},[],[],"rLIEdwZsXCIqWC_O3jqJpjSQCMlw7dOyrr3BelnIHLk",1789660506372]