[{"data":1,"prerenderedAt":298},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fcommand-palette":3,"component-meta:UiCommandPalette":153},{"id":4,"title":5,"body":6,"component":20,"dependsOn":133,"description":139,"emitDescriptions":140,"extension":144,"meta":145,"navigation":146,"order":147,"path":148,"seo":149,"status":150,"stem":151,"__hash__":152},"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],"app\u002Fcomposables\u002FuseOverlayStack.ts","app\u002Fcomposables\u002FuseScrollLock.ts","app\u002Fcomposables\u002FuseFocusTrap.ts","app\u002Fcomposables\u002FuseReducedMotion.ts","app\u002Futils\u002FuiFieldStyles.ts","⌘K-палітра команд із пошуком, групами та глобальним хоткеєм Ctrl+K \u002F Cmd+K.",{"update:modelValue":141,"select":142,"search":143},"Зміна стану відкриття. Використовуйте через `v-model`.","Обрано команду. У payload приходять `groupId` та `item` — id групи й елемента, не їхні назви.","Запит у полі пошуку змінився — на кожен ввід, включно з порожнім рядком.","md",{},true,41,"\u002Fdocs\u002Fcomponents\u002Fcommand-palette",{"title":5,"description":139},"stable","docs\u002Fcomponents\u002Fcommand-palette","Y2W6-NDdQ86X8WD8ADGT1K4G1E7nbt_Ti9uowkJ49oU",{"mode":154,"prefetch":155,"preload":155,"filePath":156,"declarationPath":157,"pascalName":20,"kebabName":158,"chunkName":159,"priority":160,"_scanned":146,"meta":161},"all",false,"app\u002Fcomponents\u002Fui\u002FUiCommandPalette.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiCommandPalette.vue","ui-command-palette","components\u002Fui-command-palette",1,{"type":160,"props":162,"slots":226,"events":267,"exposed":296,"hash":297},[163,200,205,210,220],{"name":164,"global":155,"default":165,"description":166,"tags":167,"required":146,"type":168,"schema":169},"groups","[]","Групи команд у порядку показу.",[],"CommandGroup[]",{"kind":170,"type":168,"schema":171},"array",{"0":172},{"kind":173,"type":174,"schema":175},"object","CommandGroup",{"id":176,"label":180,"items":183},{"name":177,"global":155,"description":124,"tags":178,"required":146,"type":179,"schema":179},"id",[],"string",{"name":181,"global":155,"description":124,"tags":182,"required":155,"type":179,"schema":179},"label",[],{"name":184,"global":155,"description":124,"tags":185,"required":146,"type":186,"schema":187},"items",[],"CommandItem[]",{"kind":170,"type":186,"schema":188},{"0":189},{"kind":173,"type":190,"schema":191},"CommandItem",{"id":192,"label":194,"hint":196},{"name":177,"global":155,"description":124,"tags":193,"required":146,"type":179,"schema":179},[],{"name":181,"global":155,"description":124,"tags":195,"required":146,"type":179,"schema":179},[],{"name":197,"global":155,"description":198,"tags":199,"required":155,"type":179,"schema":179},"hint","Правий підпис рядка: шпаринка, підрозділ, стан.",[],{"name":201,"global":155,"default":202,"description":203,"tags":204,"required":155,"type":179,"schema":179},"placeholder","\"Пошук…\"","Placeholder поля пошуку.",[],{"name":206,"global":155,"default":207,"description":208,"tags":209,"required":155,"type":179,"schema":179},"emptyText","\"Нічого не знайдено\"","Текст, коли за запитом нічого не знайдено.",[],{"name":211,"global":155,"default":212,"description":213,"tags":214,"required":155,"type":215,"schema":216},"modelValue","false","Відкрито. Використовуйте через `v-model`.",[],"boolean",{"kind":217,"type":215,"schema":218},"enum",{"0":212,"1":219},"true",{"name":221,"global":155,"default":219,"description":222,"tags":223,"required":155,"type":215,"schema":224},"hotkey","Глобальний Ctrl+K \u002F Cmd+K відкриває палітру.",[],{"kind":217,"type":215,"schema":225},{"0":212,"1":219},[227,262],{"name":228,"type":229,"description":230,"tags":231,"schema":232},"item","{ item: CommandItem; group: CommandGroup; active: boolean; }","Повний рендер рядка замість типового.\r\n`active` — чи рядок підсвічений навігацією ↑↓.",[],{"kind":173,"type":229,"schema":233},{"item":234,"group":244,"active":257},{"name":228,"global":155,"description":124,"tags":235,"required":146,"type":190,"schema":236},[],{"kind":173,"type":190,"schema":237},{"id":238,"label":240,"hint":242},{"name":177,"global":155,"description":124,"tags":239,"required":146,"type":179,"schema":179},[],{"name":181,"global":155,"description":124,"tags":241,"required":146,"type":179,"schema":179},[],{"name":197,"global":155,"description":198,"tags":243,"required":155,"type":179,"schema":179},[],{"name":245,"global":155,"description":124,"tags":246,"required":146,"type":174,"schema":247},"group",[],{"kind":173,"type":174,"schema":248},{"id":249,"label":251,"items":253},{"name":177,"global":155,"description":124,"tags":250,"required":146,"type":179,"schema":179},[],{"name":181,"global":155,"description":124,"tags":252,"required":155,"type":179,"schema":179},[],{"name":184,"global":155,"description":124,"tags":254,"required":146,"type":186,"schema":255},[],{"kind":170,"type":186,"schema":256},{"0":190},{"name":258,"global":155,"description":124,"tags":259,"required":146,"type":215,"schema":260},"active",[],{"kind":217,"type":215,"schema":261},{"0":212,"1":219},{"name":263,"type":264,"description":265,"tags":266,"schema":264},"empty","any","Замінює блок «Нічого не знайдено».",[],[268,276,282],{"name":269,"description":124,"tags":270,"type":271,"signature":272,"schema":273},"update:modelValue",[],"[value: boolean]","(event: \"update:modelValue\", value: boolean): void",[274],{"kind":217,"type":215,"schema":275},[212,219],{"name":277,"description":124,"tags":278,"type":279,"signature":280,"schema":281},"search",[],"[query: string]","(event: \"search\", query: string): void",[179],{"name":283,"description":124,"tags":284,"type":285,"signature":286,"schema":287},"select",[],"[payload: { groupId: string; item: string; }]","(event: \"select\", payload: { groupId: string; item: string; }): void",[288],{"kind":173,"type":289,"schema":290},"{ groupId: string; item: string; }",{"groupId":291,"item":294},{"name":292,"global":155,"description":124,"tags":293,"required":146,"type":179,"schema":179},"groupId",[],{"name":228,"global":155,"description":124,"tags":295,"required":146,"type":179,"schema":179},[],[],"So-3FKbnDvV7Bwbi7IMekt2ST7SY6zwQOEon0-3PZYQ",1788072639717]