@neural-ui/core 1.5.14 → 1.6.1

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

@@ -50,31 +50,39 @@ class NeuSidebarComponent {
     document = inject(DOCUMENT);
     elementRef = inject(ElementRef);
     urlState = inject(NeuUrlStateService);
-    openParam = computed(() => this.urlState.getParam(this.urlParam()), ...(ngDevMode ? [{ debugName: "openParam" }] : /* istanbul ignore next */ []));
+    openParam = computed(() => this.urlState.getParam(this.urlParam()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openParam" }] : /* istanbul ignore next */ []));
     previousActiveElement = null;
     /** Posición del sidebar: izquierda o derecha de la pantalla / Sidebar position: left or right of the screen */
-    side = input('left', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    side = input('left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
     /** QueryParam que controla el estado. Default: 'menu' (?menu=open) / QueryParam that controls the state. Default: 'menu' (?menu=open) */
-    urlParam = input('menu', ...(ngDevMode ? [{ debugName: "urlParam" }] : /* istanbul ignore next */ []));
+    urlParam = input('menu', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "urlParam" }] : /* istanbul ignore next */ []));
     /**
      * Modo persistente: el sidebar está siempre visible como parte del layout.
      * Usar en desktop (≥768px). El overlay y el toggle por URL no aplican.
      */
-    persistent = input(false, ...(ngDevMode ? [{ debugName: "persistent" }] : /* istanbul ignore next */ []));
+    persistent = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "persistent" }] : /* istanbul ignore next */ []));
     /**
      * Ocultar la cabecera del sidebar. Útil cuando el header ya está en el layout
      * principal y el sidebar persistente no necesita su propio header.
      */
-    hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : /* istanbul ignore next */ []));
+    hideHeader = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hideHeader" }] : /* istanbul ignore next */ []));
     /** Etiqueta accesible para el <aside> / Accessible label for the <aside> */
