@neural-ui/core 1.2.1 → 1.3.1

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

@@ -0,0 +1,207 @@
+import * as i0 from '@angular/core';
+import { signal, ChangeDetectionStrategy, ViewEncapsulation, Component, input, output, inject, ElementRef, Injector, ViewContainerRef, HostListener, Directive } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+/**
+ * NeuralUI Popover Overlay Component (internal)
+ * Renderizado por CDK Portal — no usar directamente.
+ */
+class NeuPopoverOverlayComponent {
+    _text = signal('', ...(ngDevMode ? [{ debugName: "_text" }] : /* istanbul ignore next */ []));
+    _templateRef = null;
+    _context = {};
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuPopoverOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuPopoverOverlayComponent, isStandalone: true, selector: "neu-popover-overlay", host: { classAttribute: "neu-popover" }, ngImport: i0, template: `
+    @if (_templateRef) {
+      <ng-container [ngTemplateOutlet]="_templateRef" [ngTemplateOutletContext]="_context" />
+    } @else {
+      <div class="neu-popover__inner">{{ _text() }}</div>
+    }
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-popover{background:var(--neu-popover-bg, var(--neu-surface-1, #ffffff));border:1px solid var(--neu-popover-border, var(--neu-border-color, #e5e7eb));border-radius:var(--neu-popover-radius, var(--neu-radius-lg, 12px));box-shadow:var(--neu-popover-shadow, 0 8px 24px -4px rgba(0, 0, 0, .12));min-width:var(--neu-popover-min-width, 200px);max-width:var(--neu-popover-max-width, 320px);padding:var(--neu-popover-padding, 12px 16px);font-size:.875rem;line-height:1.5;color:var(--neu-popover-color, var(--neu-text, var(--neu-text-primary, #111827)));z-index:1000;animation:neu-popover-in .12s ease}@keyframes neu-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.neu-popover__inner{padding:0}.neu-popover-backdrop{background:transparent}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuPopoverOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-popover-overlay', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-popover' }, template: `
+    @if (_templateRef) {
+      <ng-container [ngTemplateOutlet]="_templateRef" [ngTemplateOutletContext]="_context" />
+    } @else {
+      <div class="neu-popover__inner">{{ _text() }}</div>
+    }
+  `, styles: ["@charset \"UTF-8\";.neu-popover{background:var(--neu-popover-bg, var(--neu-surface-1, #ffffff));border:1px solid var(--neu-popover-border, var(--neu-border-color, #e5e7eb));border-radius:var(--neu-popover-radius, var(--neu-radius-lg, 12px));box-shadow:var(--neu-popover-shadow, 0 8px 24px -4px rgba(0, 0, 0, .12));min-width:var(--neu-popover-min-width, 200px);max-width:var(--neu-popover-max-width, 320px);padding:var(--neu-popover-padding, 12px 16px);font-size:.875rem;line-height:1.5;color:var(--neu-popover-color, var(--neu-text, var(--neu-text-primary, #111827)));z-index:1000;animation:neu-popover-in .12s ease}@keyframes neu-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.neu-popover__inner{padding:0}.neu-popover-backdrop{background:transparent}\n"] }]
+        }] });
+/**
+ * NeuralUI Popover Directive
+ *
+ * Muestra un popover flotante anclado al elemento host usando CDK Overlay.
+ *
+ * Uso:
+ *   <button [neuPopoverTemplate]="myTpl">Info</button>
+ *   <ng-template #myTpl>Contenido del popover</ng-template>
+ *
+ *   <button [neuPopoverText]="'Descripción detallada'">Hover me</button>
+ */
+class NeuPopoverDirective {
+    /** Template del contenido / Content template */
+    neuPopover = input(null, ...(ngDevMode ? [{ debugName: "neuPopover" }] : /* istanbul ignore next */ []));
+    /** Texto plano cuando no hay template / Plain text when no template */
+    neuPopoverText = input('', ...(ngDevMode ? [{ debugName: "neuPopoverText" }] : /* istanbul ignore next */ []));
+    /** Posición preferida / Preferred position */
+    neuPopoverPosition = input('bottom', ...(ngDevMode ? [{ debugName: "neuPopoverPosition" }] : /* istanbul ignore next */ []));
+    /** Trigger del popover / Popover trigger */
+    neuPopoverTrigger = input('click', ...(ngDevMode ? [{ debugName: "neuPopoverTrigger" }] : /* istanbul ignore next */ []));
+    /** Desactiva el popover / Disables the popover */
+    neuPopoverDisabled = input(false, ...(ngDevMode ? [{ debugName: "neuPopoverDisabled" }] : /* istanbul ignore next */ []));
+    /** Contexto del template / Template context */
+    neuPopoverContext = input({}, ...(ngDevMode ? [{ debugName: "neuPopoverContext" }] : /* istanbul ignore next */ []));
+    /** Emitido al abrir / Emitted on open */
+    popoverOpened = output();
+    /** Emitido al cerrar / Emitted on close */
+    popoverClosed = output();
+    _isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
+    _overlay = inject(Overlay);
+    _el = inject((ElementRef));
+    _injector = inject(Injector);
+    _vcr = inject(ViewContainerRef);
+    _overlayRef = null;
+    _compRef = null;
+    onHostClick() {
+        if (this.neuPopoverTrigger() !== 'click')
+            return;
+        this._toggle();
+    }
+    onMouseEnter() {
+        if (this.neuPopoverTrigger() !== 'hover')
+            return;
+        this.open();
+    }
+    onMouseLeave() {
+        if (this.neuPopoverTrigger() !== 'hover')
+            return;
+        this.close();
+    }
+    onFocus() {
+        if (this.neuPopoverTrigger() !== 'focus')
+            return;
+        this.open();
+    }
+    onBlur() {
+        if (this.neuPopoverTrigger() !== 'focus')
+            return;
+        this.close();
+    }
+    /** Abre el popover / Opens the popover */
+    open() {
+        if (this.neuPopoverDisabled() || this._isOpen())
+            return;
+        this._createOverlay();
+        const portal = new ComponentPortal(NeuPopoverOverlayComponent, this._vcr, this._injector);
+        this._compRef = this._overlayRef.attach(portal);
+        const comp = this._compRef.instance;
+        const tpl = this.neuPopover();
+        if (tpl) {
+            comp._templateRef = tpl;
+            comp._context = this.neuPopoverContext();
+        }
+        else {
+            comp._text.set(this.neuPopoverText());
+        }
+        this._isOpen.set(true);
+        this.popoverOpened.emit();
+        // Cierra al hacer clic fuera (solo en trigger 'click') / Close on outside click (click trigger only)
+        if (this.neuPopoverTrigger() === 'click') {
+            this._overlayRef.backdropClick().subscribe(() => this.close());
+        }
+    }
+    /** Cierra el popover / Closes the popover */
+    close() {
+        this._overlayRef?.detach();
+        this._isOpen.set(false);
+        this.popoverClosed.emit();
+    }
+    /** Alterna la visibilidad / Toggles visibility */
+    toggle() {
+        this._toggle();
+    }
+    ngOnDestroy() {
+        this._overlayRef?.dispose();
+    }
+    _hostAriaHasPopup() {
+        return this.neuPopoverTrigger() === 'click' ? 'dialog' : null;
+    }
+    _hostAriaExpanded() {
+        if (this.neuPopoverTrigger() !== 'click') {
+            return null;
+        }
+        return this._isOpen() ? 'true' : 'false';
+    }
+    _toggle() {
+        this._isOpen() ? this.close() : this.open();
+    }
+    _createOverlay() {
+        if (this._overlayRef) {
+            this._overlayRef.dispose();
+        }
+        const pos = this.neuPopoverPosition();
+        const isClick = this.neuPopoverTrigger() === 'click';
+        const positions = [
+            ...POSITIONS[pos],
+            ...POSITIONS[pos === 'bottom' ? 'top' : 'bottom'],
+        ];
+        this._overlayRef = this._overlay.create({
+            // Solo usamos backdrop en trigger 'click' — hover/focus lo cierran con sus propios listeners.
+            // Only use backdrop for 'click' trigger — hover/focus close via their own listeners.
+            hasBackdrop: isClick,
+            backdropClass: 'neu-popover-backdrop',
+            positionStrategy: this._overlay
+                .position()
+                .flexibleConnectedTo(this._el)
+                .withPositions(positions),
+            scrollStrategy: this._overlay.scrollStrategies.reposition(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: NeuPopoverDirective, isStandalone: true, selector: "[neuPopover]", inputs: { neuPopover: { classPropertyName: "neuPopover", publicName: "neuPopover", isSignal: true, isRequired: false, transformFunction: null }, neuPopoverText: { classPropertyName: "neuPopoverText", publicName: "neuPopoverText", isSignal: true, isRequired: false, transformFunction: null }, neuPopoverPosition: { classPropertyName: "neuPopoverPosition", publicName: "neuPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, neuPopoverTrigger: { classPropertyName: "neuPopoverTrigger", publicName: "neuPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, neuPopoverDisabled: { classPropertyName: "neuPopoverDisabled", publicName: "neuPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, neuPopoverContext: { classPropertyName: "neuPopoverContext", publicName: "neuPopoverContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popoverOpened: "popoverOpened", popoverClosed: "popoverClosed" }, host: { listeners: { "click": "onHostClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-haspopup": "_hostAriaHasPopup()", "attr.aria-expanded": "_hostAriaExpanded()" } }, exportAs: ["neuPopover"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuPopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[neuPopover]',
+                    exportAs: 'neuPopover',
+                    host: {
+                        '[attr.aria-haspopup]': '_hostAriaHasPopup()',
+                        '[attr.aria-expanded]': '_hostAriaExpanded()',
+                    },
+                }]
+        }], propDecorators: { neuPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopover", required: false }] }], neuPopoverText: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopoverText", required: false }] }], neuPopoverPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopoverPosition", required: false }] }], neuPopoverTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopoverTrigger", required: false }] }], neuPopoverDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopoverDisabled", required: false }] }], neuPopoverContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "neuPopoverContext", required: false }] }], popoverOpened: [{ type: i0.Output, args: ["popoverOpened"] }], popoverClosed: [{ type: i0.Output, args: ["popoverClosed"] }], onHostClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+const POSITIONS = {
+    bottom: [
+        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 6 },
+    ],
+    top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -6 }],
+    left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -6 }],
+    right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 6 }],
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuPopoverDirective, NeuPopoverOverlayComponent };
+//# sourceMappingURL=neural-ui-core-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-popover.mjs","sources":["../../../../projects/ui-core/popover/neu-popover.component.ts","../../../../projects/ui-core/popover/neural-ui-core-popover.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EnvironmentInjector,\n  HostListener,\n  Injector,\n  OnDestroy,\n  TemplateRef,\n  ViewContainerRef,\n  ViewEncapsulation,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Overlay, OverlayRef, ConnectedPosition } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\nexport type NeuPopoverPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type NeuPopoverTrigger = 'click' | 'hover' | 'focus';\n\n/**\n * NeuralUI Popover Overlay Component (internal)\n * Renderizado por CDK Portal — no usar directamente.\n */\n@Component({\n  selector: 'neu-popover-overlay',\n  imports: [NgTemplateOutlet],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-popover' },\n  template: `\n    @if (_templateRef) {\n      <ng-container [ngTemplateOutlet]=\"_templateRef\" [ngTemplateOutletContext]=\"_context\" />\n    } @else {\n      <div class=\"neu-popover__inner\">{{ _text() }}</div>\n    }\n  `,\n  styleUrl: './neu-popover.component.scss',\n})\nexport class NeuPopoverOverlayComponent {\n  readonly _text = signal('');\n  _templateRef: TemplateRef<unknown> | null = null;\n  _context: unknown = {};\n}\n\n/**\n * NeuralUI Popover Directive\n *\n * Muestra un popover flotante anclado al elemento host usando CDK Overlay.\n *\n * Uso:\n *   <button [neuPopoverTemplate]=\"myTpl\">Info</button>\n *   <ng-template #myTpl>Contenido del popover</ng-template>\n *\n *   <button [neuPopoverText]=\"'Descripción detallada'\">Hover me</button>\n */\n@Directive({\n  selector: '[neuPopover]',\n  exportAs: 'neuPopover',\n  host: {\n    '[attr.aria-haspopup]': '_hostAriaHasPopup()',\n    '[attr.aria-expanded]': '_hostAriaExpanded()',\n  },\n})\nexport class NeuPopoverDirective implements OnDestroy {\n  /** Template del contenido / Content template */\n  readonly neuPopover = input<TemplateRef<unknown> | null>(null);\n\n  /** Texto plano cuando no hay template / Plain text when no template */\n  readonly neuPopoverText = input<string>('');\n\n  /** Posición preferida / Preferred position */\n  readonly neuPopoverPosition = input<NeuPopoverPosition>('bottom');\n\n  /** Trigger del popover / Popover trigger */\n  readonly neuPopoverTrigger = input<NeuPopoverTrigger>('click');\n\n  /** Desactiva el popover / Disables the popover */\n  readonly neuPopoverDisabled = input<boolean>(false);\n\n  /** Contexto del template / Template context */\n  readonly neuPopoverContext = input<unknown>({});\n\n  /** Emitido al abrir / Emitted on open */\n  readonly popoverOpened = output<void>();\n\n  /** Emitido al cerrar / Emitted on close */\n  readonly popoverClosed = output<void>();\n\n  readonly _isOpen = signal(false);\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\n  private _overlayRef: OverlayRef | null = null;\n  private _compRef: ComponentRef<NeuPopoverOverlayComponent> | null = null;\n\n  @HostListener('click')\n  onHostClick(): void {\n    if (this.neuPopoverTrigger() !== 'click') return;\n    this._toggle();\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (this.neuPopoverTrigger() !== 'hover') return;\n    this.open();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    if (this.neuPopoverTrigger() !== 'hover') return;\n    this.close();\n  }\n\n  @HostListener('focus')\n  onFocus(): void {\n    if (this.neuPopoverTrigger() !== 'focus') return;\n    this.open();\n  }\n\n  @HostListener('blur')\n  onBlur(): void {\n    if (this.neuPopoverTrigger() !== 'focus') return;\n    this.close();\n  }\n\n  /** Abre el popover / Opens the popover */\n  open(): void {\n    if (this.neuPopoverDisabled() || this._isOpen()) return;\n    this._createOverlay();\n    const portal = new ComponentPortal(NeuPopoverOverlayComponent, this._vcr, this._injector);\n    this._compRef = this._overlayRef!.attach(portal);\n    const comp = this._compRef.instance;\n    const tpl = this.neuPopover();\n    if (tpl) {\n      comp._templateRef = tpl;\n      comp._context = this.neuPopoverContext();\n    } else {\n      comp._text.set(this.neuPopoverText());\n    }\n    this._isOpen.set(true);\n    this.popoverOpened.emit();\n\n    // Cierra al hacer clic fuera (solo en trigger 'click') / Close on outside click (click trigger only)\n    if (this.neuPopoverTrigger() === 'click') {\n      this._overlayRef!.backdropClick().subscribe(() => this.close());\n    }\n  }\n\n  /** Cierra el popover / Closes the popover */\n  close(): void {\n    this._overlayRef?.detach();\n    this._isOpen.set(false);\n    this.popoverClosed.emit();\n  }\n\n  /** Alterna la visibilidad / Toggles visibility */\n  toggle(): void {\n    this._toggle();\n  }\n\n  ngOnDestroy(): void {\n    this._overlayRef?.dispose();\n  }\n\n  protected _hostAriaHasPopup(): 'dialog' | null {\n    return this.neuPopoverTrigger() === 'click' ? 'dialog' : null;\n  }\n\n  protected _hostAriaExpanded(): 'true' | 'false' | null {\n    if (this.neuPopoverTrigger() !== 'click') {\n      return null;\n    }\n    return this._isOpen() ? 'true' : 'false';\n  }\n\n  private _toggle(): void {\n    this._isOpen() ? this.close() : this.open();\n  }\n\n  private _createOverlay(): void {\n    if (this._overlayRef) {\n      this._overlayRef.dispose();\n    }\n    const pos = this.neuPopoverPosition();\n    const isClick = this.neuPopoverTrigger() === 'click';\n    const positions: ConnectedPosition[] = [\n      ...POSITIONS[pos],\n      ...POSITIONS[pos === 'bottom' ? 'top' : 'bottom'],\n    ];\n    this._overlayRef = this._overlay.create({\n      // Solo usamos backdrop en trigger 'click' — hover/focus lo cierran con sus propios listeners.\n      // Only use backdrop for 'click' trigger — hover/focus close via their own listeners.\n      hasBackdrop: isClick,\n      backdropClass: 'neu-popover-backdrop',\n      positionStrategy: this._overlay\n        .position()\n        .flexibleConnectedTo(this._el)\n        .withPositions(positions),\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\n    });\n  }\n}\n\nconst POSITIONS: Record<NeuPopoverPosition, ConnectedPosition[]> = {\n  bottom: [\n    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 6 },\n  ],\n  top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -6 }],\n  left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -6 }],\n  right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 6 }],\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-progress-bar.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * NeuralUI ProgressBar Component
+ *
+ * Barra de progreso accesible con valor, etiqueta y variantes semánticas.
+ * Soporte para modo indeterminado (animación continua).
+ *
+ * Uso:
+ *   <neu-progress-bar [value]="75" />
+ *   <neu-progress-bar [value]="75" label="Cargando..." variant="success" [showValue]="true" />
+ *   <neu-progress-bar [indeterminate]="true" />
+ */
+class NeuProgressBarComponent {
+    /** Valor de 0 a 100 / Value from 0 to 100 */
+    value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Variante de color / Color variant */
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Etiqueta descriptiva sobre la barra / Descriptive label above the bar */
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** Muestra el % a la derecha / Shows the % on the right */
+    showValue = input(false, ...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
+    /** Modo indeterminado (animación continua) / Indeterminate mode (continuous animation) */
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+    /** Altura de la barra / Bar height */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    clampedValue = computed(() => Math.min(100, Math.max(0, this.value())), ...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => [`neu-progress--${this.variant()}`, `neu-progress--${this.size()}`].join(' '), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuProgressBarComponent, isStandalone: true, selector: "neu-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="neu-progress" [class]="hostClasses()">
+      @if (label()) {
+        <div class="neu-progress__header">
+          <span class="neu-progress__label">{{ label() }}</span>
+          @if (showValue() && !indeterminate()) {
+            <span class="neu-progress__value">{{ clampedValue() }}%</span>
+          }
+        </div>
+      } @else if (showValue() && !indeterminate()) {
+        <div class="neu-progress__header">
+          <span></span>
+          <span class="neu-progress__value">{{ clampedValue() }}%</span>
+        </div>
+      }
+      <div
+        class="neu-progress__track"
+        role="progressbar"
+        [attr.aria-valuenow]="indeterminate() ? null : clampedValue()"
+        [attr.aria-valuemin]="0"
+        [attr.aria-valuemax]="100"
+        [attr.aria-label]="label() || 'Progreso'"
+        [attr.aria-valuetext]="indeterminate() ? 'Cargando...' : clampedValue() + '%'"
+      >
+        <div
+          class="neu-progress__fill"
+          [class.neu-progress__fill--indeterminate]="indeterminate()"
+          [style.width.%]="indeterminate() ? null : clampedValue()"
+        ></div>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@keyframes neu-progress-indeterminate{0%{transform:translate(-100%) scaleX(.5)}50%{transform:translate(0) scaleX(.7)}to{transform:translate(200%) scaleX(.5)}}.neu-progress{display:flex;flex-direction:column;gap:6px;width:100%;font-family:var(--neu-font-sans)}.neu-progress__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.neu-progress__label{font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted)}.neu-progress__value{font-size:var(--neu-text-xs);font-weight:600;color:var(--neu-text-muted);min-width:32px;text-align:right}.neu-progress__track{width:100%;background:var(--neu-surface-3);border-radius:var(--neu-radius-full);overflow:hidden}.neu-progress--sm .neu-progress__track{height:4px}.neu-progress--md .neu-progress__track{height:8px}.neu-progress--lg .neu-progress__track{height:12px}.neu-progress__fill{height:100%;border-radius:var(--neu-radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);transform-origin:left center}.neu-progress__fill--indeterminate{width:50%!important;animation:neu-progress-indeterminate 1.4s ease-in-out infinite}.neu-progress--primary .neu-progress__fill{background:var(--neu-primary)}.neu-progress--success .neu-progress__fill{background:var(--neu-success)}.neu-progress--warning .neu-progress__fill{background:var(--neu-warning)}.neu-progress--danger .neu-progress__fill{background:var(--neu-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-progress-bar', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="neu-progress" [class]="hostClasses()">
+      @if (label()) {
+        <div class="neu-progress__header">
+          <span class="neu-progress__label">{{ label() }}</span>
+          @if (showValue() && !indeterminate()) {
+            <span class="neu-progress__value">{{ clampedValue() }}%</span>
+          }
+        </div>
+      } @else if (showValue() && !indeterminate()) {
+        <div class="neu-progress__header">
+          <span></span>
+          <span class="neu-progress__value">{{ clampedValue() }}%</span>
+        </div>
+      }
+      <div
+        class="neu-progress__track"
+        role="progressbar"
+        [attr.aria-valuenow]="indeterminate() ? null : clampedValue()"
+        [attr.aria-valuemin]="0"
+        [attr.aria-valuemax]="100"
+        [attr.aria-label]="label() || 'Progreso'"
+        [attr.aria-valuetext]="indeterminate() ? 'Cargando...' : clampedValue() + '%'"
+      >
+        <div
+          class="neu-progress__fill"
+          [class.neu-progress__fill--indeterminate]="indeterminate()"
+          [style.width.%]="indeterminate() ? null : clampedValue()"
+        ></div>
+      </div>
+    </div>
+  `, styles: ["@keyframes neu-progress-indeterminate{0%{transform:translate(-100%) scaleX(.5)}50%{transform:translate(0) scaleX(.7)}to{transform:translate(200%) scaleX(.5)}}.neu-progress{display:flex;flex-direction:column;gap:6px;width:100%;font-family:var(--neu-font-sans)}.neu-progress__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.neu-progress__label{font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted)}.neu-progress__value{font-size:var(--neu-text-xs);font-weight:600;color:var(--neu-text-muted);min-width:32px;text-align:right}.neu-progress__track{width:100%;background:var(--neu-surface-3);border-radius:var(--neu-radius-full);overflow:hidden}.neu-progress--sm .neu-progress__track{height:4px}.neu-progress--md .neu-progress__track{height:8px}.neu-progress--lg .neu-progress__track{height:12px}.neu-progress__fill{height:100%;border-radius:var(--neu-radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);transform-origin:left center}.neu-progress__fill--indeterminate{width:50%!important;animation:neu-progress-indeterminate 1.4s ease-in-out infinite}.neu-progress--primary .neu-progress__fill{background:var(--neu-primary)}.neu-progress--success .neu-progress__fill{background:var(--neu-success)}.neu-progress--warning .neu-progress__fill{background:var(--neu-warning)}.neu-progress--danger .neu-progress__fill{background:var(--neu-error)}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuProgressBarComponent };
+//# sourceMappingURL=neural-ui-core-progress-bar.mjs.map

package/fesm2022/neural-ui-core-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-progress-bar.mjs","sources":["../../../../projects/ui-core/progress-bar/neu-progress-bar.component.ts","../../../../projects/ui-core/progress-bar/neural-ui-core-progress-bar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuProgressVariant = 'primary' | 'success' | 'warning' | 'danger';\n\n/**\n * NeuralUI ProgressBar Component\n *\n * Barra de progreso accesible con valor, etiqueta y variantes semánticas.\n * Soporte para modo indeterminado (animación continua).\n *\n * Uso:\n *   <neu-progress-bar [value]=\"75\" />\n *   <neu-progress-bar [value]=\"75\" label=\"Cargando...\" variant=\"success\" [showValue]=\"true\" />\n *   <neu-progress-bar [indeterminate]=\"true\" />\n */\n@Component({\n  selector: 'neu-progress-bar',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-progress\" [class]=\"hostClasses()\">\n      @if (label()) {\n        <div class=\"neu-progress__header\">\n          <span class=\"neu-progress__label\">{{ label() }}</span>\n          @if (showValue() && !indeterminate()) {\n            <span class=\"neu-progress__value\">{{ clampedValue() }}%</span>\n          }\n        </div>\n      } @else if (showValue() && !indeterminate()) {\n        <div class=\"neu-progress__header\">\n          <span></span>\n          <span class=\"neu-progress__value\">{{ clampedValue() }}%</span>\n        </div>\n      }\n      <div\n        class=\"neu-progress__track\"\n        role=\"progressbar\"\n        [attr.aria-valuenow]=\"indeterminate() ? null : clampedValue()\"\n        [attr.aria-valuemin]=\"0\"\n        [attr.aria-valuemax]=\"100\"\n        [attr.aria-label]=\"label() || 'Progreso'\"\n        [attr.aria-valuetext]=\"indeterminate() ? 'Cargando...' : clampedValue() + '%'\"\n      >\n        <div\n          class=\"neu-progress__fill\"\n          [class.neu-progress__fill--indeterminate]=\"indeterminate()\"\n          [style.width.%]=\"indeterminate() ? null : clampedValue()\"\n        ></div>\n      </div>\n    </div>\n  `,\n  styleUrl: './neu-progress-bar.component.scss',\n})\nexport class NeuProgressBarComponent {\n  /** Valor de 0 a 100 / Value from 0 to 100 */\n  value = input<number>(0);\n\n  /** Variante de color / Color variant */\n  variant = input<NeuProgressVariant>('primary');\n\n  /** Etiqueta descriptiva sobre la barra / Descriptive label above the bar */\n  label = input<string>('');\n\n  /** Muestra el % a la derecha / Shows the % on the right */\n  showValue = input<boolean>(false);\n\n  /** Modo indeterminado (animación continua) / Indeterminate mode (continuous animation) */\n  indeterminate = input<boolean>(false);\n\n  /** Altura de la barra / Bar height */\n  size = input<'sm' | 'md' | 'lg'>('md');\n\n  readonly clampedValue = computed(() => Math.min(100, Math.max(0, this.value())));\n\n  readonly hostClasses = computed(() =>\n    [`neu-progress--${this.variant()}`, `neu-progress--${this.size()}`].join(' '),\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-radio.mjs

@@ -0,0 +1,171 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, signal, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, computed } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/** Token para que neu-radio encuentre a su grupo padre / Token for neu-radio to find its parent group */
+const NEU_RADIO_GROUP = new InjectionToken('NEU_RADIO_GROUP');
+/**
+ * NeuralUI Radio Group Component
+ *
+ * Contenedor para grupos de radio buttons. Implementa ControlValueAccessor.
+ *
+ * Uso:
+ *   <neu-radio-group [formControl]="ctrl">
+ *     <neu-radio value="a" label="Opción A" />
+ *     <neu-radio value="b" label="Opción B" />
+ *   </neu-radio-group>
+ */
+let _neuRadioGroupIdSeq = 0;
+class NeuRadioGroupComponent {
+    direction = input('column', ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    /** Etiqueta accesible del grupo (WCAG 4.1.2). Usar cuando no hay <legend> visible. / Accessible label for the group (WCAG 4.1.2). Use when there is no visible <legend>. */
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Nombre HTML compartido por todos los neu-radio hijos — garantiza la exclusión mutua nativa / HTML name shared by all child neu-radio — guarantees native mutual exclusion */
+    _name = `neu-radio-group-${++_neuRadioGroupIdSeq}`;
+    _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    _isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : /* istanbul ignore next */ []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    select(value) {
+        this._value.set(value);
+        this._onChange(value);
+        this._onTouched();
+    }
+    writeValue(val) {
+        this._value.set(val ?? null);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._isDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NeuRadioGroupComponent, isStandalone: true, selector: "neu-radio-group", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.aria-disabled": "_isDisabled()", "attr.aria-label": "ariaLabel() || null" }, classAttribute: "neu-radio-group" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NeuRadioGroupComponent),
+                multi: true,
+            },
+            {
+                provide: NEU_RADIO_GROUP,
+                useExisting: NeuRadioGroupComponent,
+            },
+        ], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".neu-radio-group{display:flex;flex-direction:column;gap:var(--neu-space-3)}.neu-radio-group[dir=row]{flex-direction:row;flex-wrap:wrap}.neu-radio-host{display:inline-block}.neu-radio{display:inline-flex;align-items:center;gap:var(--neu-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.neu-radio--disabled{opacity:.5;pointer-events:none}.neu-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neu-radio__input:focus-visible+.neu-radio__circle{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-radio__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background:var(--neu-surface);border:1.5px solid var(--neu-border-hover);border-radius:var(--neu-radius-full);transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-radio__circle--checked{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-radio__dot{width:8px;height:8px;border-radius:var(--neu-radius-full);background:var(--neu-primary);transform:scale(0);transition:transform var(--neu-transition-bounce)}.neu-radio--checked .neu-radio__dot{transform:scale(1)}.neu-radio__label{font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);font-weight:500;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-radio-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-radio-group',
+                        role: 'radiogroup',
+                        '[attr.aria-disabled]': '_isDisabled()',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NeuRadioGroupComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NEU_RADIO_GROUP,
+                            useExisting: NeuRadioGroupComponent,
+                        },
+                    ], template: `<ng-content />`, styles: [".neu-radio-group{display:flex;flex-direction:column;gap:var(--neu-space-3)}.neu-radio-group[dir=row]{flex-direction:row;flex-wrap:wrap}.neu-radio-host{display:inline-block}.neu-radio{display:inline-flex;align-items:center;gap:var(--neu-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.neu-radio--disabled{opacity:.5;pointer-events:none}.neu-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neu-radio__input:focus-visible+.neu-radio__circle{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-radio__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background:var(--neu-surface);border:1.5px solid var(--neu-border-hover);border-radius:var(--neu-radius-full);transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-radio__circle--checked{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring)}.neu-radio__dot{width:8px;height:8px;border-radius:var(--neu-radius-full);background:var(--neu-primary);transform:scale(0);transition:transform var(--neu-transition-bounce)}.neu-radio--checked .neu-radio__dot{transform:scale(1)}.neu-radio__label{font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);font-weight:500;line-height:1}\n"] }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+let _neuRadioIdSeq = 0;
+/**
+ * NeuralUI Radio Component
+ *
+ * Opción individual dentro de un neu-radio-group.
+ *
+ * Uso:
+ *   <neu-radio value="opcion-a" label="Opción A" />
+ */
+class NeuRadioComponent {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    group = inject(NEU_RADIO_GROUP);
+    _id = `neu-radio-${_neuRadioIdSeq++}`;
+    /** Toma el nombre del grupo padre — así todos los radios del grupo comparten el mismo `name` nativo / Takes the parent group name — so all radios in the group share the same native `name` */
+    _groupName = this.group._name;
+    isChecked = computed(() => this.group._value() === this.value(), ...(ngDevMode ? [{ debugName: "isChecked" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.group._isDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    onSelect() {
+        this.group.select(this.value());
+    }
+    onBlur() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuRadioComponent, isStandalone: true, selector: "neu-radio", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-radio-host" }, ngImport: i0, template: `
+    <label
+      class="neu-radio"
+      [class.neu-radio--checked]="isChecked()"
+      [class.neu-radio--disabled]="isDisabled()"
+      [for]="_id"
+    >
+      <input
+        type="radio"
+        class="neu-radio__input"
+        [id]="_id"
+        [name]="_groupName"
+        [value]="value()"
+        [checked]="isChecked()"
+        [disabled]="isDisabled()"
+        (change)="onSelect()"
+        (blur)="onBlur()"
+      />
+      <span class="neu-radio__circle" [class.neu-radio__circle--checked]="isChecked()">
+        <span class="neu-radio__dot"></span>
+      </span>
+      @if (label()) {
+        <span class="neu-radio__label">{{ label() }}</span>
+      }
+    </label>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'neu-radio',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'neu-radio-host' },
+                    template: `
+    <label
+      class="neu-radio"
+      [class.neu-radio--checked]="isChecked()"
+      [class.neu-radio--disabled]="isDisabled()"
+      [for]="_id"
+    >
+      <input
+        type="radio"
+        class="neu-radio__input"
+        [id]="_id"
+        [name]="_groupName"
+        [value]="value()"
+        [checked]="isChecked()"
+        [disabled]="isDisabled()"
+        (change)="onSelect()"
+        (blur)="onBlur()"
+      />
+      <span class="neu-radio__circle" [class.neu-radio__circle--checked]="isChecked()">
+        <span class="neu-radio__dot"></span>
+      </span>
+      @if (label()) {
+        <span class="neu-radio__label">{{ label() }}</span>
+      }
+    </label>
+  `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NEU_RADIO_GROUP, NeuRadioComponent, NeuRadioGroupComponent };
+//# sourceMappingURL=neural-ui-core-radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-radio.mjs","sources":["../../../../projects/ui-core/radio/neu-radio-group.component.ts","../../../../projects/ui-core/radio/neu-radio.component.ts","../../../../projects/ui-core/radio/neural-ui-core-radio.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  InjectionToken,\n  ViewEncapsulation,\n  forwardRef,\n  input,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/** Token para que neu-radio encuentre a su grupo padre / Token for neu-radio to find its parent group */\nexport const NEU_RADIO_GROUP = new InjectionToken<NeuRadioGroupComponent>('NEU_RADIO_GROUP');\n\n/**\n * NeuralUI Radio Group Component\n *\n * Contenedor para grupos de radio buttons. Implementa ControlValueAccessor.\n *\n * Uso:\n *   <neu-radio-group [formControl]=\"ctrl\">\n *     <neu-radio value=\"a\" label=\"Opción A\" />\n *     <neu-radio value=\"b\" label=\"Opción B\" />\n *   </neu-radio-group>\n */\nlet _neuRadioGroupIdSeq = 0;\n\n@Component({\n  selector: 'neu-radio-group',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-radio-group',\n    role: 'radiogroup',\n    '[attr.aria-disabled]': '_isDisabled()',\n    '[attr.aria-label]': 'ariaLabel() || null',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuRadioGroupComponent),\n      multi: true,\n    },\n    {\n      provide: NEU_RADIO_GROUP,\n      useExisting: NeuRadioGroupComponent,\n    },\n  ],\n  template: `<ng-content />`,\n  styleUrl: './neu-radio.component.scss',\n})\nexport class NeuRadioGroupComponent implements ControlValueAccessor {\n  readonly direction = input<'row' | 'column'>('column');\n  /** Etiqueta accesible del grupo (WCAG 4.1.2). Usar cuando no hay <legend> visible. / Accessible label for the group (WCAG 4.1.2). Use when there is no visible <legend>. */\n  readonly ariaLabel = input<string>('');\n\n  /** Nombre HTML compartido por todos los neu-radio hijos — garantiza la exclusión mutua nativa / HTML name shared by all child neu-radio — guarantees native mutual exclusion */\n  readonly _name = `neu-radio-group-${++_neuRadioGroupIdSeq}`;\n\n  readonly _value = signal<unknown>(null);\n  readonly _isDisabled = signal(false);\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  select(value: unknown): void {\n    this._value.set(value);\n    this._onChange(value);\n    this._onTouched();\n  }\n\n  writeValue(val: unknown): void {\n    this._value.set(val ?? null);\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { NEU_RADIO_GROUP } from './neu-radio-group.component';\n\nlet _neuRadioIdSeq = 0;\n\n/**\n * NeuralUI Radio Component\n *\n * Opción individual dentro de un neu-radio-group.\n *\n * Uso:\n *   <neu-radio value=\"opcion-a\" label=\"Opción A\" />\n */\n@Component({\n  selector: 'neu-radio',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-radio-host' },\n  template: `\n    <label\n      class=\"neu-radio\"\n      [class.neu-radio--checked]=\"isChecked()\"\n      [class.neu-radio--disabled]=\"isDisabled()\"\n      [for]=\"_id\"\n    >\n      <input\n        type=\"radio\"\n        class=\"neu-radio__input\"\n        [id]=\"_id\"\n        [name]=\"_groupName\"\n        [value]=\"value()\"\n        [checked]=\"isChecked()\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onSelect()\"\n        (blur)=\"onBlur()\"\n      />\n      <span class=\"neu-radio__circle\" [class.neu-radio__circle--checked]=\"isChecked()\">\n        <span class=\"neu-radio__dot\"></span>\n      </span>\n      @if (label()) {\n        <span class=\"neu-radio__label\">{{ label() }}</span>\n      }\n    </label>\n  `,\n})\nexport class NeuRadioComponent {\n  readonly value = input.required<unknown>();\n  readonly label = input<string>('');\n  readonly disabled = input<boolean>(false);\n\n  readonly group = inject(NEU_RADIO_GROUP);\n\n  readonly _id = `neu-radio-${_neuRadioIdSeq++}`;\n  /** Toma el nombre del grupo padre — así todos los radios del grupo comparten el mismo `name` nativo / Takes the parent group name — so all radios in the group share the same native `name` */\n  readonly _groupName = this.group._name;\n\n  readonly isChecked = computed(() => this.group._value() === this.value());\n  readonly isDisabled = computed(() => this.disabled() || this.group._isDisabled());\n\n  onSelect(): void {\n    this.group.select(this.value());\n  }\n\n  onBlur(): void {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}