@neural-ui/core 1.5.7 → 1.5.8

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

@@ -1,6 +1,8 @@
 import * as i0 from '@angular/core';
-import { input, output, signal, viewChild, computed, inject, ElementRef, forwardRef, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import * as i1 from '@angular/cdk/scrolling';
+import { input, output, signal, viewChild, inject, computed, ElementRef, forwardRef, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/cdk/overlay';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -49,6 +51,41 @@ class NeuAutocompleteComponent {
     _cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []));
     _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
     _viewport = viewChild(CdkVirtualScrollViewport, ...(ngDevMode ? [{ debugName: "_viewport" }] : /* istanbul ignore next */ []));
+    overlayWidth = signal(null, ...(ngDevMode ? [{ debugName: "overlayWidth" }] : /* istanbul ignore next */ []));
+    _viewportMargin = 16;
+    overlayPositions = [
+        {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+        },
+        {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom',
+            offsetY: -4,
+        },
+        {
+            originX: 'end',
+            originY: 'bottom',
+            overlayX: 'end',
+            overlayY: 'top',
+            offsetY: 4,
+        },
+        {
+            originX: 'end',
+            originY: 'top',
+            overlayX: 'end',
+            overlayY: 'bottom',
+            offsetY: -4,
+        },
+    ];
+    _document = inject(DOCUMENT);
+    _overlay = inject(Overlay);
+    overlayScrollStrategy = this._overlay.scrollStrategies.reposition();
     _onChange = () => { };
     _onTouched = () => { };
     // ── Computed ─────────────────────────────────────────────────────