-    ariaLabel = input('Menú de navegación', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Menú de navegación', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     /** Etiqueta accesible para el botón cerrar / Accessible label for the close button */
-    closeLabel = input('Cerrar menú de navegación', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
+    closeLabel = input('Cerrar menú de navegación', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
     /**
      * Modo colapsado: el sidebar muestra solo iconos (icon-only en desktop).
      * Útil para sidebars persistentes en modo compact / Collapsed mode: sidebar shows only icons.
      */
-    collapsed = input(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    collapsed = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
     /** Emite cuando el usuario cierra el sidebar (overlay click o botón) / Emits when the user closes the sidebar (overlay click or button) */
     closeRequested = output();
     /** Emite cuando el estado collapsed cambia / Emits when collapsed state changes */
@@ -84,7 +92,8 @@ class NeuSidebarComponent {
         if (this.persistent())
             return true;
         return this.openParam()() === 'open';
-    }, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     constructor() {
         effect((onCleanup) => {
             const shouldLockScroll = !this.persistent() && this.isOpen();
@@ -186,8 +195,8 @@ class NeuSidebarComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuSidebarComponent, isStandalone: true, selector: "neu-sidebar", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, urlParam: { classPropertyName: "urlParam", publicName: "urlParam", isSignal: true, isRequired: false, transformFunction: null }, persistent: { classPropertyName: "persistent", publicName: "persistent", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested", collapsedChange: "collapsedChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuSidebarComponent, isStandalone: true, selector: "neu-sidebar", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, urlParam: { classPropertyName: "urlParam", publicName: "urlParam", isSignal: true, isRequired: false, transformFunction: null }, persistent: { classPropertyName: "persistent", publicName: "persistent", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested", collapsedChange: "collapsedChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: `
     <!-- Overlay de fondo — solo visible en modo overlay -->
     @if (!persistent()) {
       <div
@@ -206,7 +215,7 @@ class NeuSidebarComponent {
       [class.neu-sidebar--collapsed]="collapsed()"
       [class.neu-sidebar--right]="side() === 'right'"
       [attr.role]="persistent() ? 'navigation' : 'dialog'"
-      [attr.aria-modal]="!persistent()"
+      [attr.aria-modal]="persistent() ? null : 'true'"
       [attr.aria-label]="ariaLabel()"
       [attr.aria-hidden]="!isOpen() && !persistent()"
       [attr.inert]="!isOpen() && !persistent() ? '' : null"
@@ -242,7 +251,7 @@ class NeuSidebarComponent {
     </aside>
   `, isInline: true, styles: [".neu-sidebar__overlay{position:fixed;inset:0;background:var(--neu-overlay-bg-soft);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--neu-z-overlay);opacity:0;pointer-events:none;transition:opacity var(--neu-transition-slow)}.neu-sidebar__overlay--visible{opacity:1;pointer-events:all}.neu-sidebar{position:fixed;top:0;left:0;height:100dvh;width:100%;background:var(--neu-sidebar-bg, var(--neu-surface));border-right:1px solid var(--neu-border);z-index:var(--neu-z-sidebar);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--neu-transition-slow),box-shadow var(--neu-transition-slow);overflow:hidden}@media(min-width:400px){.neu-sidebar{width:var(--neu-sidebar-width, 260px)}}.neu-sidebar--open:not(.neu-sidebar--persistent):not(.neu-sidebar--right){transform:translate(0);box-shadow:var(--neu-shadow-lg)}.neu-sidebar--right{left:auto;right:0;border-right:none;border-left:1px solid var(--neu-border);transform:translate(100%)}.neu-sidebar--right.neu-sidebar--open:not(.neu-sidebar--persistent){transform:translate(0);box-shadow:var(--neu-shadow-lg)}.neu-sidebar--persistent{position:sticky;top:var(--neu-header-height);height:calc(100dvh - var(--neu-header-height));transform:none;box-shadow:none;border-right:1px solid var(--neu-border);flex-shrink:0;z-index:var(--neu-z-base)}.neu-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--neu-space-5);min-height:var(--neu-header-height, 64px);border-bottom:1px solid var(--neu-border);flex-shrink:0}.neu-sidebar__title{font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:700;letter-spacing:-.01em;color:var(--neu-text)}.neu-sidebar__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--neu-radius);color:var(--neu-text-muted);cursor:pointer;flex-shrink:0;transition:background-color var(--neu-transition),color var(--neu-transition),border-color var(--neu-transition)}.neu-sidebar__close:hover{background:var(--neu-surface-2);color:var(--neu-text);border-color:var(--neu-border)}.neu-sidebar__close:focus-visible{outline:none;box-shadow:var(--neu-focus-ring-strong)}.neu-sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--neu-space-3) 0;scrollbar-width:thin;scrollbar-color:var(--neu-surface-3) transparent}.neu-sidebar__content::-webkit-scrollbar{width:4px}.neu-sidebar__content::-webkit-scrollbar-track{background:transparent}.neu-sidebar__content::-webkit-scrollbar-thumb{background:var(--neu-surface-3);border-radius:var(--neu-radius-full)}.neu-sidebar__footer{padding:var(--neu-space-4) var(--neu-space-5);border-top:1px solid var(--neu-border);flex-shrink:0}.neu-sidebar__footer:empty{display:none}.neu-sidebar--collapsed{width:var(--neu-sidebar-collapsed-width, 60px)!important}.neu-sidebar--collapsed .neu-sidebar__header{flex-direction:column;justify-content:center;padding:0;min-height:var(--neu-header-height, 64px)}.neu-sidebar--collapsed .neu-sidebar__header .neu-sidebar__title{display:none}.neu-sidebar--collapsed .neu-sidebar__content{padding:var(--neu-space-2) 0}.neu-sidebar--collapsed a span:not([neu-sidebar-header]),.neu-sidebar--collapsed button span:not([neu-sidebar-header]){max-width:0;overflow:hidden;opacity:0;transition:max-width var(--neu-transition),opacity var(--neu-transition)}.neu-sidebar--collapsed .neu-sidebar__footer{padding:var(--neu-space-2) var(--neu-space-3);min-height:auto}.neu-sidebar--collapsed .neu-sidebar__footer span{display:none}.neu-sidebar--collapsed .neu-sidebar__close{width:40px;height:40px}\n"], dependencies: [{ kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-sidebar', imports: [NeuIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <!-- Overlay de fondo — solo visible en modo overlay -->
@@ -263,7 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
       [class.neu-sidebar--collapsed]="collapsed()"
       [class.neu-sidebar--right]="side() === 'right'"
       [attr.role]="persistent() ? 'navigation' : 'dialog'"
-      [attr.aria-modal]="!persistent()"
+      [attr.aria-modal]="persistent() ? null : 'true'"
       [attr.aria-label]="ariaLabel()"
       [attr.aria-hidden]="!isOpen() && !persistent()"
       [attr.inert]="!isOpen() && !persistent() ? '' : null"

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-sidebar.mjs","sources":["../../../../projects/ui-core/sidebar/neu-sidebar.component.ts","../../../../projects/ui-core/sidebar/neural-ui-core-sidebar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  ElementRef,\n  HostListener,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { NeuUrlStateService } from '@neural-ui/core/url-state';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nlet overlayScrollLockCount = 0;\nlet previousHtmlOverflow = '';\nlet previousBodyOverflow = '';\n\nfunction lockDocumentScroll(document: Document): void {\n  if (overlayScrollLockCount === 0) {\n    previousHtmlOverflow = document.documentElement.style.overflow;\n    previousBodyOverflow = document.body.style.overflow;\n    document.documentElement.style.overflow = 'hidden';\n    document.body.style.overflow = 'hidden';\n  }\n\n  overlayScrollLockCount += 1;\n}\n\nfunction unlockDocumentScroll(document: Document): void {\n  if (overlayScrollLockCount === 0) {\n    return;\n  }\n\n  overlayScrollLockCount -= 1;\n\n  if (overlayScrollLockCount === 0) {\n    document.documentElement.style.overflow = previousHtmlOverflow;\n    document.body.style.overflow = previousBodyOverflow;\n  }\n}\n\n/**\n * NeuralUI Sidebar Component\n *\n * El estado abierto/cerrado se gestiona automáticamente desde la URL / The open/closed state is automatically managed from the URL\n * via NeuUrlStateService (?menu=open por defecto). / via NeuUrlStateService (?menu=open by default).\n *\n * Modos:\n *   - overlay (default): panel flotante sobre el contenido con backdrop / floating panel above content with backdrop\n *   - persistent: sidebar fijo integrado en el layout (desktop) / fixed sidebar integrated in the layout (desktop)\n *\n * Uso:\n *   <neu-sidebar urlParam=\"menu\" [persistent]=\"isDesktop()\">\n *     <span neu-sidebar-header>Mi App</span>\n *     <nav>...</nav>\n *     <div neu-sidebar-footer>...</div>\n *   </neu-sidebar>\n *\n * Abrir desde cualquier parte: / Open from anywhere:\n *   inject(NeuUrlStateService).setParam('menu', 'open', false);\n */\n@Component({\n  selector: 'neu-sidebar',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- Overlay de fondo — solo visible en modo overlay -->\n    @if (!persistent()) {\n      <div\n        class=\"neu-sidebar__overlay\"\n        [class.neu-sidebar__overlay--visible]=\"isOpen()\"\n        (click)=\"close()\"\n        aria-hidden=\"true\"\n      ></div>\n    }\n\n    <!-- Panel lateral -->\n    <aside\n      class=\"neu-sidebar\"\n      [class.neu-sidebar--open]=\"isOpen()\"\n      [class.neu-sidebar--persistent]=\"persistent()\"\n      [class.neu-sidebar--collapsed]=\"collapsed()\"\n      [class.neu-sidebar--right]=\"side() === 'right'\"\n      [attr.role]=\"persistent() ? 'navigation' : 'dialog'\"\n      [attr.aria-modal]=\"!persistent()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-hidden]=\"!isOpen() && !persistent()\"\n      [attr.inert]=\"!isOpen() && !persistent() ? '' : null\"\n    >\n      <!-- Cabecera -->\n      @if (!hideHeader()) {\n        <div class=\"neu-sidebar__header\">\n          <div class=\"neu-sidebar__title\">\n            <ng-content select=\"[neu-sidebar-header]\" />\n          </div>\n          @if (!persistent()) {\n            <button\n              class=\"neu-sidebar__close\"\n              (click)=\"close()\"\n              [attr.aria-label]=\"closeLabel()\"\n              type=\"button\"\n            >\n              <neu-icon name=\"lucideX\" size=\"18px\" aria-hidden=\"true\" />\n            </button>\n          }\n        </div>\n      }\n\n      <!-- Contenido -->\n      <div class=\"neu-sidebar__content\">\n        <ng-content />\n      </div>\n\n      <!-- Footer -->\n      <div class=\"neu-sidebar__footer\">\n        <ng-content select=\"[neu-sidebar-footer]\" />\n      </div>\n    </aside>\n  `,\n  styleUrl: './neu-sidebar.component.scss',\n})\nexport class NeuSidebarComponent {\n  private readonly document = inject(DOCUMENT);\n  private readonly elementRef = inject(ElementRef);\n  private readonly urlState = inject(NeuUrlStateService);\n  private readonly openParam = computed(() => this.urlState.getParam(this.urlParam()));\n  private previousActiveElement: HTMLElement | null = null;\n\n  /** Posición del sidebar: izquierda o derecha de la pantalla / Sidebar position: left or right of the screen */\n  side = input<'left' | 'right'>('left');\n\n  /** QueryParam que controla el estado. Default: 'menu' (?menu=open) / QueryParam that controls the state. Default: 'menu' (?menu=open) */\n  urlParam = input<string>('menu');\n\n  /**\n   * Modo persistente: el sidebar está siempre visible como parte del layout.\n   * Usar en desktop (≥768px). El overlay y el toggle por URL no aplican.\n   */\n  persistent = input<boolean>(false);\n\n  /**\n   * Ocultar la cabecera del sidebar. Útil cuando el header ya está en el layout\n   * principal y el sidebar persistente no necesita su propio header.\n   */\n  hideHeader = input<boolean>(false);\n\n  /** Etiqueta accesible para el <aside> / Accessible label for the <aside> */\n  ariaLabel = input<string>('Menú de navegación');\n\n  /** Etiqueta accesible para el botón cerrar / Accessible label for the close button */\n  closeLabel = input<string>('Cerrar menú de navegación');\n\n  /**\n   * Modo colapsado: el sidebar muestra solo iconos (icon-only en desktop).\n   * Útil para sidebars persistentes en modo compact / Collapsed mode: sidebar shows only icons.\n   */\n  collapsed = input<boolean>(false);\n\n  /** Emite cuando el usuario cierra el sidebar (overlay click o botón) / Emits when the user closes the sidebar (overlay click or button) */\n  closeRequested = output<void>();\n\n  /** Emite cuando el estado collapsed cambia / Emits when collapsed state changes */\n  collapsedChange = output<boolean>();\n\n  /** Signal reactivo: true si el sidebar debe mostrarse / Reactive signal: true if the sidebar should be shown */\n  readonly isOpen = computed(() => {\n    if (this.persistent()) return true;\n    return this.openParam()() === 'open';\n  });\n\n  constructor() {\n    effect((onCleanup) => {\n      const shouldLockScroll = !this.persistent() && this.isOpen();\n\n      if (!shouldLockScroll) {\n        return;\n      }\n\n      lockDocumentScroll(this.document);\n\n      onCleanup(() => {\n        unlockDocumentScroll(this.document);\n      });\n    });\n\n    // Focus management: save previous element and move focus to sidebar when opening in drawer mode\n    effect(() => {\n      const isOpenNow = this.isOpen();\n      const isPersistent = this.persistent();\n\n      if (isPersistent) {\n        return;\n      }\n\n      if (isOpenNow) {\n        // Save the current active element\n        this.previousActiveElement = this.document.activeElement as HTMLElement;\n\n        // Move focus to first focusable element inside the sidebar\n        this.focusFirstElement();\n      } else if (this.previousActiveElement && this.previousActiveElement.focus) {\n        // Restore focus to the element that had it before opening\n        setTimeout(() => {\n          this.previousActiveElement?.focus();\n          this.previousActiveElement = null;\n        }, 0);\n      }\n    });\n  }\n\n  /** Abre el sidebar — añade ?{urlParam}=open a la URL / Opens the sidebar — adds ?{urlParam}=open to the URL */\n  open(replaceUrl = false): void {\n    this.urlState.setParam(this.urlParam(), 'open', replaceUrl);\n  }\n\n  /** Cierra el sidebar — elimina el parámetro de la URL / Closes the sidebar — removes the URL parameter */\n  close(): void {\n    this.urlState.setParam(this.urlParam(), null, true);\n    this.closeRequested.emit();\n  }\n\n  /** Alterna el estado collapsed / Toggles collapsed state */\n  toggleCollapsed(): void {\n    const newState = !this.collapsed();\n    this.collapsedChange.emit(newState);\n  }\n\n  /** Obtiene los elementos focusables dentro del sidebar / Gets focusable elements inside sidebar */\n  private getFocusableElements(): HTMLElement[] {\n    const focusableSelectors = [\n      'button',\n      'a[href]',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n\n    const aside = this.elementRef.nativeElement.querySelector('aside.neu-sidebar');\n    if (!aside) {\n      return [];\n    }\n\n    return Array.from(aside.querySelectorAll(focusableSelectors)) as HTMLElement[];\n  }\n\n  /** Mueve el foco al primer elemento focusable / Moves focus to first focusable element */\n  private focusFirstElement(): void {\n    setTimeout(() => {\n      const focusable = this.getFocusableElements();\n      if (focusable.length > 0) {\n        focusable[0].focus();\n      }\n    }, 0);\n  }\n\n  /** Focus trap: cicla entre elementos focusables con Tab/Shift+Tab / Focus trap cycling */\n  @HostListener('keydown', ['$event'])\n  onKeyDown(event: KeyboardEvent): void {\n    if (!this.isOpen() || this.persistent()) {\n      return;\n    }\n\n    if (event.key !== 'Tab') {\n      return;\n    }\n\n    const focusable = this.getFocusableElements();\n    if (focusable.length === 0) {\n      return;\n    }\n\n    const activeElement = this.document.activeElement as HTMLElement;\n    const currentIndex = focusable.indexOf(activeElement);\n\n    if (event.shiftKey) {\n      // Shift+Tab — go to previous\n      if (currentIndex <= 0) {\n        event.preventDefault();\n        focusable[focusable.length - 1].focus();\n      }\n    } else {\n      // Tab — go to next\n      if (currentIndex >= focusable.length - 1) {\n        event.preventDefault();\n        focusable[0].focus();\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-sidebar.mjs","sources":["../../../../projects/ui-core/sidebar/neu-sidebar.component.ts","../../../../projects/ui-core/sidebar/neural-ui-core-sidebar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  ElementRef,\n  HostListener,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { NeuUrlStateService } from '@neural-ui/core/url-state';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nlet overlayScrollLockCount = 0;\nlet previousHtmlOverflow = '';\nlet previousBodyOverflow = '';\n\nfunction lockDocumentScroll(document: Document): void {\n  if (overlayScrollLockCount === 0) {\n    previousHtmlOverflow = document.documentElement.style.overflow;\n    previousBodyOverflow = document.body.style.overflow;\n    document.documentElement.style.overflow = 'hidden';\n    document.body.style.overflow = 'hidden';\n  }\n\n  overlayScrollLockCount += 1;\n}\n\nfunction unlockDocumentScroll(document: Document): void {\n  if (overlayScrollLockCount === 0) {\n    return;\n  }\n\n  overlayScrollLockCount -= 1;\n\n  if (overlayScrollLockCount === 0) {\n    document.documentElement.style.overflow = previousHtmlOverflow;\n    document.body.style.overflow = previousBodyOverflow;\n  }\n}\n\n/**\n * NeuralUI Sidebar Component\n *\n * El estado abierto/cerrado se gestiona automáticamente desde la URL / The open/closed state is automatically managed from the URL\n * via NeuUrlStateService (?menu=open por defecto). / via NeuUrlStateService (?menu=open by default).\n *\n * Modos:\n *   - overlay (default): panel flotante sobre el contenido con backdrop / floating panel above content with backdrop\n *   - persistent: sidebar fijo integrado en el layout (desktop) / fixed sidebar integrated in the layout (desktop)\n *\n * Uso:\n *   <neu-sidebar urlParam=\"menu\" [persistent]=\"isDesktop()\">\n *     <span neu-sidebar-header>Mi App</span>\n *     <nav>...</nav>\n *     <div neu-sidebar-footer>...</div>\n *   </neu-sidebar>\n *\n * Abrir desde cualquier parte: / Open from anywhere:\n *   inject(NeuUrlStateService).setParam('menu', 'open', false);\n */\n@Component({\n  selector: 'neu-sidebar',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- Overlay de fondo — solo visible en modo overlay -->\n    @if (!persistent()) {\n      <div\n        class=\"neu-sidebar__overlay\"\n        [class.neu-sidebar__overlay--visible]=\"isOpen()\"\n        (click)=\"close()\"\n        aria-hidden=\"true\"\n      ></div>\n    }\n\n    <!-- Panel lateral -->\n    <aside\n      class=\"neu-sidebar\"\n      [class.neu-sidebar--open]=\"isOpen()\"\n      [class.neu-sidebar--persistent]=\"persistent()\"\n      [class.neu-sidebar--collapsed]=\"collapsed()\"\n      [class.neu-sidebar--right]=\"side() === 'right'\"\n      [attr.role]=\"persistent() ? 'navigation' : 'dialog'\"\n      [attr.aria-modal]=\"persistent() ? null : 'true'\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-hidden]=\"!isOpen() && !persistent()\"\n      [attr.inert]=\"!isOpen() && !persistent() ? '' : null\"\n    >\n      <!-- Cabecera -->\n      @if (!hideHeader()) {\n        <div class=\"neu-sidebar__header\">\n          <div class=\"neu-sidebar__title\">\n            <ng-content select=\"[neu-sidebar-header]\" />\n          </div>\n          @if (!persistent()) {\n            <button\n              class=\"neu-sidebar__close\"\n              (click)=\"close()\"\n              [attr.aria-label]=\"closeLabel()\"\n              type=\"button\"\n            >\n              <neu-icon name=\"lucideX\" size=\"18px\" aria-hidden=\"true\" />\n            </button>\n          }\n        </div>\n      }\n\n      <!-- Contenido -->\n      <div class=\"neu-sidebar__content\">\n        <ng-content />\n      </div>\n\n      <!-- Footer -->\n      <div class=\"neu-sidebar__footer\">\n        <ng-content select=\"[neu-sidebar-footer]\" />\n      </div>\n    </aside>\n  `,\n  styleUrl: './neu-sidebar.component.scss',\n})\nexport class NeuSidebarComponent {\n  private readonly document = inject(DOCUMENT);\n  private readonly elementRef = inject(ElementRef);\n  private readonly urlState = inject(NeuUrlStateService);\n  private readonly openParam = computed(() => this.urlState.getParam(this.urlParam()));\n  private previousActiveElement: HTMLElement | null = null;\n\n  /** Posición del sidebar: izquierda o derecha de la pantalla / Sidebar position: left or right of the screen */\n  side = input<'left' | 'right'>('left');\n\n  /** QueryParam que controla el estado. Default: 'menu' (?menu=open) / QueryParam that controls the state. Default: 'menu' (?menu=open) */\n  urlParam = input<string>('menu');\n\n  /**\n   * Modo persistente: el sidebar está siempre visible como parte del layout.\n   * Usar en desktop (≥768px). El overlay y el toggle por URL no aplican.\n   */\n  persistent = input<boolean>(false);\n\n  /**\n   * Ocultar la cabecera del sidebar. Útil cuando el header ya está en el layout\n   * principal y el sidebar persistente no necesita su propio header.\n   */\n  hideHeader = input<boolean>(false);\n\n  /** Etiqueta accesible para el <aside> / Accessible label for the <aside> */\n  ariaLabel = input<string>('Menú de navegación');\n\n  /** Etiqueta accesible para el botón cerrar / Accessible label for the close button */\n  closeLabel = input<string>('Cerrar menú de navegación');\n\n  /**\n   * Modo colapsado: el sidebar muestra solo iconos (icon-only en desktop).\n   * Útil para sidebars persistentes en modo compact / Collapsed mode: sidebar shows only icons.\n   */\n  collapsed = input<boolean>(false);\n\n  /** Emite cuando el usuario cierra el sidebar (overlay click o botón) / Emits when the user closes the sidebar (overlay click or button) */\n  closeRequested = output<void>();\n\n  /** Emite cuando el estado collapsed cambia / Emits when collapsed state changes */\n  collapsedChange = output<boolean>();\n\n  /** Signal reactivo: true si el sidebar debe mostrarse / Reactive signal: true if the sidebar should be shown */\n  readonly isOpen = computed(() => {\n    if (this.persistent()) return true;\n    return this.openParam()() === 'open';\n  });\n\n  constructor() {\n    effect((onCleanup) => {\n      const shouldLockScroll = !this.persistent() && this.isOpen();\n\n      if (!shouldLockScroll) {\n        return;\n      }\n\n      lockDocumentScroll(this.document);\n\n      onCleanup(() => {\n        unlockDocumentScroll(this.document);\n      });\n    });\n\n    // Focus management: save previous element and move focus to sidebar when opening in drawer mode\n    effect(() => {\n      const isOpenNow = this.isOpen();\n      const isPersistent = this.persistent();\n\n      if (isPersistent) {\n        return;\n      }\n\n      if (isOpenNow) {\n        // Save the current active element\n        this.previousActiveElement = this.document.activeElement as HTMLElement;\n\n        // Move focus to first focusable element inside the sidebar\n        this.focusFirstElement();\n      } else if (this.previousActiveElement && this.previousActiveElement.focus) {\n        // Restore focus to the element that had it before opening\n        setTimeout(() => {\n          this.previousActiveElement?.focus();\n          this.previousActiveElement = null;\n        }, 0);\n      }\n    });\n  }\n\n  /** Abre el sidebar — añade ?{urlParam}=open a la URL / Opens the sidebar — adds ?{urlParam}=open to the URL */\n  open(replaceUrl = false): void {\n    this.urlState.setParam(this.urlParam(), 'open', replaceUrl);\n  }\n\n  /** Cierra el sidebar — elimina el parámetro de la URL / Closes the sidebar — removes the URL parameter */\n  close(): void {\n    this.urlState.setParam(this.urlParam(), null, true);\n    this.closeRequested.emit();\n  }\n\n  /** Alterna el estado collapsed / Toggles collapsed state */\n  toggleCollapsed(): void {\n    const newState = !this.collapsed();\n    this.collapsedChange.emit(newState);\n  }\n\n  /** Obtiene los elementos focusables dentro del sidebar / Gets focusable elements inside sidebar */\n  private getFocusableElements(): HTMLElement[] {\n    const focusableSelectors = [\n      'button',\n      'a[href]',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n\n    const aside = this.elementRef.nativeElement.querySelector('aside.neu-sidebar');\n    if (!aside) {\n      return [];\n    }\n\n    return Array.from(aside.querySelectorAll(focusableSelectors)) as HTMLElement[];\n  }\n\n  /** Mueve el foco al primer elemento focusable / Moves focus to first focusable element */\n  private focusFirstElement(): void {\n    setTimeout(() => {\n      const focusable = this.getFocusableElements();\n      if (focusable.length > 0) {\n        focusable[0].focus();\n      }\n    }, 0);\n  }\n\n  /** Focus trap: cicla entre elementos focusables con Tab/Shift+Tab / Focus trap cycling */\n  @HostListener('keydown', ['$event'])\n  onKeyDown(event: KeyboardEvent): void {\n    if (!this.isOpen() || this.persistent()) {\n      return;\n    }\n\n    if (event.key !== 'Tab') {\n      return;\n    }\n\n    const focusable = this.getFocusableElements();\n    if (focusable.length === 0) {\n      return;\n    }\n\n    const activeElement = this.document.activeElement as HTMLElement;\n    const currentIndex = focusable.indexOf(activeElement);\n\n    if (event.shiftKey) {\n      // Shift+Tab — go to previous\n      if (currentIndex <= 0) {\n        event.preventDefault();\n        focusable[focusable.length - 1].focus();\n      }\n    } else {\n      // Tab — go to next\n      if (currentIndex >= focusable.length - 1) {\n        event.preventDefault();\n        focusable[0].focus();\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -12,14 +12,18 @@ import { input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@a
  *   <neu-skeleton variant="text" />
  */
 class NeuSkeletonComponent {
-    variant = input('rect', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    height = input('16px', ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-    borderRadius = input('', ...(ngDevMode ? [{ debugName: "borderRadius" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NeuSkeletonComponent, isStandalone: true, selector: "neu-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.neu-skeleton--text": "variant() === \"text\"", "class.neu-skeleton--circle": "variant() === \"circle\"", "class.neu-skeleton--rect": "variant() === \"rect\"", "style.width": "width()", "style.height": "height()", "style.border-radius": "borderRadius()" }, classAttribute: "neu-skeleton" }, ngImport: i0, template: '', isInline: true, styles: [".neu-skeleton{display:block;background:linear-gradient(90deg,var(--neu-surface-2) 25%,var(--neu-surface-3) 50%,var(--neu-surface-2) 75%);background-size:200% 100%;animation:neu-skeleton-shimmer 1.5s ease-in-out infinite}.neu-skeleton--rect{border-radius:var(--neu-radius)}.neu-skeleton--text{border-radius:var(--neu-radius-sm);height:14px;width:100%}.neu-skeleton--text:not(:last-child){margin-bottom:var(--neu-space-2)}.neu-skeleton--circle{border-radius:var(--neu-radius-full)}@keyframes neu-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    variant = input('rect', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    width = input('100%', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input('16px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    borderRadius = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "borderRadius" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: NeuSkeletonComponent, isStandalone: true, selector: "neu-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.neu-skeleton--text": "variant() === \"text\"", "class.neu-skeleton--circle": "variant() === \"circle\"", "class.neu-skeleton--rect": "variant() === \"rect\"", "style.width": "width()", "style.height": "height()", "style.border-radius": "borderRadius()" }, classAttribute: "neu-skeleton" }, ngImport: i0, template: '', isInline: true, styles: [".neu-skeleton{display:block;background:linear-gradient(90deg,var(--neu-surface-2) 25%,var(--neu-surface-3) 50%,var(--neu-surface-2) 75%);background-size:200% 100%;animation:neu-skeleton-shimmer 1.5s ease-in-out infinite}.neu-skeleton--rect{border-radius:var(--neu-radius)}.neu-skeleton--text{border-radius:var(--neu-radius-sm);height:14px;width:100%}.neu-skeleton--text:not(:last-child){margin-bottom:var(--neu-space-2)}.neu-skeleton--circle{border-radius:var(--neu-radius-full)}@keyframes neu-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-skeleton', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'neu-skeleton',

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-skeleton.mjs","sources":["../../../../projects/ui-core/skeleton/neu-skeleton.component.ts","../../../../projects/ui-core/skeleton/neural-ui-core-skeleton.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * NeuralUI Skeleton Component\n *\n * Placeholder animado para simular la carga de contenido.\n *\n * Uso:\n *   <neu-skeleton width=\"100%\" height=\"20px\" />\n *   <neu-skeleton variant=\"circle\" width=\"40px\" height=\"40px\" />\n *   <neu-skeleton variant=\"text\" />\n */\n@Component({\n  selector: 'neu-skeleton',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-skeleton',\n    '[class.neu-skeleton--text]': 'variant() === \"text\"',\n    '[class.neu-skeleton--circle]': 'variant() === \"circle\"',\n    '[class.neu-skeleton--rect]': 'variant() === \"rect\"',\n    '[style.width]': 'width()',\n    '[style.height]': 'height()',\n    '[style.border-radius]': 'borderRadius()',\n  },\n  template: '',\n  styleUrl: './neu-skeleton.component.scss',\n})\nexport class NeuSkeletonComponent {\n  readonly variant = input<'text' | 'circle' | 'rect'>('rect');\n  readonly width = input<string>('100%');\n  readonly height = input<string>('16px');\n  readonly borderRadius = input<string>('');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;AASG;MAiBU,oBAAoB,CAAA;AACtB,IAAA,OAAO,GAAG,KAAK,CAA6B,MAAM,8EAAC;AACnD,IAAA,KAAK,GAAG,KAAK,CAAS,MAAM,4EAAC;AAC7B,IAAA,MAAM,GAAG,KAAK,CAAS,MAAM,6EAAC;AAC9B,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,mFAAC;uGAJ9B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,i5BAHrB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAGD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACE,cAAc,EAAA,aAAA,EACT,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,8BAA8B,EAAE,wBAAwB;AACxD,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,eAAe,EAAE,SAAS;AAC1B,wBAAA,gBAAgB,EAAE,UAAU;AAC5B,wBAAA,uBAAuB,EAAE,gBAAgB;AAC1C,qBAAA,EAAA,QAAA,EACS,EAAE,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA;;;ACzBd;;AAEG;;;;"}
+{"version":3,"file":"neural-ui-core-skeleton.mjs","sources":["../../../../projects/ui-core/skeleton/neu-skeleton.component.ts","../../../../projects/ui-core/skeleton/neural-ui-core-skeleton.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * NeuralUI Skeleton Component\n *\n * Placeholder animado para simular la carga de contenido.\n *\n * Uso:\n *   <neu-skeleton width=\"100%\" height=\"20px\" />\n *   <neu-skeleton variant=\"circle\" width=\"40px\" height=\"40px\" />\n *   <neu-skeleton variant=\"text\" />\n */\n@Component({\n  selector: 'neu-skeleton',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-skeleton',\n    '[class.neu-skeleton--text]': 'variant() === \"text\"',\n    '[class.neu-skeleton--circle]': 'variant() === \"circle\"',\n    '[class.neu-skeleton--rect]': 'variant() === \"rect\"',\n    '[style.width]': 'width()',\n    '[style.height]': 'height()',\n    '[style.border-radius]': 'borderRadius()',\n  },\n  template: '',\n  styleUrl: './neu-skeleton.component.scss',\n})\nexport class NeuSkeletonComponent {\n  readonly variant = input<'text' | 'circle' | 'rect'>('rect');\n  readonly width = input<string>('100%');\n  readonly height = input<string>('16px');\n  readonly borderRadius = input<string>('');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;AASG;MAiBU,oBAAoB,CAAA;IACtB,OAAO,GAAG,KAAK,CAA6B,MAAM;gFAAC;IACnD,KAAK,GAAG,KAAK,CAAS,MAAM;8EAAC;IAC7B,MAAM,GAAG,KAAK,CAAS,MAAM;+EAAC;IAC9B,YAAY,GAAG,KAAK,CAAS,EAAE;qFAAC;uGAJ9B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,i5BAHrB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAGD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACE,cAAc,EAAA,aAAA,EACT,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,8BAA8B,EAAE,wBAAwB;AACxD,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,eAAe,EAAE,SAAS;AAC1B,wBAAA,gBAAgB,EAAE,UAAU;AAC5B,wBAAA,uBAAuB,EAAE,gBAAgB;AAC1C,qBAAA,EAAA,QAAA,EACS,EAAE,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA;;;ACzBd;;AAEG;;;;"}

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

@@ -15,23 +15,32 @@ class NeuSliderComponent {
     static _idCounter = 0;
     sliderId = `neu-slider-${++NeuSliderComponent._idCounter}`;
     /** Valor actual / Current value */
-    value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    value = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /** Valor mínimo / Minimum value */
-    min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    min = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
     /** Valor máximo / Maximum value */
-    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    max = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
     /** Paso / Step */
-    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    step = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
     /** Etiqueta / Label */
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     /** Muestra el valor numerico / Shows the numeric value */
-    showValue = input(true, ...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
+    showValue = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
     /** Muestra min/mid/max bajo la barra / Shows min/mid/max below the bar */
-    showTicks = input(false, ...(ngDevMode ? [{ debugName: "showTicks" }] : /* istanbul ignore next */ []));
+    showTicks = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showTicks" }] : /* istanbul ignore next */ []));
     /** Unidad a mostrar junto al valor / Unit to display next to the value */
-    unit = input('', ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    unit = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
     /** Deshabilitado / Disabled */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Emite al mover el slider / Emits when the slider moves */
     valueChange = output();
     fillPercent = computed(() => {
@@ -39,13 +48,14 @@ class NeuSliderComponent {
         if (range === 0)
             return 0;
         return ((this.value() - this.min()) / range) * 100;
-    }, ...(ngDevMode ? [{ debugName: "fillPercent" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fillPercent" }] : /* istanbul ignore next */ []));
     onInput(event) {
         const val = Number(event.target.value);
         this.valueChange.emit(val);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuSliderComponent, isStandalone: true, selector: "neu-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", 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 }, showTicks: { classPropertyName: "showTicks", publicName: "showTicks", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuSliderComponent, isStandalone: true, selector: "neu-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", 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 }, showTicks: { classPropertyName: "showTicks", publicName: "showTicks", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
     <div class="neu-slider" [class.neu-slider--disabled]="disabled()">
       @if (label()) {
         <div class="neu-slider__header">
@@ -90,7 +100,7 @@ class NeuSliderComponent {
     </div>
   `, isInline: true, styles: [".neu-slider{display:flex;flex-direction:column;gap:8px;width:100%;font-family:var(--neu-font-sans)}.neu-slider--disabled{pointer-events:none}.neu-slider--disabled .neu-slider__label,.neu-slider--disabled .neu-slider__value,.neu-slider--disabled .neu-slider__ticks{color:var(--neu-text-disabled)}.neu-slider--disabled .neu-slider__track-wrap{opacity:.45}.neu-slider__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.neu-slider__label{font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted)}.neu-slider__value{font-size:var(--neu-text-xs);font-weight:600;color:var(--neu-primary-dark, var(--neu-primary));min-width:32px;text-align:right}.neu-slider__track-wrap{position:relative;height:18px;display:flex;align-items:center}.neu-slider__track{position:absolute;left:0;right:0;height:4px;background:var(--neu-surface-3);border-radius:var(--neu-radius-full);pointer-events:none}.neu-slider__fill{height:100%;background:var(--neu-primary);border-radius:var(--neu-radius-full);transition:width .05s linear}.neu-slider__input{position:relative;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;z-index:1}.neu-slider__input::-webkit-slider-runnable-track{background:transparent;height:4px}.neu-slider__input::-moz-range-track{background:transparent;height:4px}.neu-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--neu-surface);border:2.5px solid var(--neu-primary);box-shadow:0 1px 4px #00000026;transition:box-shadow .15s;cursor:pointer;margin-top:-7px}.neu-slider__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--neu-surface);border:2.5px solid var(--neu-primary);box-shadow:0 1px 4px #00000026;cursor:pointer}.neu-slider__input:hover::-webkit-slider-thumb,.neu-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--neu-primary-100)}.neu-slider__input:focus-visible{outline:none}.neu-slider__ticks{display:flex;justify-content:space-between;font-size:var(--neu-text-xs);color:var(--neu-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-slider', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="neu-slider" [class.neu-slider--disabled]="disabled()">

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-slider.mjs","sources":["../../../../projects/ui-core/slider/neu-slider.component.ts","../../../../projects/ui-core/slider/neural-ui-core-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\n\n/**\n * NeuralUI Slider Component\n *\n * Control deslizante accesible que envuelve el <input type=\"range\">\n * nativo con estilos personalizados y tooltips de valor.\n *\n * Uso:\n *   <neu-slider [value]=\"volume\" (valueChange)=\"volume = $event\" />\n *   <neu-slider [value]=\"50\" [min]=\"0\" [max]=\"100\" [step]=\"5\" [showValue]=\"true\" />\n */\n@Component({\n  selector: 'neu-slider',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-slider\" [class.neu-slider--disabled]=\"disabled()\">\n      @if (label()) {\n        <div class=\"neu-slider__header\">\n          <label class=\"neu-slider__label\" [for]=\"sliderId\">{{ label() }}</label>\n          @if (showValue()) {\n            <span class=\"neu-slider__value\">{{ value() }}{{ unit() }}</span>\n          }\n        </div>\n      } @else if (showValue()) {\n        <div class=\"neu-slider__header\">\n          <span></span>\n          <span class=\"neu-slider__value\">{{ value() }}{{ unit() }}</span>\n        </div>\n      }\n      <div class=\"neu-slider__track-wrap\">\n        <div class=\"neu-slider__track\">\n          <div class=\"neu-slider__fill\" [style.width.%]=\"fillPercent()\"></div>\n        </div>\n        <input\n          class=\"neu-slider__input\"\n          type=\"range\"\n          [id]=\"sliderId\"\n          [min]=\"min()\"\n          [max]=\"max()\"\n          [step]=\"step()\"\n          [value]=\"value()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"label() || 'Slider'\"\n          [attr.aria-valuenow]=\"value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          (input)=\"onInput($event)\"\n        />\n      </div>\n      @if (showTicks()) {\n        <div class=\"neu-slider__ticks\">\n          <span>{{ min() }}{{ unit() }}</span>\n          <span>{{ (max() - min()) / 2 + min() }}{{ unit() }}</span>\n          <span>{{ max() }}{{ unit() }}</span>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-slider.component.scss',\n})\nexport class NeuSliderComponent {\n  private static _idCounter = 0;\n  protected readonly sliderId = `neu-slider-${++NeuSliderComponent._idCounter}`;\n\n  /** Valor actual / Current value */\n  value = input<number>(0);\n\n  /** Valor mínimo / Minimum value */\n  min = input<number>(0);\n\n  /** Valor máximo / Maximum value */\n  max = input<number>(100);\n\n  /** Paso / Step */\n  step = input<number>(1);\n\n  /** Etiqueta / Label */\n  label = input<string>('');\n\n  /** Muestra el valor numerico / Shows the numeric value */\n  showValue = input<boolean>(true);\n\n  /** Muestra min/mid/max bajo la barra / Shows min/mid/max below the bar */\n  showTicks = input<boolean>(false);\n\n  /** Unidad a mostrar junto al valor / Unit to display next to the value */\n  unit = input<string>('');\n\n  /** Deshabilitado / Disabled */\n  disabled = input<boolean>(false);\n\n  /** Emite al mover el slider / Emits when the slider moves */\n  valueChange = output<number>();\n\n  readonly fillPercent = computed(() => {\n    const range = this.max() - this.min();\n    if (range === 0) return 0;\n    return ((this.value() - this.min()) / range) * 100;\n  });\n\n  onInput(event: Event): void {\n    const val = Number((event.target as HTMLInputElement).value);\n    this.valueChange.emit(val);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AASA;;;;;;;;;AASG;MAoDU,kBAAkB,CAAA;AACrB,IAAA,OAAO,UAAU,GAAG,CAAC;AACV,IAAA,QAAQ,GAAG,CAAA,WAAA,EAAc,EAAE,kBAAkB,CAAC,UAAU,EAAE;;AAG7E,IAAA,KAAK,GAAG,KAAK,CAAS,CAAC,4EAAC;;AAGxB,IAAA,GAAG,GAAG,KAAK,CAAS,CAAC,0EAAC;;AAGtB,IAAA,GAAG,GAAG,KAAK,CAAS,GAAG,0EAAC;;AAGxB,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,2EAAC;;AAGvB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;;AAGzB,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,gFAAC;;AAGhC,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC;;AAGjC,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;;AAGxB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;IAGhC,WAAW,GAAG,MAAM,EAAU;AAErB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE;QACrC,IAAI,KAAK,KAAK,CAAC;AAAE,YAAA,OAAO,CAAC;AACzB,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,GAAG;AACpD,IAAA,CAAC,kFAAC;AAEF,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,MAAM,GAAG,GAAG,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC5D,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;IAC5B;uGA3CW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA9CnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+lEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnD9B,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,EAAE,EAAA,aAAA,EACI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,+lEAAA,CAAA,EAAA;;;ACnEH;;AAEG;;;;"}
+{"version":3,"file":"neural-ui-core-slider.mjs","sources":["../../../../projects/ui-core/slider/neu-slider.component.ts","../../../../projects/ui-core/slider/neural-ui-core-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\n\n/**\n * NeuralUI Slider Component\n *\n * Control deslizante accesible que envuelve el <input type=\"range\">\n * nativo con estilos personalizados y tooltips de valor.\n *\n * Uso:\n *   <neu-slider [value]=\"volume\" (valueChange)=\"volume = $event\" />\n *   <neu-slider [value]=\"50\" [min]=\"0\" [max]=\"100\" [step]=\"5\" [showValue]=\"true\" />\n */\n@Component({\n  selector: 'neu-slider',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-slider\" [class.neu-slider--disabled]=\"disabled()\">\n      @if (label()) {\n        <div class=\"neu-slider__header\">\n          <label class=\"neu-slider__label\" [for]=\"sliderId\">{{ label() }}</label>\n          @if (showValue()) {\n            <span class=\"neu-slider__value\">{{ value() }}{{ unit() }}</span>\n          }\n        </div>\n      } @else if (showValue()) {\n        <div class=\"neu-slider__header\">\n          <span></span>\n          <span class=\"neu-slider__value\">{{ value() }}{{ unit() }}</span>\n        </div>\n      }\n      <div class=\"neu-slider__track-wrap\">\n        <div class=\"neu-slider__track\">\n          <div class=\"neu-slider__fill\" [style.width.%]=\"fillPercent()\"></div>\n        </div>\n        <input\n          class=\"neu-slider__input\"\n          type=\"range\"\n          [id]=\"sliderId\"\n          [min]=\"min()\"\n          [max]=\"max()\"\n          [step]=\"step()\"\n          [value]=\"value()\"\n          [disabled]=\"disabled()\"\n          [attr.aria-label]=\"label() || 'Slider'\"\n          [attr.aria-valuenow]=\"value()\"\n          [attr.aria-valuemin]=\"min()\"\n          [attr.aria-valuemax]=\"max()\"\n          (input)=\"onInput($event)\"\n        />\n      </div>\n      @if (showTicks()) {\n        <div class=\"neu-slider__ticks\">\n          <span>{{ min() }}{{ unit() }}</span>\n          <span>{{ (max() - min()) / 2 + min() }}{{ unit() }}</span>\n          <span>{{ max() }}{{ unit() }}</span>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-slider.component.scss',\n})\nexport class NeuSliderComponent {\n  private static _idCounter = 0;\n  protected readonly sliderId = `neu-slider-${++NeuSliderComponent._idCounter}`;\n\n  /** Valor actual / Current value */\n  value = input<number>(0);\n\n  /** Valor mínimo / Minimum value */\n  min = input<number>(0);\n\n  /** Valor máximo / Maximum value */\n  max = input<number>(100);\n\n  /** Paso / Step */\n  step = input<number>(1);\n\n  /** Etiqueta / Label */\n  label = input<string>('');\n\n  /** Muestra el valor numerico / Shows the numeric value */\n  showValue = input<boolean>(true);\n\n  /** Muestra min/mid/max bajo la barra / Shows min/mid/max below the bar */\n  showTicks = input<boolean>(false);\n\n  /** Unidad a mostrar junto al valor / Unit to display next to the value */\n  unit = input<string>('');\n\n  /** Deshabilitado / Disabled */\n  disabled = input<boolean>(false);\n\n  /** Emite al mover el slider / Emits when the slider moves */\n  valueChange = output<number>();\n\n  readonly fillPercent = computed(() => {\n    const range = this.max() - this.min();\n    if (range === 0) return 0;\n    return ((this.value() - this.min()) / range) * 100;\n  });\n\n  onInput(event: Event): void {\n    const val = Number((event.target as HTMLInputElement).value);\n    this.valueChange.emit(val);\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-spinner.mjs

@@ -18,17 +18,23 @@ import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component
  */
 class NeuSpinnerComponent {
     /** Variante de color semántica / Semantic color variant */
-    severity = input('primary', ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
+    severity = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
     /** Color CSS directo — sobreescribe severity / Direct CSS color — overrides severity */
-    color = input('', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    color = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     /** Grosor del trazo SVG (unidades SVG) / SVG stroke width (SVG units) */
-    strokeWidth = input('4', ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
+    strokeWidth = input('4', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
     /** Tamaño del spinner (CSS: '40px', '2rem', etc.) / Spinner size (CSS: '40px', '2rem', etc.) */
-    size = input('40px', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input('40px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Duración de la animación de rotación / Rotation animation duration */
-    animationDuration = input('1s', ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+    animationDuration = input('1s', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
     /** Texto accesible para lectores de pantalla / Accessible text for screen readers */
-    ariaLabel = input('Cargando...', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Cargando...', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     _severityColor = computed(() => {
         const map = {
             primary: 'var(--neu-primary)',
@@ -38,9 +44,10 @@ class NeuSpinnerComponent {
             info: 'var(--neu-info)',
         };
         return map[this.severity()];
-    }, ...(ngDevMode ? [{ debugName: "_severityColor" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NeuSpinnerComponent, isStandalone: true, selector: "neu-spinner", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-spinner-host" }, ngImport: i0, template: `
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_severityColor" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: NeuSpinnerComponent, isStandalone: true, selector: "neu-spinner", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-spinner-host" }, ngImport: i0, template: `
     <svg
       class="neu-spinner"
       [class]="'neu-spinner--' + severity()"
@@ -71,7 +78,7 @@ class NeuSpinnerComponent {
     <span class="cdk-visually-hidden">{{ ariaLabel() }}</span>
   `, isInline: true, styles: [".neu-spinner-host{display:inline-flex;align-items:center;justify-content:center}.neu-spinner{animation:neu-spinner-rotate linear infinite;animation-duration:inherit}.neu-spinner__track{stroke:var(--neu-border);opacity:.3}.neu-spinner__arc{stroke-dasharray:89,200;stroke-dashoffset:-10;animation:neu-spinner-dash 1.5s ease-in-out infinite;stroke-linecap:round}.neu-spinner--primary .neu-spinner__arc{stroke:var(--neu-primary)}.neu-spinner--success .neu-spinner__arc{stroke:var(--neu-success)}.neu-spinner--warning .neu-spinner__arc{stroke:var(--neu-warning)}.neu-spinner--danger .neu-spinner__arc{stroke:var(--neu-danger)}.neu-spinner--info .neu-spinner__arc{stroke:var(--neu-info)}@keyframes neu-spinner-rotate{to{transform:rotate(360deg)}}@keyframes neu-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-spinner', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-spinner-host' }, template: `
     <svg

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-spinner.mjs","sources":["../../../../projects/ui-core/spinner/neu-spinner.component.ts","../../../../projects/ui-core/spinner/neural-ui-core-spinner.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuSpinnerSeverity = 'primary' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * NeuralUI Spinner Component\n *\n * Indicador de carga circular animado para estados de espera.\n * Permite personalizar color via severity o color CSS directo.\n *\n * Uso básico:\n *   <neu-spinner />\n *\n * Con severity:\n *   <neu-spinner severity=\"success\" size=\"48px\" />\n *\n * Con color personalizado:\n *   <neu-spinner color=\"#ff6b35\" strokeWidth=\"6\" />\n */\n@Component({\n  selector: 'neu-spinner',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-spinner-host' },\n  template: `\n    <svg\n      class=\"neu-spinner\"\n      [class]=\"'neu-spinner--' + severity()\"\n      [style.width]=\"size()\"\n      [style.height]=\"size()\"\n      [style.animation-duration]=\"animationDuration()\"\n      viewBox=\"25 25 50 50\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        class=\"neu-spinner__track\"\n        cx=\"50\"\n        cy=\"50\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n      <circle\n        class=\"neu-spinner__arc\"\n        cx=\"50\"\n        cy=\"50\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        [style.stroke]=\"color() || null\"\n      />\n    </svg>\n    <span class=\"cdk-visually-hidden\">{{ ariaLabel() }}</span>\n  `,\n  styleUrl: './neu-spinner.component.scss',\n})\nexport class NeuSpinnerComponent {\n  /** Variante de color semántica / Semantic color variant */\n  severity = input<NeuSpinnerSeverity>('primary');\n\n  /** Color CSS directo — sobreescribe severity / Direct CSS color — overrides severity */\n  color = input<string>('');\n\n  /** Grosor del trazo SVG (unidades SVG) / SVG stroke width (SVG units) */\n  strokeWidth = input<string>('4');\n\n  /** Tamaño del spinner (CSS: '40px', '2rem', etc.) / Spinner size (CSS: '40px', '2rem', etc.) */\n  size = input<string>('40px');\n\n  /** Duración de la animación de rotación / Rotation animation duration */\n  animationDuration = input<string>('1s');\n\n  /** Texto accesible para lectores de pantalla / Accessible text for screen readers */\n  ariaLabel = input<string>('Cargando...');\n\n  readonly _severityColor = computed(() => {\n    const map: Record<NeuSpinnerSeverity, string> = {\n      primary: 'var(--neu-primary)',\n      success: 'var(--neu-success)',\n      warning: 'var(--neu-warning)',\n      danger: 'var(--neu-danger)',\n      info: 'var(--neu-info)',\n    };\n    return map[this.severity()];\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-spinner.mjs","sources":["../../../../projects/ui-core/spinner/neu-spinner.component.ts","../../../../projects/ui-core/spinner/neural-ui-core-spinner.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuSpinnerSeverity = 'primary' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * NeuralUI Spinner Component\n *\n * Indicador de carga circular animado para estados de espera.\n * Permite personalizar color via severity o color CSS directo.\n *\n * Uso básico:\n *   <neu-spinner />\n *\n * Con severity:\n *   <neu-spinner severity=\"success\" size=\"48px\" />\n *\n * Con color personalizado:\n *   <neu-spinner color=\"#ff6b35\" strokeWidth=\"6\" />\n */\n@Component({\n  selector: 'neu-spinner',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-spinner-host' },\n  template: `\n    <svg\n      class=\"neu-spinner\"\n      [class]=\"'neu-spinner--' + severity()\"\n      [style.width]=\"size()\"\n      [style.height]=\"size()\"\n      [style.animation-duration]=\"animationDuration()\"\n      viewBox=\"25 25 50 50\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        class=\"neu-spinner__track\"\n        cx=\"50\"\n        cy=\"50\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n      <circle\n        class=\"neu-spinner__arc\"\n        cx=\"50\"\n        cy=\"50\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        [style.stroke]=\"color() || null\"\n      />\n    </svg>\n    <span class=\"cdk-visually-hidden\">{{ ariaLabel() }}</span>\n  `,\n  styleUrl: './neu-spinner.component.scss',\n})\nexport class NeuSpinnerComponent {\n  /** Variante de color semántica / Semantic color variant */\n  severity = input<NeuSpinnerSeverity>('primary');\n\n  /** Color CSS directo — sobreescribe severity / Direct CSS color — overrides severity */\n  color = input<string>('');\n\n  /** Grosor del trazo SVG (unidades SVG) / SVG stroke width (SVG units) */\n  strokeWidth = input<string>('4');\n\n  /** Tamaño del spinner (CSS: '40px', '2rem', etc.) / Spinner size (CSS: '40px', '2rem', etc.) */\n  size = input<string>('40px');\n\n  /** Duración de la animación de rotación / Rotation animation duration */\n  animationDuration = input<string>('1s');\n\n  /** Texto accesible para lectores de pantalla / Accessible text for screen readers */\n  ariaLabel = input<string>('Cargando...');\n\n  readonly _severityColor = computed(() => {\n    const map: Record<NeuSpinnerSeverity, string> = {\n      primary: 'var(--neu-primary)',\n      success: 'var(--neu-success)',\n      warning: 'var(--neu-warning)',\n      danger: 'var(--neu-danger)',\n      info: 'var(--neu-info)',\n    };\n    return map[this.severity()];\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-split-button.mjs

@@ -45,29 +45,41 @@ class NeuSplitButtonComponent {
     ];
     overlayScrollStrategy = this.overlay.scrollStrategies.reposition();
     /** Texto del botón principal / Primary button text */
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     /** Variante visual / Visual variant */
-    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Tamaño / Size */
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Deshabilita todo el componente / Disables the entire component */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Muestra spinner en el botón principal / Shows spinner on the primary button */
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
     /** Acciones del dropdown / Dropdown actions */
-    actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    actions = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     /** Aria-label del botón de desplegable / Aria-label for the dropdown button */
-    moreActionsAriaLabel = input('Más opciones', ...(ngDevMode ? [{ debugName: "moreActionsAriaLabel" }] : /* istanbul ignore next */ []));
+    moreActionsAriaLabel = input('Más opciones', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "moreActionsAriaLabel" }] : /* istanbul ignore next */ []));
     /** Aria-label del menú desplegable / Aria-label for the dropdown menu */
-    actionsAriaLabel = input('Acciones', ...(ngDevMode ? [{ debugName: "actionsAriaLabel" }] : /* istanbul ignore next */ []));
+    actionsAriaLabel = input('Acciones', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionsAriaLabel" }] : /* istanbul ignore next */ []));
     /** Emite al hacer click en el botón principal / Emits on primary button click */
     primaryClick = output();
     /** Emite al seleccionar una acción del dropdown / Emits when a dropdown action is selected */
     actionClick = output();
-    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
-    isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-    mainClasses = computed(() => `neu-button neu-button--${this.variant()} neu-button--${this.size()}${this.loading() ? ' neu-button--loading' : ''}`, ...(ngDevMode ? [{ debugName: "mainClasses" }] : /* istanbul ignore next */ []));
-    chevronClasses = computed(() => `neu-button neu-button--${this.variant()} neu-button--${this.size()}`, ...(ngDevMode ? [{ debugName: "chevronClasses" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    mainClasses = computed(() => `neu-button neu-button--${this.variant()} neu-button--${this.size()}${this.loading() ? ' neu-button--loading' : ''}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mainClasses" }] : /* istanbul ignore next */ []));
+    chevronClasses = computed(() => `neu-button neu-button--${this.variant()} neu-button--${this.size()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chevronClasses" }] : /* istanbul ignore next */ []));
     toggleDropdown(event) {
         event.stopPropagation();
         this.isOpen.update((v) => !v);
@@ -93,8 +105,8 @@ class NeuSplitButtonComponent {
         this.closeDropdown();
         this.actionClick.emit(action);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuSplitButtonComponent, isStandalone: true, selector: "neu-split-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, moreActionsAriaLabel: { classPropertyName: "moreActionsAriaLabel", publicName: "moreActionsAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, actionsAriaLabel: { classPropertyName: "actionsAriaLabel", publicName: "actionsAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick", actionClick: "actionClick" }, host: { listeners: { "document:click": "onDocumentClick($event)", "keydown.escape": "closeDropdown()" }, classAttribute: "neu-split-button-host" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuSplitButtonComponent, isStandalone: true, selector: "neu-split-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, moreActionsAriaLabel: { classPropertyName: "moreActionsAriaLabel", publicName: "moreActionsAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, actionsAriaLabel: { classPropertyName: "actionsAriaLabel", publicName: "actionsAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick", actionClick: "actionClick" }, host: { listeners: { "document:click": "onDocumentClick($event)", "keydown.escape": "closeDropdown()" }, classAttribute: "neu-split-button-host" }, ngImport: i0, template: `
     <div class="neu-split-button" [class.neu-split-button--disabled]="isDisabled()">
       <!-- Botón principal -->
       <button
@@ -195,7 +207,7 @@ class NeuSplitButtonComponent {
     </div>
   `, isInline: true, styles: [".neu-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:1px solid transparent;border-radius:var(--neu-radius);font-family:var(--neu-font-sans);font-weight:500;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--neu-transition),border-color var(--neu-transition),color var(--neu-transition),box-shadow var(--neu-transition),opacity var(--neu-transition);outline:none}.neu-button:focus-visible{box-shadow:var(--neu-focus-ring-strong)}.neu-button--sm{padding:var(--neu-space-2) var(--neu-space-3);font-size:var(--neu-text-sm);border-radius:var(--neu-radius-sm)}.neu-button--md{padding:var(--neu-space-2) var(--neu-space-5);font-size:var(--neu-text-base)}@media(min-width:400px){.neu-button--md{padding:.625rem var(--neu-space-6)}}.neu-button--lg{padding:var(--neu-space-3) var(--neu-space-8);font-size:var(--neu-text-lg)}.neu-button--full-width{width:100%}.neu-button--primary{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-color:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)))}.neu-button--primary:hover:not(:disabled):not(.neu-button--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));border-color:var(--neu-primary-solid-hover, var(--neu-primary-dark));box-shadow:var(--neu-shadow-glow)}.neu-button--primary:active:not(:disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));transform:translateY(1px)}.neu-button--secondary{background:#475569;color:#fff;border-color:#475569}.neu-button--secondary:hover:not(:disabled):not(.neu-button--disabled){background:#334155;border-color:#334155}.neu-button--outline{background:transparent;color:var(--neu-primary-dark, var(--neu-primary));border-color:var(--neu-primary)}.neu-button--outline:hover:not(:disabled):not(.neu-button--disabled){background:var(--neu-primary-50);border-color:var(--neu-primary-dark, var(--neu-primary))}.neu-button--ghost{background:transparent;color:var(--neu-text-muted);border-color:transparent}.neu-button--ghost:hover:not(:disabled):not(.neu-button--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-button--danger{background:var(--neu-error);color:var(--neu-primary-fg);border-color:var(--neu-error)}.neu-button--danger:hover:not(:disabled):not(.neu-button--disabled){background:#dc2626;border-color:#dc2626}.neu-button--disabled,.neu-button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.neu-button--loading{cursor:wait;pointer-events:none}.neu-button--icon-only{gap:0;align-items:center;justify-content:center;aspect-ratio:1/1;line-height:1}.neu-button--icon-only.neu-button--sm{width:30px;height:30px;padding:0}.neu-button--icon-only.neu-button--md{width:38px;height:38px;padding:0}.neu-button--icon-only.neu-button--lg{width:46px;height:46px;padding:0}.neu-button--icon-only .neu-icon,.neu-button--icon-only neu-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;line-height:1}.neu-button--icon-only .neu-icon ng-icon,.neu-button--icon-only neu-icon ng-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);line-height:1}.neu-button--icon-only .neu-icon svg,.neu-button--icon-only neu-icon svg{display:block;width:100%;height:100%}.neu-button__spinner{display:inline-flex;flex-shrink:0;width:1em;height:1em}.neu-button__spinner svg{width:100%;height:100%;animation:neu-spin .8s linear infinite}@keyframes neu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neu-split-button-host{display:inline-block}.neu-split-button{display:inline-flex;align-items:stretch}.neu-split-button--disabled{opacity:.6;pointer-events:none}.neu-split-button .neu-split-button__main{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none!important;flex:1}.neu-split-button .neu-split-button__chevron{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-inline:10px!important;min-width:auto}.neu-split-button .neu-split-button__chevron svg{width:14px;height:14px;display:block}.neu-split-button__divider{width:1px;background:var(--neu-split-button-primary-divider);align-self:stretch;flex-shrink:0}.neu-button--secondary .neu-split-button__divider,.neu-button--ghost .neu-split-button__divider,.neu-button--outline .neu-split-button__divider{background:var(--neu-border)}.neu-split-button__dropdown{position:relative;z-index:200;min-width:180px;background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);box-shadow:var(--neu-shadow-lg);padding:var(--neu-space-1) 0;animation:neu-split-btn-in .1s ease}@keyframes neu-split-btn-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-split-button{position:relative}.neu-split-button__dropdown-item{display:flex;align-items:center;width:100%;padding:9px var(--neu-space-4);border:none;background:none;font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);cursor:pointer;text-align:left;transition:background var(--neu-transition)}.neu-split-button__dropdown-item:hover:not(:disabled):not(.neu-split-button__dropdown-item--disabled){background:var(--neu-surface-2)}.neu-split-button__dropdown-item--disabled,.neu-split-button__dropdown-item:disabled{color:var(--neu-text-disabled);cursor:not-allowed}.neu-split-button__dropdown-sep{height:1px;background:var(--neu-border);margin:var(--neu-space-1) 0}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuSplitButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuSplitButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-split-button', imports: [OverlayModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'neu-split-button-host',