@neural-ui/core 1.7.2 → 1.7.4

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, signal, effect, input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { InjectionToken, inject, ElementRef, PLATFORM_ID, signal, effect, input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
 import { NeuUrlStateService } from '@neural-ui/core/url-state';
 
 // ----------------------------------------------------------------
@@ -22,6 +23,7 @@ const NEU_TABS_CONTEXT = new InjectionToken('NeuTabsContext');
 class NeuTabsComponent {
     urlState = inject(NeuUrlStateService);
     elRef = inject(ElementRef);
+    platformId = inject(PLATFORM_ID);
     resizeObserver;
     _urlParamSignals = new Map();
     _dragPointerId = null;
@@ -41,11 +43,16 @@ class NeuTabsComponent {
     _readUrlParam(key) {
         return this._getUrlParamSignal(key)();
     }
+    _requestFrame(callback) {
+        if (isPlatformBrowser(this.platformId)) {
+            requestAnimationFrame(callback);
+        }
+    }
     constructor() {
         // Actualizar indicador cuando activeTabId cambie — debe estar en el constructor (injection context)
         effect(() => {
             this.activeTabId(); // dependencia reactiva
-            requestAnimationFrame(() => this._updateIndicator());
+            this._requestFrame(() => this._updateIndicator());
         });
     }
     /** Definición de pestañas / Tab definitions */
@@ -122,7 +129,7 @@ class NeuTabsComponent {
         this._optimisticActiveTabId.set(tab.id);
         this.urlState.setParam(this.tabParam(), tab.id);
         this.tabChange.emit(tab.id);
-        requestAnimationFrame(() => this._updateIndicator());
+        this._requestFrame(() => this._updateIndicator());
     }
     startNavDrag(event) {
         if (event.pointerType === 'mouse' && event.button !== 0)
@@ -162,7 +169,7 @@ class NeuTabsComponent {
         }
         this._dragPointerId = null;
         if (this.isDraggingNav()) {
-            requestAnimationFrame(() => this.isDraggingNav.set(false));
+            this._requestFrame(() => this.isDraggingNav.set(false));
         }
     }
     /** Mueve el foco entre tabs con flechas (roving tabindex — WAI-ARIA Tabs Pattern) / Moves focus between tabs with arrows (roving tabindex — WAI-ARIA Tabs Pattern) */

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-tabs.mjs","sources":["../../../../projects/ui-core/tabs/neu-tabs.component.ts","../../../../projects/ui-core/tabs/neural-ui-core-tabs.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  InjectionToken,\n  OnDestroy,\n  Signal,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NeuUrlStateService } from '@neural-ui/core/url-state';\n\n// ----------------------------------------------------------------\n// Token de contexto — permite a NeuTabPanelComponent inyectar\n// la instancia padre sin pasar signals manualmente.\n// ----------------------------------------------------------------\nexport const NEU_TABS_CONTEXT = new InjectionToken<NeuTabsComponent>('NeuTabsContext');\n\nexport interface NeuTab {\n  /** ID único de la pestaña — se usa como valor en la URL / Unique tab ID — used as the URL value */\n  id: string;\n  /** Etiqueta visible / Visible label */\n  label: string;\n  /** Badge opcional junto al label / Optional badge next to the label */\n  badge?: string;\n  /** Deshabilita la pestaña sin ocultarla / Disables the tab without hiding it */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI Tabs Component\n *\n * Sistema de pestañas con estado sincronizado a la URL via NeuUrlStateService. / Tab system with state synchronized to the URL via NeuUrlStateService.\n * El panel activo se determina por ?{tabParam}={tabId}. / The active panel is determined by ?{tabParam}={tabId}.\n *\n * Uso:\n *   <neu-tabs [tabs]=\"tabs\" tabParam=\"tab\">\n *     <neu-tab-panel tabId=\"preview\">...</neu-tab-panel>\n *     <neu-tab-panel tabId=\"api\">...</neu-tab-panel>\n *   </neu-tabs>\n */\n@Component({\n  selector: 'neu-tabs',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NEU_TABS_CONTEXT, useExisting: NeuTabsComponent }],\n  template: `\n    <!-- Barra de pestañas -->\n    <div class=\"neu-tabs\" [class.neu-tabs--flush]=\"flush()\">\n      <div\n        class=\"neu-tabs__nav\"\n        role=\"tablist\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [class.neu-tabs__nav--dragging]=\"isDraggingNav()\"\n        #navRef\n        (pointerdown)=\"startNavDrag($event)\"\n        (pointermove)=\"moveNavDrag($event)\"\n        (pointerup)=\"endNavDrag($event)\"\n        (pointercancel)=\"endNavDrag($event)\"\n      >\n        @for (tab of tabs(); track tab.id) {\n          <button\n            class=\"neu-tabs__tab\"\n            [class.neu-tabs__tab--active]=\"activeTabId() === tab.id\"\n            [class.neu-tabs__tab--disabled]=\"tab.disabled\"\n            role=\"tab\"\n            [id]=\"'neu-tab-' + tab.id\"\n            [attr.aria-selected]=\"activeTabId() === tab.id\"\n            [attr.aria-controls]=\"'neu-tabpanel-' + tab.id\"\n            [attr.tabindex]=\"activeTabId() === tab.id ? '0' : '-1'\"\n            [disabled]=\"tab.disabled\"\n            type=\"button\"\n            (click)=\"handleTabClick($event, tab)\"\n            (keydown.arrowRight)=\"focusTab($any($event), 1)\"\n            (keydown.arrowLeft)=\"focusTab($any($event), -1)\"\n            (keydown.home)=\"focusTab($any($event), 'first')\"\n            (keydown.end)=\"focusTab($any($event), 'last')\"\n          >\n            {{ tab.label }}\n            @if (tab.badge) {\n              <span class=\"neu-tabs__tab-badge\">{{ tab.badge }}</span>\n            }\n          </button>\n        }\n        <!-- Indicador deslizante -->\n        <span class=\"neu-tabs__indicator\" [style]=\"indicatorStyle()\"></span>\n      </div>\n\n      <!-- Paneles (proyectados desde NeuTabPanelComponent) -->\n      <div class=\"neu-tabs__panels\">\n        <ng-content />\n      </div>\n    </div>\n  `,\n  styleUrl: './neu-tabs.component.scss',\n})\nexport class NeuTabsComponent implements AfterViewInit, OnDestroy {\n  private readonly urlState = inject(NeuUrlStateService);\n  private readonly elRef = inject(ElementRef);\n  private resizeObserver?: ResizeObserver;\n  private readonly _urlParamSignals = new Map<string, Signal<string | null>>();\n  private _dragPointerId: number | null = null;\n  private _dragStartX = 0;\n  private _dragStartScrollLeft = 0;\n  private _suppressNextClick = false;\n  private readonly _optimisticActiveTabId = signal<string | null>(null);\n  readonly isDraggingNav = signal(false);\n\n  private _getUrlParamSignal(key: string): Signal<string | null> {\n    let paramSignal = this._urlParamSignals.get(key);\n    if (!paramSignal) {\n      paramSignal = this.urlState.getParam(key);\n      this._urlParamSignals.set(key, paramSignal);\n    }\n    return paramSignal;\n  }\n\n  private _readUrlParam(key: string): string | null {\n    return this._getUrlParamSignal(key)();\n  }\n\n  constructor() {\n    // Actualizar indicador cuando activeTabId cambie — debe estar en el constructor (injection context)\n    effect(() => {\n      this.activeTabId(); // dependencia reactiva\n      requestAnimationFrame(() => this._updateIndicator());\n    });\n  }\n\n  /** Definición de pestañas / Tab definitions */\n  tabs = input<NeuTab[]>([]);\n\n  /** QueryParam que almacena la pestaña activa / QueryParam that stores the active tab */\n  tabParam = input<string>('tab');\n\n  /** Si true, elimina el padding interno de los paneles / If true, removes the internal padding from panels */\n  flush = input<boolean>(false);\n\n  /** Etiqueta accesible del rol tablist / Accessible label for the tablist role */\n  ariaLabel = input<string>('Pestañas de contenido');\n\n  /** Emite al cambiar de pestaña / Emits when the tab changes */\n  tabChange = output<string>();\n\n  /** ID de la pestaña activa (de la URL o la primera disponible) / Active tab ID (from the URL or the first available) */\n  readonly activeTabId = computed(() => {\n    const tabList = this.tabs();\n    const fromUrl = this._readUrlParam(this.tabParam());\n    const available = tabList.find((t) => t.id === fromUrl && !t.disabled);\n    if (available) return available.id;\n\n    const optimistic = this._optimisticActiveTabId();\n    const optimisticAvailable = tabList.find((t) => t.id === optimistic && !t.disabled);\n    if (optimisticAvailable) return optimisticAvailable.id;\n\n    // Fallback: primera pestaña no deshabilitada\n    return tabList.find((t) => !t.disabled)?.id ?? '';\n  });\n\n  /** Posición del indicador calculada mediante medición DOM / Indicator position calculated via DOM measurement */\n  private readonly _indicatorLeft = signal('0px');\n  private readonly _indicatorWidth = signal('0px');\n\n  readonly indicatorStyle = computed(\n    () => `left: ${this._indicatorLeft()}; width: ${this._indicatorWidth()}`,\n  );\n\n  ngAfterViewInit(): void {\n    this._updateIndicator();\n    // Actualizar cuando cambie el tamaño del nav (p.ej. resize de ventana)\n    const nav = this.elRef.nativeElement.querySelector('.neu-tabs__nav');\n    if (nav && typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => this._updateIndicator());\n      this.resizeObserver.observe(nav);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  private _updateIndicator(): void {\n    const nav: HTMLElement | null = this.elRef.nativeElement.querySelector('.neu-tabs__nav');\n    if (!nav) return;\n    const tabEls = nav.querySelectorAll<HTMLElement>('.neu-tabs__tab');\n    const idx = this.tabs().findIndex((t) => t.id === this.activeTabId());\n    const tabEl = tabEls[idx];\n    if (tabEl) {\n      this._indicatorLeft.set(tabEl.offsetLeft + 'px');\n      this._indicatorWidth.set(tabEl.offsetWidth + 'px');\n      if (typeof tabEl.scrollIntoView === 'function') {\n        tabEl.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    }\n  }\n\n  handleTabClick(event: Event, tab: NeuTab): void {\n    if (this._suppressNextClick) {\n      event.preventDefault();\n      event.stopPropagation();\n      this._suppressNextClick = false;\n      return;\n    }\n    this.selectTab(tab);\n  }\n\n  selectTab(tab: NeuTab): void {\n    if (tab.disabled) return;\n    this._optimisticActiveTabId.set(tab.id);\n    this.urlState.setParam(this.tabParam(), tab.id);\n    this.tabChange.emit(tab.id);\n    requestAnimationFrame(() => this._updateIndicator());\n  }\n\n  startNavDrag(event: PointerEvent): void {\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    const target = event.target as HTMLElement | null;\n    if (!target?.closest('.neu-tabs__nav')) return;\n    if (target.closest('.neu-tabs__tab')) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    this._dragPointerId = event.pointerId;\n    this._dragStartX = event.clientX;\n    this._dragStartScrollLeft = nav.scrollLeft;\n    this.isDraggingNav.set(false);\n    nav.setPointerCapture(event.pointerId);\n  }\n\n  moveNavDrag(event: PointerEvent): void {\n    if (this._dragPointerId !== event.pointerId) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    const deltaX = event.clientX - this._dragStartX;\n    if (!this.isDraggingNav() && Math.abs(deltaX) > 6) {\n      this.isDraggingNav.set(true);\n      this._suppressNextClick = true;\n    }\n    if (!this.isDraggingNav()) return;\n\n    nav.scrollLeft = this._dragStartScrollLeft - deltaX;\n    event.preventDefault();\n  }\n\n  endNavDrag(event: PointerEvent): void {\n    if (this._dragPointerId !== event.pointerId) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    if (nav.hasPointerCapture(event.pointerId)) {\n      nav.releasePointerCapture(event.pointerId);\n    }\n    this._dragPointerId = null;\n    if (this.isDraggingNav()) {\n      requestAnimationFrame(() => this.isDraggingNav.set(false));\n    }\n  }\n\n  /** Mueve el foco entre tabs con flechas (roving tabindex — WAI-ARIA Tabs Pattern) / Moves focus between tabs with arrows (roving tabindex — WAI-ARIA Tabs Pattern) */\n  focusTab(event: Event, dir: 1 | -1 | 'first' | 'last'): void {\n    event.preventDefault();\n    const enabledTabs = this.tabs().filter((t) => !t.disabled);\n    const currentIdx = enabledTabs.findIndex((t) => t.id === this.activeTabId());\n    let nextIdx: number;\n    if (dir === 'first') {\n      nextIdx = 0;\n    } else if (dir === 'last') {\n      nextIdx = enabledTabs.length - 1;\n    } else {\n      nextIdx = (currentIdx + dir + enabledTabs.length) % enabledTabs.length;\n    }\n    const next = enabledTabs[nextIdx];\n    this.selectTab(next);\n    const btn = (this.elRef.nativeElement as HTMLElement).querySelector(\n      `#neu-tab-${next.id}`,\n    ) as HTMLElement | null;\n    btn?.focus();\n  }\n}\n\n// ----------------------------------------------------------------\n// NeuTabPanelComponent — panel individual (usa DI para el contexto)\n// ----------------------------------------------------------------\n\n/**\n * NeuralUI Tab Panel\n *\n * Panel de contenido asociado a una pestaña de NeuTabsComponent. / Content panel associated with a NeuTabsComponent tab.\n * Solo se renderiza (no oculta con CSS) cuando la pestaña está activa. / Only rendered (not hidden with CSS) when the tab is active.\n *\n * Uso: hijo directo de <neu-tabs>\n *   <neu-tab-panel tabId=\"api\">...</neu-tab-panel>\n */\n@Component({\n  selector: 'neu-tab-panel',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (isActive()) {\n      <div\n        class=\"neu-tab-panel\"\n        role=\"tabpanel\"\n        [id]=\"'neu-tabpanel-' + tabId()\"\n        [attr.aria-labelledby]=\"'neu-tab-' + tabId()\"\n      >\n        <ng-content />\n      </div>\n    }\n  `,\n})\nexport class NeuTabPanelComponent {\n  private readonly tabs = inject(NEU_TABS_CONTEXT, { optional: true });\n\n  /** ID que debe coincidir con NeuTab.id del padre / ID that must match the parent NeuTab.id */\n  tabId = input.required<string>();\n\n  readonly isActive = computed(() => this.tabs?.activeTabId() === this.tabId());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-tabs.mjs","sources":["../../../../projects/ui-core/tabs/neu-tabs.component.ts","../../../../projects/ui-core/tabs/neural-ui-core-tabs.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  InjectionToken,\n  OnDestroy,\n  PLATFORM_ID,\n  Signal,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { NeuUrlStateService } from '@neural-ui/core/url-state';\n\n// ----------------------------------------------------------------\n// Token de contexto — permite a NeuTabPanelComponent inyectar\n// la instancia padre sin pasar signals manualmente.\n// ----------------------------------------------------------------\nexport const NEU_TABS_CONTEXT = new InjectionToken<NeuTabsComponent>('NeuTabsContext');\n\nexport interface NeuTab {\n  /** ID único de la pestaña — se usa como valor en la URL / Unique tab ID — used as the URL value */\n  id: string;\n  /** Etiqueta visible / Visible label */\n  label: string;\n  /** Badge opcional junto al label / Optional badge next to the label */\n  badge?: string;\n  /** Deshabilita la pestaña sin ocultarla / Disables the tab without hiding it */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI Tabs Component\n *\n * Sistema de pestañas con estado sincronizado a la URL via NeuUrlStateService. / Tab system with state synchronized to the URL via NeuUrlStateService.\n * El panel activo se determina por ?{tabParam}={tabId}. / The active panel is determined by ?{tabParam}={tabId}.\n *\n * Uso:\n *   <neu-tabs [tabs]=\"tabs\" tabParam=\"tab\">\n *     <neu-tab-panel tabId=\"preview\">...</neu-tab-panel>\n *     <neu-tab-panel tabId=\"api\">...</neu-tab-panel>\n *   </neu-tabs>\n */\n@Component({\n  selector: 'neu-tabs',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NEU_TABS_CONTEXT, useExisting: NeuTabsComponent }],\n  template: `\n    <!-- Barra de pestañas -->\n    <div class=\"neu-tabs\" [class.neu-tabs--flush]=\"flush()\">\n      <div\n        class=\"neu-tabs__nav\"\n        role=\"tablist\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [class.neu-tabs__nav--dragging]=\"isDraggingNav()\"\n        #navRef\n        (pointerdown)=\"startNavDrag($event)\"\n        (pointermove)=\"moveNavDrag($event)\"\n        (pointerup)=\"endNavDrag($event)\"\n        (pointercancel)=\"endNavDrag($event)\"\n      >\n        @for (tab of tabs(); track tab.id) {\n          <button\n            class=\"neu-tabs__tab\"\n            [class.neu-tabs__tab--active]=\"activeTabId() === tab.id\"\n            [class.neu-tabs__tab--disabled]=\"tab.disabled\"\n            role=\"tab\"\n            [id]=\"'neu-tab-' + tab.id\"\n            [attr.aria-selected]=\"activeTabId() === tab.id\"\n            [attr.aria-controls]=\"'neu-tabpanel-' + tab.id\"\n            [attr.tabindex]=\"activeTabId() === tab.id ? '0' : '-1'\"\n            [disabled]=\"tab.disabled\"\n            type=\"button\"\n            (click)=\"handleTabClick($event, tab)\"\n            (keydown.arrowRight)=\"focusTab($any($event), 1)\"\n            (keydown.arrowLeft)=\"focusTab($any($event), -1)\"\n            (keydown.home)=\"focusTab($any($event), 'first')\"\n            (keydown.end)=\"focusTab($any($event), 'last')\"\n          >\n            {{ tab.label }}\n            @if (tab.badge) {\n              <span class=\"neu-tabs__tab-badge\">{{ tab.badge }}</span>\n            }\n          </button>\n        }\n        <!-- Indicador deslizante -->\n        <span class=\"neu-tabs__indicator\" [style]=\"indicatorStyle()\"></span>\n      </div>\n\n      <!-- Paneles (proyectados desde NeuTabPanelComponent) -->\n      <div class=\"neu-tabs__panels\">\n        <ng-content />\n      </div>\n    </div>\n  `,\n  styleUrl: './neu-tabs.component.scss',\n})\nexport class NeuTabsComponent implements AfterViewInit, OnDestroy {\n  private readonly urlState = inject(NeuUrlStateService);\n  private readonly elRef = inject(ElementRef);\n  private readonly platformId = inject(PLATFORM_ID);\n  private resizeObserver?: ResizeObserver;\n  private readonly _urlParamSignals = new Map<string, Signal<string | null>>();\n  private _dragPointerId: number | null = null;\n  private _dragStartX = 0;\n  private _dragStartScrollLeft = 0;\n  private _suppressNextClick = false;\n  private readonly _optimisticActiveTabId = signal<string | null>(null);\n  readonly isDraggingNav = signal(false);\n\n  private _getUrlParamSignal(key: string): Signal<string | null> {\n    let paramSignal = this._urlParamSignals.get(key);\n    if (!paramSignal) {\n      paramSignal = this.urlState.getParam(key);\n      this._urlParamSignals.set(key, paramSignal);\n    }\n    return paramSignal;\n  }\n\n  private _readUrlParam(key: string): string | null {\n    return this._getUrlParamSignal(key)();\n  }\n\n  private _requestFrame(callback: FrameRequestCallback): void {\n    if (isPlatformBrowser(this.platformId)) {\n      requestAnimationFrame(callback);\n    }\n  }\n\n  constructor() {\n    // Actualizar indicador cuando activeTabId cambie — debe estar en el constructor (injection context)\n    effect(() => {\n      this.activeTabId(); // dependencia reactiva\n      this._requestFrame(() => this._updateIndicator());\n    });\n  }\n\n  /** Definición de pestañas / Tab definitions */\n  tabs = input<NeuTab[]>([]);\n\n  /** QueryParam que almacena la pestaña activa / QueryParam that stores the active tab */\n  tabParam = input<string>('tab');\n\n  /** Si true, elimina el padding interno de los paneles / If true, removes the internal padding from panels */\n  flush = input<boolean>(false);\n\n  /** Etiqueta accesible del rol tablist / Accessible label for the tablist role */\n  ariaLabel = input<string>('Pestañas de contenido');\n\n  /** Emite al cambiar de pestaña / Emits when the tab changes */\n  tabChange = output<string>();\n\n  /** ID de la pestaña activa (de la URL o la primera disponible) / Active tab ID (from the URL or the first available) */\n  readonly activeTabId = computed(() => {\n    const tabList = this.tabs();\n    const fromUrl = this._readUrlParam(this.tabParam());\n    const available = tabList.find((t) => t.id === fromUrl && !t.disabled);\n    if (available) return available.id;\n\n    const optimistic = this._optimisticActiveTabId();\n    const optimisticAvailable = tabList.find((t) => t.id === optimistic && !t.disabled);\n    if (optimisticAvailable) return optimisticAvailable.id;\n\n    // Fallback: primera pestaña no deshabilitada\n    return tabList.find((t) => !t.disabled)?.id ?? '';\n  });\n\n  /** Posición del indicador calculada mediante medición DOM / Indicator position calculated via DOM measurement */\n  private readonly _indicatorLeft = signal('0px');\n  private readonly _indicatorWidth = signal('0px');\n\n  readonly indicatorStyle = computed(\n    () => `left: ${this._indicatorLeft()}; width: ${this._indicatorWidth()}`,\n  );\n\n  ngAfterViewInit(): void {\n    this._updateIndicator();\n    // Actualizar cuando cambie el tamaño del nav (p.ej. resize de ventana)\n    const nav = this.elRef.nativeElement.querySelector('.neu-tabs__nav');\n    if (nav && typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => this._updateIndicator());\n      this.resizeObserver.observe(nav);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  private _updateIndicator(): void {\n    const nav: HTMLElement | null = this.elRef.nativeElement.querySelector('.neu-tabs__nav');\n    if (!nav) return;\n    const tabEls = nav.querySelectorAll<HTMLElement>('.neu-tabs__tab');\n    const idx = this.tabs().findIndex((t) => t.id === this.activeTabId());\n    const tabEl = tabEls[idx];\n    if (tabEl) {\n      this._indicatorLeft.set(tabEl.offsetLeft + 'px');\n      this._indicatorWidth.set(tabEl.offsetWidth + 'px');\n      if (typeof tabEl.scrollIntoView === 'function') {\n        tabEl.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    }\n  }\n\n  handleTabClick(event: Event, tab: NeuTab): void {\n    if (this._suppressNextClick) {\n      event.preventDefault();\n      event.stopPropagation();\n      this._suppressNextClick = false;\n      return;\n    }\n    this.selectTab(tab);\n  }\n\n  selectTab(tab: NeuTab): void {\n    if (tab.disabled) return;\n    this._optimisticActiveTabId.set(tab.id);\n    this.urlState.setParam(this.tabParam(), tab.id);\n    this.tabChange.emit(tab.id);\n    this._requestFrame(() => this._updateIndicator());\n  }\n\n  startNavDrag(event: PointerEvent): void {\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    const target = event.target as HTMLElement | null;\n    if (!target?.closest('.neu-tabs__nav')) return;\n    if (target.closest('.neu-tabs__tab')) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    this._dragPointerId = event.pointerId;\n    this._dragStartX = event.clientX;\n    this._dragStartScrollLeft = nav.scrollLeft;\n    this.isDraggingNav.set(false);\n    nav.setPointerCapture(event.pointerId);\n  }\n\n  moveNavDrag(event: PointerEvent): void {\n    if (this._dragPointerId !== event.pointerId) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    const deltaX = event.clientX - this._dragStartX;\n    if (!this.isDraggingNav() && Math.abs(deltaX) > 6) {\n      this.isDraggingNav.set(true);\n      this._suppressNextClick = true;\n    }\n    if (!this.isDraggingNav()) return;\n\n    nav.scrollLeft = this._dragStartScrollLeft - deltaX;\n    event.preventDefault();\n  }\n\n  endNavDrag(event: PointerEvent): void {\n    if (this._dragPointerId !== event.pointerId) return;\n\n    const nav = event.currentTarget as HTMLElement;\n    if (nav.hasPointerCapture(event.pointerId)) {\n      nav.releasePointerCapture(event.pointerId);\n    }\n    this._dragPointerId = null;\n    if (this.isDraggingNav()) {\n      this._requestFrame(() => this.isDraggingNav.set(false));\n    }\n  }\n\n  /** Mueve el foco entre tabs con flechas (roving tabindex — WAI-ARIA Tabs Pattern) / Moves focus between tabs with arrows (roving tabindex — WAI-ARIA Tabs Pattern) */\n  focusTab(event: Event, dir: 1 | -1 | 'first' | 'last'): void {\n    event.preventDefault();\n    const enabledTabs = this.tabs().filter((t) => !t.disabled);\n    const currentIdx = enabledTabs.findIndex((t) => t.id === this.activeTabId());\n    let nextIdx: number;\n    if (dir === 'first') {\n      nextIdx = 0;\n    } else if (dir === 'last') {\n      nextIdx = enabledTabs.length - 1;\n    } else {\n      nextIdx = (currentIdx + dir + enabledTabs.length) % enabledTabs.length;\n    }\n    const next = enabledTabs[nextIdx];\n    this.selectTab(next);\n    const btn = (this.elRef.nativeElement as HTMLElement).querySelector(\n      `#neu-tab-${next.id}`,\n    ) as HTMLElement | null;\n    btn?.focus();\n  }\n}\n\n// ----------------------------------------------------------------\n// NeuTabPanelComponent — panel individual (usa DI para el contexto)\n// ----------------------------------------------------------------\n\n/**\n * NeuralUI Tab Panel\n *\n * Panel de contenido asociado a una pestaña de NeuTabsComponent. / Content panel associated with a NeuTabsComponent tab.\n * Solo se renderiza (no oculta con CSS) cuando la pestaña está activa. / Only rendered (not hidden with CSS) when the tab is active.\n *\n * Uso: hijo directo de <neu-tabs>\n *   <neu-tab-panel tabId=\"api\">...</neu-tab-panel>\n */\n@Component({\n  selector: 'neu-tab-panel',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (isActive()) {\n      <div\n        class=\"neu-tab-panel\"\n        role=\"tabpanel\"\n        [id]=\"'neu-tabpanel-' + tabId()\"\n        [attr.aria-labelledby]=\"'neu-tab-' + tabId()\"\n      >\n        <ng-content />\n      </div>\n    }\n  `,\n})\nexport class NeuTabPanelComponent {\n  private readonly tabs = inject(NEU_TABS_CONTEXT, { optional: true });\n\n  /** ID que debe coincidir con NeuTab.id del padre / ID that must match the parent NeuTab.id */\n  tabId = input.required<string>();\n\n  readonly isActive = computed(() => this.tabs?.activeTabId() === this.tabId());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neural-ui/core",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "Modern Angular UI component library built with signals, standalone components, and OnPush change detection.",
   "author": "PedroMorenoTrujillo",
   "keywords": [

package/styles/_tokens.scss

@@ -339,7 +339,8 @@
   --neu-primary-light: #339dff;
   --neu-primary-50: rgba(0, 122, 255, 0.12);
   --neu-primary-100: rgba(0, 122, 255, 0.2);
-  --neu-primary-solid: #007aff;
+  // Opaque blue chosen to keep white text above WCAG AA in dark surfaces.
+  --neu-primary-solid: #006ee6;
   --neu-primary-solid-hover: #005fcc;
 
   // ---- Fondos / Backgrounds ----
@@ -356,8 +357,8 @@
 
   // ---- Texto / Text ----
   --neu-text: #e6edf3; // Casi blanco — texto principal
-  --neu-text-muted: #8b949e; // Slate-400 equivalent — subtítulos
-  --neu-text-disabled: #8b949e; // Elementos deshabilitados; conserva contraste sobre surface-2
+  --neu-text-muted: #a9b2bc; // AA-safe secondary text on dark surfaces
+  --neu-text-disabled: #a9b2bc; // Keeps disabled form labels legible on surface-2
   --neu-knob-display-color: #f8fafc;
   --neu-knob-label-color: #8b949e;
 

package/types/neural-ui-core-autocomplete.d.ts

@@ -74,6 +74,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly _viewportMargin = 16;
     readonly overlayPositions: ConnectedPosition[];
     private readonly _document;
+    private readonly _platformId;
     private readonly _overlay;
     readonly overlayScrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     private _onChange;
@@ -101,6 +102,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     _closePanel(): void;
     private _scrollActiveOptionIntoView;
     private _syncOverlayWidth;
+    private _requestFrame;
     writeValue(val: unknown): void;
     registerOnChange(fn: (v: unknown) => void): void;
     registerOnTouched(fn: () => void): void;

package/types/neural-ui-core-dashboard-grid.d.ts

@@ -24,6 +24,7 @@ interface NeuDashboardTileConfig {
  */
 declare class NeuDashboardGridComponent {
     private readonly _host;
+    private readonly _platformId;
     readonly tiles: _angular_core.InputSignal<NeuDashboardTileConfig[]>;
     readonly columns: _angular_core.InputSignal<number>;
     /** Emitido cuando el orden cambia / Emitted when order changes */

package/types/neural-ui-core-multiselect.d.ts

@@ -40,6 +40,7 @@ declare class NeuMultiselectItemDirective {
 declare class NeuMultiselectComponent implements ControlValueAccessor {
     private readonly elementRef;
     private readonly _document;
+    private readonly _platformId;
     private readonly _overlay;
     private readonly _urlState;
     readonly _viewportMargin = 16;
@@ -155,6 +156,7 @@ declare class NeuMultiselectComponent implements ControlValueAccessor {
     private focusOption;
     private resetPanelPosition;
     private refreshVirtualViewport;
+    private _requestFrame;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuMultiselectComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMultiselectComponent, "neu-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "unselectAllLabel": { "alias": "unselectAllLabel"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl"], never, true, never>;
 }

package/types/neural-ui-core-select.d.ts

@@ -75,6 +75,7 @@ declare class NeuSelectSelectedDirective {
 declare class NeuSelectComponent implements ControlValueAccessor {
     private readonly elementRef;
     private readonly _document;
+    private readonly _platformId;
     private readonly _overlay;
     private readonly _urlState;
     readonly _viewportMargin = 16;
@@ -185,6 +186,7 @@ declare class NeuSelectComponent implements ControlValueAccessor {
     private focusFirstOption;
     private focusOption;
     private resetPanelPosition;
+    private _requestFrame;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSelectComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSelectComponent, "neu-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl", "selectedItemTpl"], never, true, never>;
 }

package/types/neural-ui-core-tabs.d.ts

@@ -27,6 +27,7 @@ interface NeuTab {
 declare class NeuTabsComponent implements AfterViewInit, OnDestroy {
     private readonly urlState;
     private readonly elRef;
+    private readonly platformId;
     private resizeObserver?;
     private readonly _urlParamSignals;
     private _dragPointerId;
@@ -37,6 +38,7 @@ declare class NeuTabsComponent implements AfterViewInit, OnDestroy {
     readonly isDraggingNav: _angular_core.WritableSignal<boolean>;
     private _getUrlParamSignal;
     private _readUrlParam;
+    private _requestFrame;
     constructor();
     /** Definición de pestañas / Tab definitions */
     tabs: _angular_core.InputSignal<NeuTab[]>;