@neural-ui/core 1.2.1 → 1.3.1

package/fesm2022/neural-ui-core-command-palette.mjs

@@ -0,0 +1,235 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, inject, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * NeuralUI CommandPaletteService
+ *
+ * Gestiona los comandos registrados y la apertura/cierre del pallete.
+ *
+ * Uso:
+ *   inject(NeuCommandPaletteService).register({ id: 'goto-home', label: 'Ir al inicio', action: () => router.navigate(['/']) });
+ *   inject(NeuCommandPaletteService).open();
+ */
+class NeuCommandPaletteService {
+    _commands = signal([], ...(ngDevMode ? [{ debugName: "_commands" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    filteredCommands = computed(() => {
+        const q = this.query().toLowerCase().trim();
+        const cmds = this._commands();
+        if (!q)
+            return cmds;
+        return cmds.filter((c) => c.label.toLowerCase().includes(q) || (c.group?.toLowerCase().includes(q) ?? false));
+    }, ...(ngDevMode ? [{ debugName: "filteredCommands" }] : /* istanbul ignore next */ []));
+    register(...commands) {
+        this._commands.update((list) => {
+            const ids = new Set(commands.map((c) => c.id));
+            return [...list.filter((c) => !ids.has(c.id)), ...commands];
+        });
+    }
+    unregister(...ids) {
+        const set = new Set(ids);
+        this._commands.update((list) => list.filter((c) => !set.has(c.id)));
+    }
+    open() {
+        this.query.set('');
+        this.isOpen.set(true);
+    }
+    close() {
+        this.isOpen.set(false);
+        this.query.set('');
+    }
+    execute(id) {
+        const cmd = this._commands().find((c) => c.id === id);
+        cmd?.action();
+        this.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCommandPaletteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCommandPaletteService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCommandPaletteService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * NeuralUI CommandPalette Component
+ *
+ * Paleta de comandos activada con Cmd+K / Ctrl+K.
+ * Registra el atajos globalmente mientras el componente está montado.
+ *
+ * Uso:
+ *   <neu-command-palette />  <!-- colócalo una vez en el root layout -->
+ */
+class NeuCommandPaletteComponent {
+    _svc = inject(NeuCommandPaletteService);
+    _activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "_activeIndex" }] : /* istanbul ignore next */ []));
+    _onDocKey(e) {
+        if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+            e.preventDefault();
+            this._svc.isOpen() ? this._svc.close() : this._svc.open();
+        }
+    }
+    _onInputKey(e) {
+        const total = this._svc.filteredCommands().length;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this._activeIndex.update((i) => Math.min(i + 1, total - 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                this._activeIndex.update((i) => Math.max(i - 1, 0));
+                break;
+            case 'Enter': {
+                const cmd = this._svc.filteredCommands()[this._activeIndex()];
+                if (cmd)
+                    this._svc.execute(cmd.id);
+                break;
+            }
+            case 'Escape':
+                this._svc.close();
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuCommandPaletteComponent, isStandalone: true, selector: "neu-command-palette", host: { listeners: { "document:keydown": "_onDocKey($event)" } }, ngImport: i0, template: `
+    @if (_svc.isOpen()) {
+      <!-- Backdrop -->
+      <div class="neu-cp-backdrop" aria-hidden="true" (click)="_svc.close()"></div>
+
+      <!-- Dialog -->
+      <div class="neu-cmd" role="dialog" aria-modal="true" aria-label="Paleta de comandos">
+        <div class="neu-cmd__search-wrap">
+          <span class="neu-cmd__search-icon" aria-hidden="true">🔍</span>
+          <input
+            class="neu-cmd__input"
+            type="text"
+            placeholder="Buscar comandos…"
+            autocomplete="off"
+            role="combobox"
+            aria-expanded="true"
+            aria-autocomplete="list"
+            aria-controls="neu-cmd-list"
+            [value]="_svc.query()"
+            (input)="_svc.query.set($any($event.target).value)"
+            (keydown)="_onInputKey($event)"
+            #searchInput
+          />
+          <kbd class="neu-cmd__esc-hint">ESC</kbd>
+        </div>
+
+        <ul id="neu-cmd-list" class="neu-cmd__list" role="listbox" aria-label="Comandos">
+          @if (!_svc.filteredCommands().length) {
+            <li class="neu-cmd__empty" role="option" aria-selected="false">
+              Sin resultados para "{{ _svc.query() }}"
+            </li>
+          }
+          @for (cmd of _svc.filteredCommands(); track cmd.id; let i = $index) {
+            <li
+              class="neu-cmd__item"
+              role="option"
+              [class.neu-cmd__item--active]="_activeIndex() === i"
+              [id]="'neu-cmd-opt-' + i"
+              [attr.aria-selected]="_activeIndex() === i"
+              (click)="_svc.execute(cmd.id)"
+              (mouseenter)="_activeIndex.set(i)"
+            >
+              @if (cmd.icon) {
+                <span class="neu-cmd__item-icon" aria-hidden="true">{{ cmd.icon }}</span>
+              }
+              <span class="neu-cmd__item-label">{{ cmd.label }}</span>
+              @if (cmd.group) {
+                <span class="neu-cmd__item-group">{{ cmd.group }}</span>
+              }
+              @if (cmd.shortcut) {
+                <kbd class="neu-cmd__item-shortcut">{{ cmd.shortcut }}</kbd>
+              }
+            </li>
+          }
+        </ul>
+
+        <div class="neu-cmd__footer">
+          <span><kbd>↑↓</kbd> navegar</span>
+          <span><kbd>↵</kbd> ejecutar</span>
+          <span><kbd>ESC</kbd> cerrar</span>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-cp-backdrop{position:fixed;inset:0;background:var(--neu-overlay-bg);z-index:1200;animation:neu-cp-fade-in 80ms ease}@keyframes neu-cp-fade-in{0%{opacity:0}to{opacity:1}}.neu-cmd{position:fixed;top:20%;left:50%;transform:translate(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-xl);box-shadow:var(--neu-cmd-shadow);z-index:1201;display:flex;flex-direction:column;overflow:hidden;animation:neu-cmd-in .1s ease}@keyframes neu-cmd-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.neu-cmd__search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--neu-border)}.neu-cmd__search-icon{font-size:1rem;flex-shrink:0}.neu-cmd__input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--neu-text)}.neu-cmd__input::placeholder{color:var(--neu-text-muted)}.neu-cmd__esc-hint{font-size:.6875rem;padding:2px 6px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:4px;color:var(--neu-text-muted)}.neu-cmd__list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}.neu-cmd__empty{padding:14px 12px;font-size:.875rem;color:var(--neu-text-muted);text-align:center}.neu-cmd__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--neu-radius-lg, 12px);cursor:pointer;transition:background 80ms}.neu-cmd__item--active,.neu-cmd__item:hover{background:var(--neu-primary-50)}.neu-cmd__item-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.neu-cmd__item-label{flex:1;font-size:.9375rem;color:var(--neu-text)}.neu-cmd__item-group{font-size:.75rem;color:var(--neu-text-muted)}.neu-cmd__item-shortcut{font-size:.6875rem;padding:2px 5px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:4px;color:var(--neu-text-muted)}.neu-cmd__footer{display:flex;gap:16px;align-items:center;padding:8px 14px;border-top:1px solid var(--neu-border);font-size:.6875rem;color:var(--neu-text-muted)}.neu-cmd__footer kbd{margin-right:3px;padding:1px 4px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:3px;color:var(--neu-text-muted)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCommandPaletteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-command-palette', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:keydown)': '_onDocKey($event)',
+                    }, template: `
+    @if (_svc.isOpen()) {
+      <!-- Backdrop -->
+      <div class="neu-cp-backdrop" aria-hidden="true" (click)="_svc.close()"></div>
+
+      <!-- Dialog -->
+      <div class="neu-cmd" role="dialog" aria-modal="true" aria-label="Paleta de comandos">
+        <div class="neu-cmd__search-wrap">
+          <span class="neu-cmd__search-icon" aria-hidden="true">🔍</span>
+          <input
+            class="neu-cmd__input"
+            type="text"
+            placeholder="Buscar comandos…"
+            autocomplete="off"
+            role="combobox"
+            aria-expanded="true"
+            aria-autocomplete="list"
+            aria-controls="neu-cmd-list"
+            [value]="_svc.query()"
+            (input)="_svc.query.set($any($event.target).value)"
+            (keydown)="_onInputKey($event)"
+            #searchInput
+          />
+          <kbd class="neu-cmd__esc-hint">ESC</kbd>
+        </div>
+
+        <ul id="neu-cmd-list" class="neu-cmd__list" role="listbox" aria-label="Comandos">
+          @if (!_svc.filteredCommands().length) {
+            <li class="neu-cmd__empty" role="option" aria-selected="false">
+              Sin resultados para "{{ _svc.query() }}"
+            </li>
+          }
+          @for (cmd of _svc.filteredCommands(); track cmd.id; let i = $index) {
+            <li
+              class="neu-cmd__item"
+              role="option"
+              [class.neu-cmd__item--active]="_activeIndex() === i"
+              [id]="'neu-cmd-opt-' + i"
+              [attr.aria-selected]="_activeIndex() === i"
+              (click)="_svc.execute(cmd.id)"
+              (mouseenter)="_activeIndex.set(i)"
+            >
+              @if (cmd.icon) {
+                <span class="neu-cmd__item-icon" aria-hidden="true">{{ cmd.icon }}</span>
+              }
+              <span class="neu-cmd__item-label">{{ cmd.label }}</span>
+              @if (cmd.group) {
+                <span class="neu-cmd__item-group">{{ cmd.group }}</span>
+              }
+              @if (cmd.shortcut) {
+                <kbd class="neu-cmd__item-shortcut">{{ cmd.shortcut }}</kbd>
+              }
+            </li>
+          }
+        </ul>
+
+        <div class="neu-cmd__footer">
+          <span><kbd>↑↓</kbd> navegar</span>
+          <span><kbd>↵</kbd> ejecutar</span>
+          <span><kbd>ESC</kbd> cerrar</span>
+        </div>
+      </div>
+    }
+  `, styles: ["@charset \"UTF-8\";.neu-cp-backdrop{position:fixed;inset:0;background:var(--neu-overlay-bg);z-index:1200;animation:neu-cp-fade-in 80ms ease}@keyframes neu-cp-fade-in{0%{opacity:0}to{opacity:1}}.neu-cmd{position:fixed;top:20%;left:50%;transform:translate(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-xl);box-shadow:var(--neu-cmd-shadow);z-index:1201;display:flex;flex-direction:column;overflow:hidden;animation:neu-cmd-in .1s ease}@keyframes neu-cmd-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.neu-cmd__search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--neu-border)}.neu-cmd__search-icon{font-size:1rem;flex-shrink:0}.neu-cmd__input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--neu-text)}.neu-cmd__input::placeholder{color:var(--neu-text-muted)}.neu-cmd__esc-hint{font-size:.6875rem;padding:2px 6px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:4px;color:var(--neu-text-muted)}.neu-cmd__list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}.neu-cmd__empty{padding:14px 12px;font-size:.875rem;color:var(--neu-text-muted);text-align:center}.neu-cmd__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--neu-radius-lg, 12px);cursor:pointer;transition:background 80ms}.neu-cmd__item--active,.neu-cmd__item:hover{background:var(--neu-primary-50)}.neu-cmd__item-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.neu-cmd__item-label{flex:1;font-size:.9375rem;color:var(--neu-text)}.neu-cmd__item-group{font-size:.75rem;color:var(--neu-text-muted)}.neu-cmd__item-shortcut{font-size:.6875rem;padding:2px 5px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:4px;color:var(--neu-text-muted)}.neu-cmd__footer{display:flex;gap:16px;align-items:center;padding:8px 14px;border-top:1px solid var(--neu-border);font-size:.6875rem;color:var(--neu-text-muted)}.neu-cmd__footer kbd{margin-right:3px;padding:1px 4px;background:var(--neu-surface-2);border:1px solid var(--neu-border);border-radius:3px;color:var(--neu-text-muted)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuCommandPaletteComponent, NeuCommandPaletteService };
+//# sourceMappingURL=neural-ui-core-command-palette.mjs.map

package/fesm2022/neural-ui-core-command-palette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-command-palette.mjs","sources":["../../../../projects/ui-core/command-palette/neu-command-palette.component.ts","../../../../projects/ui-core/command-palette/neural-ui-core-command-palette.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Injectable,\n  OnDestroy,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nexport interface NeuCommand {\n  id: string;\n  label: string;\n  /** Grupo / Category */\n  group?: string;\n  /** Icono (emoji / texto) / Icon */\n  icon?: string;\n  /** Shortcut display (e.g. '⌘K') */\n  shortcut?: string;\n  /** Handler invocado al seleccionar / Handler called on select */\n  action: () => void;\n}\n\n/**\n * NeuralUI CommandPaletteService\n *\n * Gestiona los comandos registrados y la apertura/cierre del pallete.\n *\n * Uso:\n *   inject(NeuCommandPaletteService).register({ id: 'goto-home', label: 'Ir al inicio', action: () => router.navigate(['/']) });\n *   inject(NeuCommandPaletteService).open();\n */\n@Injectable({ providedIn: 'root' })\nexport class NeuCommandPaletteService {\n  private readonly _commands = signal<NeuCommand[]>([]);\n  readonly isOpen = signal(false);\n  readonly query = signal('');\n\n  readonly filteredCommands = computed(() => {\n    const q = this.query().toLowerCase().trim();\n    const cmds = this._commands();\n    if (!q) return cmds;\n    return cmds.filter(\n      (c) => c.label.toLowerCase().includes(q) || (c.group?.toLowerCase().includes(q) ?? false),\n    );\n  });\n\n  register(...commands: NeuCommand[]): void {\n    this._commands.update((list) => {\n      const ids = new Set(commands.map((c) => c.id));\n      return [...list.filter((c) => !ids.has(c.id)), ...commands];\n    });\n  }\n\n  unregister(...ids: string[]): void {\n    const set = new Set(ids);\n    this._commands.update((list) => list.filter((c) => !set.has(c.id)));\n  }\n\n  open(): void {\n    this.query.set('');\n    this.isOpen.set(true);\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n    this.query.set('');\n  }\n\n  execute(id: string): void {\n    const cmd = this._commands().find((c) => c.id === id);\n    cmd?.action();\n    this.close();\n  }\n}\n\n/**\n * NeuralUI CommandPalette Component\n *\n * Paleta de comandos activada con Cmd+K / Ctrl+K.\n * Registra el atajos globalmente mientras el componente está montado.\n *\n * Uso:\n *   <neu-command-palette />  <!-- colócalo una vez en el root layout -->\n */\n@Component({\n  selector: 'neu-command-palette',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(document:keydown)': '_onDocKey($event)',\n  },\n  template: `\n    @if (_svc.isOpen()) {\n      <!-- Backdrop -->\n      <div class=\"neu-cp-backdrop\" aria-hidden=\"true\" (click)=\"_svc.close()\"></div>\n\n      <!-- Dialog -->\n      <div class=\"neu-cmd\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Paleta de comandos\">\n        <div class=\"neu-cmd__search-wrap\">\n          <span class=\"neu-cmd__search-icon\" aria-hidden=\"true\">🔍</span>\n          <input\n            class=\"neu-cmd__input\"\n            type=\"text\"\n            placeholder=\"Buscar comandos…\"\n            autocomplete=\"off\"\n            role=\"combobox\"\n            aria-expanded=\"true\"\n            aria-autocomplete=\"list\"\n            aria-controls=\"neu-cmd-list\"\n            [value]=\"_svc.query()\"\n            (input)=\"_svc.query.set($any($event.target).value)\"\n            (keydown)=\"_onInputKey($event)\"\n            #searchInput\n          />\n          <kbd class=\"neu-cmd__esc-hint\">ESC</kbd>\n        </div>\n\n        <ul id=\"neu-cmd-list\" class=\"neu-cmd__list\" role=\"listbox\" aria-label=\"Comandos\">\n          @if (!_svc.filteredCommands().length) {\n            <li class=\"neu-cmd__empty\" role=\"option\" aria-selected=\"false\">\n              Sin resultados para \"{{ _svc.query() }}\"\n            </li>\n          }\n          @for (cmd of _svc.filteredCommands(); track cmd.id; let i = $index) {\n            <li\n              class=\"neu-cmd__item\"\n              role=\"option\"\n              [class.neu-cmd__item--active]=\"_activeIndex() === i\"\n              [id]=\"'neu-cmd-opt-' + i\"\n              [attr.aria-selected]=\"_activeIndex() === i\"\n              (click)=\"_svc.execute(cmd.id)\"\n              (mouseenter)=\"_activeIndex.set(i)\"\n            >\n              @if (cmd.icon) {\n                <span class=\"neu-cmd__item-icon\" aria-hidden=\"true\">{{ cmd.icon }}</span>\n              }\n              <span class=\"neu-cmd__item-label\">{{ cmd.label }}</span>\n              @if (cmd.group) {\n                <span class=\"neu-cmd__item-group\">{{ cmd.group }}</span>\n              }\n              @if (cmd.shortcut) {\n                <kbd class=\"neu-cmd__item-shortcut\">{{ cmd.shortcut }}</kbd>\n              }\n            </li>\n          }\n        </ul>\n\n        <div class=\"neu-cmd__footer\">\n          <span><kbd>↑↓</kbd> navegar</span>\n          <span><kbd>↵</kbd> ejecutar</span>\n          <span><kbd>ESC</kbd> cerrar</span>\n        </div>\n      </div>\n    }\n  `,\n  styleUrl: './neu-command-palette.component.scss',\n})\nexport class NeuCommandPaletteComponent {\n  readonly _svc = inject(NeuCommandPaletteService);\n  readonly _activeIndex = signal(0);\n\n  _onDocKey(e: KeyboardEvent): void {\n    if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\n      e.preventDefault();\n      this._svc.isOpen() ? this._svc.close() : this._svc.open();\n    }\n  }\n\n  _onInputKey(e: KeyboardEvent): void {\n    const total = this._svc.filteredCommands().length;\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this._activeIndex.update((i) => Math.min(i + 1, total - 1));\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this._activeIndex.update((i) => Math.max(i - 1, 0));\n        break;\n      case 'Enter': {\n        const cmd = this._svc.filteredCommands()[this._activeIndex()];\n        if (cmd) this._svc.execute(cmd.id);\n        break;\n      }\n      case 'Escape':\n        this._svc.close();\n        break;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-confirm-dialog.mjs

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, ViewEncapsulation, Component, Injectable } from '@angular/core';
+import { DIALOG_DATA, DialogRef, Dialog } from '@angular/cdk/dialog';
+
+/**
+ * NeuralUI ConfirmDialog Component (internal — usado por NeuConfirmDialogService)
+ */
+class NeuConfirmDialogComponent {
+    data = inject(DIALOG_DATA);
+    _dialogRef = inject((DialogRef));
+    accept() {
+        this._dialogRef.close(true);
+    }
+    reject() {
+        this._dialogRef.close(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuConfirmDialogComponent, isStandalone: true, selector: "neu-confirm-dialog", host: { attributes: { "role": "alertdialog", "aria-modal": "true" }, properties: { "attr.aria-labelledby": "\"neu-confirm-title\"", "attr.aria-describedby": "\"neu-confirm-msg\"" }, classAttribute: "neu-confirm-dialog" }, ngImport: i0, template: `
+    @if (data.title) {
+      <h2 class="neu-confirm-dialog__title" id="neu-confirm-title">{{ data.title }}</h2>
+    }
+    <p class="neu-confirm-dialog__message" id="neu-confirm-msg">{{ data.message }}</p>
+    <div class="neu-confirm-dialog__actions">
+      <button
+        type="button"
+        class="neu-confirm-dialog__btn neu-confirm-dialog__btn--reject"
+        [class.neu-confirm-dialog__btn--danger]="data.rejectVariant === 'danger'"
+        (click)="reject()"
+      >
+        {{ data.rejectLabel ?? 'Cancelar' }}
+      </button>
+      <button
+        type="button"
+        class="neu-confirm-dialog__btn"
+        [class.neu-confirm-dialog__btn--primary]="(data.acceptVariant ?? 'primary') === 'primary'"
+        [class.neu-confirm-dialog__btn--danger]="data.acceptVariant === 'danger'"
+        (click)="accept()"
+      >
+        {{ data.acceptLabel ?? 'Aceptar' }}
+      </button>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-confirm-dialog{display:flex;flex-direction:column;gap:16px;background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 20px 40px -8px #0000002e;padding:24px;width:clamp(280px,90vw,420px);animation:neu-confirm-in .14s ease}@keyframes neu-confirm-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.neu-confirm-dialog__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-confirm-dialog__message{margin:0;font-size:.9375rem;color:var(--neu-text-secondary, #4b5563);line-height:1.55}.neu-confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.neu-confirm-dialog__btn{all:unset;box-sizing:border-box;padding:8px 18px;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.neu-confirm-dialog__btn:focus-visible{outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:2px}.neu-confirm-dialog__btn--reject{color:var(--neu-text-secondary, #4b5563);background:var(--neu-surface-2, #f3f4f6)}.neu-confirm-dialog__btn--reject:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-confirm-dialog__btn--reject.neu-confirm-dialog__btn--danger{background:var(--neu-color-danger, #ef4444);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--reject.neu-confirm-dialog__btn--danger:hover{filter:brightness(1.08)}.neu-confirm-dialog__btn--primary{background:var(--neu-color-primary, #0ea5e9);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--primary:hover{filter:brightness(1.08)}.neu-confirm-dialog__btn--danger{background:var(--neu-color-danger, #ef4444);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--danger:hover{filter:brightness(1.08)}.neu-confirm-dialog-backdrop{background:var(--neu-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-confirm-dialog', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-confirm-dialog',
+                        role: 'alertdialog',
+                        'aria-modal': 'true',
+                        '[attr.aria-labelledby]': '"neu-confirm-title"',
+                        '[attr.aria-describedby]': '"neu-confirm-msg"',
+                    }, template: `
+    @if (data.title) {
+      <h2 class="neu-confirm-dialog__title" id="neu-confirm-title">{{ data.title }}</h2>
+    }
+    <p class="neu-confirm-dialog__message" id="neu-confirm-msg">{{ data.message }}</p>
+    <div class="neu-confirm-dialog__actions">
+      <button
+        type="button"
+        class="neu-confirm-dialog__btn neu-confirm-dialog__btn--reject"
+        [class.neu-confirm-dialog__btn--danger]="data.rejectVariant === 'danger'"
+        (click)="reject()"
+      >
+        {{ data.rejectLabel ?? 'Cancelar' }}
+      </button>
+      <button
+        type="button"
+        class="neu-confirm-dialog__btn"
+        [class.neu-confirm-dialog__btn--primary]="(data.acceptVariant ?? 'primary') === 'primary'"
+        [class.neu-confirm-dialog__btn--danger]="data.acceptVariant === 'danger'"
+        (click)="accept()"
+      >
+        {{ data.acceptLabel ?? 'Aceptar' }}
+      </button>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.neu-confirm-dialog{display:flex;flex-direction:column;gap:16px;background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 20px 40px -8px #0000002e;padding:24px;width:clamp(280px,90vw,420px);animation:neu-confirm-in .14s ease}@keyframes neu-confirm-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.neu-confirm-dialog__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-confirm-dialog__message{margin:0;font-size:.9375rem;color:var(--neu-text-secondary, #4b5563);line-height:1.55}.neu-confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.neu-confirm-dialog__btn{all:unset;box-sizing:border-box;padding:8px 18px;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.neu-confirm-dialog__btn:focus-visible{outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:2px}.neu-confirm-dialog__btn--reject{color:var(--neu-text-secondary, #4b5563);background:var(--neu-surface-2, #f3f4f6)}.neu-confirm-dialog__btn--reject:hover{background:var(--neu-surface-3, #e5e7eb)}.neu-confirm-dialog__btn--reject.neu-confirm-dialog__btn--danger{background:var(--neu-color-danger, #ef4444);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--reject.neu-confirm-dialog__btn--danger:hover{filter:brightness(1.08)}.neu-confirm-dialog__btn--primary{background:var(--neu-color-primary, #0ea5e9);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--primary:hover{filter:brightness(1.08)}.neu-confirm-dialog__btn--danger{background:var(--neu-color-danger, #ef4444);color:var(--neu-primary-fg)}.neu-confirm-dialog__btn--danger:hover{filter:brightness(1.08)}.neu-confirm-dialog-backdrop{background:var(--neu-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
+        }] });
+/**
+ * NeuralUI ConfirmDialog Service
+ *
+ * Abre un diálogo de confirmación y retorna una promesa con el resultado.
+ *
+ * Uso:
+ *   inject(NeuConfirmDialogService)
+ *     .confirm({ message: '¿Eliminar este registro?', acceptVariant: 'danger' })
+ *     .then(ok => ok && doDelete());
+ */
+class NeuConfirmDialogService {
+    _dialog = inject(Dialog);
+    /**
+     * Abre el diálogo y resuelve con `true` si el usuario acepta,
+     * `false` si cancela o cierra el diálogo.
+     */
+    confirm(data) {
+        const ref = this._dialog.open(NeuConfirmDialogComponent, {
+            data,
+            panelClass: 'neu-confirm-dialog-panel',
+            backdropClass: 'neu-confirm-dialog-backdrop',
+            disableClose: true,
+        });
+        return new Promise((resolve) => {
+            ref.closed.subscribe((result) => resolve(result ?? false));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuConfirmDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuConfirmDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuConfirmDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuConfirmDialogComponent, NeuConfirmDialogService };
+//# sourceMappingURL=neural-ui-core-confirm-dialog.mjs.map

package/fesm2022/neural-ui-core-confirm-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-confirm-dialog.mjs","sources":["../../../../projects/ui-core/confirm-dialog/neu-confirm-dialog.component.ts","../../../../projects/ui-core/confirm-dialog/neural-ui-core-confirm-dialog.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Injectable,\n  ViewEncapsulation,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { Dialog, DialogRef, DIALOG_DATA } from '@angular/cdk/dialog';\n\nexport interface NeuConfirmDialogData {\n  /** Título del diálogo / Dialog title */\n  title?: string;\n  /** Mensaje principal / Main message */\n  message: string;\n  /** Etiqueta botón aceptar / Accept button label */\n  acceptLabel?: string;\n  /** Etiqueta botón cancelar / Cancel button label */\n  rejectLabel?: string;\n  /** Variante del botón cancelar / Reject button variant */\n  rejectVariant?: 'secondary' | 'danger';\n  /** Variante del botón aceptar / Accept button variant */\n  acceptVariant?: 'primary' | 'danger';\n}\n\n/**\n * NeuralUI ConfirmDialog Component (internal — usado por NeuConfirmDialogService)\n */\n@Component({\n  selector: 'neu-confirm-dialog',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-confirm-dialog',\n    role: 'alertdialog',\n    'aria-modal': 'true',\n    '[attr.aria-labelledby]': '\"neu-confirm-title\"',\n    '[attr.aria-describedby]': '\"neu-confirm-msg\"',\n  },\n  template: `\n    @if (data.title) {\n      <h2 class=\"neu-confirm-dialog__title\" id=\"neu-confirm-title\">{{ data.title }}</h2>\n    }\n    <p class=\"neu-confirm-dialog__message\" id=\"neu-confirm-msg\">{{ data.message }}</p>\n    <div class=\"neu-confirm-dialog__actions\">\n      <button\n        type=\"button\"\n        class=\"neu-confirm-dialog__btn neu-confirm-dialog__btn--reject\"\n        [class.neu-confirm-dialog__btn--danger]=\"data.rejectVariant === 'danger'\"\n        (click)=\"reject()\"\n      >\n        {{ data.rejectLabel ?? 'Cancelar' }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"neu-confirm-dialog__btn\"\n        [class.neu-confirm-dialog__btn--primary]=\"(data.acceptVariant ?? 'primary') === 'primary'\"\n        [class.neu-confirm-dialog__btn--danger]=\"data.acceptVariant === 'danger'\"\n        (click)=\"accept()\"\n      >\n        {{ data.acceptLabel ?? 'Aceptar' }}\n      </button>\n    </div>\n  `,\n  styleUrl: './neu-confirm-dialog.component.scss',\n})\nexport class NeuConfirmDialogComponent {\n  readonly data: NeuConfirmDialogData = inject(DIALOG_DATA);\n  private readonly _dialogRef = inject(DialogRef<boolean>);\n\n  accept(): void {\n    this._dialogRef.close(true);\n  }\n\n  reject(): void {\n    this._dialogRef.close(false);\n  }\n}\n\n/**\n * NeuralUI ConfirmDialog Service\n *\n * Abre un diálogo de confirmación y retorna una promesa con el resultado.\n *\n * Uso:\n *   inject(NeuConfirmDialogService)\n *     .confirm({ message: '¿Eliminar este registro?', acceptVariant: 'danger' })\n *     .then(ok => ok && doDelete());\n */\n@Injectable({ providedIn: 'root' })\nexport class NeuConfirmDialogService {\n  private readonly _dialog = inject(Dialog);\n\n  /**\n   * Abre el diálogo y resuelve con `true` si el usuario acepta,\n   * `false` si cancela o cierra el diálogo.\n   */\n  confirm(data: NeuConfirmDialogData): Promise<boolean> {\n    const ref = this._dialog.open<boolean, NeuConfirmDialogData>(NeuConfirmDialogComponent, {\n      data,\n      panelClass: 'neu-confirm-dialog-panel',\n      backdropClass: 'neu-confirm-dialog-backdrop',\n      disableClose: true,\n    });\n    return new Promise<boolean>((resolve) => {\n      ref.closed.subscribe((result) => resolve(result ?? false));\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-context-menu.mjs

@@ -0,0 +1,158 @@
+import * as i0 from '@angular/core';
+import { signal, ChangeDetectionStrategy, ViewEncapsulation, Component, input, output, inject, ElementRef, Injector, ViewContainerRef, HostListener, Directive } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+let _seq = 0;
+/**
+ * NeuralUI ContextMenu Overlay Component (internal)
+ */
+class NeuContextMenuOverlayComponent {
+    _items = signal([], ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
+    _selectFn = null;
+    _escapeFn = null;
+    select(item) {
+        if (!item.disabled)
+            this._selectFn?.(item);
+    }
+    _onEscape() {
+        this._escapeFn?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuContextMenuOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuContextMenuOverlayComponent, isStandalone: true, selector: "neu-context-menu-overlay", host: { attributes: { "role": "menu", "tabindex": "-1" }, listeners: { "keydown.escape": "_onEscape()" }, classAttribute: "neu-context-menu" }, ngImport: i0, template: `
+    @for (item of _items(); track item.key) {
+      @if (item.separator && !$first) {
+        <hr class="neu-context-menu__separator" role="separator" />
+      }
+      <button
+        type="button"
+        role="menuitem"
+        class="neu-context-menu__item"
+        [class.neu-context-menu__item--danger]="item.variant === 'danger'"
+        [class.neu-context-menu__item--disabled]="item.disabled"
+        [disabled]="item.disabled ?? false"
+        [attr.aria-disabled]="item.disabled ?? false"
+        (click)="select(item)"
+      >
+        @if (item.icon) {
+          <span class="neu-context-menu__icon" aria-hidden="true">{{ item.icon }}</span>
+        }
+        {{ item.label }}
+      </button>
+    }
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-context-menu{background:var(--neu-context-menu-bg, var(--neu-surface-1, #ffffff));border:1px solid var(--neu-context-menu-border, var(--neu-border-color, #e5e7eb));border-radius:var(--neu-radius-lg, 12px);box-shadow:0 8px 24px -4px #00000024;padding:6px;min-width:180px;max-width:260px;z-index:2000;outline:none;animation:neu-ctx-in 80ms ease}@keyframes neu-ctx-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.neu-context-menu__item{all:unset;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:7px 10px;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-context-menu-color, var(--neu-text, var(--neu-text-primary, #111827)));cursor:pointer;transition:background .1s}.neu-context-menu__item:hover:not(.neu-context-menu__item--disabled){background:var(--neu-context-menu-hover, var(--neu-surface-2, #f3f4f6))}.neu-context-menu__item:focus-visible{background:var(--neu-context-menu-hover, var(--neu-surface-2, #f3f4f6));outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:-2px}.neu-context-menu__item.neu-context-menu__item--danger{color:var(--neu-color-danger, #ef4444)}.neu-context-menu__item.neu-context-menu__item--disabled{color:var(--neu-context-menu-disabled-color, var(--neu-text-muted, #6b7280));opacity:.56;cursor:not-allowed;pointer-events:none}.neu-context-menu__icon{flex-shrink:0;font-style:normal;font-size:1em}.neu-context-menu__separator{all:unset;display:block;height:1px;background:var(--neu-context-menu-border, var(--neu-border-color, #e5e7eb));margin:4px 0}.neu-context-menu-backdrop{background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuContextMenuOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-context-menu-overlay', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-context-menu',
+                        role: 'menu',
+                        tabindex: '-1',
+                        '(keydown.escape)': '_onEscape()',
+                    }, template: `
+    @for (item of _items(); track item.key) {
+      @if (item.separator && !$first) {
+        <hr class="neu-context-menu__separator" role="separator" />
+      }
+      <button
+        type="button"
+        role="menuitem"
+        class="neu-context-menu__item"
+        [class.neu-context-menu__item--danger]="item.variant === 'danger'"
+        [class.neu-context-menu__item--disabled]="item.disabled"
+        [disabled]="item.disabled ?? false"
+        [attr.aria-disabled]="item.disabled ?? false"
+        (click)="select(item)"
+      >
+        @if (item.icon) {
+          <span class="neu-context-menu__icon" aria-hidden="true">{{ item.icon }}</span>
+        }
+        {{ item.label }}
+      </button>
+    }
+  `, styles: ["@charset \"UTF-8\";.neu-context-menu{background:var(--neu-context-menu-bg, var(--neu-surface-1, #ffffff));border:1px solid var(--neu-context-menu-border, var(--neu-border-color, #e5e7eb));border-radius:var(--neu-radius-lg, 12px);box-shadow:0 8px 24px -4px #00000024;padding:6px;min-width:180px;max-width:260px;z-index:2000;outline:none;animation:neu-ctx-in 80ms ease}@keyframes neu-ctx-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.neu-context-menu__item{all:unset;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:7px 10px;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-context-menu-color, var(--neu-text, var(--neu-text-primary, #111827)));cursor:pointer;transition:background .1s}.neu-context-menu__item:hover:not(.neu-context-menu__item--disabled){background:var(--neu-context-menu-hover, var(--neu-surface-2, #f3f4f6))}.neu-context-menu__item:focus-visible{background:var(--neu-context-menu-hover, var(--neu-surface-2, #f3f4f6));outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:-2px}.neu-context-menu__item.neu-context-menu__item--danger{color:var(--neu-color-danger, #ef4444)}.neu-context-menu__item.neu-context-menu__item--disabled{color:var(--neu-context-menu-disabled-color, var(--neu-text-muted, #6b7280));opacity:.56;cursor:not-allowed;pointer-events:none}.neu-context-menu__icon{flex-shrink:0;font-style:normal;font-size:1em}.neu-context-menu__separator{all:unset;display:block;height:1px;background:var(--neu-context-menu-border, var(--neu-border-color, #e5e7eb));margin:4px 0}.neu-context-menu-backdrop{background:transparent}\n"] }]
+        }] });
+/**
+ * NeuralUI ContextMenu Directive
+ *
+ * Muestra un menú contextual al hacer clic derecho sobre el elemento host.
+ *
+ * Uso:
+ *   <div [neuContextMenu]="menuItems" (menuItemClick)="onItem($event)">
+ *     Clic derecho aquí
+ *   </div>
+ */
+class NeuContextMenuDirective {
+    /** Ítems del menú / Menu items */
+    neuContextMenu = input([], ...(ngDevMode ? [{ debugName: "neuContextMenu" }] : /* istanbul ignore next */ []));
+    /** Desactiva el menú / Disables the menu */
+    neuContextMenuDisabled = input(false, ...(ngDevMode ? [{ debugName: "neuContextMenuDisabled" }] : /* istanbul ignore next */ []));
+    /** Emitido al seleccionar un ítem / Emitted when an item is selected */
+    menuItemClick = output();
+    /** Emitido al abrir / Emitted on open */
+    menuOpened = output();
+    /** Emitido al cerrar / Emitted on close */
+    menuClosed = output();
+    _overlay = inject(Overlay);
+    _el = inject((ElementRef));
+    _injector = inject(Injector);
+    _vcr = inject(ViewContainerRef);
+    _overlayRef = null;
+    _compRef = null;
+    onContextMenu(event) {
+        event.preventDefault();
+        if (this.neuContextMenuDisabled())
+            return;
+        this._open(event.clientX, event.clientY);
+    }
+    _open(x, y) {
+        this._close();
+        this._overlayRef = this._overlay.create({
+            hasBackdrop: true,
+            backdropClass: 'neu-context-menu-backdrop',
+            positionStrategy: this._overlay.position().global().left(`${x}px`).top(`${y}px`),
+            scrollStrategy: this._overlay.scrollStrategies.close(),
+        });
+        const portal = new ComponentPortal(NeuContextMenuOverlayComponent, this._vcr, this._injector);
+        this._compRef = this._overlayRef.attach(portal);
+        this._compRef.instance._items.set(this.neuContextMenu());
+        this._compRef.instance._selectFn = (item) => {
+            this.menuItemClick.emit(item);
+            this._close();
+        };
+        this._compRef.instance._escapeFn = () => this._close();
+        this._overlayRef.backdropClick().subscribe(() => this._close());
+        this.menuOpened.emit();
+    }
+    _close() {
+        if (this._overlayRef?.hasAttached()) {
+            this._overlayRef.detach();
+            this.menuClosed.emit();
+        }
+        this._overlayRef?.dispose();
+        this._overlayRef = null;
+        this._compRef = null;
+    }
+    ngOnDestroy() {
+        this._close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuContextMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: NeuContextMenuDirective, isStandalone: true, selector: "[neuContextMenu]", inputs: { neuContextMenu: { classPropertyName: "neuContextMenu", publicName: "neuContextMenu", isSignal: true, isRequired: false, transformFunction: null }, neuContextMenuDisabled: { classPropertyName: "neuContextMenuDisabled", publicName: "neuContextMenuDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuItemClick: "menuItemClick", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, exportAs: ["neuContextMenu"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuContextMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[neuContextMenu]',
+                    exportAs: 'neuContextMenu',
+                }]
+        }], propDecorators: { neuContextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuContextMenu", required: false }] }], neuContextMenuDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuContextMenuDisabled", required: false }] }], menuItemClick: [{ type: i0.Output, args: ["menuItemClick"] }], menuOpened: [{ type: i0.Output, args: ["menuOpened"] }], menuClosed: [{ type: i0.Output, args: ["menuClosed"] }], onContextMenu: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuContextMenuDirective, NeuContextMenuOverlayComponent };
+//# sourceMappingURL=neural-ui-core-context-menu.mjs.map

package/fesm2022/neural-ui-core-context-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-context-menu.mjs","sources":["../../../../projects/ui-core/context-menu/neu-context-menu.component.ts","../../../../projects/ui-core/context-menu/neural-ui-core-context-menu.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Injector,\n  OnDestroy,\n  ViewContainerRef,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\nexport interface NeuContextMenuItem {\n  /** Key para identificar la acción / Key to identify the action */\n  key: string;\n  /** Texto visible / Visible text */\n  label: string;\n  /** Icono opcional (texto/emoji) / Optional icon (text/emoji) */\n  icon?: string;\n  /** Separador antes de este item / Separator before this item */\n  separator?: boolean;\n  /** Desactiva el item / Disables the item */\n  disabled?: boolean;\n  /** Variante de color / Color variant */\n  variant?: 'default' | 'danger';\n}\n\nlet _seq = 0;\n\n/**\n * NeuralUI ContextMenu Overlay Component (internal)\n */\n@Component({\n  selector: 'neu-context-menu-overlay',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-context-menu',\n    role: 'menu',\n    tabindex: '-1',\n    '(keydown.escape)': '_onEscape()',\n  },\n  template: `\n    @for (item of _items(); track item.key) {\n      @if (item.separator && !$first) {\n        <hr class=\"neu-context-menu__separator\" role=\"separator\" />\n      }\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        class=\"neu-context-menu__item\"\n        [class.neu-context-menu__item--danger]=\"item.variant === 'danger'\"\n        [class.neu-context-menu__item--disabled]=\"item.disabled\"\n        [disabled]=\"item.disabled ?? false\"\n        [attr.aria-disabled]=\"item.disabled ?? false\"\n        (click)=\"select(item)\"\n      >\n        @if (item.icon) {\n          <span class=\"neu-context-menu__icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n        }\n        {{ item.label }}\n      </button>\n    }\n  `,\n  styleUrl: './neu-context-menu.component.scss',\n})\nexport class NeuContextMenuOverlayComponent {\n  readonly _items = signal<NeuContextMenuItem[]>([]);\n  _selectFn: ((item: NeuContextMenuItem) => void) | null = null;\n  _escapeFn: (() => void) | null = null;\n\n  select(item: NeuContextMenuItem): void {\n    if (!item.disabled) this._selectFn?.(item);\n  }\n\n  _onEscape(): void {\n    this._escapeFn?.();\n  }\n}\n\n/**\n * NeuralUI ContextMenu Directive\n *\n * Muestra un menú contextual al hacer clic derecho sobre el elemento host.\n *\n * Uso:\n *   <div [neuContextMenu]=\"menuItems\" (menuItemClick)=\"onItem($event)\">\n *     Clic derecho aquí\n *   </div>\n */\n@Directive({\n  selector: '[neuContextMenu]',\n  exportAs: 'neuContextMenu',\n})\nexport class NeuContextMenuDirective implements OnDestroy {\n  /** Ítems del menú / Menu items */\n  readonly neuContextMenu = input<NeuContextMenuItem[]>([]);\n\n  /** Desactiva el menú / Disables the menu */\n  readonly neuContextMenuDisabled = input<boolean>(false);\n\n  /** Emitido al seleccionar un ítem / Emitted when an item is selected */\n  readonly menuItemClick = output<NeuContextMenuItem>();\n\n  /** Emitido al abrir / Emitted on open */\n  readonly menuOpened = output<void>();\n\n  /** Emitido al cerrar / Emitted on close */\n  readonly menuClosed = output<void>();\n\n  private readonly _overlay = inject(Overlay);\n  private readonly _el = inject(ElementRef<HTMLElement>);\n  private readonly _injector = inject(Injector);\n  private readonly _vcr = inject(ViewContainerRef);\n  private _overlayRef: OverlayRef | null = null;\n  private _compRef: ComponentRef<NeuContextMenuOverlayComponent> | null = null;\n\n  @HostListener('contextmenu', ['$event'])\n  onContextMenu(event: MouseEvent): void {\n    event.preventDefault();\n    if (this.neuContextMenuDisabled()) return;\n    this._open(event.clientX, event.clientY);\n  }\n\n  private _open(x: number, y: number): void {\n    this._close();\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'neu-context-menu-backdrop',\n      positionStrategy: this._overlay.position().global().left(`${x}px`).top(`${y}px`),\n      scrollStrategy: this._overlay.scrollStrategies.close(),\n    });\n\n    const portal = new ComponentPortal(NeuContextMenuOverlayComponent, this._vcr, this._injector);\n    this._compRef = this._overlayRef.attach(portal);\n    this._compRef.instance._items.set(this.neuContextMenu());\n    this._compRef.instance._selectFn = (item) => {\n      this.menuItemClick.emit(item);\n      this._close();\n    };\n    this._compRef.instance._escapeFn = () => this._close();\n\n    this._overlayRef.backdropClick().subscribe(() => this._close());\n    this.menuOpened.emit();\n  }\n\n  private _close(): void {\n    if (this._overlayRef?.hasAttached()) {\n      this._overlayRef.detach();\n      this.menuClosed.emit();\n    }\n    this._overlayRef?.dispose();\n    this._overlayRef = null;\n    this._compRef = null;\n  }\n\n  ngOnDestroy(): void {\n    this._close();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}