@@ -105,8 +142,15 @@ class NeuAutocompleteComponent {
     // ── HostListener close on outside click ─────────────────────────
     _el = inject((ElementRef));
     onDocClick(e) {
-        if (!this._el.nativeElement.contains(e.target)) {
-            this._isOpen.set(false);
+        const target = e.target;
+        const isInsideOverlay = !!target?.closest('.neu-autocomplete__list, .neu-autocomplete__empty');
+        if (!this._el.nativeElement.contains(e.target) && !isInsideOverlay) {
+            this._closePanel();
+        }
+    }
+    onWindowResize() {
+        if (this._isOpen()) {
+            this._syncOverlayWidth();
         }
     }
     // ── Event handlers ───────────────────────────────────────────────
@@ -116,7 +160,11 @@ class NeuAutocompleteComponent {
         // Sólo abrimos si hay texto suficiente; si no, cerramos.
         // Only open when there is enough text; otherwise close.
         const minLen = Math.max(1, this.minLength());
-        this._isOpen.set(q.trim().length >= minLen);
+        const shouldOpen = q.trim().length >= minLen;
+        if (shouldOpen) {
+            this._syncOverlayWidth();
+        }
+        this._isOpen.set(shouldOpen);
         this.queryChange.emit(q);
         // CVA — emit null when query is cleared
         if (!q) {
@@ -127,6 +175,7 @@ class NeuAutocompleteComponent {
         this._focused.set(true);
         // Abre el dropdown solo si ya hay texto escrito / Only open when there is already a query.
         if (this._query().trim().length >= Math.max(1, this.minLength())) {
+            this._syncOverlayWidth();
             this._isOpen.set(true);
         }
     }
@@ -134,7 +183,7 @@ class NeuAutocompleteComponent {
         this._focused.set(false);
         this._onTouched();
         // Small delay to allow mousedown on option to fire first
-        setTimeout(() => this._isOpen.set(false), 150);
+        setTimeout(() => this._closePanel(), 150);
     }
     onKeyDown(e) {
         const total = this._filtered().length;
@@ -143,6 +192,7 @@ class NeuAutocompleteComponent {
         switch (e.key) {
             case 'ArrowDown':
                 e.preventDefault();
+                this._syncOverlayWidth();
                 this._moveActiveIndex(1);
                 this._isOpen.set(true);
                 this._scrollActiveOptionIntoView();
@@ -204,6 +254,10 @@ class NeuAutocompleteComponent {
         this._activeIndex.set(-1);
         this.queryChange.emit('');
     }
+    _closePanel() {
+        this._isOpen.set(false);
+        this._activeIndex.set(-1);
+    }
     _scrollActiveOptionIntoView() {
         const activeIndex = this._activeIndex();
         if (activeIndex < 0) {
@@ -218,11 +272,25 @@ class NeuAutocompleteComponent {
         }
         requestAnimationFrame(() => {
             const activeOption = this._el.nativeElement.querySelector(`#${this._optionId(activeIndex)}`);
-            if (typeof activeOption?.scrollIntoView === 'function') {
-                activeOption.scrollIntoView({ block: 'nearest' });
+            const overlayOption = activeOption ?? this._document.getElementById(this._optionId(activeIndex));
+            if (typeof overlayOption?.scrollIntoView === 'function') {
+                overlayOption.scrollIntoView({ block: 'nearest' });
             }
         });
     }
+    _syncOverlayWidth() {
+        const trigger = this._el.nativeElement.querySelector('.neu-autocomplete__input-wrap');
+        if (!trigger) {
+            return;
+        }
+        const width = typeof trigger.getBoundingClientRect === 'function'
+            ? trigger.getBoundingClientRect().width
+            : 0;
+        this.overlayWidth.set(Math.min(width, window.innerWidth - 32));
+        if (this.virtualScroll()) {
+            requestAnimationFrame(() => this._viewport()?.checkViewportSize());
+        }
+    }
     // ── CVA ──────────────────────────────────────────────────────────
     writeValue(val) {
         if (val === null || val === undefined) {
@@ -242,7 +310,7 @@ class NeuAutocompleteComponent {
         this._cvaDisabled.set(d);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuAutocompleteComponent, isStandalone: true, selector: "neu-autocomplete", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, floatingLabel: { classPropertyName: "floatingLabel", publicName: "floatingLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollVisibleItems: { classPropertyName: "virtualScrollVisibleItems", publicName: "virtualScrollVisibleItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected", queryChange: "queryChange" }, host: { listeners: { "document:mousedown": "onDocClick($event)" }, properties: { "class.neu-autocomplete--open": "_isOpen()", "class.neu-autocomplete--disabled": "_cvaDisabled()", "class.neu-autocomplete--floating": "floatingLabel()", "class.neu-autocomplete--focused": "_focused()", "class.neu-autocomplete--has-value": "!!_query()", "class.neu-autocomplete--sm": "size() === \"sm\"", "class.neu-autocomplete--lg": "size() === \"lg\"", "style.--neu-autocomplete-option-height": "virtualScrollItemSize() + \"px\"" }, classAttribute: "neu-autocomplete" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuAutocompleteComponent, isStandalone: true, selector: "neu-autocomplete", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, floatingLabel: { classPropertyName: "floatingLabel", publicName: "floatingLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollVisibleItems: { classPropertyName: "virtualScrollVisibleItems", publicName: "virtualScrollVisibleItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected", queryChange: "queryChange" }, host: { listeners: { "document:mousedown": "onDocClick($event)", "window:resize": "onWindowResize()" }, properties: { "class.neu-autocomplete--open": "_isOpen()", "class.neu-autocomplete--disabled": "_cvaDisabled()", "class.neu-autocomplete--floating": "floatingLabel()", "class.neu-autocomplete--focused": "_focused()", "class.neu-autocomplete--has-value": "!!_query()", "class.neu-autocomplete--sm": "size() === \"sm\"", "class.neu-autocomplete--lg": "size() === \"lg\"", "style.--neu-autocomplete-option-height": "virtualScrollItemSize() + \"px\"" }, classAttribute: "neu-autocomplete" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NeuAutocompleteComponent),
@@ -253,6 +321,8 @@ class NeuAutocompleteComponent {
       <label class="neu-autocomplete__label" [for]="_id">{{ label() }}</label>
     }
     <div
+      cdkOverlayOrigin
+      #autocompleteOrigin="cdkOverlayOrigin"
       class="neu-autocomplete__input-wrap"
       [class.neu-autocomplete__input-wrap--focused]="_focused()"
       [class.neu-autocomplete__input-wrap--has-value]="!!_query()"
@@ -298,39 +368,29 @@ class NeuAutocompleteComponent {
     <div class="neu-autocomplete__sr-status" aria-live="polite" aria-atomic="true">
       {{ resultsAnnouncement() }}
     </div>
-    @if (_isOpen() && _filtered().length) {
-      @if (virtualScroll()) {
-        <cdk-virtual-scroll-viewport
-          class="neu-autocomplete__list neu-autocomplete__list--virtual"
-          role="listbox"
-          [id]="_listId"
-          [attr.aria-label]="label() || placeholder()"
-          [itemSize]="virtualScrollItemSize()"
-          [style.height]="virtualViewportHeight()"
-        >
-          <div
-            *cdkVirtualFor="let opt of _filtered(); trackBy: trackByOption; let i = index"
-            class="neu-autocomplete__option"
-            role="option"
-            [id]="_optionId(i)"
-            [class.neu-autocomplete__option--active]="_activeIndex() === i"
-            [class.neu-autocomplete__option--disabled]="opt.disabled"
-            [attr.aria-selected]="_activeIndex() === i"
-            [attr.aria-disabled]="opt.disabled ?? false"
-            (mousedown)="selectOption(opt)"
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="autocompleteOrigin"
+      [cdkConnectedOverlayOpen]="_isOpen()"
+      [cdkConnectedOverlayPositions]="overlayPositions"
+      [cdkConnectedOverlayScrollStrategy]="overlayScrollStrategy"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="_viewportMargin"
+      (detach)="_closePanel()"
+    >
+      @if (_filtered().length) {
+        @if (virtualScroll()) {
+          <cdk-virtual-scroll-viewport
+            class="neu-autocomplete__list neu-autocomplete__list--virtual"
+            role="listbox"
+            [id]="_listId"
+            [attr.aria-label]="label() || placeholder()"
+            [itemSize]="virtualScrollItemSize()"
+            [style.height]="virtualViewportHeight()"
+            [style.width.px]="overlayWidth()"
           >
-            {{ opt.label }}
-          </div>
-        </cdk-virtual-scroll-viewport>
-      } @else {
-        <ul
-          class="neu-autocomplete__list"
-          role="listbox"
-          [id]="_listId"
-          [attr.aria-label]="label() || placeholder()"
-        >
-          @for (opt of _filtered(); track opt.label; let i = $index) {
-            <li
+            <div
+              *cdkVirtualFor="let opt of _filtered(); trackBy: trackByOption; let i = index"
               class="neu-autocomplete__option"
               role="option"
               [id]="_optionId(i)"
@@ -341,14 +401,38 @@ class NeuAutocompleteComponent {
               (mousedown)="selectOption(opt)"
             >
               {{ opt.label }}
-            </li>
-          }
-        </ul>
+            </div>
+          </cdk-virtual-scroll-viewport>
+        } @else {
+          <ul
+            class="neu-autocomplete__list"
+            role="listbox"
+            [id]="_listId"
+            [attr.aria-label]="label() || placeholder()"
+            [style.width.px]="overlayWidth()"
+          >
+            @for (opt of _filtered(); track opt.label; let i = $index) {
+              <li
+                class="neu-autocomplete__option"
+                role="option"
+                [id]="_optionId(i)"
+                [class.neu-autocomplete__option--active]="_activeIndex() === i"
+                [class.neu-autocomplete__option--disabled]="opt.disabled"
+                [attr.aria-selected]="_activeIndex() === i"
+                [attr.aria-disabled]="opt.disabled ?? false"
+                (mousedown)="selectOption(opt)"
+              >
+                {{ opt.label }}
+              </li>
+            }
+          </ul>
+        }
+      } @else {
+        <div class="neu-autocomplete__empty" role="status" [style.width.px]="overlayWidth()">
+          {{ emptyLabel() }}
+        </div>
       }
-    }
-    @if (_isOpen() && !_filtered().length) {
-      <div class="neu-autocomplete__empty" role="status">{{ emptyLabel() }}</div>
-    }
+    </ng-template>
     @if (hasError()) {
       <p class="neu-autocomplete__error" [id]="_id + '-error'" role="alert">
         {{ errorMessage() }}
@@ -356,11 +440,11 @@ class NeuAutocompleteComponent {
     } @else if (hint()) {
       <p class="neu-autocomplete__hint" [id]="_id + '-hint'">{{ hint() }}</p>
     }
-  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-autocomplete{position:relative;display:block}.neu-autocomplete--disabled{opacity:.55;pointer-events:none}.neu-autocomplete--sm .neu-autocomplete__input{height:36px;font-size:var(--neu-text-sm, .875rem)}.neu-autocomplete--lg .neu-autocomplete__input{height:56px}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input::placeholder{color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__label{display:block;margin-bottom:6px;font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text, #0f172a);line-height:1.4}.neu-autocomplete__input-wrap{position:relative;display:flex;align-items:center}.neu-autocomplete__input{width:100%;height:48px;padding:0 36px 0 12px;border:1.5px solid var(--neu-border, #d1d5db);border-radius:var(--neu-radius, 8px);background:var(--neu-surface, #ffffff);color:var(--neu-text, #111);font-size:.875rem;line-height:1.4;outline:none;transition:border-color var(--neu-transition, .12s),box-shadow var(--neu-transition, .12s),background-color var(--neu-transition, .12s)}.neu-autocomplete__input:hover{border-color:var(--neu-border-hover, var(--neu-border, #d1d5db))}.neu-autocomplete__input:focus,.neu-autocomplete__input:focus-visible{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__input[disabled]{background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating .neu-autocomplete__input::placeholder{color:transparent;transition:color var(--neu-transition)}.neu-autocomplete__floating-label{position:absolute;left:var(--neu-space-3, 12px);top:50%;transform:translateY(-50%);font-size:var(--neu-text-base, .875rem);color:var(--neu-text-muted, #6b7280);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-6, 24px));transition:top var(--neu-transition, .12s),font-size var(--neu-transition, .12s),color var(--neu-transition, .12s),transform var(--neu-transition, .12s),padding var(--neu-transition, .12s),background var(--neu-transition, .12s)}.neu-autocomplete--focused .neu-autocomplete__floating-label,.neu-autocomplete--has-value .neu-autocomplete__floating-label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface, #fff);padding:0 4px;left:calc(var(--neu-space-3, 12px) - 4px)}.neu-autocomplete--focused .neu-autocomplete__floating-label{color:var(--neu-primary, #0ea5e9)}.neu-autocomplete__clear{all:unset;position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.875rem;color:var(--neu-text-muted, #6b7280);cursor:pointer}.neu-autocomplete__clear:hover{color:var(--neu-text, #111);background:var(--neu-surface-3, #e5e7eb)}.neu-autocomplete__clear:focus-visible{outline:2px solid var(--neu-primary, #0ea5e9);outline-offset:2px}.neu-autocomplete__list{all:unset;display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);box-shadow:var(--neu-shadow-lg, 0 8px 20px -4px rgba(0, 0, 0, .1));max-height:240px;overflow-y:auto;padding:6px;z-index:1000;animation:neu-ac-in 80ms ease}.neu-autocomplete__list--virtual{padding:0;overflow:hidden}@keyframes neu-ac-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-autocomplete__option{display:flex;align-items:center;padding:7px 10px;min-height:var(--neu-autocomplete-option-height, 40px);box-sizing:border-box;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-text, #111);cursor:pointer}.neu-autocomplete__option:hover:not(.neu-autocomplete__option--disabled){background:var(--neu-surface-2, #f3f4f6)}.neu-autocomplete__option--active{background:var(--neu-primary-50, rgba(14, 165, 233, .12));color:var(--neu-primary, #0ea5e9);font-weight:500}.neu-autocomplete__option--disabled{opacity:.4;cursor:not-allowed}.neu-autocomplete__empty{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);padding:12px 16px;font-size:.875rem;color:var(--neu-text-muted, #6b7280);text-align:center}.neu-autocomplete__hint,.neu-autocomplete__error{margin:6px 0 0;font-size:var(--neu-text-sm, .875rem);line-height:1.4}.neu-autocomplete__hint{color:var(--neu-text-muted, #6b7280)}.neu-autocomplete__error{color:var(--neu-danger, #dc2626)}.neu-autocomplete__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-autocomplete{position:relative;display:block}.neu-autocomplete--disabled{opacity:.55;pointer-events:none}.neu-autocomplete--sm .neu-autocomplete__input{height:36px;font-size:var(--neu-text-sm, .875rem)}.neu-autocomplete--lg .neu-autocomplete__input{height:56px}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input::placeholder{color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__label{display:block;margin-bottom:6px;font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text, #0f172a);line-height:1.4}.neu-autocomplete__input-wrap{position:relative;display:flex;align-items:center}.neu-autocomplete__input{width:100%;height:48px;padding:0 36px 0 12px;border:1.5px solid var(--neu-border, #d1d5db);border-radius:var(--neu-radius, 8px);background:var(--neu-surface, #ffffff);color:var(--neu-text, #111);font-size:.875rem;line-height:1.4;outline:none;transition:border-color var(--neu-transition, .12s),box-shadow var(--neu-transition, .12s),background-color var(--neu-transition, .12s)}.neu-autocomplete__input:hover{border-color:var(--neu-border-hover, var(--neu-border, #d1d5db))}.neu-autocomplete__input:focus,.neu-autocomplete__input:focus-visible{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__input[disabled]{background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating .neu-autocomplete__input::placeholder{color:transparent;transition:color var(--neu-transition)}.neu-autocomplete__floating-label{position:absolute;left:var(--neu-space-3, 12px);top:50%;transform:translateY(-50%);font-size:var(--neu-text-base, .875rem);color:var(--neu-text-muted, #6b7280);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-6, 24px));transition:top var(--neu-transition, .12s),font-size var(--neu-transition, .12s),color var(--neu-transition, .12s),transform var(--neu-transition, .12s),padding var(--neu-transition, .12s),background var(--neu-transition, .12s)}.neu-autocomplete--focused .neu-autocomplete__floating-label,.neu-autocomplete--has-value .neu-autocomplete__floating-label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface, #fff);padding:0 4px;left:calc(var(--neu-space-3, 12px) - 4px)}.neu-autocomplete--focused .neu-autocomplete__floating-label{color:var(--neu-primary, #0ea5e9)}.neu-autocomplete__clear{all:unset;position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.875rem;color:var(--neu-text-muted, #6b7280);cursor:pointer}.neu-autocomplete__clear:hover{color:var(--neu-text, #111);background:var(--neu-surface-3, #e5e7eb)}.neu-autocomplete__clear:focus-visible{outline:2px solid var(--neu-primary, #0ea5e9);outline-offset:2px}.neu-autocomplete__list{all:unset;display:block;position:relative;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);box-shadow:var(--neu-shadow-lg, 0 8px 20px -4px rgba(0, 0, 0, .1));max-height:240px;overflow-y:auto;padding:6px;z-index:1000;animation:neu-ac-in 80ms ease}.neu-autocomplete__list--virtual{padding:0;overflow:hidden}@keyframes neu-ac-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-autocomplete__option{display:flex;align-items:center;padding:7px 10px;min-height:var(--neu-autocomplete-option-height, 40px);box-sizing:border-box;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-text, #111);cursor:pointer}.neu-autocomplete__option:hover:not(.neu-autocomplete__option--disabled){background:var(--neu-surface-2, #f3f4f6)}.neu-autocomplete__option--active{background:var(--neu-primary-50, rgba(14, 165, 233, .12));color:var(--neu-primary, #0ea5e9);font-weight:500}.neu-autocomplete__option--disabled{opacity:.4;cursor:not-allowed}.neu-autocomplete__empty{position:relative;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);padding:12px 16px;font-size:.875rem;color:var(--neu-text-muted, #6b7280);text-align:center}.neu-autocomplete__hint,.neu-autocomplete__error{margin:6px 0 0;font-size:var(--neu-text-sm, .875rem);line-height:1.4}.neu-autocomplete__hint{color:var(--neu-text-muted, #6b7280)}.neu-autocomplete__error{color:var(--neu-danger, #dc2626)}.neu-autocomplete__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border: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"] }, { kind: "directive", type: i1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: ScrollingModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'neu-autocomplete', imports: [ScrollingModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'neu-autocomplete', imports: [OverlayModule, ScrollingModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => NeuAutocompleteComponent),
@@ -381,6 +465,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
       <label class="neu-autocomplete__label" [for]="_id">{{ label() }}</label>
     }
     <div
+      cdkOverlayOrigin
+      #autocompleteOrigin="cdkOverlayOrigin"
       class="neu-autocomplete__input-wrap"
       [class.neu-autocomplete__input-wrap--focused]="_focused()"
       [class.neu-autocomplete__input-wrap--has-value]="!!_query()"
@@ -426,39 +512,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
     <div class="neu-autocomplete__sr-status" aria-live="polite" aria-atomic="true">
       {{ resultsAnnouncement() }}
     </div>
-    @if (_isOpen() && _filtered().length) {
-      @if (virtualScroll()) {
-        <cdk-virtual-scroll-viewport
-          class="neu-autocomplete__list neu-autocomplete__list--virtual"
-          role="listbox"
-          [id]="_listId"
-          [attr.aria-label]="label() || placeholder()"
-          [itemSize]="virtualScrollItemSize()"
-          [style.height]="virtualViewportHeight()"
-        >
-          <div
-            *cdkVirtualFor="let opt of _filtered(); trackBy: trackByOption; let i = index"
-            class="neu-autocomplete__option"
-            role="option"
-            [id]="_optionId(i)"
-            [class.neu-autocomplete__option--active]="_activeIndex() === i"
-            [class.neu-autocomplete__option--disabled]="opt.disabled"
-            [attr.aria-selected]="_activeIndex() === i"
-            [attr.aria-disabled]="opt.disabled ?? false"
-            (mousedown)="selectOption(opt)"
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="autocompleteOrigin"
+      [cdkConnectedOverlayOpen]="_isOpen()"
+      [cdkConnectedOverlayPositions]="overlayPositions"
+      [cdkConnectedOverlayScrollStrategy]="overlayScrollStrategy"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="_viewportMargin"
+      (detach)="_closePanel()"
+    >
+      @if (_filtered().length) {
+        @if (virtualScroll()) {
+          <cdk-virtual-scroll-viewport
+            class="neu-autocomplete__list neu-autocomplete__list--virtual"
+            role="listbox"
+            [id]="_listId"
+            [attr.aria-label]="label() || placeholder()"
+            [itemSize]="virtualScrollItemSize()"
+            [style.height]="virtualViewportHeight()"
+            [style.width.px]="overlayWidth()"
           >
-            {{ opt.label }}
-          </div>
-        </cdk-virtual-scroll-viewport>
-      } @else {
-        <ul
-          class="neu-autocomplete__list"
-          role="listbox"
-          [id]="_listId"
-          [attr.aria-label]="label() || placeholder()"
-        >
-          @for (opt of _filtered(); track opt.label; let i = $index) {
-            <li
+            <div
+              *cdkVirtualFor="let opt of _filtered(); trackBy: trackByOption; let i = index"
               class="neu-autocomplete__option"
               role="option"
               [id]="_optionId(i)"
@@ -469,14 +545,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
               (mousedown)="selectOption(opt)"
             >
               {{ opt.label }}
-            </li>
-          }
-        </ul>
+            </div>
+          </cdk-virtual-scroll-viewport>
+        } @else {
+          <ul
+            class="neu-autocomplete__list"
+            role="listbox"
+            [id]="_listId"
+            [attr.aria-label]="label() || placeholder()"
+            [style.width.px]="overlayWidth()"
+          >
+            @for (opt of _filtered(); track opt.label; let i = $index) {
+              <li
+                class="neu-autocomplete__option"
+                role="option"
+                [id]="_optionId(i)"
+                [class.neu-autocomplete__option--active]="_activeIndex() === i"
+                [class.neu-autocomplete__option--disabled]="opt.disabled"
+                [attr.aria-selected]="_activeIndex() === i"
+                [attr.aria-disabled]="opt.disabled ?? false"
+                (mousedown)="selectOption(opt)"
+              >
+                {{ opt.label }}
+              </li>
+            }
+          </ul>
+        }
+      } @else {
+        <div class="neu-autocomplete__empty" role="status" [style.width.px]="overlayWidth()">
+          {{ emptyLabel() }}
+        </div>
       }
-    }
-    @if (_isOpen() && !_filtered().length) {
-      <div class="neu-autocomplete__empty" role="status">{{ emptyLabel() }}</div>
-    }
+    </ng-template>
     @if (hasError()) {
       <p class="neu-autocomplete__error" [id]="_id + '-error'" role="alert">
         {{ errorMessage() }}
@@ -484,10 +584,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
     } @else if (hint()) {
       <p class="neu-autocomplete__hint" [id]="_id + '-hint'">{{ hint() }}</p>
     }
-  `, styles: ["@charset \"UTF-8\";.neu-autocomplete{position:relative;display:block}.neu-autocomplete--disabled{opacity:.55;pointer-events:none}.neu-autocomplete--sm .neu-autocomplete__input{height:36px;font-size:var(--neu-text-sm, .875rem)}.neu-autocomplete--lg .neu-autocomplete__input{height:56px}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input::placeholder{color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__label{display:block;margin-bottom:6px;font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text, #0f172a);line-height:1.4}.neu-autocomplete__input-wrap{position:relative;display:flex;align-items:center}.neu-autocomplete__input{width:100%;height:48px;padding:0 36px 0 12px;border:1.5px solid var(--neu-border, #d1d5db);border-radius:var(--neu-radius, 8px);background:var(--neu-surface, #ffffff);color:var(--neu-text, #111);font-size:.875rem;line-height:1.4;outline:none;transition:border-color var(--neu-transition, .12s),box-shadow var(--neu-transition, .12s),background-color var(--neu-transition, .12s)}.neu-autocomplete__input:hover{border-color:var(--neu-border-hover, var(--neu-border, #d1d5db))}.neu-autocomplete__input:focus,.neu-autocomplete__input:focus-visible{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__input[disabled]{background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating .neu-autocomplete__input::placeholder{color:transparent;transition:color var(--neu-transition)}.neu-autocomplete__floating-label{position:absolute;left:var(--neu-space-3, 12px);top:50%;transform:translateY(-50%);font-size:var(--neu-text-base, .875rem);color:var(--neu-text-muted, #6b7280);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-6, 24px));transition:top var(--neu-transition, .12s),font-size var(--neu-transition, .12s),color var(--neu-transition, .12s),transform var(--neu-transition, .12s),padding var(--neu-transition, .12s),background var(--neu-transition, .12s)}.neu-autocomplete--focused .neu-autocomplete__floating-label,.neu-autocomplete--has-value .neu-autocomplete__floating-label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface, #fff);padding:0 4px;left:calc(var(--neu-space-3, 12px) - 4px)}.neu-autocomplete--focused .neu-autocomplete__floating-label{color:var(--neu-primary, #0ea5e9)}.neu-autocomplete__clear{all:unset;position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.875rem;color:var(--neu-text-muted, #6b7280);cursor:pointer}.neu-autocomplete__clear:hover{color:var(--neu-text, #111);background:var(--neu-surface-3, #e5e7eb)}.neu-autocomplete__clear:focus-visible{outline:2px solid var(--neu-primary, #0ea5e9);outline-offset:2px}.neu-autocomplete__list{all:unset;display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);box-shadow:var(--neu-shadow-lg, 0 8px 20px -4px rgba(0, 0, 0, .1));max-height:240px;overflow-y:auto;padding:6px;z-index:1000;animation:neu-ac-in 80ms ease}.neu-autocomplete__list--virtual{padding:0;overflow:hidden}@keyframes neu-ac-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-autocomplete__option{display:flex;align-items:center;padding:7px 10px;min-height:var(--neu-autocomplete-option-height, 40px);box-sizing:border-box;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-text, #111);cursor:pointer}.neu-autocomplete__option:hover:not(.neu-autocomplete__option--disabled){background:var(--neu-surface-2, #f3f4f6)}.neu-autocomplete__option--active{background:var(--neu-primary-50, rgba(14, 165, 233, .12));color:var(--neu-primary, #0ea5e9);font-weight:500}.neu-autocomplete__option--disabled{opacity:.4;cursor:not-allowed}.neu-autocomplete__empty{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);padding:12px 16px;font-size:.875rem;color:var(--neu-text-muted, #6b7280);text-align:center}.neu-autocomplete__hint,.neu-autocomplete__error{margin:6px 0 0;font-size:var(--neu-text-sm, .875rem);line-height:1.4}.neu-autocomplete__hint{color:var(--neu-text-muted, #6b7280)}.neu-autocomplete__error{color:var(--neu-danger, #dc2626)}.neu-autocomplete__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+  `, styles: ["@charset \"UTF-8\";.neu-autocomplete{position:relative;display:block}.neu-autocomplete--disabled{opacity:.55;pointer-events:none}.neu-autocomplete--sm .neu-autocomplete__input{height:36px;font-size:var(--neu-text-sm, .875rem)}.neu-autocomplete--lg .neu-autocomplete__input{height:56px}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input::placeholder{color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating.neu-autocomplete--focused .neu-autocomplete__input{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__label{display:block;margin-bottom:6px;font-size:var(--neu-text-sm, .875rem);font-weight:500;color:var(--neu-text, #0f172a);line-height:1.4}.neu-autocomplete__input-wrap{position:relative;display:flex;align-items:center}.neu-autocomplete__input{width:100%;height:48px;padding:0 36px 0 12px;border:1.5px solid var(--neu-border, #d1d5db);border-radius:var(--neu-radius, 8px);background:var(--neu-surface, #ffffff);color:var(--neu-text, #111);font-size:.875rem;line-height:1.4;outline:none;transition:border-color var(--neu-transition, .12s),box-shadow var(--neu-transition, .12s),background-color var(--neu-transition, .12s)}.neu-autocomplete__input:hover{border-color:var(--neu-border-hover, var(--neu-border, #d1d5db))}.neu-autocomplete__input:focus,.neu-autocomplete__input:focus-visible{border-color:var(--neu-primary, #0ea5e9);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.neu-autocomplete__input[disabled]{background:var(--neu-surface-2, #f3f4f6);color:var(--neu-text-disabled, #9ca3af)}.neu-autocomplete--floating .neu-autocomplete__input::placeholder{color:transparent;transition:color var(--neu-transition)}.neu-autocomplete__floating-label{position:absolute;left:var(--neu-space-3, 12px);top:50%;transform:translateY(-50%);font-size:var(--neu-text-base, .875rem);color:var(--neu-text-muted, #6b7280);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-6, 24px));transition:top var(--neu-transition, .12s),font-size var(--neu-transition, .12s),color var(--neu-transition, .12s),transform var(--neu-transition, .12s),padding var(--neu-transition, .12s),background var(--neu-transition, .12s)}.neu-autocomplete--focused .neu-autocomplete__floating-label,.neu-autocomplete--has-value .neu-autocomplete__floating-label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface, #fff);padding:0 4px;left:calc(var(--neu-space-3, 12px) - 4px)}.neu-autocomplete--focused .neu-autocomplete__floating-label{color:var(--neu-primary, #0ea5e9)}.neu-autocomplete__clear{all:unset;position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.875rem;color:var(--neu-text-muted, #6b7280);cursor:pointer}.neu-autocomplete__clear:hover{color:var(--neu-text, #111);background:var(--neu-surface-3, #e5e7eb)}.neu-autocomplete__clear:focus-visible{outline:2px solid var(--neu-primary, #0ea5e9);outline-offset:2px}.neu-autocomplete__list{all:unset;display:block;position:relative;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);box-shadow:var(--neu-shadow-lg, 0 8px 20px -4px rgba(0, 0, 0, .1));max-height:240px;overflow-y:auto;padding:6px;z-index:1000;animation:neu-ac-in 80ms ease}.neu-autocomplete__list--virtual{padding:0;overflow:hidden}@keyframes neu-ac-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-autocomplete__option{display:flex;align-items:center;padding:7px 10px;min-height:var(--neu-autocomplete-option-height, 40px);box-sizing:border-box;border-radius:var(--neu-radius-md, 8px);font-size:.875rem;color:var(--neu-text, #111);cursor:pointer}.neu-autocomplete__option:hover:not(.neu-autocomplete__option--disabled){background:var(--neu-surface-2, #f3f4f6)}.neu-autocomplete__option--active{background:var(--neu-primary-50, rgba(14, 165, 233, .12));color:var(--neu-primary, #0ea5e9);font-weight:500}.neu-autocomplete__option--disabled{opacity:.4;cursor:not-allowed}.neu-autocomplete__empty{position:relative;background:var(--neu-surface, #ffffff);border:1.5px solid var(--neu-border, #e5e7eb);border-radius:var(--neu-radius-lg, 12px);padding:12px 16px;font-size:.875rem;color:var(--neu-text-muted, #6b7280);text-align:center}.neu-autocomplete__hint,.neu-autocomplete__error{margin:6px 0 0;font-size:var(--neu-text-sm, .875rem);line-height:1.4}.neu-autocomplete__hint{color:var(--neu-text-muted, #6b7280)}.neu-autocomplete__error{color:var(--neu-danger, #dc2626)}.neu-autocomplete__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], floatingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollVisibleItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollVisibleItems", required: false }] }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], queryChange: [{ type: i0.Output, args: ["queryChange"] }], _viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], onDocClick: [{
                 type: HostListener,
                 args: ['document:mousedown', ['$event']]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
             }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-autocomplete.mjs","sources":["../../../../projects/ui-core/autocomplete/neu-autocomplete.component.ts","../../../../projects/ui-core/autocomplete/neural-ui-core-autocomplete.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface NeuAutocompleteOption {\n  /** Valor / Value */\n  value: unknown;\n  /** Texto visible / Display text */\n  label: string;\n  /** Desactiva la opción / Disables the option */\n  disabled?: boolean;\n}\n\nlet _seq = 0;\n\n/**\n * NeuralUI Autocomplete\n *\n * Input con lista de sugerencias filtradas y navegación por teclado.\n * Implementa CVA para uso en formularios reactivos.\n *\n * Uso:\n *   <neu-autocomplete\n *     [options]=\"opts\"\n *     placeholder=\"Buscar…\"\n *     [formControl]=\"selectedCtrl\"\n *     (optionSelected)=\"onSelect($event)\"\n *   />\n */\n@Component({\n  selector: 'neu-autocomplete',\n  imports: [ScrollingModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuAutocompleteComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    class: 'neu-autocomplete',\n    '[class.neu-autocomplete--open]': '_isOpen()',\n    '[class.neu-autocomplete--disabled]': '_cvaDisabled()',\n    '[class.neu-autocomplete--floating]': 'floatingLabel()',\n    '[class.neu-autocomplete--focused]': '_focused()',\n    '[class.neu-autocomplete--has-value]': '!!_query()',\n    '[class.neu-autocomplete--sm]': 'size() === \"sm\"',\n    '[class.neu-autocomplete--lg]': 'size() === \"lg\"',\n    '[style.--neu-autocomplete-option-height]': 'virtualScrollItemSize() + \"px\"',\n  },\n  template: `\n    @if (!floatingLabel() && label()) {\n      <label class=\"neu-autocomplete__label\" [for]=\"_id\">{{ label() }}</label>\n    }\n    <div\n      class=\"neu-autocomplete__input-wrap\"\n      [class.neu-autocomplete__input-wrap--focused]=\"_focused()\"\n      [class.neu-autocomplete__input-wrap--has-value]=\"!!_query()\"\n    >\n      <input\n        #inputEl\n        class=\"neu-autocomplete__input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        role=\"combobox\"\n        [id]=\"_id\"\n        [attr.placeholder]=\"floatingLabel() ? ' ' : placeholder() || null\"\n        [attr.aria-label]=\"label() || placeholder()\"\n        [attr.aria-autocomplete]=\"'list'\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"_isOpen() ? 'true' : 'false'\"\n        [attr.aria-controls]=\"_listId\"\n        [attr.aria-activedescendant]=\"_activeId()\"\n        [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n        [attr.aria-describedby]=\"describedBy()\"\n        [disabled]=\"_cvaDisabled()\"\n        [value]=\"_query()\"\n        (input)=\"onQueryChange($any($event.target).value)\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n      />\n      @if (floatingLabel() && label()) {\n        <label class=\"neu-autocomplete__floating-label\" [for]=\"_id\">{{ label() }}</label>\n      }\n      @if (_query() && !_cvaDisabled()) {\n        <button\n          type=\"button\"\n          class=\"neu-autocomplete__clear\"\n          aria-label=\"Limpiar\"\n          tabindex=\"-1\"\n          (click)=\"clear()\"\n        >\n          ×\n        </button>\n      }\n    </div>\n    <div class=\"neu-autocomplete__sr-status\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ resultsAnnouncement() }}\n    </div>\n    @if (_isOpen() && _filtered().length) {\n      @if (virtualScroll()) {\n        <cdk-virtual-scroll-viewport\n          class=\"neu-autocomplete__list neu-autocomplete__list--virtual\"\n          role=\"listbox\"\n          [id]=\"_listId\"\n          [attr.aria-label]=\"label() || placeholder()\"\n          [itemSize]=\"virtualScrollItemSize()\"\n          [style.height]=\"virtualViewportHeight()\"\n        >\n          <div\n            *cdkVirtualFor=\"let opt of _filtered(); trackBy: trackByOption; let i = index\"\n            class=\"neu-autocomplete__option\"\n            role=\"option\"\n            [id]=\"_optionId(i)\"\n            [class.neu-autocomplete__option--active]=\"_activeIndex() === i\"\n            [class.neu-autocomplete__option--disabled]=\"opt.disabled\"\n            [attr.aria-selected]=\"_activeIndex() === i\"\n            [attr.aria-disabled]=\"opt.disabled ?? false\"\n            (mousedown)=\"selectOption(opt)\"\n          >\n            {{ opt.label }}\n          </div>\n        </cdk-virtual-scroll-viewport>\n      } @else {\n        <ul\n          class=\"neu-autocomplete__list\"\n          role=\"listbox\"\n          [id]=\"_listId\"\n          [attr.aria-label]=\"label() || placeholder()\"\n        >\n          @for (opt of _filtered(); track opt.label; let i = $index) {\n            <li\n              class=\"neu-autocomplete__option\"\n              role=\"option\"\n              [id]=\"_optionId(i)\"\n              [class.neu-autocomplete__option--active]=\"_activeIndex() === i\"\n              [class.neu-autocomplete__option--disabled]=\"opt.disabled\"\n              [attr.aria-selected]=\"_activeIndex() === i\"\n              [attr.aria-disabled]=\"opt.disabled ?? false\"\n              (mousedown)=\"selectOption(opt)\"\n            >\n              {{ opt.label }}\n            </li>\n          }\n        </ul>\n      }\n    }\n    @if (_isOpen() && !_filtered().length) {\n      <div class=\"neu-autocomplete__empty\" role=\"status\">{{ emptyLabel() }}</div>\n    }\n    @if (hasError()) {\n      <p class=\"neu-autocomplete__error\" [id]=\"_id + '-error'\" role=\"alert\">\n        {{ errorMessage() }}\n      </p>\n    } @else if (hint()) {\n      <p class=\"neu-autocomplete__hint\" [id]=\"_id + '-hint'\">{{ hint() }}</p>\n    }\n  `,\n  styleUrl: './neu-autocomplete.component.scss',\n})\nexport class NeuAutocompleteComponent implements ControlValueAccessor {\n  // ── Inputs / Outputs ────────────────────────────────────────────\n  readonly options = input<NeuAutocompleteOption[]>([]);\n  readonly placeholder = input<string>('');\n  readonly label = input<string>('');\n  readonly hint = input<string>('');\n  readonly errorMessage = input<string>('');\n  readonly emptyLabel = input<string>('Sin resultados');\n  readonly minLength = input<number>(0);\n  /** Muestra el label como flotante (true) o estático encima del campo (false) / Shows the label as floating (true) or static above the field (false) */\n  readonly floatingLabel = input<boolean>(false);\n  /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Habilita scroll virtual para listas largas / Enables virtual scrolling for large result lists */\n  readonly virtualScroll = input<boolean>(false);\n\n  /** Número de resultados visibles en el viewport virtual / Number of visible results in the virtual viewport */\n  readonly virtualScrollVisibleItems = input<number>(8);\n\n  /** Emitido al seleccionar una opción / Emitted when an option is selected */\n  readonly optionSelected = output<NeuAutocompleteOption>();\n\n  /** Emitido al cambiar el texto del input / Emitted on query change */\n  readonly queryChange = output<string>();\n\n  // ── Internal state ───────────────────────────────────────────────\n  readonly _id = `neu-autocomplete-${++_seq}`;\n  readonly _listId = `${this._id}-list`;\n\n  readonly _query = signal('');\n  readonly _isOpen = signal(false);\n  readonly _activeIndex = signal(-1);\n  readonly _cvaDisabled = signal(false);\n  readonly _focused = signal(false);\n  private readonly _viewport = viewChild(CdkVirtualScrollViewport);\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  // ── Computed ─────────────────────────────────────────────────────\n  readonly _filtered = computed(() => {\n    const q = this._query().toLowerCase().trim();\n    // Con query vacía nunca mostramos opciones (no queremos comportarnos como un select).\n    // Empty query → never show options (autocomplete ≠ select).\n    if (!q) return [];\n    if (q.length < this.minLength()) return [];\n    return this.options().filter((o) => o.label.toLowerCase().includes(q));\n  });\n\n  readonly _activeId = computed(() => {\n    const i = this._activeIndex();\n    return i >= 0 ? this._optionId(i) : null;\n  });\n\n  readonly hasError = computed(() => !!this.errorMessage());\n\n  readonly describedBy = computed(() => {\n    if (this.hasError()) {\n      return `${this._id}-error`;\n    }\n    if (this.hint()) {\n      return `${this._id}-hint`;\n    }\n    return null;\n  });\n\n  readonly resultsAnnouncement = computed(() => {\n    const query = this._query().trim();\n    if (!query || !this._isOpen()) {\n      return '';\n    }\n\n    const total = this._filtered().length;\n    if (!total) {\n      return this.emptyLabel();\n    }\n\n    return total === 1 ? '1 resultado disponible' : `${total} resultados disponibles`;\n  });\n\n  readonly virtualScrollItemSize = computed(() => {\n    switch (this.size()) {\n      case 'sm':\n        return 36;\n      case 'lg':\n        return 52;\n      default:\n        return 40;\n    }\n  });\n\n  readonly virtualViewportHeight = computed(\n    () => `${this.virtualScrollVisibleItems() * this.virtualScrollItemSize()}px`,\n  );\n\n  readonly trackByOption = (index: number, option: NeuAutocompleteOption) =>\n    option.value ?? option.label ?? index;\n\n  _optionId(i: number): string {\n    return `${this._listId}-opt-${i}`;\n  }\n\n  // ── HostListener close on outside click ─────────────────────────\n  private readonly _el = inject(ElementRef<HTMLElement>);\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocClick(e: MouseEvent): void {\n    if (!this._el.nativeElement.contains(e.target as Node)) {\n      this._isOpen.set(false);\n    }\n  }\n\n  // ── Event handlers ───────────────────────────────────────────────\n  onQueryChange(q: string): void {\n    this._query.set(q);\n    this._activeIndex.set(-1);\n    // Sólo abrimos si hay texto suficiente; si no, cerramos.\n    // Only open when there is enough text; otherwise close.\n    const minLen = Math.max(1, this.minLength());\n    this._isOpen.set(q.trim().length >= minLen);\n    this.queryChange.emit(q);\n    // CVA — emit null when query is cleared\n    if (!q) {\n      this._onChange(null);\n    }\n  }\n\n  _onFocus(): void {\n    this._focused.set(true);\n    // Abre el dropdown solo si ya hay texto escrito / Only open when there is already a query.\n    if (this._query().trim().length >= Math.max(1, this.minLength())) {\n      this._isOpen.set(true);\n    }\n  }\n\n  _onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n    // Small delay to allow mousedown on option to fire first\n    setTimeout(() => this._isOpen.set(false), 150);\n  }\n\n  onKeyDown(e: KeyboardEvent): void {\n    const total = this._filtered().length;\n    if (!total && e.key !== 'Escape') return;\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this._moveActiveIndex(1);\n        this._isOpen.set(true);\n        this._scrollActiveOptionIntoView();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this._moveActiveIndex(-1);\n        this._scrollActiveOptionIntoView();\n        break;\n      case 'Enter': {\n        const idx = this._activeIndex();\n        const opt = this._filtered()[idx];\n        if (opt && !opt.disabled) this.selectOption(opt);\n        break;\n      }\n      case 'Escape':\n        this._isOpen.set(false);\n        this._activeIndex.set(-1);\n        break;\n    }\n  }\n\n  private _moveActiveIndex(step: 1 | -1): void {\n    const filtered = this._filtered();\n    if (!filtered.length) {\n      this._activeIndex.set(-1);\n      return;\n    }\n\n    const currentIndex = this._activeIndex();\n    let nextIndex = currentIndex;\n\n    for (let count = 0; count < filtered.length; count += 1) {\n      nextIndex =\n        step === 1 ? Math.min(nextIndex + 1, filtered.length - 1) : Math.max(nextIndex - 1, 0);\n\n      if (!filtered[nextIndex]?.disabled) {\n        this._activeIndex.set(nextIndex);\n        return;\n      }\n\n      if ((step === 1 && nextIndex === filtered.length - 1) || (step === -1 && nextIndex === 0)) {\n        break;\n      }\n    }\n\n    if (currentIndex === -1) {\n      this._activeIndex.set(filtered.findIndex((option) => !option.disabled));\n    }\n  }\n\n  selectOption(opt: NeuAutocompleteOption): void {\n    if (opt.disabled) return;\n    this._query.set(opt.label);\n    this._isOpen.set(false);\n    this._activeIndex.set(-1);\n    this._onChange(opt.value);\n    this.optionSelected.emit(opt);\n  }\n\n  clear(): void {\n    this._query.set('');\n    this._onChange(null);\n    this._isOpen.set(false);\n    this._activeIndex.set(-1);\n    this.queryChange.emit('');\n  }\n\n  private _scrollActiveOptionIntoView(): void {\n    const activeIndex = this._activeIndex();\n    if (activeIndex < 0) {\n      return;\n    }\n\n    if (this.virtualScroll()) {\n      requestAnimationFrame(() => {\n        this._viewport()?.scrollToIndex(activeIndex, 'auto');\n        this._viewport()?.checkViewportSize();\n      });\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const activeOption = this._el.nativeElement.querySelector(\n        `#${this._optionId(activeIndex)}`,\n      ) as HTMLElement | null;\n      if (typeof activeOption?.scrollIntoView === 'function') {\n        activeOption.scrollIntoView({ block: 'nearest' });\n      }\n    });\n  }\n\n  // ── CVA ──────────────────────────────────────────────────────────\n  writeValue(val: unknown): void {\n    if (val === null || val === undefined) {\n      this._query.set('');\n      return;\n    }\n    const match = this.options().find((o) => o.value === val);\n    this._query.set(match ? match.label : String(val));\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(d: boolean): void {\n    this._cvaDisabled.set(d);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;AA0BA,IAAI,IAAI,GAAG,CAAC;AAEZ;;;;;;;;;;;;;AAaG;MAuIU,wBAAwB,CAAA;;AAE1B,IAAA,OAAO,GAAG,KAAK,CAA0B,EAAE,8EAAC;AAC5C,IAAA,WAAW,GAAG,KAAK,CAAS,EAAE,kFAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AACzB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,mFAAC;AAChC,IAAA,UAAU,GAAG,KAAK,CAAS,gBAAgB,iFAAC;AAC5C,IAAA,SAAS,GAAG,KAAK,CAAS,CAAC,gFAAC;;AAE5B,IAAA,aAAa,GAAG,KAAK,CAAU,KAAK,oFAAC;;AAErC,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;AAGtC,IAAA,aAAa,GAAG,KAAK,CAAU,KAAK,oFAAC;;AAGrC,IAAA,yBAAyB,GAAG,KAAK,CAAS,CAAC,gGAAC;;IAG5C,cAAc,GAAG,MAAM,EAAyB;;IAGhD,WAAW,GAAG,MAAM,EAAU;;AAG9B,IAAA,GAAG,GAAG,CAAA,iBAAA,EAAoB,EAAE,IAAI,EAAE;AAClC,IAAA,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,OAAO;AAE5B,IAAA,MAAM,GAAG,MAAM,CAAC,EAAE,6EAAC;AACnB,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,8EAAC;AACvB,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,mFAAC;AACzB,IAAA,YAAY,GAAG,MAAM,CAAC,KAAK,mFAAC;AAC5B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC;AAChB,IAAA,SAAS,GAAG,SAAS,CAAC,wBAAwB,gFAAC;AAExD,IAAA,SAAS,GAAyB,MAAK,EAAE,CAAC;AAC1C,IAAA,UAAU,GAAe,MAAK,EAAE,CAAC;;AAGhC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE;;;AAG5C,QAAA,IAAI,CAAC,CAAC;AAAE,YAAA,OAAO,EAAE;AACjB,QAAA,IAAI,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,EAAE;QAC1C,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxE,IAAA,CAAC,gFAAC;AAEO,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE;AAC7B,QAAA,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI;AAC1C,IAAA,CAAC,gFAAC;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,+EAAC;AAEhD,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,OAAO,CAAA,EAAG,IAAI,CAAC,GAAG,QAAQ;QAC5B;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;AACf,YAAA,OAAO,CAAA,EAAG,IAAI,CAAC,GAAG,OAAO;QAC3B;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,kFAAC;AAEO,IAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAK;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE;QAClC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;AAC7B,YAAA,OAAO,EAAE;QACX;QAEA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM;QACrC,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,IAAI,CAAC,UAAU,EAAE;QAC1B;AAEA,QAAA,OAAO,KAAK,KAAK,CAAC,GAAG,wBAAwB,GAAG,CAAA,EAAG,KAAK,yBAAyB;AACnF,IAAA,CAAC,0FAAC;AAEO,IAAA,qBAAqB,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,EAAE;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,EAAE;AACX,YAAA;AACE,gBAAA,OAAO,EAAE;;AAEf,IAAA,CAAC,4FAAC;AAEO,IAAA,qBAAqB,GAAG,QAAQ,CACvC,MAAM,GAAG,IAAI,CAAC,yBAAyB,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA,EAAA,CAAI,4FAC7E;AAEQ,IAAA,aAAa,GAAG,CAAC,KAAa,EAAE,MAA6B,KACpE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,KAAK;AAEvC,IAAA,SAAS,CAAC,CAAS,EAAA;AACjB,QAAA,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA,KAAA,EAAQ,CAAC,EAAE;IACnC;;AAGiB,IAAA,GAAG,GAAG,MAAM,EAAC,UAAuB,EAAC;AAGtD,IAAA,UAAU,CAAC,CAAa,EAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE;AACtD,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACzB;IACF;;AAGA,IAAA,aAAa,CAAC,CAAS,EAAA;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;;AAGzB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;AAC5C,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC;AAC3C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;;QAExB,IAAI,CAAC,CAAC,EAAE;AACN,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACtB;IACF;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;QAEvB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE;AAChE,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACxB;IACF;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE;;AAEjB,QAAA,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAChD;AAEA,IAAA,SAAS,CAAC,CAAgB,EAAA;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM;AACrC,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;YAAE;AAClC,QAAA,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACxB,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;gBACtB,IAAI,CAAC,2BAA2B,EAAE;gBAClC;AACF,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACzB,IAAI,CAAC,2BAA2B,EAAE;gBAClC;YACF,KAAK,OAAO,EAAE;AACZ,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE;gBAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC;AACjC,gBAAA,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ;AAAE,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;gBAChD;YACF;AACA,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACzB;;IAEN;AAEQ,IAAA,gBAAgB,CAAC,IAAY,EAAA;AACnC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE;AACjC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACzB;QACF;AAEA,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACxC,IAAI,SAAS,GAAG,YAAY;AAE5B,QAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE;YACvD,SAAS;AACP,gBAAA,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC;YAExF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE;AAClC,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC;gBAChC;YACF;YAEA,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,SAAS,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBACzF;YACF;QACF;AAEA,QAAA,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;YACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACzE;IACF;AAEA,IAAA,YAAY,CAAC,GAA0B,EAAA;QACrC,IAAI,GAAG,CAAC,QAAQ;YAAE;QAClB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;IAC/B;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;IAC3B;IAEQ,2BAA2B,GAAA;AACjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,IAAI,WAAW,GAAG,CAAC,EAAE;YACnB;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;YACxB,qBAAqB,CAAC,MAAK;gBACzB,IAAI,CAAC,SAAS,EAAE,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC;AACpD,gBAAA,IAAI,CAAC,SAAS,EAAE,EAAE,iBAAiB,EAAE;AACvC,YAAA,CAAC,CAAC;YACF;QACF;QAEA,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,aAAa,CACvD,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA,CAAE,CACZ;AACvB,YAAA,IAAI,OAAO,YAAY,EAAE,cAAc,KAAK,UAAU,EAAE;gBACtD,YAAY,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YACnD;AACF,QAAA,CAAC,CAAC;IACJ;;AAGA,IAAA,UAAU,CAAC,GAAY,EAAA;QACrB,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;AACrC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB;QACF;QACA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC;QACzD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpD;AAEA,IAAA,gBAAgB,CAAC,EAAwB,EAAA;AACvC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,gBAAgB,CAAC,CAAU,EAAA;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1B;uGArQW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,yBAAA,EAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8BAAA,EAAA,WAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,kCAAA,EAAA,iBAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,mCAAA,EAAA,YAAA,EAAA,4BAAA,EAAA,mBAAA,EAAA,4BAAA,EAAA,mBAAA,EAAA,wCAAA,EAAA,kCAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,SAAA,EAjIxB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AACvD,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA8JsC,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlJrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,80JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAjIS,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,gCAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAoId,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAtIpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EACnB,CAAC,eAAe,CAAC,EAAA,aAAA,EACX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AACvD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,kBAAkB;AACzB,wBAAA,gCAAgC,EAAE,WAAW;AAC7C,wBAAA,oCAAoC,EAAE,gBAAgB;AACtD,wBAAA,oCAAoC,EAAE,iBAAiB;AACvD,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,qCAAqC,EAAE,YAAY;AACnD,wBAAA,8BAA8B,EAAE,iBAAiB;AACjD,wBAAA,8BAA8B,EAAE,iBAAiB;AACjD,wBAAA,0CAA0C,EAAE,gCAAgC;qBAC7E,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,80JAAA,CAAA,EAAA;yyCAsCsC,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA;sBAuE9D,YAAY;uBAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC;;;AC1RhD;;AAEG;;;;"}
+{"version":3,"file":"neural-ui-core-autocomplete.mjs","sources":["../../../../projects/ui-core/autocomplete/neu-autocomplete.component.ts","../../../../projects/ui-core/autocomplete/neural-ui-core-autocomplete.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { ConnectedPosition, Overlay, OverlayModule } from '@angular/cdk/overlay';\nimport { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface NeuAutocompleteOption {\n  /** Valor / Value */\n  value: unknown;\n  /** Texto visible / Display text */\n  label: string;\n  /** Desactiva la opción / Disables the option */\n  disabled?: boolean;\n}\n\nlet _seq = 0;\n\n/**\n * NeuralUI Autocomplete\n *\n * Input con lista de sugerencias filtradas y navegación por teclado.\n * Implementa CVA para uso en formularios reactivos.\n *\n * Uso:\n *   <neu-autocomplete\n *     [options]=\"opts\"\n *     placeholder=\"Buscar…\"\n *     [formControl]=\"selectedCtrl\"\n *     (optionSelected)=\"onSelect($event)\"\n *   />\n */\n@Component({\n  selector: 'neu-autocomplete',\n  imports: [OverlayModule, ScrollingModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuAutocompleteComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    class: 'neu-autocomplete',\n    '[class.neu-autocomplete--open]': '_isOpen()',\n    '[class.neu-autocomplete--disabled]': '_cvaDisabled()',\n    '[class.neu-autocomplete--floating]': 'floatingLabel()',\n    '[class.neu-autocomplete--focused]': '_focused()',\n    '[class.neu-autocomplete--has-value]': '!!_query()',\n    '[class.neu-autocomplete--sm]': 'size() === \"sm\"',\n    '[class.neu-autocomplete--lg]': 'size() === \"lg\"',\n    '[style.--neu-autocomplete-option-height]': 'virtualScrollItemSize() + \"px\"',\n  },\n  template: `\n    @if (!floatingLabel() && label()) {\n      <label class=\"neu-autocomplete__label\" [for]=\"_id\">{{ label() }}</label>\n    }\n    <div\n      cdkOverlayOrigin\n      #autocompleteOrigin=\"cdkOverlayOrigin\"\n      class=\"neu-autocomplete__input-wrap\"\n      [class.neu-autocomplete__input-wrap--focused]=\"_focused()\"\n      [class.neu-autocomplete__input-wrap--has-value]=\"!!_query()\"\n    >\n      <input\n        #inputEl\n        class=\"neu-autocomplete__input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        role=\"combobox\"\n        [id]=\"_id\"\n        [attr.placeholder]=\"floatingLabel() ? ' ' : placeholder() || null\"\n        [attr.aria-label]=\"label() || placeholder()\"\n        [attr.aria-autocomplete]=\"'list'\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"_isOpen() ? 'true' : 'false'\"\n        [attr.aria-controls]=\"_listId\"\n        [attr.aria-activedescendant]=\"_activeId()\"\n        [attr.aria-invalid]=\"hasError() ? 'true' : null\"\n        [attr.aria-describedby]=\"describedBy()\"\n        [disabled]=\"_cvaDisabled()\"\n        [value]=\"_query()\"\n        (input)=\"onQueryChange($any($event.target).value)\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n        (keydown)=\"onKeyDown($event)\"\n      />\n      @if (floatingLabel() && label()) {\n        <label class=\"neu-autocomplete__floating-label\" [for]=\"_id\">{{ label() }}</label>\n      }\n      @if (_query() && !_cvaDisabled()) {\n        <button\n          type=\"button\"\n          class=\"neu-autocomplete__clear\"\n          aria-label=\"Limpiar\"\n          tabindex=\"-1\"\n          (click)=\"clear()\"\n        >\n          ×\n        </button>\n      }\n    </div>\n    <div class=\"neu-autocomplete__sr-status\" aria-live=\"polite\" aria-atomic=\"true\">\n      {{ resultsAnnouncement() }}\n    </div>\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"autocompleteOrigin\"\n      [cdkConnectedOverlayOpen]=\"_isOpen()\"\n      [cdkConnectedOverlayPositions]=\"overlayPositions\"\n      [cdkConnectedOverlayScrollStrategy]=\"overlayScrollStrategy\"\n      [cdkConnectedOverlayPush]=\"true\"\n      [cdkConnectedOverlayViewportMargin]=\"_viewportMargin\"\n      (detach)=\"_closePanel()\"\n    >\n      @if (_filtered().length) {\n        @if (virtualScroll()) {\n          <cdk-virtual-scroll-viewport\n            class=\"neu-autocomplete__list neu-autocomplete__list--virtual\"\n            role=\"listbox\"\n            [id]=\"_listId\"\n            [attr.aria-label]=\"label() || placeholder()\"\n            [itemSize]=\"virtualScrollItemSize()\"\n            [style.height]=\"virtualViewportHeight()\"\n            [style.width.px]=\"overlayWidth()\"\n          >\n            <div\n              *cdkVirtualFor=\"let opt of _filtered(); trackBy: trackByOption; let i = index\"\n              class=\"neu-autocomplete__option\"\n              role=\"option\"\n              [id]=\"_optionId(i)\"\n              [class.neu-autocomplete__option--active]=\"_activeIndex() === i\"\n              [class.neu-autocomplete__option--disabled]=\"opt.disabled\"\n              [attr.aria-selected]=\"_activeIndex() === i\"\n              [attr.aria-disabled]=\"opt.disabled ?? false\"\n              (mousedown)=\"selectOption(opt)\"\n            >\n              {{ opt.label }}\n            </div>\n          </cdk-virtual-scroll-viewport>\n        } @else {\n          <ul\n            class=\"neu-autocomplete__list\"\n            role=\"listbox\"\n            [id]=\"_listId\"\n            [attr.aria-label]=\"label() || placeholder()\"\n            [style.width.px]=\"overlayWidth()\"\n          >\n            @for (opt of _filtered(); track opt.label; let i = $index) {\n              <li\n                class=\"neu-autocomplete__option\"\n                role=\"option\"\n                [id]=\"_optionId(i)\"\n                [class.neu-autocomplete__option--active]=\"_activeIndex() === i\"\n                [class.neu-autocomplete__option--disabled]=\"opt.disabled\"\n                [attr.aria-selected]=\"_activeIndex() === i\"\n                [attr.aria-disabled]=\"opt.disabled ?? false\"\n                (mousedown)=\"selectOption(opt)\"\n              >\n                {{ opt.label }}\n              </li>\n            }\n          </ul>\n        }\n      } @else {\n        <div class=\"neu-autocomplete__empty\" role=\"status\" [style.width.px]=\"overlayWidth()\">\n          {{ emptyLabel() }}\n        </div>\n      }\n    </ng-template>\n    @if (hasError()) {\n      <p class=\"neu-autocomplete__error\" [id]=\"_id + '-error'\" role=\"alert\">\n        {{ errorMessage() }}\n      </p>\n    } @else if (hint()) {\n      <p class=\"neu-autocomplete__hint\" [id]=\"_id + '-hint'\">{{ hint() }}</p>\n    }\n  `,\n  styleUrl: './neu-autocomplete.component.scss',\n})\nexport class NeuAutocompleteComponent implements ControlValueAccessor {\n  // ── Inputs / Outputs ────────────────────────────────────────────\n  readonly options = input<NeuAutocompleteOption[]>([]);\n  readonly placeholder = input<string>('');\n  readonly label = input<string>('');\n  readonly hint = input<string>('');\n  readonly errorMessage = input<string>('');\n  readonly emptyLabel = input<string>('Sin resultados');\n  readonly minLength = input<number>(0);\n  /** Muestra el label como flotante (true) o estático encima del campo (false) / Shows the label as floating (true) or static above the field (false) */\n  readonly floatingLabel = input<boolean>(false);\n  /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Habilita scroll virtual para listas largas / Enables virtual scrolling for large result lists */\n  readonly virtualScroll = input<boolean>(false);\n\n  /** Número de resultados visibles en el viewport virtual / Number of visible results in the virtual viewport */\n  readonly virtualScrollVisibleItems = input<number>(8);\n\n  /** Emitido al seleccionar una opción / Emitted when an option is selected */\n  readonly optionSelected = output<NeuAutocompleteOption>();\n\n  /** Emitido al cambiar el texto del input / Emitted on query change */\n  readonly queryChange = output<string>();\n\n  // ── Internal state ───────────────────────────────────────────────\n  readonly _id = `neu-autocomplete-${++_seq}`;\n  readonly _listId = `${this._id}-list`;\n\n  readonly _query = signal('');\n  readonly _isOpen = signal(false);\n  readonly _activeIndex = signal(-1);\n  readonly _cvaDisabled = signal(false);\n  readonly _focused = signal(false);\n  private readonly _viewport = viewChild(CdkVirtualScrollViewport);\n  readonly overlayWidth = signal<number | null>(null);\n  readonly _viewportMargin = 16;\n  readonly overlayPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n      offsetY: 4,\n    },\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'bottom',\n      offsetY: -4,\n    },\n    {\n      originX: 'end',\n      originY: 'bottom',\n      overlayX: 'end',\n      overlayY: 'top',\n      offsetY: 4,\n    },\n    {\n      originX: 'end',\n      originY: 'top',\n      overlayX: 'end',\n      overlayY: 'bottom',\n      offsetY: -4,\n    },\n  ];\n  private readonly _document = inject(DOCUMENT);\n  private readonly _overlay = inject(Overlay);\n  readonly overlayScrollStrategy = this._overlay.scrollStrategies.reposition();\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  // ── Computed ─────────────────────────────────────────────────────\n  readonly _filtered = computed(() => {\n    const q = this._query().toLowerCase().trim();\n    // Con query vacía nunca mostramos opciones (no queremos comportarnos como un select).\n    // Empty query → never show options (autocomplete ≠ select).\n    if (!q) return [];\n    if (q.length < this.minLength()) return [];\n    return this.options().filter((o) => o.label.toLowerCase().includes(q));\n  });\n\n  readonly _activeId = computed(() => {\n    const i = this._activeIndex();\n    return i >= 0 ? this._optionId(i) : null;\n  });\n\n  readonly hasError = computed(() => !!this.errorMessage());\n\n  readonly describedBy = computed(() => {\n    if (this.hasError()) {\n      return `${this._id}-error`;\n    }\n    if (this.hint()) {\n      return `${this._id}-hint`;\n    }\n    return null;\n  });\n\n  readonly resultsAnnouncement = computed(() => {\n    const query = this._query().trim();\n    if (!query || !this._isOpen()) {\n      return '';\n    }\n\n    const total = this._filtered().length;\n    if (!total) {\n      return this.emptyLabel();\n    }\n\n    return total === 1 ? '1 resultado disponible' : `${total} resultados disponibles`;\n  });\n\n  readonly virtualScrollItemSize = computed(() => {\n    switch (this.size()) {\n      case 'sm':\n        return 36;\n      case 'lg':\n        return 52;\n      default:\n        return 40;\n    }\n  });\n\n  readonly virtualViewportHeight = computed(\n    () => `${this.virtualScrollVisibleItems() * this.virtualScrollItemSize()}px`,\n  );\n\n  readonly trackByOption = (index: number, option: NeuAutocompleteOption) =>\n    option.value ?? option.label ?? index;\n\n  _optionId(i: number): string {\n    return `${this._listId}-opt-${i}`;\n  }\n\n  // ── HostListener close on outside click ─────────────────────────\n  private readonly _el = inject(ElementRef<HTMLElement>);\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocClick(e: MouseEvent): void {\n    const target = e.target as Element | null;\n    const isInsideOverlay = !!target?.closest('.neu-autocomplete__list, .neu-autocomplete__empty');\n    if (!this._el.nativeElement.contains(e.target as Node) && !isInsideOverlay) {\n      this._closePanel();\n    }\n  }\n\n  @HostListener('window:resize')\n  onWindowResize(): void {\n    if (this._isOpen()) {\n      this._syncOverlayWidth();\n    }\n  }\n\n  // ── Event handlers ───────────────────────────────────────────────\n  onQueryChange(q: string): void {\n    this._query.set(q);\n    this._activeIndex.set(-1);\n    // Sólo abrimos si hay texto suficiente; si no, cerramos.\n    // Only open when there is enough text; otherwise close.\n    const minLen = Math.max(1, this.minLength());\n    const shouldOpen = q.trim().length >= minLen;\n    if (shouldOpen) {\n      this._syncOverlayWidth();\n    }\n    this._isOpen.set(shouldOpen);\n    this.queryChange.emit(q);\n    // CVA — emit null when query is cleared\n    if (!q) {\n      this._onChange(null);\n    }\n  }\n\n  _onFocus(): void {\n    this._focused.set(true);\n    // Abre el dropdown solo si ya hay texto escrito / Only open when there is already a query.\n    if (this._query().trim().length >= Math.max(1, this.minLength())) {\n      this._syncOverlayWidth();\n      this._isOpen.set(true);\n    }\n  }\n\n  _onBlur(): void {\n    this._focused.set(false);\n    this._onTouched();\n    // Small delay to allow mousedown on option to fire first\n    setTimeout(() => this._closePanel(), 150);\n  }\n\n  onKeyDown(e: KeyboardEvent): void {\n    const total = this._filtered().length;\n    if (!total && e.key !== 'Escape') return;\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this._syncOverlayWidth();\n        this._moveActiveIndex(1);\n        this._isOpen.set(true);\n        this._scrollActiveOptionIntoView();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this._moveActiveIndex(-1);\n        this._scrollActiveOptionIntoView();\n        break;\n      case 'Enter': {\n        const idx = this._activeIndex();\n        const opt = this._filtered()[idx];\n        if (opt && !opt.disabled) this.selectOption(opt);\n        break;\n      }\n      case 'Escape':\n        this._isOpen.set(false);\n        this._activeIndex.set(-1);\n        break;\n    }\n  }\n\n  private _moveActiveIndex(step: 1 | -1): void {\n    const filtered = this._filtered();\n    if (!filtered.length) {\n      this._activeIndex.set(-1);\n      return;\n    }\n\n    const currentIndex = this._activeIndex();\n    let nextIndex = currentIndex;\n\n    for (let count = 0; count < filtered.length; count += 1) {\n      nextIndex =\n        step === 1 ? Math.min(nextIndex + 1, filtered.length - 1) : Math.max(nextIndex - 1, 0);\n\n      if (!filtered[nextIndex]?.disabled) {\n        this._activeIndex.set(nextIndex);\n        return;\n      }\n\n      if ((step === 1 && nextIndex === filtered.length - 1) || (step === -1 && nextIndex === 0)) {\n        break;\n      }\n    }\n\n    if (currentIndex === -1) {\n      this._activeIndex.set(filtered.findIndex((option) => !option.disabled));\n    }\n  }\n\n  selectOption(opt: NeuAutocompleteOption): void {\n    if (opt.disabled) return;\n    this._query.set(opt.label);\n    this._isOpen.set(false);\n    this._activeIndex.set(-1);\n    this._onChange(opt.value);\n    this.optionSelected.emit(opt);\n  }\n\n  clear(): void {\n    this._query.set('');\n    this._onChange(null);\n    this._isOpen.set(false);\n    this._activeIndex.set(-1);\n    this.queryChange.emit('');\n  }\n\n  _closePanel(): void {\n    this._isOpen.set(false);\n    this._activeIndex.set(-1);\n  }\n\n  private _scrollActiveOptionIntoView(): void {\n    const activeIndex = this._activeIndex();\n    if (activeIndex < 0) {\n      return;\n    }\n\n    if (this.virtualScroll()) {\n      requestAnimationFrame(() => {\n        this._viewport()?.scrollToIndex(activeIndex, 'auto');\n        this._viewport()?.checkViewportSize();\n      });\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const activeOption = this._el.nativeElement.querySelector(\n        `#${this._optionId(activeIndex)}`,\n      ) as HTMLElement | null;\n      const overlayOption =\n        activeOption ?? this._document.getElementById(this._optionId(activeIndex));\n      if (typeof overlayOption?.scrollIntoView === 'function') {\n        overlayOption.scrollIntoView({ block: 'nearest' });\n      }\n    });\n  }\n\n  private _syncOverlayWidth(): void {\n    const trigger = this._el.nativeElement.querySelector(\n      '.neu-autocomplete__input-wrap',\n    ) as HTMLElement | null;\n    if (!trigger) {\n      return;\n    }\n    const width =\n      typeof trigger.getBoundingClientRect === 'function'\n        ? trigger.getBoundingClientRect().width\n        : 0;\n    this.overlayWidth.set(Math.min(width, window.innerWidth - 32));\n    if (this.virtualScroll()) {\n      requestAnimationFrame(() => this._viewport()?.checkViewportSize());\n    }\n  }\n\n  // ── CVA ──────────────────────────────────────────────────────────\n  writeValue(val: unknown): void {\n    if (val === null || val === undefined) {\n      this._query.set('');\n      return;\n    }\n    const match = this.options().find((o) => o.value === val);\n    this._query.set(match ? match.label : String(val));\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(d: boolean): void {\n    this._cvaDisabled.set(d);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}