@muxima-ui/command-palette 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +54 -0
  2. package/esm2020/index.mjs +2 -0
  3. package/esm2020/lib/command-palette/command-palette.component.mjs +205 -0
  4. package/esm2020/muxima-ui-command-palette.mjs +5 -0
  5. package/fesm2015/muxima-ui-command-palette.mjs +212 -0
  6. package/fesm2015/muxima-ui-command-palette.mjs.map +1 -0
  7. package/fesm2020/muxima-ui-command-palette.mjs +212 -0
  8. package/fesm2020/muxima-ui-command-palette.mjs.map +1 -0
  9. package/index.d.ts +2 -0
  10. package/lib/command-palette/command-palette.component.d.ts +48 -0
  11. package/package.json +56 -0
package/README.md ADDED
@@ -0,0 +1,54 @@
1
+ # Command Palette
2
+
3
+ Paleta de comandos com busca fuzzy e atalhos de teclado, inspirada no VSCode e Spotlight.
4
+
5
+ ## Instalação
6
+
7
+ ```bash
8
+ npm install @muxima-ui/command-palette
9
+ ```
10
+
11
+ ## Uso Básico
12
+
13
+ ```typescript
14
+ import { CommandPaletteComponent, CommandItem } from '@muxima-ui/command-palette';
15
+
16
+ commands: CommandItem[] = [
17
+ {
18
+ id: 'nav-home',
19
+ label: 'Ir para Home',
20
+ icon: '🏠',
21
+ category: 'Navegação',
22
+ shortcut: 'Ctrl+H',
23
+ action: () => this.navigateTo('/'),
24
+ keywords: ['home', 'início']
25
+ }
26
+ ];
27
+ ```
28
+
29
+ ```html
30
+ <muxima-command-palette
31
+ [commands]="commands"
32
+ placeholder="Digite um comando..."
33
+ (commandExecuted)="onCommandExecuted($event)">
34
+ </muxima-command-palette>
35
+ ```
36
+
37
+ ## Features
38
+
39
+ - ⚡ Atalho global (Ctrl+K)
40
+ - 🔍 Busca fuzzy inteligente
41
+ - ⌨️ Navegação por teclado
42
+ - 🎯 Organização por categorias
43
+ - 🎨 Totalmente customizável
44
+
45
+ ## Atalhos de Teclado
46
+
47
+ - **Ctrl+K** - Abrir/Fechar
48
+ - **↑↓** - Navegar
49
+ - **Enter** - Executar
50
+ - **ESC** - Fechar
51
+
52
+ ## Documentação Completa
53
+
54
+ Visite a documentação completa em `/components/command-palette`
package/esm2020/index.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/command-palette/command-palette.component';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9vdmVybGF5L2NvbW1hbmQtcGFsZXR0ZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpREFBaUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2NvbW1hbmQtcGFsZXR0ZS9jb21tYW5kLXBhbGV0dGUuY29tcG9uZW50JztcclxuZXhwb3J0IHR5cGUgeyBDb21tYW5kSXRlbSwgQ29tbWFuZENhdGVnb3J5IH0gZnJvbSAnLi9saWIvY29tbWFuZC1wYWxldHRlL2NvbW1hbmQtcGFsZXR0ZS5jb21wb25lbnQnO1xyXG4iXX0=
package/esm2020/lib/command-palette/command-palette.component.mjs ADDED
@@ -0,0 +1,205 @@
1
+ import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { FormsModule } from '@angular/forms';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/common";
6
+ import * as i2 from "@angular/forms";
7
+ export class CommandPaletteComponent {
8
+ constructor() {
9
+ this.commands = [];
10
+ this.placeholder = 'Digite um comando...';
11
+ this.shortcut = 'Ctrl+K';
12
+ this.maxResults = 10;
13
+ this.commandExecuted = new EventEmitter();
14
+ this.closed = new EventEmitter();
15
+ this.isOpen = false;
16
+ this.searchQuery = '';
17
+ this.filteredCommands = [];
18
+ this.selectedIndex = 0;
19
+ this.categories = [];
20
+ }
21
+ ngOnInit() {
22
+ this.filterCommands();
23
+ this.groupByCategory();
24
+ }
25
+ ngOnDestroy() {
26
+ this.close();
27
+ }
28
+ handleKeyboardShortcut(event) {
29
+ // Ctrl+K ou Cmd+K para abrir/fechar
30
+ if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
31
+ event.preventDefault();
32
+ this.toggle();
33
+ }
34
+ // ESC para fechar
35
+ if (event.key === 'Escape' && this.isOpen) {
36
+ event.preventDefault();
37
+ this.close();
38
+ }
39
+ // Navegação com setas
40
+ if (this.isOpen) {
41
+ if (event.key === 'ArrowDown') {
42
+ event.preventDefault();
43
+ this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);
44
+ this.scrollToSelected();
45
+ }
46
+ else if (event.key === 'ArrowUp') {
47
+ event.preventDefault();
48
+ this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
49
+ this.scrollToSelected();
50
+ }
51
+ else if (event.key === 'Enter') {
52
+ event.preventDefault();
53
+ this.executeSelected();
54
+ }
55
+ }
56
+ }
57
+ open() {
58
+ this.isOpen = true;
59
+ this.searchQuery = '';
60
+ this.selectedIndex = 0;
61
+ this.filterCommands();
62
+ document.body.style.overflow = 'hidden';
63
+ // Focus no input após abrir
64
+ setTimeout(() => {
65
+ const input = document.querySelector('.command-input');
66
+ input?.focus();
67
+ }, 100);
68
+ }
69
+ close() {
70
+ this.isOpen = false;
71
+ this.searchQuery = '';
72
+ this.selectedIndex = 0;
73
+ document.body.style.overflow = '';
74
+ this.closed.emit();
75
+ }
76
+ toggle() {
77
+ if (this.isOpen) {
78
+ this.close();
79
+ }
80
+ else {
81
+ this.open();
82
+ }
83
+ }
84
+ filterCommands() {
85
+ const query = this.searchQuery.toLowerCase().trim();
86
+ if (!query) {
87
+ this.filteredCommands = this.commands.slice(0, this.maxResults);
88
+ }
89
+ else {
90
+ // Busca fuzzy
91
+ this.filteredCommands = this.commands
92
+ .filter(cmd => {
93
+ const searchableText = [
94
+ cmd.label,
95
+ cmd.description,
96
+ cmd.category,
97
+ ...(cmd.keywords || [])
98
+ ].join(' ').toLowerCase();
99
+ // Verifica se todas as letras da query aparecem na ordem
100
+ let queryIndex = 0;
101
+ for (let i = 0; i < searchableText.length && queryIndex < query.length; i++) {
102
+ if (searchableText[i] === query[queryIndex]) {
103
+ queryIndex++;
104
+ }
105
+ }
106
+ return queryIndex === query.length;
107
+ })
108
+ .slice(0, this.maxResults);
109
+ }
110
+ // Resetar índice selecionado
111
+ this.selectedIndex = Math.min(this.selectedIndex, this.filteredCommands.length - 1);
112
+ if (this.selectedIndex < 0)
113
+ this.selectedIndex = 0;
114
+ this.groupByCategory();
115
+ }
116
+ groupByCategory() {
117
+ const categoryMap = new Map();
118
+ this.filteredCommands.forEach(cmd => {
119
+ const category = cmd.category || 'Geral';
120
+ if (!categoryMap.has(category)) {
121
+ categoryMap.set(category, []);
122
+ }
123
+ categoryMap.get(category).push(cmd);
124
+ });
125
+ this.categories = Array.from(categoryMap.entries()).map(([id, items]) => ({
126
+ id,
127
+ label: id,
128
+ items
129
+ }));
130
+ }
131
+ executeCommand(command) {
132
+ if (command.action) {
133
+ command.action();
134
+ }
135
+ this.commandExecuted.emit(command);
136
+ this.close();
137
+ }
138
+ executeSelected() {
139
+ if (this.filteredCommands.length > 0 && this.selectedIndex >= 0) {
140
+ this.executeCommand(this.filteredCommands[this.selectedIndex]);
141
+ }
142
+ }
143
+ selectCommand(index) {
144
+ this.selectedIndex = index;
145
+ }
146
+ scrollToSelected() {
147
+ setTimeout(() => {
148
+ const selected = document.querySelector('.command-item.selected');
149
+ selected?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
150
+ }, 0);
151
+ }
152
+ onOverlayClick() {
153
+ this.close();
154
+ }
155
+ onSearchChange() {
156
+ this.filterCommands();
157
+ }
158
+ highlightMatch(text) {
159
+ if (!this.searchQuery)
160
+ return text;
161
+ const query = this.searchQuery.toLowerCase();
162
+ const lowerText = text.toLowerCase();
163
+ let result = '';
164
+ let queryIndex = 0;
165
+ for (let i = 0; i < text.length; i++) {
166
+ if (queryIndex < query.length && lowerText[i] === query[queryIndex]) {
167
+ result += `<mark>${text[i]}</mark>`;
168
+ queryIndex++;
169
+ }
170
+ else {
171
+ result += text[i];
172
+ }
173
+ }
174
+ return result;
175
+ }
176
+ getGlobalIndex(categoryIndex, itemIndex) {
177
+ let index = 0;
178
+ for (let i = 0; i < categoryIndex; i++) {
179
+ index += this.categories[i].items.length;
180
+ }
181
+ return index + itemIndex;
182
+ }
183
+ }
184
+ CommandPaletteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
185
+ CommandPaletteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandPaletteComponent, isStandalone: true, selector: "muxima-command-palette", inputs: { commands: "commands", placeholder: "placeholder", shortcut: "shortcut", maxResults: "maxResults" }, outputs: { commandExecuted: "commandExecuted", closed: "closed" }, host: { listeners: { "document:keydown": "handleKeyboardShortcut($event)" } }, ngImport: i0, template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
186
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, decorators: [{
187
+ type: Component,
188
+ args: [{ selector: 'muxima-command-palette', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"] }]
189
+ }], propDecorators: { commands: [{
190
+ type: Input
191
+ }], placeholder: [{
192
+ type: Input
193
+ }], shortcut: [{
194
+ type: Input
195
+ }], maxResults: [{
196
+ type: Input
197
+ }], commandExecuted: [{
198
+ type: Output
199
+ }], closed: [{
200
+ type: Output
201
+ }], handleKeyboardShortcut: [{
202
+ type: HostListener,
203
+ args: ['document:keydown', ['$event']]
204
+ }] } });
205
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1wYWxldHRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL292ZXJsYXkvY29tbWFuZC1wYWxldHRlL3NyYy9saWIvY29tbWFuZC1wYWxldHRlL2NvbW1hbmQtcGFsZXR0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9vdmVybGF5L2NvbW1hbmQtcGFsZXR0ZS9zcmMvbGliL2NvbW1hbmQtcGFsZXR0ZS9jb21tYW5kLXBhbGV0dGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUEwQjdDLE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRVyxhQUFRLEdBQWtCLEVBQUUsQ0FBQztRQUM3QixnQkFBVyxHQUFHLHNCQUFzQixDQUFDO1FBQ3JDLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVmLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUNsRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU1QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIscUJBQWdCLEdBQWtCLEVBQUUsQ0FBQztRQUNyQyxrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUNsQixlQUFVLEdBQXNCLEVBQUUsQ0FBQztLQTBMcEM7SUF4TEMsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FB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QUFVLENBQUMsRUFBRTtnQkFDbkUsTUFBTSxJQUFJLFNBQVMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBQ3BDLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7aUJBQU07Z0JBQ0wsTUFBTSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNuQjtTQUNGO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxhQUFxQixFQUFFLFNBQWlCO1FBQ3JELElBQUksS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNkLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDdEMsS0FBSyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztTQUMxQztRQUNELE9BQU8sS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUMzQixDQUFDOztxSEF0TVUsdUJBQXVCO3lHQUF2Qix1QkFBdUIsa1ZDNUJwQyx5N0ZBK0RBLDRtSER2Q1ksWUFBWSwrUEFBRSxXQUFXOzRGQUl4Qix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7OEJBSzNCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBa0JQLHNCQUFzQjtzQkFEckIsWUFBWTt1QkFBQyxrQkFBa0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDb21tYW5kSXRlbSB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbiAgc2hvcnRjdXQ/OiBzdHJpbmc7XHJcbiAgY2F0ZWdvcnk/OiBzdHJpbmc7XHJcbiAgYWN0aW9uPzogKCkgPT4gdm9pZDtcclxuICBrZXl3b3Jkcz86IHN0cmluZ1tdO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENvbW1hbmRDYXRlZ29yeSB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGl0ZW1zOiBDb21tYW5kSXRlbVtdO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ211eGltYS1jb21tYW5kLXBhbGV0dGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21tYW5kLXBhbGV0dGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvbW1hbmQtcGFsZXR0ZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tYW5kUGFsZXR0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBjb21tYW5kczogQ29tbWFuZEl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJ0RpZ2l0ZSB1bSBjb21hbmRvLi4uJztcclxuICBASW5wdXQoKSBzaG9ydGN1dCA9ICdDdHJsK0snO1xyXG4gIEBJbnB1dCgpIG1heFJlc3VsdHMgPSAxMDtcclxuXHJcbiAgQE91dHB1dCgpIGNvbW1hbmRFeGVjdXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q29tbWFuZEl0ZW0+KCk7XHJcbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgaXNPcGVuID0gZmFsc2U7XHJcbiAgc2VhcmNoUXVlcnkgPSAnJztcclxuICBmaWx0ZXJlZENvbW1hbmRzOiBDb21tYW5kSXRlbVtdID0gW107XHJcbiAgc2VsZWN0ZWRJbmRleCA9IDA7XHJcbiAgY2F0ZWdvcmllczogQ29tbWFuZENhdGVnb3J5W10gPSBbXTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmZpbHRlckNvbW1hbmRzKCk7XHJcbiAgICB0aGlzLmdyb3VwQnlDYXRlZ29yeSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duJywgWyckZXZlbnQnXSlcclxuICBoYW5kbGVLZXlib2FyZFNob3J0Y3V0KGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XHJcbiAgICAvLyBDdHJsK0sgb3UgQ21kK0sgcGFyYSBhYnJpci9mZWNoYXJcclxuICAgIGlmICgoZXZlbnQuY3RybEtleSB8fCBldmVudC5tZXRhS2V5KSAmJiBldmVudC5rZXkgPT09ICdrJykge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB0aGlzLnRvZ2dsZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIEVTQyBwYXJhIGZlY2hhclxyXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgdGhpcy5pc09wZW4pIHtcclxuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIE5hdmVnYcOnw6NvIGNvbSBzZXRhc1xyXG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XHJcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XHJcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBNYXRoLm1pbih0aGlzLnNlbGVjdGVkSW5kZXggKyAxLCB0aGlzLmZpbHRlcmVkQ29tbWFuZHMubGVuZ3RoIC0gMSk7XHJcbiAgICAgICAgdGhpcy5zY3JvbGxUb1NlbGVjdGVkKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcclxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IE1hdGgubWF4KHRoaXMuc2VsZWN0ZWRJbmRleCAtIDEsIDApO1xyXG4gICAgICAgIHRoaXMuc2Nyb2xsVG9TZWxlY3RlZCgpO1xyXG4gICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xyXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgdGhpcy5leGVjdXRlU2VsZWN0ZWQoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbigpIHtcclxuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcclxuICAgIHRoaXMuc2VhcmNoUXVlcnkgPSAnJztcclxuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IDA7XHJcbiAgICB0aGlzLmZpbHRlckNvbW1hbmRzKCk7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbic7XHJcbiAgICBcclxuICAgIC8vIEZvY3VzIG5vIGlucHV0IGFww7NzIGFicmlyXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgY29uc3QgaW5wdXQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcuY29tbWFuZC1pbnB1dCcpIGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICAgIGlucHV0Py5mb2N1cygpO1xyXG4gICAgfSwgMTAwKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICAgIHRoaXMuc2VhcmNoUXVlcnkgPSAnJztcclxuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IDA7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJyc7XHJcbiAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICB0b2dnbGUoKSB7XHJcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vcGVuKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBmaWx0ZXJDb21tYW5kcygpIHtcclxuICAgIGNvbnN0IHF1ZXJ5ID0gdGhpcy5zZWFyY2hRdWVyeS50b0xvd2VyQ2FzZSgpLnRyaW0oKTtcclxuICAgIFxyXG4gICAgaWYgKCFxdWVyeSkge1xyXG4gICAgICB0aGlzLmZpbHRlcmVkQ29tbWFuZHMgPSB0aGlzLmNvbW1hbmRzLnNsaWNlKDAsIHRoaXMubWF4UmVzdWx0cyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICAvLyBCdXNjYSBmdXp6eVxyXG4gICAgICB0aGlzLmZpbHRlcmVkQ29tbWFuZHMgPSB0aGlzLmNvbW1hbmRzXHJcbiAgICAgICAgLmZpbHRlcihjbWQgPT4ge1xyXG4gICAgICAgICAgY29uc3Qgc2VhcmNoYWJsZVRleHQgPSBbXHJcbiAgICAgICAgICAgIGNtZC5sYWJlbCxcclxuICAgICAgICAgICAgY21kLmRlc2NyaXB0aW9uLFxyXG4gICAgICAgICAgICBjbWQuY2F0ZWdvcnksXHJcbiAgICAgICAgICAgIC4uLihjbWQua2V5d29yZHMgfHwgW10pXHJcbiAgICAgICAgICBdLmpvaW4oJyAnKS50b0xvd2VyQ2FzZSgpO1xyXG5cclxuICAgICAgICAgIC8vIFZlcmlmaWNhIHNlIHRvZGFzIGFzIGxldHJhcyBkYSBxdWVyeSBhcGFyZWNlbSBuYSBvcmRlbVxyXG4gICAgICAgICAgbGV0IHF1ZXJ5SW5kZXggPSAwO1xyXG4gICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBzZWFyY2hhYmxlVGV4dC5sZW5ndGggJiYgcXVlcnlJbmRleCA8IHF1ZXJ5Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICAgIGlmIChzZWFyY2hhYmxlVGV4dFtpXSA9PT0gcXVlcnlbcXVlcnlJbmRleF0pIHtcclxuICAgICAgICAgICAgICBxdWVyeUluZGV4Kys7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIFxyXG4gICAgICAgICAgcmV0dXJuIHF1ZXJ5SW5kZXggPT09IHF1ZXJ5Lmxlbmd0aDtcclxuICAgICAgICB9KVxyXG4gICAgICAgIC5zbGljZSgwLCB0aGlzLm1heFJlc3VsdHMpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIFJlc2V0YXIgw61uZGljZSBzZWxlY2lvbmFkb1xyXG4gICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gTWF0aC5taW4odGhpcy5zZWxlY3RlZEluZGV4LCB0aGlzLmZpbHRlcmVkQ29tbWFuZHMubGVuZ3RoIC0gMSk7XHJcbiAgICBpZiAodGhpcy5zZWxlY3RlZEluZGV4IDwgMCkgdGhpcy5zZWxlY3RlZEluZGV4ID0gMDtcclxuXHJcbiAgICB0aGlzLmdyb3VwQnlDYXRlZ29yeSgpO1xyXG4gIH1cclxuXHJcbiAgZ3JvdXBCeUNhdGVnb3J5KCkge1xyXG4gICAgY29uc3QgY2F0ZWdvcnlNYXAgPSBuZXcgTWFwPHN0cmluZywgQ29tbWFuZEl0ZW1bXT4oKTtcclxuXHJcbiAgICB0aGlzLmZpbHRlcmVkQ29tbWFuZHMuZm9yRWFjaChjbWQgPT4ge1xyXG4gICAgICBjb25zdCBjYXRlZ29yeSA9IGNtZC5jYXRlZ29yeSB8fCAnR2VyYWwnO1xyXG4gICAgICBpZiAoIWNhdGVnb3J5TWFwLmhhcyhjYXRlZ29yeSkpIHtcclxuICAgICAgICBjYXRlZ29yeU1hcC5zZXQoY2F0ZWdvcnksIFtdKTtcclxuICAgICAgfVxyXG4gICAgICBjYXRlZ29yeU1hcC5nZXQoY2F0ZWdvcnkpIS5wdXNoKGNtZCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmNhdGVnb3JpZXMgPSBBcnJheS5mcm9tKGNhdGVnb3J5TWFwLmVudHJpZXMoKSkubWFwKChbaWQsIGl0ZW1zXSkgPT4gKHtcclxuICAgICAgaWQsXHJcbiAgICAgIGxhYmVsOiBpZCxcclxuICAgICAgaXRlbXNcclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIGV4ZWN1dGVDb21tYW5kKGNvbW1hbmQ6IENvbW1hbmRJdGVtKSB7XHJcbiAgICBpZiAoY29tbWFuZC5hY3Rpb24pIHtcclxuICAgICAgY29tbWFuZC5hY3Rpb24oKTtcclxuICAgIH1cclxuICAgIHRoaXMuY29tbWFuZEV4ZWN1dGVkLmVtaXQoY29tbWFuZCk7XHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBleGVjdXRlU2VsZWN0ZWQoKSB7XHJcbiAgICBpZiAodGhpcy5maWx0ZXJlZENvbW1hbmRzLmxlbmd0aCA+IDAgJiYgdGhpcy5zZWxlY3RlZEluZGV4ID49IDApIHtcclxuICAgICAgdGhpcy5leGVjdXRlQ29tbWFuZCh0aGlzLmZpbHRlcmVkQ29tbWFuZHNbdGhpcy5zZWxlY3RlZEluZGV4XSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3RDb21tYW5kKGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IGluZGV4O1xyXG4gIH1cclxuXHJcbiAgc2Nyb2xsVG9TZWxlY3RlZCgpIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5jb21tYW5kLWl0ZW0uc2VsZWN0ZWQnKTtcclxuICAgICAgc2VsZWN0ZWQ/LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBibG9jazogJ25lYXJlc3QnIH0pO1xyXG4gICAgfSwgMCk7XHJcbiAgfVxyXG5cclxuICBvbk92ZXJsYXlDbGljaygpIHtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIG9uU2VhcmNoQ2hhbmdlKCkge1xyXG4gICAgdGhpcy5maWx0ZXJDb21tYW5kcygpO1xyXG4gIH1cclxuXHJcbiAgaGlnaGxpZ2h0TWF0Y2godGV4dDogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIGlmICghdGhpcy5zZWFyY2hRdWVyeSkgcmV0dXJuIHRleHQ7XHJcblxyXG4gICAgY29uc3QgcXVlcnkgPSB0aGlzLnNlYXJjaFF1ZXJ5LnRvTG93ZXJDYXNlKCk7XHJcbiAgICBjb25zdCBsb3dlclRleHQgPSB0ZXh0LnRvTG93ZXJDYXNlKCk7XHJcbiAgICBsZXQgcmVzdWx0ID0gJyc7XHJcbiAgICBsZXQgcXVlcnlJbmRleCA9IDA7XHJcblxyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0ZXh0Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGlmIChxdWVyeUluZGV4IDwgcXVlcnkubGVuZ3RoICYmIGxvd2VyVGV4dFtpXSA9PT0gcXVlcnlbcXVlcnlJbmRleF0pIHtcclxuICAgICAgICByZXN1bHQgKz0gYDxtYXJrPiR7dGV4dFtpXX08L21hcms+YDtcclxuICAgICAgICBxdWVyeUluZGV4Kys7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgcmVzdWx0ICs9IHRleHRbaV07XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gcmVzdWx0O1xyXG4gIH1cclxuXHJcbiAgZ2V0R2xvYmFsSW5kZXgoY2F0ZWdvcnlJbmRleDogbnVtYmVyLCBpdGVtSW5kZXg6IG51bWJlcik6IG51bWJlciB7XHJcbiAgICBsZXQgaW5kZXggPSAwO1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBjYXRlZ29yeUluZGV4OyBpKyspIHtcclxuICAgICAgaW5kZXggKz0gdGhpcy5jYXRlZ29yaWVzW2ldLml0ZW1zLmxlbmd0aDtcclxuICAgIH1cclxuICAgIHJldHVybiBpbmRleCArIGl0ZW1JbmRleDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbW1hbmQtcGFsZXR0ZS13cmFwcGVyXCIgKm5nSWY9XCJpc09wZW5cIj5cclxuICA8IS0tIE92ZXJsYXkgLS0+XHJcbiAgPGRpdiBjbGFzcz1cImNvbW1hbmQtb3ZlcmxheVwiIChjbGljayk9XCJvbk92ZXJsYXlDbGljaygpXCI+PC9kaXY+XHJcblxyXG4gIDwhLS0gUGFsZXR0ZSAtLT5cclxuICA8ZGl2IGNsYXNzPVwiY29tbWFuZC1wYWxldHRlXCI+XHJcbiAgICA8IS0tIFNlYXJjaCBJbnB1dCAtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLXNlYXJjaFwiPlxyXG4gICAgICA8c3ZnIGNsYXNzPVwic2VhcmNoLWljb25cIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCI+XHJcbiAgICAgICAgPHBhdGggZmlsbD1cImN1cnJlbnRDb2xvclwiIGQ9XCJNOS41LDNBNi41LDYuNSAwIDAsMSAxNiw5LjVDMTYsMTEuMTEgMTUuNDEsMTIuNTkgMTQuNDQsMTMuNzNMMTQuNzEsMTRIMTUuNUwyMC41LDE5TDE5LDIwLjVMMTQsMTUuNVYxNC43MUwxMy43MywxNC40NEMxMi41OSwxNS40MSAxMS4xMSwxNiA5LjUsMTZBNi41LDYuNSAwIDAsMSAzLDkuNUE2LjUsNi41IDAgMCwxIDkuNSwzTTkuNSw1QzcsNSA1LDcgNSw5LjVDNSwxMiA3LDE0IDkuNSwxNEMxMiwxNCAxNCwxMiAxNCw5LjVDMTQsNyAxMiw1IDkuNSw1WlwiIC8+XHJcbiAgICAgIDwvc3ZnPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgY2xhc3M9XCJjb21tYW5kLWlucHV0XCJcclxuICAgICAgICBbKG5nTW9kZWwpXT1cInNlYXJjaFF1ZXJ5XCJcclxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaENoYW5nZSgpXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAgIGF1dG9mb2N1cz5cclxuICAgICAgPGtiZCBjbGFzcz1cInNob3J0Y3V0LWhpbnRcIj5FU0M8L2tiZD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDwhLS0gUmVzdWx0cyAtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLXJlc3VsdHNcIiAqbmdJZj1cImZpbHRlcmVkQ29tbWFuZHMubGVuZ3RoID4gMFwiPlxyXG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBjYXRlZ29yeSBvZiBjYXRlZ29yaWVzXCIgY2xhc3M9XCJjb21tYW5kLWNhdGVnb3J5XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LWxhYmVsXCI+e3sgY2F0ZWdvcnkubGFiZWwgfX08L2Rpdj5cclxuICAgICAgICBcclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgY29tbWFuZCBvZiBjYXRlZ29yeS5pdGVtczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICBjbGFzcz1cImNvbW1hbmQtaXRlbVwiXHJcbiAgICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiZ2V0R2xvYmFsSW5kZXgoY2F0ZWdvcmllcy5pbmRleE9mKGNhdGVnb3J5KSwgaSkgPT09IHNlbGVjdGVkSW5kZXhcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImV4ZWN1dGVDb21tYW5kKGNvbW1hbmQpXCJcclxuICAgICAgICAgIChtb3VzZWVudGVyKT1cInNlbGVjdENvbW1hbmQoZ2V0R2xvYmFsSW5kZXgoY2F0ZWdvcmllcy5pbmRleE9mKGNhdGVnb3J5KSwgaSkpXCI+XHJcbiAgICAgICAgICBcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLWljb25cIiAqbmdJZj1cImNvbW1hbmQuaWNvblwiPnt7IGNvbW1hbmQuaWNvbiB9fTwvZGl2PlxyXG4gICAgICAgICAgXHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29tbWFuZC1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLWxhYmVsXCIgW2lubmVySFRNTF09XCJoaWdobGlnaHRNYXRjaChjb21tYW5kLmxhYmVsKVwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29tbWFuZC1kZXNjcmlwdGlvblwiICpuZ0lmPVwiY29tbWFuZC5kZXNjcmlwdGlvblwiPnt7IGNvbW1hbmQuZGVzY3JpcHRpb24gfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDxrYmQgY2xhc3M9XCJjb21tYW5kLXNob3J0Y3V0XCIgKm5nSWY9XCJjb21tYW5kLnNob3J0Y3V0XCI+e3sgY29tbWFuZC5zaG9ydGN1dCB9fTwva2JkPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDwhLS0gTm8gUmVzdWx0cyAtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLWVtcHR5XCIgKm5nSWY9XCJmaWx0ZXJlZENvbW1hbmRzLmxlbmd0aCA9PT0gMCAmJiBzZWFyY2hRdWVyeVwiPlxyXG4gICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiB3aWR0aD1cIjQ4XCIgaGVpZ2h0PVwiNDhcIj5cclxuICAgICAgICA8cGF0aCBmaWxsPVwiY3VycmVudENvbG9yXCIgZD1cIk05LjUsM0E2LjUsNi41IDAgMCwxIDE2LDkuNUMxNiwxMS4xMSAxNS40MSwxMi41OSAxNC40NCwxMy43M0wxNC43MSwxNEgxNS41TDIwLjUsMTlMMTksMjAuNUwxNCwxNS41VjE0LjcxTDEzLjczLDE0LjQ0QzEyLjU5LDE1LjQxIDExLjExLDE2IDkuNSwxNkE2LjUsNi41IDAgMCwxIDMsOS41QTYuNSw2LjUgMCAwLDEgOS41LDNNOS41LDVDNyw1IDUsNyA1LDkuNUM1LDEyIDcsMTQgOS41LDE0QzEyLDE0IDE0LDEyIDE0LDkuNUMxNCw3IDEyLDUgOS41LDVaXCIgLz5cclxuICAgICAgPC9zdmc+XHJcbiAgICAgIDxwPk5lbmh1bSBjb21hbmRvIGVuY29udHJhZG88L3A+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8IS0tIEZvb3RlciAtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJjb21tYW5kLWZvb3RlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyLWhpbnRcIj5cclxuICAgICAgICA8a2JkPuKGkTwva2JkPjxrYmQ+4oaTPC9rYmQ+IG5hdmVnYXJcclxuICAgICAgICA8a2JkPuKGtTwva2JkPiBzZWxlY2lvbmFyXHJcbiAgICAgICAgPGtiZD5FU0M8L2tiZD4gZmVjaGFyXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
package/esm2020/muxima-ui-command-palette.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXV4aW1hLXVpLWNvbW1hbmQtcGFsZXR0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL292ZXJsYXkvY29tbWFuZC1wYWxldHRlL3NyYy9tdXhpbWEtdWktY29tbWFuZC1wYWxldHRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
package/fesm2015/muxima-ui-command-palette.mjs ADDED
@@ -0,0 +1,212 @@
1
+ import * as i0 from '@angular/core';
2
+ import { EventEmitter, Component, Input, Output, HostListener } from '@angular/core';
3
+ import * as i1 from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
+ import * as i2 from '@angular/forms';
6
+ import { FormsModule } from '@angular/forms';
7
+
8
+ class CommandPaletteComponent {
9
+ constructor() {
10
+ this.commands = [];
11
+ this.placeholder = 'Digite um comando...';
12
+ this.shortcut = 'Ctrl+K';
13
+ this.maxResults = 10;
14
+ this.commandExecuted = new EventEmitter();
15
+ this.closed = new EventEmitter();
16
+ this.isOpen = false;
17
+ this.searchQuery = '';
18
+ this.filteredCommands = [];
19
+ this.selectedIndex = 0;
20
+ this.categories = [];
21
+ }
22
+ ngOnInit() {
23
+ this.filterCommands();
24
+ this.groupByCategory();
25
+ }
26
+ ngOnDestroy() {
27
+ this.close();
28
+ }
29
+ handleKeyboardShortcut(event) {
30
+ // Ctrl+K ou Cmd+K para abrir/fechar
31
+ if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
32
+ event.preventDefault();
33
+ this.toggle();
34
+ }
35
+ // ESC para fechar
36
+ if (event.key === 'Escape' && this.isOpen) {
37
+ event.preventDefault();
38
+ this.close();
39
+ }
40
+ // Navegação com setas
41
+ if (this.isOpen) {
42
+ if (event.key === 'ArrowDown') {
43
+ event.preventDefault();
44
+ this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);
45
+ this.scrollToSelected();
46
+ }
47
+ else if (event.key === 'ArrowUp') {
48
+ event.preventDefault();
49
+ this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
50
+ this.scrollToSelected();
51
+ }
52
+ else if (event.key === 'Enter') {
53
+ event.preventDefault();
54
+ this.executeSelected();
55
+ }
56
+ }
57
+ }
58
+ open() {
59
+ this.isOpen = true;
60
+ this.searchQuery = '';
61
+ this.selectedIndex = 0;
62
+ this.filterCommands();
63
+ document.body.style.overflow = 'hidden';
64
+ // Focus no input após abrir
65
+ setTimeout(() => {
66
+ const input = document.querySelector('.command-input');
67
+ input === null || input === void 0 ? void 0 : input.focus();
68
+ }, 100);
69
+ }
70
+ close() {
71
+ this.isOpen = false;
72
+ this.searchQuery = '';
73
+ this.selectedIndex = 0;
74
+ document.body.style.overflow = '';
75
+ this.closed.emit();
76
+ }
77
+ toggle() {
78
+ if (this.isOpen) {
79
+ this.close();
80
+ }
81
+ else {
82
+ this.open();
83
+ }
84
+ }
85
+ filterCommands() {
86
+ const query = this.searchQuery.toLowerCase().trim();
87
+ if (!query) {
88
+ this.filteredCommands = this.commands.slice(0, this.maxResults);
89
+ }
90
+ else {
91
+ // Busca fuzzy
92
+ this.filteredCommands = this.commands
93
+ .filter(cmd => {
94
+ const searchableText = [
95
+ cmd.label,
96
+ cmd.description,
97
+ cmd.category,
98
+ ...(cmd.keywords || [])
99
+ ].join(' ').toLowerCase();
100
+ // Verifica se todas as letras da query aparecem na ordem
101
+ let queryIndex = 0;
102
+ for (let i = 0; i < searchableText.length && queryIndex < query.length; i++) {
103
+ if (searchableText[i] === query[queryIndex]) {
104
+ queryIndex++;
105
+ }
106
+ }
107
+ return queryIndex === query.length;
108
+ })
109
+ .slice(0, this.maxResults);
110
+ }
111
+ // Resetar índice selecionado
112
+ this.selectedIndex = Math.min(this.selectedIndex, this.filteredCommands.length - 1);
113
+ if (this.selectedIndex < 0)
114
+ this.selectedIndex = 0;
115
+ this.groupByCategory();
116
+ }
117
+ groupByCategory() {
118
+ const categoryMap = new Map();
119
+ this.filteredCommands.forEach(cmd => {
120
+ const category = cmd.category || 'Geral';
121
+ if (!categoryMap.has(category)) {
122
+ categoryMap.set(category, []);
123
+ }
124
+ categoryMap.get(category).push(cmd);
125
+ });
126
+ this.categories = Array.from(categoryMap.entries()).map(([id, items]) => ({
127
+ id,
128
+ label: id,
129
+ items
130
+ }));
131
+ }
132
+ executeCommand(command) {
133
+ if (command.action) {
134
+ command.action();
135
+ }
136
+ this.commandExecuted.emit(command);
137
+ this.close();
138
+ }
139
+ executeSelected() {
140
+ if (this.filteredCommands.length > 0 && this.selectedIndex >= 0) {
141
+ this.executeCommand(this.filteredCommands[this.selectedIndex]);
142
+ }
143
+ }
144
+ selectCommand(index) {
145
+ this.selectedIndex = index;
146
+ }
147
+ scrollToSelected() {
148
+ setTimeout(() => {
149
+ const selected = document.querySelector('.command-item.selected');
150
+ selected === null || selected === void 0 ? void 0 : selected.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
151
+ }, 0);
152
+ }
153
+ onOverlayClick() {
154
+ this.close();
155
+ }
156
+ onSearchChange() {
157
+ this.filterCommands();
158
+ }
159
+ highlightMatch(text) {
160
+ if (!this.searchQuery)
161
+ return text;
162
+ const query = this.searchQuery.toLowerCase();
163
+ const lowerText = text.toLowerCase();
164
+ let result = '';
165
+ let queryIndex = 0;
166
+ for (let i = 0; i < text.length; i++) {
167
+ if (queryIndex < query.length && lowerText[i] === query[queryIndex]) {
168
+ result += `<mark>${text[i]}</mark>`;
169
+ queryIndex++;
170
+ }
171
+ else {
172
+ result += text[i];
173
+ }
174
+ }
175
+ return result;
176
+ }
177
+ getGlobalIndex(categoryIndex, itemIndex) {
178
+ let index = 0;
179
+ for (let i = 0; i < categoryIndex; i++) {
180
+ index += this.categories[i].items.length;
181
+ }
182
+ return index + itemIndex;
183
+ }
184
+ }
185
+ CommandPaletteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
186
+ CommandPaletteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandPaletteComponent, isStandalone: true, selector: "muxima-command-palette", inputs: { commands: "commands", placeholder: "placeholder", shortcut: "shortcut", maxResults: "maxResults" }, outputs: { commandExecuted: "commandExecuted", closed: "closed" }, host: { listeners: { "document:keydown": "handleKeyboardShortcut($event)" } }, ngImport: i0, template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
187
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, decorators: [{
188
+ type: Component,
189
+ args: [{ selector: 'muxima-command-palette', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"] }]
190
+ }], propDecorators: { commands: [{
191
+ type: Input
192
+ }], placeholder: [{
193
+ type: Input
194
+ }], shortcut: [{
195
+ type: Input
196
+ }], maxResults: [{
197
+ type: Input
198
+ }], commandExecuted: [{
199
+ type: Output
200
+ }], closed: [{
201
+ type: Output
202
+ }], handleKeyboardShortcut: [{
203
+ type: HostListener,
204
+ args: ['document:keydown', ['$event']]
205
+ }] } });
206
+
207
+ /**
208
+ * Generated bundle index. Do not edit.
209
+ */
210
+
211
+ export { CommandPaletteComponent };
212
+ //# sourceMappingURL=muxima-ui-command-palette.mjs.map
package/fesm2015/muxima-ui-command-palette.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"muxima-ui-command-palette.mjs","sources":["../../../../overlay/command-palette/src/lib/command-palette/command-palette.component.ts","../../../../overlay/command-palette/src/lib/command-palette/command-palette.component.html","../../../../overlay/command-palette/src/muxima-ui-command-palette.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, HostListener, OnInit, OnDestroy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nexport interface CommandItem {\r\n id: string;\r\n label: string;\r\n description?: string;\r\n icon?: string;\r\n shortcut?: string;\r\n category?: string;\r\n action?: () => void;\r\n keywords?: string[];\r\n}\r\n\r\nexport interface CommandCategory {\r\n id: string;\r\n label: string;\r\n items: CommandItem[];\r\n}\r\n\r\n@Component({\r\n selector: 'muxima-command-palette',\r\n standalone: true,\r\n imports: [CommonModule, FormsModule],\r\n templateUrl: './command-palette.component.html',\r\n styleUrls: ['./command-palette.component.scss']\r\n})\r\nexport class CommandPaletteComponent implements OnInit, OnDestroy {\r\n @Input() commands: CommandItem[] = [];\r\n @Input() placeholder = 'Digite um comando...';\r\n @Input() shortcut = 'Ctrl+K';\r\n @Input() maxResults = 10;\r\n\r\n @Output() commandExecuted = new EventEmitter<CommandItem>();\r\n @Output() closed = new EventEmitter<void>();\r\n\r\n isOpen = false;\r\n searchQuery = '';\r\n filteredCommands: CommandItem[] = [];\r\n selectedIndex = 0;\r\n categories: CommandCategory[] = [];\r\n\r\n ngOnInit() {\r\n this.filterCommands();\r\n this.groupByCategory();\r\n }\r\n\r\n ngOnDestroy() {\r\n this.close();\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n handleKeyboardShortcut(event: KeyboardEvent) {\r\n // Ctrl+K ou Cmd+K para abrir/fechar\r\n if ((event.ctrlKey || event.metaKey) && event.key === 'k') {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n\r\n // ESC para fechar\r\n if (event.key === 'Escape' && this.isOpen) {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n\r\n // Navegação com setas\r\n if (this.isOpen) {\r\n if (event.key === 'ArrowDown') {\r\n event.preventDefault();\r\n this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);\r\n this.scrollToSelected();\r\n } else if (event.key === 'ArrowUp') {\r\n event.preventDefault();\r\n this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\r\n this.scrollToSelected();\r\n } else if (event.key === 'Enter') {\r\n event.preventDefault();\r\n this.executeSelected();\r\n }\r\n }\r\n }\r\n\r\n open() {\r\n this.isOpen = true;\r\n this.searchQuery = '';\r\n this.selectedIndex = 0;\r\n this.filterCommands();\r\n document.body.style.overflow = 'hidden';\r\n \r\n // Focus no input após abrir\r\n setTimeout(() => {\r\n const input = document.querySelector('.command-input') as HTMLInputElement;\r\n input?.focus();\r\n }, 100);\r\n }\r\n\r\n close() {\r\n this.isOpen = false;\r\n this.searchQuery = '';\r\n this.selectedIndex = 0;\r\n document.body.style.overflow = '';\r\n this.closed.emit();\r\n }\r\n\r\n toggle() {\r\n if (this.isOpen) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n }\r\n\r\n filterCommands() {\r\n const query = this.searchQuery.toLowerCase().trim();\r\n \r\n if (!query) {\r\n this.filteredCommands = this.commands.slice(0, this.maxResults);\r\n } else {\r\n // Busca fuzzy\r\n this.filteredCommands = this.commands\r\n .filter(cmd => {\r\n const searchableText = [\r\n cmd.label,\r\n cmd.description,\r\n cmd.category,\r\n ...(cmd.keywords || [])\r\n ].join(' ').toLowerCase();\r\n\r\n // Verifica se todas as letras da query aparecem na ordem\r\n let queryIndex = 0;\r\n for (let i = 0; i < searchableText.length && queryIndex < query.length; i++) {\r\n if (searchableText[i] === query[queryIndex]) {\r\n queryIndex++;\r\n }\r\n }\r\n \r\n return queryIndex === query.length;\r\n })\r\n .slice(0, this.maxResults);\r\n }\r\n\r\n // Resetar índice selecionado\r\n this.selectedIndex = Math.min(this.selectedIndex, this.filteredCommands.length - 1);\r\n if (this.selectedIndex < 0) this.selectedIndex = 0;\r\n\r\n this.groupByCategory();\r\n }\r\n\r\n groupByCategory() {\r\n const categoryMap = new Map<string, CommandItem[]>();\r\n\r\n this.filteredCommands.forEach(cmd => {\r\n const category = cmd.category || 'Geral';\r\n if (!categoryMap.has(category)) {\r\n categoryMap.set(category, []);\r\n }\r\n categoryMap.get(category)!.push(cmd);\r\n });\r\n\r\n this.categories = Array.from(categoryMap.entries()).map(([id, items]) => ({\r\n id,\r\n label: id,\r\n items\r\n }));\r\n }\r\n\r\n executeCommand(command: CommandItem) {\r\n if (command.action) {\r\n command.action();\r\n }\r\n this.commandExecuted.emit(command);\r\n this.close();\r\n }\r\n\r\n executeSelected() {\r\n if (this.filteredCommands.length > 0 && this.selectedIndex >= 0) {\r\n this.executeCommand(this.filteredCommands[this.selectedIndex]);\r\n }\r\n }\r\n\r\n selectCommand(index: number) {\r\n this.selectedIndex = index;\r\n }\r\n\r\n scrollToSelected() {\r\n setTimeout(() => {\r\n const selected = document.querySelector('.command-item.selected');\r\n selected?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n }, 0);\r\n }\r\n\r\n onOverlayClick() {\r\n this.close();\r\n }\r\n\r\n onSearchChange() {\r\n this.filterCommands();\r\n }\r\n\r\n highlightMatch(text: string): string {\r\n if (!this.searchQuery) return text;\r\n\r\n const query = this.searchQuery.toLowerCase();\r\n const lowerText = text.toLowerCase();\r\n let result = '';\r\n let queryIndex = 0;\r\n\r\n for (let i = 0; i < text.length; i++) {\r\n if (queryIndex < query.length && lowerText[i] === query[queryIndex]) {\r\n result += `<mark>${text[i]}</mark>`;\r\n queryIndex++;\r\n } else {\r\n result += text[i];\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n getGlobalIndex(categoryIndex: number, itemIndex: number): number {\r\n let index = 0;\r\n for (let i = 0; i < categoryIndex; i++) {\r\n index += this.categories[i].items.length;\r\n }\r\n return index + itemIndex;\r\n }\r\n}\r\n","<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>↑</kbd><kbd>↓</kbd> navegar\r\n <kbd>↵</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2020/muxima-ui-command-palette.mjs ADDED
@@ -0,0 +1,212 @@
1
+ import * as i0 from '@angular/core';
2
+ import { EventEmitter, Component, Input, Output, HostListener } from '@angular/core';
3
+ import * as i1 from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
+ import * as i2 from '@angular/forms';
6
+ import { FormsModule } from '@angular/forms';
7
+
8
+ class CommandPaletteComponent {
9
+ constructor() {
10
+ this.commands = [];
11
+ this.placeholder = 'Digite um comando...';
12
+ this.shortcut = 'Ctrl+K';
13
+ this.maxResults = 10;
14
+ this.commandExecuted = new EventEmitter();
15
+ this.closed = new EventEmitter();
16
+ this.isOpen = false;
17
+ this.searchQuery = '';
18
+ this.filteredCommands = [];
19
+ this.selectedIndex = 0;
20
+ this.categories = [];
21
+ }
22
+ ngOnInit() {
23
+ this.filterCommands();
24
+ this.groupByCategory();
25
+ }
26
+ ngOnDestroy() {
27
+ this.close();
28
+ }
29
+ handleKeyboardShortcut(event) {
30
+ // Ctrl+K ou Cmd+K para abrir/fechar
31
+ if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
32
+ event.preventDefault();
33
+ this.toggle();
34
+ }
35
+ // ESC para fechar
36
+ if (event.key === 'Escape' && this.isOpen) {
37
+ event.preventDefault();
38
+ this.close();
39
+ }
40
+ // Navegação com setas
41
+ if (this.isOpen) {
42
+ if (event.key === 'ArrowDown') {
43
+ event.preventDefault();
44
+ this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);
45
+ this.scrollToSelected();
46
+ }
47
+ else if (event.key === 'ArrowUp') {
48
+ event.preventDefault();
49
+ this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
50
+ this.scrollToSelected();
51
+ }
52
+ else if (event.key === 'Enter') {
53
+ event.preventDefault();
54
+ this.executeSelected();
55
+ }
56
+ }
57
+ }
58
+ open() {
59
+ this.isOpen = true;
60
+ this.searchQuery = '';
61
+ this.selectedIndex = 0;
62
+ this.filterCommands();
63
+ document.body.style.overflow = 'hidden';
64
+ // Focus no input após abrir
65
+ setTimeout(() => {
66
+ const input = document.querySelector('.command-input');
67
+ input?.focus();
68
+ }, 100);
69
+ }
70
+ close() {
71
+ this.isOpen = false;
72
+ this.searchQuery = '';
73
+ this.selectedIndex = 0;
74
+ document.body.style.overflow = '';
75
+ this.closed.emit();
76
+ }
77
+ toggle() {
78
+ if (this.isOpen) {
79
+ this.close();
80
+ }
81
+ else {
82
+ this.open();
83
+ }
84
+ }
85
+ filterCommands() {
86
+ const query = this.searchQuery.toLowerCase().trim();
87
+ if (!query) {
88
+ this.filteredCommands = this.commands.slice(0, this.maxResults);
89
+ }
90
+ else {
91
+ // Busca fuzzy
92
+ this.filteredCommands = this.commands
93
+ .filter(cmd => {
94
+ const searchableText = [
95
+ cmd.label,
96
+ cmd.description,
97
+ cmd.category,
98
+ ...(cmd.keywords || [])
99
+ ].join(' ').toLowerCase();
100
+ // Verifica se todas as letras da query aparecem na ordem
101
+ let queryIndex = 0;
102
+ for (let i = 0; i < searchableText.length && queryIndex < query.length; i++) {
103
+ if (searchableText[i] === query[queryIndex]) {
104
+ queryIndex++;
105
+ }
106
+ }
107
+ return queryIndex === query.length;
108
+ })
109
+ .slice(0, this.maxResults);
110
+ }
111
+ // Resetar índice selecionado
112
+ this.selectedIndex = Math.min(this.selectedIndex, this.filteredCommands.length - 1);
113
+ if (this.selectedIndex < 0)
114
+ this.selectedIndex = 0;
115
+ this.groupByCategory();
116
+ }
117
+ groupByCategory() {
118
+ const categoryMap = new Map();
119
+ this.filteredCommands.forEach(cmd => {
120
+ const category = cmd.category || 'Geral';
121
+ if (!categoryMap.has(category)) {
122
+ categoryMap.set(category, []);
123
+ }
124
+ categoryMap.get(category).push(cmd);
125
+ });
126
+ this.categories = Array.from(categoryMap.entries()).map(([id, items]) => ({
127
+ id,
128
+ label: id,
129
+ items
130
+ }));
131
+ }
132
+ executeCommand(command) {
133
+ if (command.action) {
134
+ command.action();
135
+ }
136
+ this.commandExecuted.emit(command);
137
+ this.close();
138
+ }
139
+ executeSelected() {
140
+ if (this.filteredCommands.length > 0 && this.selectedIndex >= 0) {
141
+ this.executeCommand(this.filteredCommands[this.selectedIndex]);
142
+ }
143
+ }
144
+ selectCommand(index) {
145
+ this.selectedIndex = index;
146
+ }
147
+ scrollToSelected() {
148
+ setTimeout(() => {
149
+ const selected = document.querySelector('.command-item.selected');
150
+ selected?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
151
+ }, 0);
152
+ }
153
+ onOverlayClick() {
154
+ this.close();
155
+ }
156
+ onSearchChange() {
157
+ this.filterCommands();
158
+ }
159
+ highlightMatch(text) {
160
+ if (!this.searchQuery)
161
+ return text;
162
+ const query = this.searchQuery.toLowerCase();
163
+ const lowerText = text.toLowerCase();
164
+ let result = '';
165
+ let queryIndex = 0;
166
+ for (let i = 0; i < text.length; i++) {
167
+ if (queryIndex < query.length && lowerText[i] === query[queryIndex]) {
168
+ result += `<mark>${text[i]}</mark>`;
169
+ queryIndex++;
170
+ }
171
+ else {
172
+ result += text[i];
173
+ }
174
+ }
175
+ return result;
176
+ }
177
+ getGlobalIndex(categoryIndex, itemIndex) {
178
+ let index = 0;
179
+ for (let i = 0; i < categoryIndex; i++) {
180
+ index += this.categories[i].items.length;
181
+ }
182
+ return index + itemIndex;
183
+ }
184
+ }
185
+ CommandPaletteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
186
+ CommandPaletteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandPaletteComponent, isStandalone: true, selector: "muxima-command-palette", inputs: { commands: "commands", placeholder: "placeholder", shortcut: "shortcut", maxResults: "maxResults" }, outputs: { commandExecuted: "commandExecuted", closed: "closed" }, host: { listeners: { "document:keydown": "handleKeyboardShortcut($event)" } }, ngImport: i0, template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
187
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandPaletteComponent, decorators: [{
188
+ type: Component,
189
+ args: [{ selector: 'muxima-command-palette', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>\u2191</kbd><kbd>\u2193</kbd> navegar\r\n <kbd>\u21B5</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".command-palette-wrapper{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.command-palette{position:relative;width:100%;max-width:640px;background:#1a202c;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #667eea4d;overflow:hidden;animation:slideUp .2s ease}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%)}.command-search .search-icon{color:#667eea;flex-shrink:0}.command-search .command-input{flex:1;background:transparent;border:none;color:#f7fafc;font-size:16px;outline:none}.command-search .command-input::placeholder{color:#a0aec0}.command-search .shortcut-hint{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1)}.command-results{max-height:400px;overflow-y:auto}.command-results::-webkit-scrollbar{width:8px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.command-category .category-label{padding:12px 20px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea}.command-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .15s ease}.command-item:hover,.command-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.command-item:hover .command-icon,.command-item.selected .command-icon{transform:scale(1.1)}.command-item .command-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;transition:transform .2s ease}.command-item .command-content{flex:1;min-width:0}.command-item .command-content .command-label{color:#f7fafc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-content .command-label ::ng-deep mark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.command-item .command-content .command-description{color:#a0aec0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item .command-shortcut{background:rgba(255,255,255,.05);color:#a0aec0;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,monospace;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.command-empty{padding:60px 20px;text-align:center;color:#a0aec0}.command-empty svg{opacity:.3;margin-bottom:16px}.command-empty p{font-size:14px}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.command-footer .footer-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:#a0aec0}.command-footer .footer-hint kbd{background:rgba(255,255,255,.05);padding:3px 6px;border-radius:3px;font-family:Monaco,monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.command-palette-wrapper{padding:16px;padding-top:10vh}.command-palette{max-width:100%}}\n"] }]
190
+ }], propDecorators: { commands: [{
191
+ type: Input
192
+ }], placeholder: [{
193
+ type: Input
194
+ }], shortcut: [{
195
+ type: Input
196
+ }], maxResults: [{
197
+ type: Input
198
+ }], commandExecuted: [{
199
+ type: Output
200
+ }], closed: [{
201
+ type: Output
202
+ }], handleKeyboardShortcut: [{
203
+ type: HostListener,
204
+ args: ['document:keydown', ['$event']]
205
+ }] } });
206
+
207
+ /**
208
+ * Generated bundle index. Do not edit.
209
+ */
210
+
211
+ export { CommandPaletteComponent };
212
+ //# sourceMappingURL=muxima-ui-command-palette.mjs.map
package/fesm2020/muxima-ui-command-palette.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"muxima-ui-command-palette.mjs","sources":["../../../../overlay/command-palette/src/lib/command-palette/command-palette.component.ts","../../../../overlay/command-palette/src/lib/command-palette/command-palette.component.html","../../../../overlay/command-palette/src/muxima-ui-command-palette.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, HostListener, OnInit, OnDestroy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nexport interface CommandItem {\r\n id: string;\r\n label: string;\r\n description?: string;\r\n icon?: string;\r\n shortcut?: string;\r\n category?: string;\r\n action?: () => void;\r\n keywords?: string[];\r\n}\r\n\r\nexport interface CommandCategory {\r\n id: string;\r\n label: string;\r\n items: CommandItem[];\r\n}\r\n\r\n@Component({\r\n selector: 'muxima-command-palette',\r\n standalone: true,\r\n imports: [CommonModule, FormsModule],\r\n templateUrl: './command-palette.component.html',\r\n styleUrls: ['./command-palette.component.scss']\r\n})\r\nexport class CommandPaletteComponent implements OnInit, OnDestroy {\r\n @Input() commands: CommandItem[] = [];\r\n @Input() placeholder = 'Digite um comando...';\r\n @Input() shortcut = 'Ctrl+K';\r\n @Input() maxResults = 10;\r\n\r\n @Output() commandExecuted = new EventEmitter<CommandItem>();\r\n @Output() closed = new EventEmitter<void>();\r\n\r\n isOpen = false;\r\n searchQuery = '';\r\n filteredCommands: CommandItem[] = [];\r\n selectedIndex = 0;\r\n categories: CommandCategory[] = [];\r\n\r\n ngOnInit() {\r\n this.filterCommands();\r\n this.groupByCategory();\r\n }\r\n\r\n ngOnDestroy() {\r\n this.close();\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n handleKeyboardShortcut(event: KeyboardEvent) {\r\n // Ctrl+K ou Cmd+K para abrir/fechar\r\n if ((event.ctrlKey || event.metaKey) && event.key === 'k') {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n\r\n // ESC para fechar\r\n if (event.key === 'Escape' && this.isOpen) {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n\r\n // Navegação com setas\r\n if (this.isOpen) {\r\n if (event.key === 'ArrowDown') {\r\n event.preventDefault();\r\n this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredCommands.length - 1);\r\n this.scrollToSelected();\r\n } else if (event.key === 'ArrowUp') {\r\n event.preventDefault();\r\n this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\r\n this.scrollToSelected();\r\n } else if (event.key === 'Enter') {\r\n event.preventDefault();\r\n this.executeSelected();\r\n }\r\n }\r\n }\r\n\r\n open() {\r\n this.isOpen = true;\r\n this.searchQuery = '';\r\n this.selectedIndex = 0;\r\n this.filterCommands();\r\n document.body.style.overflow = 'hidden';\r\n \r\n // Focus no input após abrir\r\n setTimeout(() => {\r\n const input = document.querySelector('.command-input') as HTMLInputElement;\r\n input?.focus();\r\n }, 100);\r\n }\r\n\r\n close() {\r\n this.isOpen = false;\r\n this.searchQuery = '';\r\n this.selectedIndex = 0;\r\n document.body.style.overflow = '';\r\n this.closed.emit();\r\n }\r\n\r\n toggle() {\r\n if (this.isOpen) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n }\r\n\r\n filterCommands() {\r\n const query = this.searchQuery.toLowerCase().trim();\r\n \r\n if (!query) {\r\n this.filteredCommands = this.commands.slice(0, this.maxResults);\r\n } else {\r\n // Busca fuzzy\r\n this.filteredCommands = this.commands\r\n .filter(cmd => {\r\n const searchableText = [\r\n cmd.label,\r\n cmd.description,\r\n cmd.category,\r\n ...(cmd.keywords || [])\r\n ].join(' ').toLowerCase();\r\n\r\n // Verifica se todas as letras da query aparecem na ordem\r\n let queryIndex = 0;\r\n for (let i = 0; i < searchableText.length && queryIndex < query.length; i++) {\r\n if (searchableText[i] === query[queryIndex]) {\r\n queryIndex++;\r\n }\r\n }\r\n \r\n return queryIndex === query.length;\r\n })\r\n .slice(0, this.maxResults);\r\n }\r\n\r\n // Resetar índice selecionado\r\n this.selectedIndex = Math.min(this.selectedIndex, this.filteredCommands.length - 1);\r\n if (this.selectedIndex < 0) this.selectedIndex = 0;\r\n\r\n this.groupByCategory();\r\n }\r\n\r\n groupByCategory() {\r\n const categoryMap = new Map<string, CommandItem[]>();\r\n\r\n this.filteredCommands.forEach(cmd => {\r\n const category = cmd.category || 'Geral';\r\n if (!categoryMap.has(category)) {\r\n categoryMap.set(category, []);\r\n }\r\n categoryMap.get(category)!.push(cmd);\r\n });\r\n\r\n this.categories = Array.from(categoryMap.entries()).map(([id, items]) => ({\r\n id,\r\n label: id,\r\n items\r\n }));\r\n }\r\n\r\n executeCommand(command: CommandItem) {\r\n if (command.action) {\r\n command.action();\r\n }\r\n this.commandExecuted.emit(command);\r\n this.close();\r\n }\r\n\r\n executeSelected() {\r\n if (this.filteredCommands.length > 0 && this.selectedIndex >= 0) {\r\n this.executeCommand(this.filteredCommands[this.selectedIndex]);\r\n }\r\n }\r\n\r\n selectCommand(index: number) {\r\n this.selectedIndex = index;\r\n }\r\n\r\n scrollToSelected() {\r\n setTimeout(() => {\r\n const selected = document.querySelector('.command-item.selected');\r\n selected?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n }, 0);\r\n }\r\n\r\n onOverlayClick() {\r\n this.close();\r\n }\r\n\r\n onSearchChange() {\r\n this.filterCommands();\r\n }\r\n\r\n highlightMatch(text: string): string {\r\n if (!this.searchQuery) return text;\r\n\r\n const query = this.searchQuery.toLowerCase();\r\n const lowerText = text.toLowerCase();\r\n let result = '';\r\n let queryIndex = 0;\r\n\r\n for (let i = 0; i < text.length; i++) {\r\n if (queryIndex < query.length && lowerText[i] === query[queryIndex]) {\r\n result += `<mark>${text[i]}</mark>`;\r\n queryIndex++;\r\n } else {\r\n result += text[i];\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n getGlobalIndex(categoryIndex: number, itemIndex: number): number {\r\n let index = 0;\r\n for (let i = 0; i < categoryIndex; i++) {\r\n index += this.categories[i].items.length;\r\n }\r\n return index + itemIndex;\r\n }\r\n}\r\n","<div class=\"command-palette-wrapper\" *ngIf=\"isOpen\">\r\n <!-- Overlay -->\r\n <div class=\"command-overlay\" (click)=\"onOverlayClick()\"></div>\r\n\r\n <!-- Palette -->\r\n <div class=\"command-palette\">\r\n <!-- Search Input -->\r\n <div class=\"command-search\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <input\r\n type=\"text\"\r\n class=\"command-input\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearchChange()\"\r\n [placeholder]=\"placeholder\"\r\n autofocus>\r\n <kbd class=\"shortcut-hint\">ESC</kbd>\r\n </div>\r\n\r\n <!-- Results -->\r\n <div class=\"command-results\" *ngIf=\"filteredCommands.length > 0\">\r\n <div *ngFor=\"let category of categories\" class=\"command-category\">\r\n <div class=\"category-label\">{{ category.label }}</div>\r\n \r\n <div\r\n *ngFor=\"let command of category.items; let i = index\"\r\n class=\"command-item\"\r\n [class.selected]=\"getGlobalIndex(categories.indexOf(category), i) === selectedIndex\"\r\n (click)=\"executeCommand(command)\"\r\n (mouseenter)=\"selectCommand(getGlobalIndex(categories.indexOf(category), i))\">\r\n \r\n <div class=\"command-icon\" *ngIf=\"command.icon\">{{ command.icon }}</div>\r\n \r\n <div class=\"command-content\">\r\n <div class=\"command-label\" [innerHTML]=\"highlightMatch(command.label)\"></div>\r\n <div class=\"command-description\" *ngIf=\"command.description\">{{ command.description }}</div>\r\n </div>\r\n\r\n <kbd class=\"command-shortcut\" *ngIf=\"command.shortcut\">{{ command.shortcut }}</kbd>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- No Results -->\r\n <div class=\"command-empty\" *ngIf=\"filteredCommands.length === 0 && searchQuery\">\r\n <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\r\n <path fill=\"currentColor\" d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\" />\r\n </svg>\r\n <p>Nenhum comando encontrado</p>\r\n </div>\r\n\r\n <!-- Footer -->\r\n <div class=\"command-footer\">\r\n <div class=\"footer-hint\">\r\n <kbd>↑</kbd><kbd>↓</kbd> navegar\r\n <kbd>↵</kbd> selecionar\r\n <kbd>ESC</kbd> fechar\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/command-palette/command-palette.component';
2
+ export type { CommandItem, CommandCategory } from './lib/command-palette/command-palette.component';
package/lib/command-palette/command-palette.component.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export interface CommandItem {
4
+ id: string;
5
+ label: string;
6
+ description?: string;
7
+ icon?: string;
8
+ shortcut?: string;
9
+ category?: string;
10
+ action?: () => void;
11
+ keywords?: string[];
12
+ }
13
+ export interface CommandCategory {
14
+ id: string;
15
+ label: string;
16
+ items: CommandItem[];
17
+ }
18
+ export declare class CommandPaletteComponent implements OnInit, OnDestroy {
19
+ commands: CommandItem[];
20
+ placeholder: string;
21
+ shortcut: string;
22
+ maxResults: number;
23
+ commandExecuted: EventEmitter<CommandItem>;
24
+ closed: EventEmitter<void>;
25
+ isOpen: boolean;
26
+ searchQuery: string;
27
+ filteredCommands: CommandItem[];
28
+ selectedIndex: number;
29
+ categories: CommandCategory[];
30
+ ngOnInit(): void;
31
+ ngOnDestroy(): void;
32
+ handleKeyboardShortcut(event: KeyboardEvent): void;
33
+ open(): void;
34
+ close(): void;
35
+ toggle(): void;
36
+ filterCommands(): void;
37
+ groupByCategory(): void;
38
+ executeCommand(command: CommandItem): void;
39
+ executeSelected(): void;
40
+ selectCommand(index: number): void;
41
+ scrollToSelected(): void;
42
+ onOverlayClick(): void;
43
+ onSearchChange(): void;
44
+ highlightMatch(text: string): string;
45
+ getGlobalIndex(categoryIndex: number, itemIndex: number): number;
46
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandPaletteComponent, never>;
47
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandPaletteComponent, "muxima-command-palette", never, { "commands": "commands"; "placeholder": "placeholder"; "shortcut": "shortcut"; "maxResults": "maxResults"; }, { "commandExecuted": "commandExecuted"; "closed": "closed"; }, never, never, true, never>;
48
+ }
package/package.json ADDED
@@ -0,0 +1,56 @@
1
+ {
2
+ "name": "@muxima-ui/command-palette",
3
+ "version": "1.0.0",
4
+ "description": "Command Palette component for Angular 18+ - Ctrl+K quick actions - Muxima UI",
5
+ "keywords": [
6
+ "angular",
7
+ "command-palette",
8
+ "command",
9
+ "search",
10
+ "quick-actions",
11
+ "keyboard",
12
+ "muxima-ui"
13
+ ],
14
+ "author": "Muxima UI Team (jokerscript)",
15
+ "license": "MIT",
16
+ "repository": {
17
+ "type": "git",
18
+ "url": "https://github.com/Aldemiro20/muxima-ui.git",
19
+ "directory": "packages/overlay/command-palette"
20
+ },
21
+ "homepage": "https://muxima-ui.vercel.app/components/command-palette",
22
+ "bugs": {
23
+ "url": "https://github.com/Aldemiro20/muxima-ui/issues"
24
+ },
25
+ "documentation": "https://muxima-ui.vercel.app",
26
+ "publishConfig": {
27
+ "access": "public"
28
+ },
29
+ "peerDependencies": {
30
+ "@angular/common": "^18.0.0",
31
+ "@angular/core": "^18.0.0"
32
+ },
33
+ "dependencies": {
34
+ "tslib": "^2.3.0"
35
+ },
36
+ "sideEffects": false,
37
+ "module": "fesm2015/muxima-ui-command-palette.mjs",
38
+ "es2020": "fesm2020/muxima-ui-command-palette.mjs",
39
+ "esm2020": "esm2020/muxima-ui-command-palette.mjs",
40
+ "fesm2020": "fesm2020/muxima-ui-command-palette.mjs",
41
+ "fesm2015": "fesm2015/muxima-ui-command-palette.mjs",
42
+ "typings": "index.d.ts",
43
+ "exports": {
44
+ "./package.json": {
45
+ "default": "./package.json"
46
+ },
47
+ ".": {
48
+ "types": "./index.d.ts",
49
+ "esm2020": "./esm2020/muxima-ui-command-palette.mjs",
50
+ "es2020": "./fesm2020/muxima-ui-command-palette.mjs",
51
+ "es2015": "./fesm2015/muxima-ui-command-palette.mjs",
52
+ "node": "./fesm2015/muxima-ui-command-palette.mjs",
53
+ "default": "./fesm2020/muxima-ui-command-palette.mjs"
54
+ }
55
+ }
56
+ }