@neural-ui/core 1.2.0 → 1.3.0

package/fesm2022/neural-ui-core-chip.mjs

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * NeuralUI Chip Component
+ *
+ * Etiqueta compacta seleccionable y/o eliminable. Ideal para filtros,
+ * listas de tags y multiselección visual.
+ *
+ * Uso:
+ *   <neu-chip>Angular</neu-chip>
+ *   <neu-chip [removable]="true" (removed)="onRemove()">CSS</neu-chip>
+ *   <neu-chip [selected]="true" (selectedChange)="toggle()">TypeScript</neu-chip>
+ */
+class NeuChipComponent {
+    /** Variante de color / Color variant */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Tamaño / Size */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Estado seleccionado / Selected state */
+    selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    /** Muestra botón de cierre / Shows close button */
+    removable = input(false, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    /** Deshabilitado / Disabled */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Aria-label del botón de eliminar / Aria-label for the delete button */
+    removeAriaLabel = input('Eliminar', ...(ngDevMode ? [{ debugName: "removeAriaLabel" }] : /* istanbul ignore next */ []));
+    /** Emite al hacer clic o pulsar espacio/enter / Emits on click or space/enter press */
+    selectedChange = output();
+    /** Emite al pulsar el botón de cierre / Emits when the close button is pressed */
+    removed = output();
+    hostClasses = computed(() => ({
+        'neu-chip': true,
+        [`neu-chip--${this.variant()}`]: true,
+        [`neu-chip--${this.size()}`]: true,
+        'neu-chip--selected': this.selected(),
+        'neu-chip--removable': this.removable(),
+        'neu-chip--disabled': this.disabled(),
+    }), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** Rol ARIA del host: 'button' cuando seleccionable, 'group' cuando también eliminable / Host ARIA role: 'button' when selectable, 'group' when removable */
+    _hostRole = computed(() => (this.removable() ? 'group' : 'button'), ...(ngDevMode ? [{ debugName: "_hostRole" }] : /* istanbul ignore next */ []));
+    /** aria-pressed solo cuando actúa como botón toggle / aria-pressed only when acting as toggle button */
+    _hostAriaPressed = computed(() => this.removable() ? null : this.selected(), ...(ngDevMode ? [{ debugName: "_hostAriaPressed" }] : /* istanbul ignore next */ []));
+    /** tabindex nulo en el host grupo para no saturar el orden de foco / null tabindex on group host to not saturate focus order */
+    _hostTabindex = computed(() => {
+        if (this.removable())
+            return null;
+        return this.disabled() ? -1 : 0;
+    }, ...(ngDevMode ? [{ debugName: "_hostTabindex" }] : /* istanbul ignore next */ []));
+    onToggle() {
+        if (!this.disabled() && !this.removable()) {
+            this.selectedChange.emit(!this.selected());
+        }
+    }
+    onRemove() {
+        if (!this.disabled()) {
+            this.removed.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuChipComponent, isStandalone: true, selector: "neu-chip", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", removed: "removed" }, host: { listeners: { "keydown.space": "onToggle()", "keydown.enter": "onToggle()" }, properties: { "class": "hostClasses()", "attr.role": "_hostRole()", "attr.aria-pressed": "_hostAriaPressed()", "attr.tabindex": "_hostTabindex()" } }, ngImport: i0, template: `
+    <ng-content />
+    @if (removable()) {
+      <button
+        class="neu-chip__remove"
+        type="button"
+        [disabled]="disabled()"
+        (click)="$event.stopPropagation(); onRemove()"
+        [attr.aria-label]="removeAriaLabel()"
+      >
+        <svg
+          width="10"
+          height="10"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          aria-hidden="true"
+        >
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, isInline: true, styles: [".neu-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--neu-font-sans);font-weight:500;white-space:nowrap;cursor:pointer;border:1.5px solid transparent;transition:background var(--neu-transition),border-color var(--neu-transition),color var(--neu-transition),box-shadow var(--neu-transition);-webkit-user-select:none;user-select:none;outline:none}.neu-chip:focus-visible{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-chip--sm{padding:3px 10px;font-size:var(--neu-text-xs);border-radius:var(--neu-radius-full)}.neu-chip--md{padding:5px 14px;font-size:var(--neu-text-sm);border-radius:var(--neu-radius-full)}.neu-chip--default{background:var(--neu-surface-2);color:var(--neu-text-muted);border-color:var(--neu-border)}.neu-chip--default:hover:not(.neu-chip--disabled){background:var(--neu-surface-3);border-color:var(--neu-border-hover)}.neu-chip--default.neu-chip--selected{background:var(--neu-primary-100);color:var(--neu-primary);border-color:var(--neu-primary)}.neu-chip--primary{background:var(--neu-primary-50);color:var(--neu-primary);border-color:var(--neu-primary-100)}.neu-chip--primary:hover:not(.neu-chip--disabled){background:var(--neu-primary-100)}.neu-chip--primary.neu-chip--selected{background:var(--neu-primary);color:var(--neu-primary-fg);border-color:var(--neu-primary)}.neu-chip--success{background:var(--neu-success-bg);color:var(--neu-success-text);border-color:transparent}.neu-chip--success.neu-chip--selected{background:var(--neu-success);color:var(--neu-primary-fg)}.neu-chip--warning{background:var(--neu-warning-bg);color:var(--neu-warning-text);border-color:transparent}.neu-chip--warning.neu-chip--selected{background:var(--neu-warning);color:var(--neu-primary-fg)}.neu-chip--danger{background:var(--neu-error-bg);color:var(--neu-error-text);border-color:transparent}.neu-chip--danger.neu-chip--selected{background:var(--neu-error);color:var(--neu-primary-fg)}.neu-chip--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.neu-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;border:none;border-radius:50%;background:transparent;cursor:pointer;color:currentColor;opacity:.6;padding:0;flex-shrink:0;transition:opacity var(--neu-transition),background var(--neu-transition);outline:none}.neu-chip__remove:hover{opacity:1;background:var(--neu-alert-dismiss-hover-bg)}.neu-chip__remove:focus-visible{outline:2px solid currentColor;outline-offset:1px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-chip', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.role]': '_hostRole()',
+                        '[attr.aria-pressed]': '_hostAriaPressed()',
+                        '[attr.tabindex]': '_hostTabindex()',
+                        '(keydown.space)': 'onToggle()',
+                        '(keydown.enter)': 'onToggle()',
+                    }, template: `
+    <ng-content />
+    @if (removable()) {
+      <button
+        class="neu-chip__remove"
+        type="button"
+        [disabled]="disabled()"
+        (click)="$event.stopPropagation(); onRemove()"
+        [attr.aria-label]="removeAriaLabel()"
+      >
+        <svg
+          width="10"
+          height="10"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          aria-hidden="true"
+        >
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, styles: [".neu-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--neu-font-sans);font-weight:500;white-space:nowrap;cursor:pointer;border:1.5px solid transparent;transition:background var(--neu-transition),border-color var(--neu-transition),color var(--neu-transition),box-shadow var(--neu-transition);-webkit-user-select:none;user-select:none;outline:none}.neu-chip:focus-visible{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-chip--sm{padding:3px 10px;font-size:var(--neu-text-xs);border-radius:var(--neu-radius-full)}.neu-chip--md{padding:5px 14px;font-size:var(--neu-text-sm);border-radius:var(--neu-radius-full)}.neu-chip--default{background:var(--neu-surface-2);color:var(--neu-text-muted);border-color:var(--neu-border)}.neu-chip--default:hover:not(.neu-chip--disabled){background:var(--neu-surface-3);border-color:var(--neu-border-hover)}.neu-chip--default.neu-chip--selected{background:var(--neu-primary-100);color:var(--neu-primary);border-color:var(--neu-primary)}.neu-chip--primary{background:var(--neu-primary-50);color:var(--neu-primary);border-color:var(--neu-primary-100)}.neu-chip--primary:hover:not(.neu-chip--disabled){background:var(--neu-primary-100)}.neu-chip--primary.neu-chip--selected{background:var(--neu-primary);color:var(--neu-primary-fg);border-color:var(--neu-primary)}.neu-chip--success{background:var(--neu-success-bg);color:var(--neu-success-text);border-color:transparent}.neu-chip--success.neu-chip--selected{background:var(--neu-success);color:var(--neu-primary-fg)}.neu-chip--warning{background:var(--neu-warning-bg);color:var(--neu-warning-text);border-color:transparent}.neu-chip--warning.neu-chip--selected{background:var(--neu-warning);color:var(--neu-primary-fg)}.neu-chip--danger{background:var(--neu-error-bg);color:var(--neu-error-text);border-color:transparent}.neu-chip--danger.neu-chip--selected{background:var(--neu-error);color:var(--neu-primary-fg)}.neu-chip--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.neu-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;border:none;border-radius:50%;background:transparent;cursor:pointer;color:currentColor;opacity:.6;padding:0;flex-shrink:0;transition:opacity var(--neu-transition),background var(--neu-transition);outline:none}.neu-chip__remove:hover{opacity:1;background:var(--neu-alert-dismiss-hover-bg)}.neu-chip__remove:focus-visible{outline:2px solid currentColor;outline-offset:1px}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeAriaLabel", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], removed: [{ type: i0.Output, args: ["removed"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuChipComponent };
+//# sourceMappingURL=neural-ui-core-chip.mjs.map

package/fesm2022/neural-ui-core-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-chip.mjs","sources":["../../../../projects/ui-core/chip/neu-chip.component.ts","../../../../projects/ui-core/chip/neural-ui-core-chip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\n\nexport type NeuChipVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';\nexport type NeuChipSize = 'sm' | 'md';\n\n/**\n * NeuralUI Chip Component\n *\n * Etiqueta compacta seleccionable y/o eliminable. Ideal para filtros,\n * listas de tags y multiselección visual.\n *\n * Uso:\n *   <neu-chip>Angular</neu-chip>\n *   <neu-chip [removable]=\"true\" (removed)=\"onRemove()\">CSS</neu-chip>\n *   <neu-chip [selected]=\"true\" (selectedChange)=\"toggle()\">TypeScript</neu-chip>\n */\n@Component({\n  selector: 'neu-chip',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.role]': '_hostRole()',\n    '[attr.aria-pressed]': '_hostAriaPressed()',\n    '[attr.tabindex]': '_hostTabindex()',\n    '(keydown.space)': 'onToggle()',\n    '(keydown.enter)': 'onToggle()',\n  },\n  template: `\n    <ng-content />\n    @if (removable()) {\n      <button\n        class=\"neu-chip__remove\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        (click)=\"$event.stopPropagation(); onRemove()\"\n        [attr.aria-label]=\"removeAriaLabel()\"\n      >\n        <svg\n          width=\"10\"\n          height=\"10\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    }\n  `,\n  styleUrl: './neu-chip.component.scss',\n})\nexport class NeuChipComponent {\n  /** Variante de color / Color variant */\n  variant = input<NeuChipVariant>('default');\n\n  /** Tamaño / Size */\n  size = input<NeuChipSize>('md');\n\n  /** Estado seleccionado / Selected state */\n  selected = input<boolean>(false);\n\n  /** Muestra botón de cierre / Shows close button */\n  removable = input<boolean>(false);\n\n  /** Deshabilitado / Disabled */\n  disabled = input<boolean>(false);\n\n  /** Aria-label del botón de eliminar / Aria-label for the delete button */\n  removeAriaLabel = input<string>('Eliminar');\n\n  /** Emite al hacer clic o pulsar espacio/enter / Emits on click or space/enter press */\n  selectedChange = output<boolean>();\n\n  /** Emite al pulsar el botón de cierre / Emits when the close button is pressed */\n  removed = output<void>();\n\n  readonly hostClasses = computed(() => ({\n    'neu-chip': true,\n    [`neu-chip--${this.variant()}`]: true,\n    [`neu-chip--${this.size()}`]: true,\n    'neu-chip--selected': this.selected(),\n    'neu-chip--removable': this.removable(),\n    'neu-chip--disabled': this.disabled(),\n  }));\n\n  /** Rol ARIA del host: 'button' cuando seleccionable, 'group' cuando también eliminable / Host ARIA role: 'button' when selectable, 'group' when removable */\n  readonly _hostRole = computed(() => (this.removable() ? 'group' : 'button'));\n\n  /** aria-pressed solo cuando actúa como botón toggle / aria-pressed only when acting as toggle button */\n  readonly _hostAriaPressed = computed<boolean | null>(() =>\n    this.removable() ? null : this.selected(),\n  );\n\n  /** tabindex nulo en el host grupo para no saturar el orden de foco / null tabindex on group host to not saturate focus order */\n  readonly _hostTabindex = computed<number | null>(() => {\n    if (this.removable()) return null;\n    return this.disabled() ? -1 : 0;\n  });\n\n  onToggle(): void {\n    if (!this.disabled() && !this.removable()) {\n      this.selectedChange.emit(!this.selected());\n    }\n  }\n\n  onRemove(): void {\n    if (!this.disabled()) {\n      this.removed.emit();\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-code-block.mjs

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

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

@@ -0,0 +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    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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"}