@neural-ui/core 1.7.1 → 1.7.3

package/fesm2022/neural-ui-core-code-block.mjs

@@ -186,7 +186,7 @@ class NeuCodeBlockComponent {
         tabindex="0"
       ><code class="neu-code-block__code">{{ code() }}</code></pre>
     </div>
-  `, isInline: true, styles: [".neu-code-block{border-radius:var(--neu-radius-lg);overflow:hidden;border:1px solid var(--neu-code-block-border);font-family:var(--neu-font-mono)}.neu-code-block__header{display:flex;align-items:center;gap:var(--neu-space-3);padding:10px 16px;background:var(--neu-code-block-bar-bg);border-bottom:1px solid var(--neu-code-block-border)}.neu-code-block__dots{display:flex;gap:6px;flex-shrink:0}.neu-code-block__dots span{display:block;width:12px;height:12px;border-radius:50%}.neu-code-block__dots span:nth-child(1){background:#ff5f57}.neu-code-block__dots span:nth-child(2){background:#febc2e}.neu-code-block__dots span:nth-child(3){background:#28c840}.neu-code-block__lang{flex:1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--neu-code-block-accent);font-family:var(--neu-font-mono)}.neu-code-block__copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--neu-code-block-border);border:1px solid var(--neu-code-block-copy-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--neu-code-block-copy-text);cursor:pointer;font-family:var(--neu-font-sans);transition:all var(--neu-transition);flex-shrink:0}.neu-code-block__copy svg{width:12px;height:12px;flex-shrink:0}.neu-code-block__copy:hover{background:var(--neu-code-block-copy-hover-bg);color:var(--neu-code-block-copy-hover-text);border-color:var(--neu-code-block-copy-hover-border)}.neu-code-block__pre{margin:0;padding:20px 24px;background:var(--neu-code-block-bg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--neu-code-block-muted) transparent}.neu-code-block__pre::-webkit-scrollbar{height:4px}.neu-code-block__pre::-webkit-scrollbar-track{background:transparent}.neu-code-block__pre::-webkit-scrollbar-thumb{background:var(--neu-code-block-muted);border-radius:99px}.neu-code-block__code{display:block;font-size:13.5px;line-height:1.75;color:var(--neu-code-block-text);font-family:inherit;white-space:pre;tab-size:2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".neu-code-block{border-radius:var(--neu-radius-lg);overflow:hidden;border:1px solid var(--neu-code-block-border, rgba(255, 255, 255, .14));font-family:var(--neu-font-mono)}.neu-code-block__header{display:flex;align-items:center;gap:var(--neu-space-3);padding:10px 16px;background:var(--neu-code-block-bar-bg, #16161e);border-bottom:1px solid var(--neu-code-block-border, rgba(255, 255, 255, .14))}.neu-code-block__dots{display:flex;gap:6px;flex-shrink:0}.neu-code-block__dots span{display:block;width:12px;height:12px;border-radius:50%}.neu-code-block__dots span:nth-child(1){background:#ff5f57}.neu-code-block__dots span:nth-child(2){background:#febc2e}.neu-code-block__dots span:nth-child(3){background:#28c840}.neu-code-block__lang{flex:1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--neu-code-block-accent, #9ab8ff);font-family:var(--neu-font-mono)}.neu-code-block__copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--neu-code-block-copy-bg, rgba(255, 255, 255, .12));border:1px solid var(--neu-code-block-copy-border, rgba(255, 255, 255, .22));border-radius:6px;font-size:11px;font-weight:500;color:var(--neu-code-block-copy-text, #d9e2ff);cursor:pointer;font-family:var(--neu-font-sans);transition:all var(--neu-transition);flex-shrink:0}.neu-code-block__copy svg{width:12px;height:12px;flex-shrink:0}.neu-code-block__copy:hover{background:var(--neu-code-block-copy-hover-bg, rgba(255, 255, 255, .18));color:var(--neu-code-block-copy-hover-text, #ffffff);border-color:var(--neu-code-block-copy-hover-border, rgba(255, 255, 255, .34))}.neu-code-block__pre{margin:0;padding:20px 24px;background:var(--neu-code-block-bg, #1a1b26);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--neu-code-block-muted, #8f99bd) transparent}.neu-code-block__pre::-webkit-scrollbar{height:4px}.neu-code-block__pre::-webkit-scrollbar-track{background:transparent}.neu-code-block__pre::-webkit-scrollbar-thumb{background:var(--neu-code-block-muted, #8f99bd);border-radius:99px}.neu-code-block__code{display:block;font-size:13.5px;line-height:1.75;color:var(--neu-code-block-text, #d9e2ff);font-family:inherit;white-space:pre;tab-size:2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuCodeBlockComponent, decorators: [{
             type: Component,
@@ -240,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         tabindex="0"
       ><code class="neu-code-block__code">{{ code() }}</code></pre>
     </div>
-  `, host: { '[attr.lang]': 'null' }, styles: [".neu-code-block{border-radius:var(--neu-radius-lg);overflow:hidden;border:1px solid var(--neu-code-block-border);font-family:var(--neu-font-mono)}.neu-code-block__header{display:flex;align-items:center;gap:var(--neu-space-3);padding:10px 16px;background:var(--neu-code-block-bar-bg);border-bottom:1px solid var(--neu-code-block-border)}.neu-code-block__dots{display:flex;gap:6px;flex-shrink:0}.neu-code-block__dots span{display:block;width:12px;height:12px;border-radius:50%}.neu-code-block__dots span:nth-child(1){background:#ff5f57}.neu-code-block__dots span:nth-child(2){background:#febc2e}.neu-code-block__dots span:nth-child(3){background:#28c840}.neu-code-block__lang{flex:1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--neu-code-block-accent);font-family:var(--neu-font-mono)}.neu-code-block__copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--neu-code-block-border);border:1px solid var(--neu-code-block-copy-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--neu-code-block-copy-text);cursor:pointer;font-family:var(--neu-font-sans);transition:all var(--neu-transition);flex-shrink:0}.neu-code-block__copy svg{width:12px;height:12px;flex-shrink:0}.neu-code-block__copy:hover{background:var(--neu-code-block-copy-hover-bg);color:var(--neu-code-block-copy-hover-text);border-color:var(--neu-code-block-copy-hover-border)}.neu-code-block__pre{margin:0;padding:20px 24px;background:var(--neu-code-block-bg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--neu-code-block-muted) transparent}.neu-code-block__pre::-webkit-scrollbar{height:4px}.neu-code-block__pre::-webkit-scrollbar-track{background:transparent}.neu-code-block__pre::-webkit-scrollbar-thumb{background:var(--neu-code-block-muted);border-radius:99px}.neu-code-block__code{display:block;font-size:13.5px;line-height:1.75;color:var(--neu-code-block-text);font-family:inherit;white-space:pre;tab-size:2}\n"] }]
+  `, host: { '[attr.lang]': 'null' }, styles: [".neu-code-block{border-radius:var(--neu-radius-lg);overflow:hidden;border:1px solid var(--neu-code-block-border, rgba(255, 255, 255, .14));font-family:var(--neu-font-mono)}.neu-code-block__header{display:flex;align-items:center;gap:var(--neu-space-3);padding:10px 16px;background:var(--neu-code-block-bar-bg, #16161e);border-bottom:1px solid var(--neu-code-block-border, rgba(255, 255, 255, .14))}.neu-code-block__dots{display:flex;gap:6px;flex-shrink:0}.neu-code-block__dots span{display:block;width:12px;height:12px;border-radius:50%}.neu-code-block__dots span:nth-child(1){background:#ff5f57}.neu-code-block__dots span:nth-child(2){background:#febc2e}.neu-code-block__dots span:nth-child(3){background:#28c840}.neu-code-block__lang{flex:1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--neu-code-block-accent, #9ab8ff);font-family:var(--neu-font-mono)}.neu-code-block__copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--neu-code-block-copy-bg, rgba(255, 255, 255, .12));border:1px solid var(--neu-code-block-copy-border, rgba(255, 255, 255, .22));border-radius:6px;font-size:11px;font-weight:500;color:var(--neu-code-block-copy-text, #d9e2ff);cursor:pointer;font-family:var(--neu-font-sans);transition:all var(--neu-transition);flex-shrink:0}.neu-code-block__copy svg{width:12px;height:12px;flex-shrink:0}.neu-code-block__copy:hover{background:var(--neu-code-block-copy-hover-bg, rgba(255, 255, 255, .18));color:var(--neu-code-block-copy-hover-text, #ffffff);border-color:var(--neu-code-block-copy-hover-border, rgba(255, 255, 255, .34))}.neu-code-block__pre{margin:0;padding:20px 24px;background:var(--neu-code-block-bg, #1a1b26);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--neu-code-block-muted, #8f99bd) transparent}.neu-code-block__pre::-webkit-scrollbar{height:4px}.neu-code-block__pre::-webkit-scrollbar-track{background:transparent}.neu-code-block__pre::-webkit-scrollbar-thumb{background:var(--neu-code-block-muted, #8f99bd);border-radius:99px}.neu-code-block__code{display:block;font-size:13.5px;line-height:1.75;color:var(--neu-code-block-text, #d9e2ff);font-family:inherit;white-space:pre;tab-size:2}\n"] }]
         }], ctorParameters: () => [], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], copyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyLabel", required: false }] }], copiedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "copiedLabel", required: false }] }], copyAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyAriaLabel", required: false }] }], copiedAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "copiedAriaLabel", required: false }] }] } });
 
 /**

package/fesm2022/neural-ui-core-code-block.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-code-block.mjs","sources":["../../../../projects/ui-core/code-block/neu-code-block.component.ts","../../../../projects/ui-core/code-block/neural-ui-core-code-block.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * NeuralUI Code Block\n *\n * Bloque de código con estilo editor oscuro (Tokyo Night).\n * Incluye botón de copiar al portapapeles, badge del lenguaje\n * y soporte para resaltado futuro con ngx-highlightjs.\n *\n * Uso:\n *   <neu-code-block [code]=\"snippet\" lang=\"TypeScript\" />\n *\n * Con ngx-highlightjs instalado, envuelve el <pre> con\n *   [highlight]=\"code\" para resaltado automático.\n */\n@Component({\n  selector: 'neu-code-block',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-code-block\">\n      <!-- Encabezado del editor -->\n      <div class=\"neu-code-block__header\">\n        <!-- Traffic lights decorativos -->\n        <div class=\"neu-code-block__dots\" aria-hidden=\"true\">\n          <span></span><span></span><span></span>\n        </div>\n        <span class=\"neu-code-block__lang\">{{ displayLang() }}</span>\n        <button\n          class=\"neu-code-block__copy\"\n          type=\"button\"\n          [attr.aria-label]=\"copied() ? resolvedCopiedAriaLabel() : resolvedCopyAriaLabel()\"\n          (click)=\"copy()\"\n        >\n          @if (copied()) {\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n            {{ resolvedCopiedLabel() }}\n          } @else {\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n              <path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\" />\n            </svg>\n            {{ resolvedCopyLabel() }}\n          }\n        </button>\n      </div>\n\n      <!-- Bloque de código -->\n      <pre\n        class=\"neu-code-block__pre\"\n        tabindex=\"0\"\n      ><code class=\"neu-code-block__code\">{{ code() }}</code></pre>\n    </div>\n  `,\n  host: { '[attr.lang]': 'null' },\n  styleUrl: './neu-code-block.component.scss',\n})\nexport class NeuCodeBlockComponent {\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** Código fuente a mostrar / Source code to display */\n  code = input<string>('');\n\n  /** Nombre del lenguaje (decorativo) / Language name (decorative) */\n  lang = input<string>('');\n\n  /**\n   * Identificador de lenguaje estándar (typescript, scss, html, bash…).\n   * Genera automáticamente el label legible para el badge.\n   * Language identifier — auto-generates a readable badge label.\n   */\n  language = input<string>('');\n\n  /** Label legible derivado de lang o language / Readable label derived from lang or language */\n  protected readonly displayLang = computed(() => {\n    const explicit = this.lang();\n    if (explicit) return explicit;\n    const id = this.language().toLowerCase().trim();\n    const map: Record<string, string> = {\n      typescript: 'TypeScript',\n      javascript: 'JavaScript',\n      ts: 'TypeScript',\n      js: 'JavaScript',\n      scss: 'SCSS',\n      css: 'CSS',\n      less: 'Less',\n      html: 'HTML',\n      xml: 'XML',\n      bash: 'Bash',\n      shell: 'Shell',\n      sh: 'Shell',\n      json: 'JSON',\n      yaml: 'YAML',\n      yml: 'YAML',\n      angular: 'Angular',\n      jsx: 'JSX',\n      tsx: 'TSX',\n    };\n    return map[id] ?? (id ? id.toUpperCase() : 'TypeScript');\n  });\n\n  /** Texto del botón cuando no se ha copiado / Button text when not yet copied */\n  copyLabel = input<string | undefined>(undefined);\n\n  /** Texto del botón tras copiar / Button text after copying */\n  copiedLabel = input<string | undefined>(undefined);\n\n  /** Aria-label del botón copiar / Aria-label for the copy button */\n  copyAriaLabel = input<string | undefined>(undefined);\n\n  /** Aria-label del botón tras copiar / Aria-label for the button after copying */\n  copiedAriaLabel = input<string | undefined>(undefined);\n\n  private readonly localeLabels = signal(this._getLocaleLabels());\n\n  protected readonly resolvedCopyLabel = computed(\n    () => this._resolveInputLabel(this.copyLabel()) ?? this.localeLabels().copyLabel,\n  );\n\n  protected readonly resolvedCopiedLabel = computed(\n    () => this._resolveInputLabel(this.copiedLabel()) ?? this.localeLabels().copiedLabel,\n  );\n\n  protected readonly resolvedCopyAriaLabel = computed(\n    () => this._resolveInputLabel(this.copyAriaLabel()) ?? this.localeLabels().copyAriaLabel,\n  );\n\n  protected readonly resolvedCopiedAriaLabel = computed(\n    () => this._resolveInputLabel(this.copiedAriaLabel()) ?? this.localeLabels().copiedAriaLabel,\n  );\n\n  protected readonly copied = signal(false);\n  private _copyTimer?: ReturnType<typeof setTimeout>;\n\n  constructor() {\n    const root = this.doc.documentElement;\n    const win = this.doc.defaultView;\n\n    this.destroyRef.onDestroy(() => clearTimeout(this._copyTimer));\n\n    if (!root || !win?.MutationObserver) return;\n\n    const observer = new win.MutationObserver(() => {\n      this.localeLabels.set(this._getLocaleLabels());\n    });\n\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['lang'],\n    });\n\n    this.destroyRef.onDestroy(() => observer.disconnect());\n  }\n\n  copy(): void {\n    const text = this.code();\n    const win = this.doc.defaultView;\n\n    if (win?.navigator?.clipboard) {\n      void win.navigator.clipboard.writeText(text).then(() => this._markCopied());\n    } else {\n      // Fallback para HTTP o navegadores sin Clipboard API\n      const ta = this.doc.createElement('textarea');\n      ta.value = text;\n      ta.style.cssText = 'position:fixed;top:0;left:0;opacity:0;pointer-events:none';\n      this.doc.body.appendChild(ta);\n      ta.focus();\n      ta.select();\n      try {\n        this.doc.execCommand('copy');\n        this._markCopied();\n      } finally {\n        this.doc.body.removeChild(ta);\n      }\n    }\n  }\n\n  private _markCopied(): void {\n    this.copied.set(true);\n    clearTimeout(this._copyTimer);\n    this._copyTimer = setTimeout(() => this.copied.set(false), 2000);\n  }\n\n  private _getLocaleLabels(): {\n    copyLabel: string;\n    copiedLabel: string;\n    copyAriaLabel: string;\n    copiedAriaLabel: string;\n  } {\n    const lang = this.doc.documentElement?.lang?.toLowerCase() ?? 'en';\n\n    if (lang.startsWith('es')) {\n      return {\n        copyLabel: 'Copiar',\n        copiedLabel: 'Copiado',\n        copyAriaLabel: 'Copiar código',\n        copiedAriaLabel: 'Código copiado',\n      };\n    }\n\n    return {\n      copyLabel: 'Copy',\n      copiedLabel: 'Copied',\n      copyAriaLabel: 'Copy code',\n      copiedAriaLabel: 'Code copied',\n    };\n  }\n\n  private _resolveInputLabel(value: string | undefined): string | undefined {\n    const trimmed = value?.trim();\n    return trimmed ? value : undefined;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-code-block.mjs","sources":["../../../../projects/ui-core/code-block/neu-code-block.component.ts","../../../../projects/ui-core/code-block/neural-ui-core-code-block.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * NeuralUI Code Block\n *\n * Bloque de código con estilo editor oscuro (Tokyo Night).\n * Incluye botón de copiar al portapapeles, badge del lenguaje\n * y soporte para resaltado futuro con ngx-highlightjs.\n *\n * Uso:\n *   <neu-code-block [code]=\"snippet\" lang=\"TypeScript\" />\n *\n * Con ngx-highlightjs instalado, envuelve el <pre> con\n *   [highlight]=\"code\" para resaltado automático.\n */\n@Component({\n  selector: 'neu-code-block',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-code-block\">\n      <!-- Encabezado del editor -->\n      <div class=\"neu-code-block__header\">\n        <!-- Traffic lights decorativos -->\n        <div class=\"neu-code-block__dots\" aria-hidden=\"true\">\n          <span></span><span></span><span></span>\n        </div>\n        <span class=\"neu-code-block__lang\">{{ displayLang() }}</span>\n        <button\n          class=\"neu-code-block__copy\"\n          type=\"button\"\n          [attr.aria-label]=\"copied() ? resolvedCopiedAriaLabel() : resolvedCopyAriaLabel()\"\n          (click)=\"copy()\"\n        >\n          @if (copied()) {\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n            {{ resolvedCopiedLabel() }}\n          } @else {\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n              <path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\" />\n            </svg>\n            {{ resolvedCopyLabel() }}\n          }\n        </button>\n      </div>\n\n      <!-- Bloque de código -->\n      <pre\n        class=\"neu-code-block__pre\"\n        tabindex=\"0\"\n      ><code class=\"neu-code-block__code\">{{ code() }}</code></pre>\n    </div>\n  `,\n  host: { '[attr.lang]': 'null' },\n  styleUrl: './neu-code-block.component.scss',\n})\nexport class NeuCodeBlockComponent {\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** Código fuente a mostrar / Source code to display */\n  code = input<string>('');\n\n  /** Nombre del lenguaje (decorativo) / Language name (decorative) */\n  lang = input<string>('');\n\n  /**\n   * Identificador de lenguaje estándar (typescript, scss, html, bash…).\n   * Genera automáticamente el label legible para el badge.\n   * Language identifier — auto-generates a readable badge label.\n   */\n  language = input<string>('');\n\n  /** Label legible derivado de lang o language / Readable label derived from lang or language */\n  protected readonly displayLang = computed(() => {\n    const explicit = this.lang();\n    if (explicit) return explicit;\n    const id = this.language().toLowerCase().trim();\n    const map: Record<string, string> = {\n      typescript: 'TypeScript',\n      javascript: 'JavaScript',\n      ts: 'TypeScript',\n      js: 'JavaScript',\n      scss: 'SCSS',\n      css: 'CSS',\n      less: 'Less',\n      html: 'HTML',\n      xml: 'XML',\n      bash: 'Bash',\n      shell: 'Shell',\n      sh: 'Shell',\n      json: 'JSON',\n      yaml: 'YAML',\n      yml: 'YAML',\n      angular: 'Angular',\n      jsx: 'JSX',\n      tsx: 'TSX',\n    };\n    return map[id] ?? (id ? id.toUpperCase() : 'TypeScript');\n  });\n\n  /** Texto del botón cuando no se ha copiado / Button text when not yet copied */\n  copyLabel = input<string | undefined>(undefined);\n\n  /** Texto del botón tras copiar / Button text after copying */\n  copiedLabel = input<string | undefined>(undefined);\n\n  /** Aria-label del botón copiar / Aria-label for the copy button */\n  copyAriaLabel = input<string | undefined>(undefined);\n\n  /** Aria-label del botón tras copiar / Aria-label for the button after copying */\n  copiedAriaLabel = input<string | undefined>(undefined);\n\n  private readonly localeLabels = signal(this._getLocaleLabels());\n\n  protected readonly resolvedCopyLabel = computed(\n    () => this._resolveInputLabel(this.copyLabel()) ?? this.localeLabels().copyLabel,\n  );\n\n  protected readonly resolvedCopiedLabel = computed(\n    () => this._resolveInputLabel(this.copiedLabel()) ?? this.localeLabels().copiedLabel,\n  );\n\n  protected readonly resolvedCopyAriaLabel = computed(\n    () => this._resolveInputLabel(this.copyAriaLabel()) ?? this.localeLabels().copyAriaLabel,\n  );\n\n  protected readonly resolvedCopiedAriaLabel = computed(\n    () => this._resolveInputLabel(this.copiedAriaLabel()) ?? this.localeLabels().copiedAriaLabel,\n  );\n\n  protected readonly copied = signal(false);\n  private _copyTimer?: ReturnType<typeof setTimeout>;\n\n  constructor() {\n    const root = this.doc.documentElement;\n    const win = this.doc.defaultView;\n\n    this.destroyRef.onDestroy(() => clearTimeout(this._copyTimer));\n\n    if (!root || !win?.MutationObserver) return;\n\n    const observer = new win.MutationObserver(() => {\n      this.localeLabels.set(this._getLocaleLabels());\n    });\n\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['lang'],\n    });\n\n    this.destroyRef.onDestroy(() => observer.disconnect());\n  }\n\n  copy(): void {\n    const text = this.code();\n    const win = this.doc.defaultView;\n\n    if (win?.navigator?.clipboard) {\n      void win.navigator.clipboard.writeText(text).then(() => this._markCopied());\n    } else {\n      // Fallback para HTTP o navegadores sin Clipboard API\n      const ta = this.doc.createElement('textarea');\n      ta.value = text;\n      ta.style.cssText = 'position:fixed;top:0;left:0;opacity:0;pointer-events:none';\n      this.doc.body.appendChild(ta);\n      ta.focus();\n      ta.select();\n      try {\n        this.doc.execCommand('copy');\n        this._markCopied();\n      } finally {\n        this.doc.body.removeChild(ta);\n      }\n    }\n  }\n\n  private _markCopied(): void {\n    this.copied.set(true);\n    clearTimeout(this._copyTimer);\n    this._copyTimer = setTimeout(() => this.copied.set(false), 2000);\n  }\n\n  private _getLocaleLabels(): {\n    copyLabel: string;\n    copiedLabel: string;\n    copyAriaLabel: string;\n    copiedAriaLabel: string;\n  } {\n    const lang = this.doc.documentElement?.lang?.toLowerCase() ?? 'en';\n\n    if (lang.startsWith('es')) {\n      return {\n        copyLabel: 'Copiar',\n        copiedLabel: 'Copiado',\n        copyAriaLabel: 'Copiar código',\n        copiedAriaLabel: 'Código copiado',\n      };\n    }\n\n    return {\n      copyLabel: 'Copy',\n      copiedLabel: 'Copied',\n      copyAriaLabel: 'Copy code',\n      copiedAriaLabel: 'Code copied',\n    };\n  }\n\n  private _resolveInputLabel(value: string | undefined): string | undefined {\n    const trimmed = value?.trim();\n    return trimmed ? value : undefined;\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-popup.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable, input, output, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NeuButtonComponent } from '@neural-ui/core/button';
+
+class NeuConfirmPopupService {
+    state = signal(null, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    resolver = null;
+    confirm(options) {
+        this.state.set(options);
+        return new Promise((resolve) => {
+            this.resolver = resolve;
+        });
+    }
+    close(value) {
+        this.state.set(null);
+        this.resolver?.(value);
+        this.resolver = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuConfirmPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuConfirmPopupService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuConfirmPopupService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class NeuConfirmPopupComponent {
+    service;
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    acceptLabel = input('Confirm', ...(ngDevMode ? [{ debugName: "acceptLabel" }] : /* istanbul ignore next */ []));
+    rejectLabel = input('Cancel', ...(ngDevMode ? [{ debugName: "rejectLabel" }] : /* istanbul ignore next */ []));
+    accepted = output();
+    rejected = output();
+    constructor(service) {
+        this.service = service;
+    }
+    currentTitle() {
+        return this.service.state()?.title ?? this.title();
+    }
+    currentMessage() {
+        return this.service.state()?.message ?? this.message();
+    }
+    currentAcceptLabel() {
+        return this.service.state()?.acceptLabel ?? this.acceptLabel();
+    }
+    currentRejectLabel() {
+        return this.service.state()?.rejectLabel ?? this.rejectLabel();
+    }
+    accept() {
+        this.accepted.emit();
+        this.service.close(true);
+    }
+    reject() {
+        this.rejected.emit();
+        this.service.close(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuConfirmPopupComponent, deps: [{ token: NeuConfirmPopupService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuConfirmPopupComponent, isStandalone: true, selector: "neu-confirm-popup", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, acceptLabel: { classPropertyName: "acceptLabel", publicName: "acceptLabel", isSignal: true, isRequired: false, transformFunction: null }, rejectLabel: { classPropertyName: "rejectLabel", publicName: "rejectLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accepted: "accepted", rejected: "rejected" }, host: { classAttribute: "neu-confirm-popup-host" }, ngImport: i0, template: `
+    @if (open() || service.state()) {
+      <div class="neu-confirm-popup" role="alertdialog" aria-modal="false">
+        @if (currentTitle()) {
+          <h3>{{ currentTitle() }}</h3>
+        }
+        <p>{{ currentMessage() }}</p>
+        <div class="neu-confirm-popup__actions">
+          <button neu-button type="button" class="neu-confirm-popup__reject" variant="secondary" size="sm" (click)="reject()">
+            {{ currentRejectLabel() }}
+          </button>
+          <button neu-button type="button" class="neu-confirm-popup__accept" variant="primary" size="sm" (click)="accept()">
+            {{ currentAcceptLabel() }}
+          </button>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [".neu-confirm-popup-host{position:relative;display:inline-block}.neu-confirm-popup{position:absolute;z-index:calc(var(--neu-z-overlay, 99) + 1);top:calc(100% + .5rem);left:0;width:min(18rem,100vw - 2rem);border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);box-shadow:var(--neu-shadow-lg, 0 18px 40px rgba(15, 23, 42, .18));padding:1rem}.neu-confirm-popup h3{margin:0 0 .375rem;font-size:1rem}.neu-confirm-popup p{margin:0;color:var(--neu-text-muted, #6b7280)}.neu-confirm-popup__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}\n"], dependencies: [{ kind: "component", type: NeuButtonComponent, selector: "button[neu-button]", inputs: ["variant", "size", "disabled", "loading", "fullWidth", "icon", "iconPosition", "iconOnly", "ariaLabel"], outputs: ["neuClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuConfirmPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-confirm-popup', imports: [NeuButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-confirm-popup-host' }, template: `
+    @if (open() || service.state()) {
+      <div class="neu-confirm-popup" role="alertdialog" aria-modal="false">
+        @if (currentTitle()) {
+          <h3>{{ currentTitle() }}</h3>
+        }
+        <p>{{ currentMessage() }}</p>
+        <div class="neu-confirm-popup__actions">
+          <button neu-button type="button" class="neu-confirm-popup__reject" variant="secondary" size="sm" (click)="reject()">
+            {{ currentRejectLabel() }}
+          </button>
+          <button neu-button type="button" class="neu-confirm-popup__accept" variant="primary" size="sm" (click)="accept()">
+            {{ currentAcceptLabel() }}
+          </button>
+        </div>
+      </div>
+    }
+  `, styles: [".neu-confirm-popup-host{position:relative;display:inline-block}.neu-confirm-popup{position:absolute;z-index:calc(var(--neu-z-overlay, 99) + 1);top:calc(100% + .5rem);left:0;width:min(18rem,100vw - 2rem);border:1px solid var(--neu-border, #d1d5db);border-radius:.75rem;background:var(--neu-surface, #fff);color:var(--neu-text, #111827);box-shadow:var(--neu-shadow-lg, 0 18px 40px rgba(15, 23, 42, .18));padding:1rem}.neu-confirm-popup h3{margin:0 0 .375rem;font-size:1rem}.neu-confirm-popup p{margin:0;color:var(--neu-text-muted, #6b7280)}.neu-confirm-popup__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}\n"] }]
+        }], ctorParameters: () => [{ type: NeuConfirmPopupService }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], acceptLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptLabel", required: false }] }], rejectLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectLabel", required: false }] }], accepted: [{ type: i0.Output, args: ["accepted"] }], rejected: [{ type: i0.Output, args: ["rejected"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuConfirmPopupComponent, NeuConfirmPopupService };
+//# sourceMappingURL=neural-ui-core-confirm-popup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-confirm-popup.mjs","sources":["../../../../projects/ui-core/confirm-popup/neu-confirm-popup.component.ts","../../../../projects/ui-core/confirm-popup/neural-ui-core-confirm-popup.ts"],"sourcesContent":["import { Injectable, signal, ChangeDetectionStrategy, Component, ViewEncapsulation, input, output } from '@angular/core';\nimport { NeuButtonComponent } from '@neural-ui/core/button';\n\nexport interface NeuConfirmPopupOptions {\n  title?: string;\n  message: string;\n  acceptLabel?: string;\n  rejectLabel?: string;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class NeuConfirmPopupService {\n  readonly state = signal<NeuConfirmPopupOptions | null>(null);\n  private resolver: ((value: boolean) => void) | null = null;\n\n  confirm(options: NeuConfirmPopupOptions): Promise<boolean> {\n    this.state.set(options);\n    return new Promise((resolve) => {\n      this.resolver = resolve;\n    });\n  }\n\n  close(value: boolean): void {\n    this.state.set(null);\n    this.resolver?.(value);\n    this.resolver = null;\n  }\n}\n\n@Component({\n  selector: 'neu-confirm-popup',\n  imports: [NeuButtonComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-confirm-popup-host' },\n  template: `\n    @if (open() || service.state()) {\n      <div class=\"neu-confirm-popup\" role=\"alertdialog\" aria-modal=\"false\">\n        @if (currentTitle()) {\n          <h3>{{ currentTitle() }}</h3>\n        }\n        <p>{{ currentMessage() }}</p>\n        <div class=\"neu-confirm-popup__actions\">\n          <button neu-button type=\"button\" class=\"neu-confirm-popup__reject\" variant=\"secondary\" size=\"sm\" (click)=\"reject()\">\n            {{ currentRejectLabel() }}\n          </button>\n          <button neu-button type=\"button\" class=\"neu-confirm-popup__accept\" variant=\"primary\" size=\"sm\" (click)=\"accept()\">\n            {{ currentAcceptLabel() }}\n          </button>\n        </div>\n      </div>\n    }\n  `,\n  styleUrl: './neu-confirm-popup.component.scss',\n})\nexport class NeuConfirmPopupComponent {\n  readonly open = input(false);\n  readonly title = input('');\n  readonly message = input('');\n  readonly acceptLabel = input('Confirm');\n  readonly rejectLabel = input('Cancel');\n  readonly accepted = output<void>();\n  readonly rejected = output<void>();\n\n  constructor(readonly service: NeuConfirmPopupService) {}\n\n  currentTitle(): string {\n    return this.service.state()?.title ?? this.title();\n  }\n\n  currentMessage(): string {\n    return this.service.state()?.message ?? this.message();\n  }\n\n  currentAcceptLabel(): string {\n    return this.service.state()?.acceptLabel ?? this.acceptLabel();\n  }\n\n  currentRejectLabel(): string {\n    return this.service.state()?.rejectLabel ?? this.rejectLabel();\n  }\n\n  accept(): void {\n    this.accepted.emit();\n    this.service.close(true);\n  }\n\n  reject(): void {\n    this.rejected.emit();\n    this.service.close(false);\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-dashboard-grid.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, signal, viewChildren, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { inject, ElementRef, PLATFORM_ID, input, output, signal, viewChildren, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
 import { moveItemInArray, CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList } from '@angular/cdk/drag-drop';
 
 /**
@@ -14,6 +15,7 @@ import { moveItemInArray, CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropLi
  */
 class NeuDashboardGridComponent {
     _host = inject(ElementRef);
+    _platformId = inject(PLATFORM_ID);
     tiles = input([], ...(ngDevMode ? [{ debugName: "tiles" }] : /* istanbul ignore next */ []));
     columns = input(3, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
     /** Emitido cuando el orden cambia / Emitted when order changes */
@@ -28,7 +30,9 @@ class NeuDashboardGridComponent {
         effect(() => {
             this._orderedTiles();
             this._tileSlots();
-            queueMicrotask(() => this._attachProjectedTiles());
+            if (isPlatformBrowser(this._platformId)) {
+                queueMicrotask(() => this._attachProjectedTiles());
+            }
         });
     }
     _onDrop(event) {
@@ -38,7 +42,9 @@ class NeuDashboardGridComponent {
         this.orderChange.emit(tiles);
     }
     _attachProjectedTiles() {
-        const slots = new Map(this._tileSlots().map((slotRef) => [
+        if (!isPlatformBrowser(this._platformId))
+            return;
+        const slots = new Map(this._tileSlots().filter(Boolean).map((slotRef) => [
             slotRef.nativeElement.dataset['slotId'],
             slotRef.nativeElement,
         ]));

package/fesm2022/neural-ui-core-dashboard-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-dashboard-grid.mjs","sources":["../../../../projects/ui-core/dashboard-grid/neu-dashboard-grid.component.ts","../../../../projects/ui-core/dashboard-grid/neural-ui-core-dashboard-grid.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport {\n  CdkDrag,\n  CdkDragDrop,\n  CdkDragPlaceholder,\n  CdkDragPreview,\n  CdkDropList,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\n\nexport interface NeuDashboardTileConfig {\n  /** Identificador único / Unique identifier */\n  id: string;\n  /** Número de columnas que ocupa / Column span */\n  cols?: number;\n  /** Número de filas que ocupa / Row span */\n  rows?: number;\n  /** Título del tile / Tile title */\n  title?: string;\n}\n\n/**\n * NeuralUI DashboardGrid\n *\n * Cuadrícula de tiles reordenables mediante drag-and-drop (CDK DragDrop).\n *\n * Uso:\n *   <neu-dashboard-grid [tiles]=\"tileConfigs\" [columns]=\"3\">\n *     <ng-template neuDashboardTile id=\"tile-1\">...</ng-template>\n *   </neu-dashboard-grid>\n */\n@Component({\n  selector: 'neu-dashboard-grid',\n  imports: [CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-dg',\n    '[style.--neu-dg-cols]': 'columns()',\n  },\n  template: `\n    <div class=\"neu-dg__projection-source\" aria-hidden=\"true\">\n      <ng-content />\n    </div>\n\n    <div\n      class=\"neu-dg__grid\"\n      cdkDropList\n      [cdkDropListData]=\"_orderedTiles()\"\n      (cdkDropListDropped)=\"_onDrop($event)\"\n    >\n      @for (tile of _orderedTiles(); track tile.id) {\n        <div\n          class=\"neu-dg__tile\"\n          cdkDrag\n          [cdkDragData]=\"tile\"\n          [style.--tile-cols]=\"tile.cols ?? 1\"\n          [style.--tile-rows]=\"tile.rows ?? 1\"\n        >\n          <!-- Drag handle -->\n          <div class=\"neu-dg__tile-handle\" cdkDragHandle>\n            @if (tile.title) {\n              <span class=\"neu-dg__tile-title\">{{ tile.title }}</span>\n            }\n            <span class=\"neu-dg__handle-icon\" aria-hidden=\"true\">⠿</span>\n          </div>\n          <!-- Drag placeholder -->\n          <div *cdkDragPlaceholder class=\"neu-dg__placeholder\"></div>\n          <!-- Drag preview -->\n          <div *cdkDragPreview class=\"neu-dg__preview\">{{ tile.title ?? tile.id }}</div>\n          <!-- Content slot -->\n          <div class=\"neu-dg__tile-content\" tabindex=\"0\">\n            <div class=\"neu-dg__tile-slot\" #tileSlot [attr.data-slot-id]=\"tile.id\"></div>\n          </div>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-dashboard-grid.component.scss',\n})\nexport class NeuDashboardGridComponent {\n  private readonly _host = inject(ElementRef) as ElementRef<HTMLElement>;\n\n  readonly tiles = input<NeuDashboardTileConfig[]>([]);\n  readonly columns = input<number>(3);\n\n  /** Emitido cuando el orden cambia / Emitted when order changes */\n  readonly orderChange = output<NeuDashboardTileConfig[]>();\n\n  readonly _orderedTiles = signal<NeuDashboardTileConfig[]>([]);\n  readonly _tileSlots = viewChildren<ElementRef<HTMLElement>>('tileSlot');\n\n  constructor() {\n    effect(() => {\n      const t = this.tiles();\n      untracked(() => this._orderedTiles.set([...t]));\n    });\n\n    effect(() => {\n      this._orderedTiles();\n      this._tileSlots();\n      queueMicrotask(() => this._attachProjectedTiles());\n    });\n  }\n\n  _onDrop(event: CdkDragDrop<NeuDashboardTileConfig[]>): void {\n    const tiles = [...this._orderedTiles()];\n    moveItemInArray(tiles, event.previousIndex, event.currentIndex);\n    this._orderedTiles.set(tiles);\n    this.orderChange.emit(tiles);\n  }\n\n  private _attachProjectedTiles(): void {\n    const slots = new Map(\n      this._tileSlots().map((slotRef) => [\n        slotRef.nativeElement.dataset['slotId'],\n        slotRef.nativeElement,\n      ]),\n    );\n\n    const projectedTiles = this._host.nativeElement.querySelectorAll(\n      '[data-tile-id]',\n    ) as NodeListOf<HTMLElement>;\n\n    for (const tileContent of projectedTiles) {\n      const tileId = tileContent.dataset['tileId'];\n      const slot = slots.get(tileId);\n\n      if (slot && tileContent.parentElement !== slot) {\n        slot.appendChild(tileContent);\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-dashboard-grid.mjs","sources":["../../../../projects/ui-core/dashboard-grid/neu-dashboard-grid.component.ts","../../../../projects/ui-core/dashboard-grid/neural-ui-core-dashboard-grid.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  CdkDrag,\n  CdkDragDrop,\n  CdkDragPlaceholder,\n  CdkDragPreview,\n  CdkDropList,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\n\nexport interface NeuDashboardTileConfig {\n  /** Identificador único / Unique identifier */\n  id: string;\n  /** Número de columnas que ocupa / Column span */\n  cols?: number;\n  /** Número de filas que ocupa / Row span */\n  rows?: number;\n  /** Título del tile / Tile title */\n  title?: string;\n}\n\n/**\n * NeuralUI DashboardGrid\n *\n * Cuadrícula de tiles reordenables mediante drag-and-drop (CDK DragDrop).\n *\n * Uso:\n *   <neu-dashboard-grid [tiles]=\"tileConfigs\" [columns]=\"3\">\n *     <ng-template neuDashboardTile id=\"tile-1\">...</ng-template>\n *   </neu-dashboard-grid>\n */\n@Component({\n  selector: 'neu-dashboard-grid',\n  imports: [CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-dg',\n    '[style.--neu-dg-cols]': 'columns()',\n  },\n  template: `\n    <div class=\"neu-dg__projection-source\" aria-hidden=\"true\">\n      <ng-content />\n    </div>\n\n    <div\n      class=\"neu-dg__grid\"\n      cdkDropList\n      [cdkDropListData]=\"_orderedTiles()\"\n      (cdkDropListDropped)=\"_onDrop($event)\"\n    >\n      @for (tile of _orderedTiles(); track tile.id) {\n        <div\n          class=\"neu-dg__tile\"\n          cdkDrag\n          [cdkDragData]=\"tile\"\n          [style.--tile-cols]=\"tile.cols ?? 1\"\n          [style.--tile-rows]=\"tile.rows ?? 1\"\n        >\n          <!-- Drag handle -->\n          <div class=\"neu-dg__tile-handle\" cdkDragHandle>\n            @if (tile.title) {\n              <span class=\"neu-dg__tile-title\">{{ tile.title }}</span>\n            }\n            <span class=\"neu-dg__handle-icon\" aria-hidden=\"true\">⠿</span>\n          </div>\n          <!-- Drag placeholder -->\n          <div *cdkDragPlaceholder class=\"neu-dg__placeholder\"></div>\n          <!-- Drag preview -->\n          <div *cdkDragPreview class=\"neu-dg__preview\">{{ tile.title ?? tile.id }}</div>\n          <!-- Content slot -->\n          <div class=\"neu-dg__tile-content\" tabindex=\"0\">\n            <div class=\"neu-dg__tile-slot\" #tileSlot [attr.data-slot-id]=\"tile.id\"></div>\n          </div>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-dashboard-grid.component.scss',\n})\nexport class NeuDashboardGridComponent {\n  private readonly _host = inject(ElementRef) as ElementRef<HTMLElement>;\n  private readonly _platformId = inject(PLATFORM_ID);\n\n  readonly tiles = input<NeuDashboardTileConfig[]>([]);\n  readonly columns = input<number>(3);\n\n  /** Emitido cuando el orden cambia / Emitted when order changes */\n  readonly orderChange = output<NeuDashboardTileConfig[]>();\n\n  readonly _orderedTiles = signal<NeuDashboardTileConfig[]>([]);\n  readonly _tileSlots = viewChildren<ElementRef<HTMLElement>>('tileSlot');\n\n  constructor() {\n    effect(() => {\n      const t = this.tiles();\n      untracked(() => this._orderedTiles.set([...t]));\n    });\n\n    effect(() => {\n      this._orderedTiles();\n      this._tileSlots();\n      if (isPlatformBrowser(this._platformId)) {\n        queueMicrotask(() => this._attachProjectedTiles());\n      }\n    });\n  }\n\n  _onDrop(event: CdkDragDrop<NeuDashboardTileConfig[]>): void {\n    const tiles = [...this._orderedTiles()];\n    moveItemInArray(tiles, event.previousIndex, event.currentIndex);\n    this._orderedTiles.set(tiles);\n    this.orderChange.emit(tiles);\n  }\n\n  private _attachProjectedTiles(): void {\n    if (!isPlatformBrowser(this._platformId)) return;\n    const slots = new Map(\n      this._tileSlots().filter(Boolean).map((slotRef) => [\n        slotRef.nativeElement.dataset['slotId'],\n        slotRef.nativeElement,\n      ]),\n    );\n\n    const projectedTiles = this._host.nativeElement.querySelectorAll(\n      '[data-tile-id]',\n    ) as NodeListOf<HTMLElement>;\n\n    for (const tileContent of projectedTiles) {\n      const tileId = tileContent.dataset['tileId'];\n      const slot = slots.get(tileId);\n\n      if (slot && tileContent.parentElement !== slot) {\n        slot.appendChild(tileContent);\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}