@tailng-ui/primitives 0.51.0 → 0.52.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailng-ui/primitives",
-  "version": "0.51.0",
+  "version": "0.52.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^21.1.0",
-    "@tailng-ui/cdk": "^0.37.0",
+    "@tailng-ui/cdk": "^0.38.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false

package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts

@@ -31,6 +31,12 @@ export declare class TngSelectOverlay {
     private setupRepositionListeners;
     private teardownRepositionListeners;
     private findTriggerEl;
+    /**
+     * Anchor for overlay positioning, width, and dismiss boundary.
+     * Prefer the enclosing form-field (so the overlay aligns with the visible
+     * field frame), else the select trigger itself.
+     */
+    private findAnchorEl;
     private syncPortalledThemeVars;
     private applyPortalledStacking;
     private clearPortalledThemeVars;

package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-select.overlay.shared.d.ts","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.overlay.shared.ts"],"names":[],"mappings":";AAkHA,qBAIa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA6C;IAClE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+C;IACrE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAC1D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IAErD,SAAgB,SAAS;;;oBAAqD;IAC9E,SAAgB,MAAM;;;oBAAkD;IACxE,SAAgB,SAAS;;;;oBAA4D;IAGrF,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAU;IAGxD,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;IAED,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,wBAAwB,CAA6B;;IAsB7D,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,wBAAwB;IAsBhC,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,sBAAsB;IAiD9B,OAAO,CAAC,oBAAoB;IAuC5B,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,mBAAmB;yCArQhB,gBAAgB;2CAAhB,gBAAgB;CAkR5B"}
+{"version":3,"file":"tng-select.overlay.shared.d.ts","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.overlay.shared.ts"],"names":[],"mappings":";AA4JA,qBAIa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA6C;IAClE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+C;IACrE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAC1D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IAErD,SAAgB,SAAS;;;oBAAqD;IAC9E,SAAgB,MAAM;;;oBAAkD;IACxE,SAAgB,SAAS;;;;oBAA4D;IAGrF,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAU;IAGxD,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;IAED,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,wBAAwB,CAA6B;;IAsB7D,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,wBAAwB;IAsBhC,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,aAAa;IAKrB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,sBAAsB;IAoD9B,OAAO,CAAC,oBAAoB;IAwC5B,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,mBAAmB;yCAlRhB,gBAAgB;2CAAhB,gBAAgB;CA+R5B"}

package/src/lib/form/_shared/select/tng-select.overlay.shared.js

@@ -80,6 +80,48 @@ function isInside(target, container) {
 function resolveOverlayOwnerId(host) {
     return host.closest(`[${TNG_OVERLAY_LAYER_ID_ATTR}]`)?.getAttribute(TNG_OVERLAY_LAYER_ID_ATTR) ?? null;
 }
+/**
+ * When the overlay's host element lives inside a `tng-form-field`, the form-field
+ * is the visible frame the consumer sees, so the overlay should align with it
+ * (width + left/right edges). For the `left` label layout the form-field's root
+ * spans the label column too, so anchor on the inner control-row instead.
+ */
+function findFormFieldAnchor(host) {
+    const formField = host.closest('[data-slot="form-field"]');
+    if (!formField)
+        return null;
+    if (formField.getAttribute('data-label-position') === 'left') {
+        const row = formField.querySelector('.tng-form-field__control-row');
+        return row ?? formField;
+    }
+    return formField;
+}
+/**
+ * Rect to use for overlay positioning. When the anchor is a form-field root, the
+ * horizontal extent is taken from the form-field (so the overlay spans the field
+ * frame) but the vertical extent is taken from the inner fieldset (the input row)
+ * so the overlay opens directly under the input rather than below the messages
+ * region beneath the frame.
+ */
+function anchorRectFor(anchorEl) {
+    const widthRect = anchorEl.getBoundingClientRect();
+    if (!anchorEl.matches('[data-slot="form-field"]')) {
+        return rectFromClientRect(widthRect);
+    }
+    const labelPosition = anchorEl.getAttribute('data-label-position');
+    const fieldset = anchorEl.querySelector('[data-slot="form-field-control-row"]');
+    const innerRow = anchorEl.querySelector('.tng-form-field__control-row');
+    const positionEl = labelPosition === 'outline' ? (fieldset ?? innerRow) : (innerRow ?? fieldset);
+    if (!positionEl)
+        return rectFromClientRect(widthRect);
+    const positionRect = positionEl.getBoundingClientRect();
+    return {
+        left: widthRect.left,
+        width: widthRect.width,
+        top: positionRect.top,
+        height: positionRect.height,
+    };
+}
 export class TngSelectOverlay {
     host = inject(TNG_SELECT_HOST);
     elRef = inject(ElementRef);
@@ -124,10 +166,10 @@ export class TngSelectOverlay {
         if (!this.host.open())
             return;
         const panel = this.elRef.nativeElement;
-        const trigger = this.findTriggerEl();
-        if (!trigger)
+        const anchorEl = this.findAnchorEl();
+        if (!anchorEl)
             return;
-        const anchor = rectFromClientRect(trigger.getBoundingClientRect());
+        const anchor = anchorRectFor(anchorEl);
         const overlay = rectFromClientRect(panel.getBoundingClientRect());
         const viewport = viewportRect();
         const result = computeOverlayPosition({
@@ -156,9 +198,9 @@ export class TngSelectOverlay {
         this.removeResizeListener = () => window.removeEventListener('resize', onResize);
         if ('ResizeObserver' in window) {
             this.resizeObserver = new ResizeObserver(() => schedule());
-            const trigger = this.findTriggerEl();
-            if (trigger)
-                this.resizeObserver.observe(trigger);
+            const anchorEl = this.findAnchorEl();
+            if (anchorEl)
+                this.resizeObserver.observe(anchorEl);
             this.resizeObserver.observe(this.elRef.nativeElement);
         }
     }
@@ -172,6 +214,14 @@ export class TngSelectOverlay {
         const root = this.host.hostElement;
         return root.querySelector('[data-slot="select-trigger"]');
     }
+    /**
+     * Anchor for overlay positioning, width, and dismiss boundary.
+     * Prefer the enclosing form-field (so the overlay aligns with the visible
+     * field frame), else the select trigger itself.
+     */
+    findAnchorEl() {
+        return findFormFieldAnchor(this.host.hostElement) ?? this.findTriggerEl();
+    }
     syncPortalledThemeVars() {
         const panel = this.elRef.nativeElement;
         const hostStyles = getComputedStyle(this.host.hostElement);
@@ -223,14 +273,17 @@ export class TngSelectOverlay {
         queueMicrotask(() => {
             if (!this.host.open())
                 return;
-            const trigger = this.findTriggerEl();
-            if (!trigger)
+            const anchorEl = this.findAnchorEl();
+            if (!anchorEl)
                 return;
-            const anchor = rectFromClientRect(trigger.getBoundingClientRect());
+            const anchor = anchorRectFor(anchorEl);
             const viewportWidth = viewportRect().width;
             const inlineSize = Math.max(0, Math.min(anchor.width, viewportWidth - 16));
             panel.style.width = `${inlineSize}px`;
             panel.style.minWidth = `${inlineSize}px`;
+            if (findFormFieldAnchor(this.host.hostElement)) {
+                panel.style.maxWidth = 'none';
+            }
             const overlay = rectFromClientRect(panel.getBoundingClientRect());
             const viewport = viewportRect();
             const result = computeOverlayPosition({
@@ -275,6 +328,7 @@ export class TngSelectOverlay {
         panel.style.zIndex = '';
         panel.style.width = '';
         panel.style.minWidth = '';
+        panel.style.maxWidth = '';
         panel.removeAttribute(TNG_OVERLAY_OWNER_ID_ATTR);
         this.clearPortalledThemeVars();
         this.teardownOutsidePointer();
@@ -286,10 +340,10 @@ export class TngSelectOverlay {
             if (!this.host.open())
                 return;
             const panel = this.elRef.nativeElement;
-            const trigger = this.findTriggerEl();
+            const anchorEl = this.findAnchorEl();
             if (isInside(ev.target, panel))
                 return;
-            if (trigger && isInside(ev.target, trigger))
+            if (anchorEl && isInside(ev.target, anchorEl))
                 return;
             if (this.host.multiple() &&
                 ev.target &&

package/src/lib/form/_shared/select/tng-select.overlay.shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-select.overlay.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.overlay.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport {\n  computeOverlayPosition,\n  createTngIdFactory,\n  getGlobalScrollLockManager,\n} from '@tailng-ui/cdk';\n\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\ntype MaybeRect = Readonly<{\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n}>;\n\nconst PORTALLED_SELECT_THEME_VARS = [\n  '--tng-select-radius',\n  '--tng-select-trigger-width',\n  '--tng-select-trigger-min-height',\n  '--tng-select-trigger-py',\n  '--tng-select-trigger-px',\n  '--tng-select-trigger-gap',\n  '--tng-select-icon-size',\n  '--tng-select-icon-opacity',\n  '--tng-select-icon-margin-inline-start',\n  '--tng-select-overlay-padding',\n  '--tng-select-overlay-radius',\n  '--tng-select-overlay-shadow',\n  '--tng-select-overlay-max-width',\n  '--tng-select-z-overlay',\n  '--tng-select-overlay-z-index',\n  '--tng-z-overlay',\n  '--tng-select-overlay-border',\n  '--tng-select-overlay-bg',\n  '--tng-select-overlay-max-height',\n  '--tng-select-listbox-gap',\n  '--tng-select-option-min-height',\n  '--tng-select-option-py',\n  '--tng-select-option-px',\n  '--tng-select-option-radius',\n  '--tng-select-option-bg-active',\n  '--tng-select-option-border-active',\n  '--tng-select-option-bg-selected',\n  '--tng-select-option-border-selected',\n  '--tng-select-option-fg-selected',\n  '--tng-select-option-bg-selected-active',\n  '--tng-select-option-border-selected-active',\n  '--tng-select-option-shadow-selected-active',\n  '--tng-select-option-disabled-opacity',\n  '--tng-select-option-font-weight',\n  '--tng-select-value-font-size',\n  '--tng-select-value-font-weight',\n  '--tng-select-value-color',\n  '--tng-select-icon-margin-inline-end',\n  '--tng-select-border',\n  '--tng-select-border-strong',\n  '--tng-select-border-hover',\n  '--tng-select-bg',\n  '--tng-select-surface',\n  '--tng-select-fg',\n  '--tng-select-muted',\n  '--tng-select-brand',\n  '--tng-select-danger',\n  '--tng-select-focus-ring',\n  '--tng-select-ease',\n  '--tng-select-shadow',\n  '--tng-select-shadow-focus',\n  '--tng-semantic-background-base',\n  '--tng-semantic-background-surface',\n  '--tng-semantic-border-subtle',\n  '--tng-semantic-border-strong',\n  '--tng-semantic-foreground-primary',\n  '--tng-semantic-foreground-secondary',\n  '--tng-semantic-foreground-muted',\n  '--tng-semantic-accent-brand',\n  '--tng-semantic-accent-danger',\n  '--tng-semantic-focus-ring',\n] as const;\n\nconst TNG_OVERLAY_LAYER_ID_ATTR = 'data-tng-overlay-layer-id';\nconst TNG_OVERLAY_OWNER_ID_ATTR = 'data-tng-overlay-owner-id';\nconst createSelectOverlayLockId = createTngIdFactory('tng-select-overlay-lock');\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\nfunction resolveOverlayOwnerId(host: HTMLElement): string | null {\n  return host.closest<HTMLElement>(`[${TNG_OVERLAY_LAYER_ID_ATTR}]`)?.getAttribute(TNG_OVERLAY_LAYER_ID_ATTR) ?? null;\n}\n\n@Directive({\n  selector: '[tngSelectOverlay]',\n  exportAs: 'tngSelectOverlay',\n})\nexport class TngSelectOverlay {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly instanceId = createSelectOverlayLockId();\n  private readonly scrollLock = getGlobalScrollLockManager({\n    documentRef: this.elRef.nativeElement.ownerDocument,\n  });\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n\n  public readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  public readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  public readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'select-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.host.open() ? null : '';\n  }\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  public constructor() {\n    this.placeholder = document.createComment('tng-select-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.host.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  private reposition(): void {\n    if (!this.host.open()) return;\n    const panel = this.elRef.nativeElement;\n    const trigger = this.findTriggerEl();\n    if (!trigger) return;\n\n    const anchor = rectFromClientRect(trigger.getBoundingClientRect());\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset: this.offset(),\n      collision: this.collision(),\n    });\n\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${result.y}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = (): void => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n\n    const onResize = (): void => schedule();\n    window.addEventListener('resize', onResize);\n    this.removeResizeListener = (): void => window.removeEventListener('resize', onResize);\n\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const trigger = this.findTriggerEl();\n      if (trigger) this.resizeObserver.observe(trigger);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeResizeListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.host.hostElement;\n    return root.querySelector('[data-slot=\"select-trigger\"]') as HTMLElement | null;\n  }\n\n  private syncPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n    const hostStyles = getComputedStyle(this.host.hostElement);\n\n    for (const cssVar of PORTALLED_SELECT_THEME_VARS) {\n      const value = hostStyles.getPropertyValue(cssVar).trim();\n      if (value) {\n        panel.style.setProperty(cssVar, value);\n      } else {\n        panel.style.removeProperty(cssVar);\n      }\n    }\n\n    const colorScheme = hostStyles.colorScheme?.trim();\n    if (colorScheme && colorScheme !== 'normal') {\n      panel.style.colorScheme = colorScheme;\n    } else {\n      panel.style.removeProperty('color-scheme');\n    }\n  }\n\n  private applyPortalledStacking(): void {\n    this.elRef.nativeElement.style.zIndex =\n      'var(--tng-select-z-overlay, var(--tng-select-overlay-z-index, var(--tng-z-overlay, 2)))';\n  }\n\n  private clearPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n\n    for (const cssVar of PORTALLED_SELECT_THEME_VARS) {\n      panel.style.removeProperty(cssVar);\n    }\n\n    panel.style.removeProperty('color-scheme');\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.scrollLock.acquire(this.instanceId);\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    const ownerId = resolveOverlayOwnerId(this.host.hostElement);\n    if (ownerId !== null) {\n      panel.setAttribute(TNG_OVERLAY_OWNER_ID_ATTR, ownerId);\n    }\n\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    this.syncPortalledThemeVars();\n    this.applyPortalledStacking();\n\n    queueMicrotask(() => {\n      if (!this.host.open()) return;\n      const trigger = this.findTriggerEl();\n      if (!trigger) return;\n\n      const anchor = rectFromClientRect(trigger.getBoundingClientRect());\n      const viewportWidth = viewportRect().width;\n      const inlineSize = Math.max(0, Math.min(anchor.width, viewportWidth - 16));\n      panel.style.width = `${inlineSize}px`;\n      panel.style.minWidth = `${inlineSize}px`;\n\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset: this.offset(),\n        collision: this.collision(),\n      });\n\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${result.y}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n\n    this.teardownRepositionListeners();\n    this.scrollLock.release(this.instanceId);\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      const panelEl = this.elRef.nativeElement;\n      if (!active || panelEl.contains(active)) {\n        this.lastFocusedBeforeOpen.focus();\n      }\n    }\n\n    this.restoreFocusOnClose();\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.width = '';\n    panel.style.minWidth = '';\n    panel.removeAttribute(TNG_OVERLAY_OWNER_ID_ATTR);\n    this.clearPortalledThemeVars();\n    this.teardownOutsidePointer();\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n\n    const onPointerDown = (ev: PointerEvent): void => {\n      if (!this.host.open()) return;\n      const panel = this.elRef.nativeElement;\n      const trigger = this.findTriggerEl();\n      if (isInside(ev.target, panel)) return;\n      if (trigger && isInside(ev.target, trigger)) return;\n      if (\n        this.host.multiple() &&\n        ev.target &&\n        (ev.target as Element).closest?.(\n          '[data-slot=\"select-option\"], [data-slot=\"multi-select-option\"]'\n        )\n      )\n        return;\n      this.host.close();\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = (): void => {\n      document.removeEventListener('pointerdown', onPointerDown, true);\n    };\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    if (active && panel.contains(active)) {\n      const trigger = this.findTriggerEl();\n      trigger?.focus();\n      return;\n    }\n    if (document.activeElement === document.body) {\n      const trigger = this.findTriggerEl();\n      trigger?.focus();\n    }\n  }\n}\n"]}
+{"version":3,"file":"tng-select.overlay.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.overlay.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport {\n  computeOverlayPosition,\n  createTngIdFactory,\n  getGlobalScrollLockManager,\n} from '@tailng-ui/cdk';\n\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\ntype MaybeRect = Readonly<{\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n}>;\n\nconst PORTALLED_SELECT_THEME_VARS = [\n  '--tng-select-radius',\n  '--tng-select-trigger-width',\n  '--tng-select-trigger-min-height',\n  '--tng-select-trigger-py',\n  '--tng-select-trigger-px',\n  '--tng-select-trigger-gap',\n  '--tng-select-icon-size',\n  '--tng-select-icon-opacity',\n  '--tng-select-icon-margin-inline-start',\n  '--tng-select-overlay-padding',\n  '--tng-select-overlay-radius',\n  '--tng-select-overlay-shadow',\n  '--tng-select-overlay-max-width',\n  '--tng-select-z-overlay',\n  '--tng-select-overlay-z-index',\n  '--tng-z-overlay',\n  '--tng-select-overlay-border',\n  '--tng-select-overlay-bg',\n  '--tng-select-overlay-max-height',\n  '--tng-select-listbox-gap',\n  '--tng-select-option-min-height',\n  '--tng-select-option-py',\n  '--tng-select-option-px',\n  '--tng-select-option-radius',\n  '--tng-select-option-bg-active',\n  '--tng-select-option-border-active',\n  '--tng-select-option-bg-selected',\n  '--tng-select-option-border-selected',\n  '--tng-select-option-fg-selected',\n  '--tng-select-option-bg-selected-active',\n  '--tng-select-option-border-selected-active',\n  '--tng-select-option-shadow-selected-active',\n  '--tng-select-option-disabled-opacity',\n  '--tng-select-option-font-weight',\n  '--tng-select-value-font-size',\n  '--tng-select-value-font-weight',\n  '--tng-select-value-color',\n  '--tng-select-icon-margin-inline-end',\n  '--tng-select-border',\n  '--tng-select-border-strong',\n  '--tng-select-border-hover',\n  '--tng-select-bg',\n  '--tng-select-surface',\n  '--tng-select-fg',\n  '--tng-select-muted',\n  '--tng-select-brand',\n  '--tng-select-danger',\n  '--tng-select-focus-ring',\n  '--tng-select-ease',\n  '--tng-select-shadow',\n  '--tng-select-shadow-focus',\n  '--tng-semantic-background-base',\n  '--tng-semantic-background-surface',\n  '--tng-semantic-border-subtle',\n  '--tng-semantic-border-strong',\n  '--tng-semantic-foreground-primary',\n  '--tng-semantic-foreground-secondary',\n  '--tng-semantic-foreground-muted',\n  '--tng-semantic-accent-brand',\n  '--tng-semantic-accent-danger',\n  '--tng-semantic-focus-ring',\n] as const;\n\nconst TNG_OVERLAY_LAYER_ID_ATTR = 'data-tng-overlay-layer-id';\nconst TNG_OVERLAY_OWNER_ID_ATTR = 'data-tng-overlay-owner-id';\nconst createSelectOverlayLockId = createTngIdFactory('tng-select-overlay-lock');\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\nfunction resolveOverlayOwnerId(host: HTMLElement): string | null {\n  return host.closest<HTMLElement>(`[${TNG_OVERLAY_LAYER_ID_ATTR}]`)?.getAttribute(TNG_OVERLAY_LAYER_ID_ATTR) ?? null;\n}\n\n/**\n * When the overlay's host element lives inside a `tng-form-field`, the form-field\n * is the visible frame the consumer sees, so the overlay should align with it\n * (width + left/right edges). For the `left` label layout the form-field's root\n * spans the label column too, so anchor on the inner control-row instead.\n */\nfunction findFormFieldAnchor(host: HTMLElement): HTMLElement | null {\n  const formField = host.closest('[data-slot=\"form-field\"]') as HTMLElement | null;\n  if (!formField) return null;\n  if (formField.getAttribute('data-label-position') === 'left') {\n    const row = formField.querySelector('.tng-form-field__control-row') as HTMLElement | null;\n    return row ?? formField;\n  }\n  return formField;\n}\n\n/**\n * Rect to use for overlay positioning. When the anchor is a form-field root, the\n * horizontal extent is taken from the form-field (so the overlay spans the field\n * frame) but the vertical extent is taken from the inner fieldset (the input row)\n * so the overlay opens directly under the input rather than below the messages\n * region beneath the frame.\n */\nfunction anchorRectFor(anchorEl: HTMLElement): MaybeRect {\n  const widthRect = anchorEl.getBoundingClientRect();\n  if (!anchorEl.matches('[data-slot=\"form-field\"]')) {\n    return rectFromClientRect(widthRect);\n  }\n  const labelPosition = anchorEl.getAttribute('data-label-position');\n  const fieldset = anchorEl.querySelector('[data-slot=\"form-field-control-row\"]') as HTMLElement | null;\n  const innerRow = anchorEl.querySelector('.tng-form-field__control-row') as HTMLElement | null;\n  const positionEl = labelPosition === 'outline' ? (fieldset ?? innerRow) : (innerRow ?? fieldset);\n  if (!positionEl) return rectFromClientRect(widthRect);\n  const positionRect = positionEl.getBoundingClientRect();\n  return {\n    left: widthRect.left,\n    width: widthRect.width,\n    top: positionRect.top,\n    height: positionRect.height,\n  };\n}\n\n@Directive({\n  selector: '[tngSelectOverlay]',\n  exportAs: 'tngSelectOverlay',\n})\nexport class TngSelectOverlay {\n  private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly instanceId = createSelectOverlayLockId();\n  private readonly scrollLock = getGlobalScrollLockManager({\n    documentRef: this.elRef.nativeElement.ownerDocument,\n  });\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n\n  public readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  public readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  public readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'select-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.host.open() ? null : '';\n  }\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  public constructor() {\n    this.placeholder = document.createComment('tng-select-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.host.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  private reposition(): void {\n    if (!this.host.open()) return;\n    const panel = this.elRef.nativeElement;\n    const anchorEl = this.findAnchorEl();\n    if (!anchorEl) return;\n\n    const anchor = anchorRectFor(anchorEl);\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset: this.offset(),\n      collision: this.collision(),\n    });\n\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${result.y}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = (): void => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n\n    const onResize = (): void => schedule();\n    window.addEventListener('resize', onResize);\n    this.removeResizeListener = (): void => window.removeEventListener('resize', onResize);\n\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const anchorEl = this.findAnchorEl();\n      if (anchorEl) this.resizeObserver.observe(anchorEl);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeResizeListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.host.hostElement;\n    return root.querySelector('[data-slot=\"select-trigger\"]') as HTMLElement | null;\n  }\n\n  /**\n   * Anchor for overlay positioning, width, and dismiss boundary.\n   * Prefer the enclosing form-field (so the overlay aligns with the visible\n   * field frame), else the select trigger itself.\n   */\n  private findAnchorEl(): HTMLElement | null {\n    return findFormFieldAnchor(this.host.hostElement) ?? this.findTriggerEl();\n  }\n\n  private syncPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n    const hostStyles = getComputedStyle(this.host.hostElement);\n\n    for (const cssVar of PORTALLED_SELECT_THEME_VARS) {\n      const value = hostStyles.getPropertyValue(cssVar).trim();\n      if (value) {\n        panel.style.setProperty(cssVar, value);\n      } else {\n        panel.style.removeProperty(cssVar);\n      }\n    }\n\n    const colorScheme = hostStyles.colorScheme?.trim();\n    if (colorScheme && colorScheme !== 'normal') {\n      panel.style.colorScheme = colorScheme;\n    } else {\n      panel.style.removeProperty('color-scheme');\n    }\n  }\n\n  private applyPortalledStacking(): void {\n    this.elRef.nativeElement.style.zIndex =\n      'var(--tng-select-z-overlay, var(--tng-select-overlay-z-index, var(--tng-z-overlay, 2)))';\n  }\n\n  private clearPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n\n    for (const cssVar of PORTALLED_SELECT_THEME_VARS) {\n      panel.style.removeProperty(cssVar);\n    }\n\n    panel.style.removeProperty('color-scheme');\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.scrollLock.acquire(this.instanceId);\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    const ownerId = resolveOverlayOwnerId(this.host.hostElement);\n    if (ownerId !== null) {\n      panel.setAttribute(TNG_OVERLAY_OWNER_ID_ATTR, ownerId);\n    }\n\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    this.syncPortalledThemeVars();\n    this.applyPortalledStacking();\n\n    queueMicrotask(() => {\n      if (!this.host.open()) return;\n      const anchorEl = this.findAnchorEl();\n      if (!anchorEl) return;\n\n      const anchor = anchorRectFor(anchorEl);\n      const viewportWidth = viewportRect().width;\n      const inlineSize = Math.max(0, Math.min(anchor.width, viewportWidth - 16));\n      panel.style.width = `${inlineSize}px`;\n      panel.style.minWidth = `${inlineSize}px`;\n      if (findFormFieldAnchor(this.host.hostElement)) {\n        panel.style.maxWidth = 'none';\n      }\n\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset: this.offset(),\n        collision: this.collision(),\n      });\n\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${result.y}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n\n    this.teardownRepositionListeners();\n    this.scrollLock.release(this.instanceId);\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      const panelEl = this.elRef.nativeElement;\n      if (!active || panelEl.contains(active)) {\n        this.lastFocusedBeforeOpen.focus();\n      }\n    }\n\n    this.restoreFocusOnClose();\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.width = '';\n    panel.style.minWidth = '';\n    panel.style.maxWidth = '';\n    panel.removeAttribute(TNG_OVERLAY_OWNER_ID_ATTR);\n    this.clearPortalledThemeVars();\n    this.teardownOutsidePointer();\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n\n    const onPointerDown = (ev: PointerEvent): void => {\n      if (!this.host.open()) return;\n      const panel = this.elRef.nativeElement;\n      const anchorEl = this.findAnchorEl();\n      if (isInside(ev.target, panel)) return;\n      if (anchorEl && isInside(ev.target, anchorEl)) return;\n      if (\n        this.host.multiple() &&\n        ev.target &&\n        (ev.target as Element).closest?.(\n          '[data-slot=\"select-option\"], [data-slot=\"multi-select-option\"]'\n        )\n      )\n        return;\n      this.host.close();\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = (): void => {\n      document.removeEventListener('pointerdown', onPointerDown, true);\n    };\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    if (active && panel.contains(active)) {\n      const trigger = this.findTriggerEl();\n      trigger?.focus();\n      return;\n    }\n    if (document.activeElement === document.body) {\n      const trigger = this.findTriggerEl();\n      trigger?.focus();\n    }\n  }\n}\n"]}

package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts

@@ -26,7 +26,12 @@ export declare class TngAutocompleteOverlay {
     protected readonly dataSlot: "autocomplete-overlay";
     protected get hidden(): '' | null;
     constructor();
-    /** Anchor for overlay: container (trigger+icon) if present, else the input trigger. */
+    /**
+     * Anchor for overlay positioning, width, and dismiss boundary.
+     * Prefer the enclosing form-field (so the overlay aligns with the visible
+     * field frame), else the trigger container (trigger + icon), else the input
+     * trigger itself.
+     */
     private findAnchorEl;
     private findTriggerEl;
     private reposition;

package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":";AAoHA,qBAIa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmC;IACzD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,wBAAwB,CAA6B;IAE7D,QAAQ,CAAC,SAAS;;;oBAAqD;IACvE,QAAQ,CAAC,MAAM;;;oBAAkD;IACjE,QAAQ,CAAC,SAAS;;;;oBAA4D;IAE9E,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAG3C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;;IAsBD,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IA4BlB,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,sBAAsB;IA4C9B,OAAO,CAAC,oBAAoB;IAmC5B,OAAO,CAAC,mBAAmB;yCAhQhB,sBAAsB;2CAAtB,sBAAsB;CAkRlC"}
+{"version":3,"file":"tng-autocomplete.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":";AA8JA,qBAIa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6C;IAC1E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmC;IACzD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,wBAAwB,CAA6B;IAE7D,QAAQ,CAAC,SAAS;;;oBAAqD;IACvE,QAAQ,CAAC,MAAM;;;oBAAkD;IACjE,QAAQ,CAAC,SAAS;;;;oBAA4D;IAE9E,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAG3C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,KAAK,MAAM,IAAI,EAAE,GAAG,IAAI,CAEhC;;IAsBD;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IA4BlB,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,sBAAsB;IAgD9B,OAAO,CAAC,oBAAoB;IAqC5B,OAAO,CAAC,mBAAmB;yCA7QhB,sBAAsB;2CAAtB,sBAAsB;CA+RlC"}

package/src/lib/form/autocomplete/tng-autocomplete.overlay.js

@@ -83,6 +83,48 @@ function resolveAnchoredYWhenOffscreen(resultY, anchor, overlay, viewport, side,
 function isInside(target, container) {
     return !!target && target instanceof Node && container.contains(target);
 }
+/**
+ * When the overlay's host element lives inside a `tng-form-field`, the form-field
+ * is the visible frame the consumer sees, so the overlay should align with it
+ * (width + left/right edges). For the `left` label layout the form-field's root
+ * spans the label column too, so anchor on the inner control-row instead.
+ */
+function findFormFieldAnchor(host) {
+    const formField = host.closest('[data-slot="form-field"]');
+    if (!formField)
+        return null;
+    if (formField.getAttribute('data-label-position') === 'left') {
+        const row = formField.querySelector('.tng-form-field__control-row');
+        return row ?? formField;
+    }
+    return formField;
+}
+/**
+ * Rect to use for overlay positioning. When the anchor is a form-field root, the
+ * horizontal extent is taken from the form-field (so the overlay spans the field
+ * frame) but the vertical extent is taken from the inner fieldset (the input row)
+ * so the overlay opens directly under the input rather than below the messages
+ * region beneath the frame.
+ */
+function anchorRectFor(anchorEl) {
+    const widthRect = anchorEl.getBoundingClientRect();
+    if (!anchorEl.matches('[data-slot="form-field"]')) {
+        return rectFromClientRect(widthRect);
+    }
+    const labelPosition = anchorEl.getAttribute('data-label-position');
+    const fieldset = anchorEl.querySelector('[data-slot="form-field-control-row"]');
+    const innerRow = anchorEl.querySelector('.tng-form-field__control-row');
+    const positionEl = labelPosition === 'outline' ? (fieldset ?? innerRow) : (innerRow ?? fieldset);
+    if (!positionEl)
+        return rectFromClientRect(widthRect);
+    const positionRect = positionEl.getBoundingClientRect();
+    return {
+        left: widthRect.left,
+        width: widthRect.width,
+        top: positionRect.top,
+        height: positionRect.height,
+    };
+}
 export class TngAutocompleteOverlay {
     autocomplete = inject(TNG_AUTOCOMPLETE);
     elRef = inject((ElementRef));
@@ -120,9 +162,17 @@ export class TngAutocompleteOverlay {
             this.originalParent = null;
         });
     }
-    /** Anchor for overlay: container (trigger+icon) if present, else the input trigger. */
+    /**
+     * Anchor for overlay positioning, width, and dismiss boundary.
+     * Prefer the enclosing form-field (so the overlay aligns with the visible
+     * field frame), else the trigger container (trigger + icon), else the input
+     * trigger itself.
+     */
     findAnchorEl() {
         const root = this.autocomplete.hostElement;
+        const formFieldAnchor = findFormFieldAnchor(root);
+        if (formFieldAnchor)
+            return formFieldAnchor;
         const container = root.querySelector('[data-slot="autocomplete-trigger-container"]');
         if (container)
             return container;
@@ -139,7 +189,7 @@ export class TngAutocompleteOverlay {
         const anchorEl = this.findAnchorEl();
         if (!anchorEl)
             return;
-        const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());
+        const anchor = anchorRectFor(anchorEl);
         const overlay = rectFromClientRect(panel.getBoundingClientRect());
         const viewport = viewportRect();
         const offset = this.offset();
@@ -258,8 +308,12 @@ export class TngAutocompleteOverlay {
             const anchorEl = this.findAnchorEl();
             if (!anchorEl)
                 return;
-            const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());
+            const anchor = anchorRectFor(anchorEl);
             panel.style.minWidth = `${anchor.width}px`;
+            if (findFormFieldAnchor(this.autocomplete.hostElement)) {
+                panel.style.width = `${anchor.width}px`;
+                panel.style.maxWidth = 'none';
+            }
             const overlay = rectFromClientRect(panel.getBoundingClientRect());
             const viewport = viewportRect();
             const offset = this.offset();
@@ -304,6 +358,8 @@ export class TngAutocompleteOverlay {
         panel.style.top = '';
         panel.style.zIndex = '';
         panel.style.minWidth = '';
+        panel.style.width = '';
+        panel.style.maxWidth = '';
         this.clearPortalledThemeVars();
         this.teardownOutsidePointer();
     }

package/src/lib/form/autocomplete/tng-autocomplete.overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-autocomplete.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport { computeOverlayPosition } from '@tailng-ui/cdk';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocomplete } from './tng-autocomplete';\n\ntype MaybeRect = Readonly<{ left: number; top: number; width: number; height: number }>;\n\nconst PORTALLED_AUTOCOMPLETE_THEME_VARS = [\n  '--tng-autocomplete-radius',\n  '--tng-autocomplete-trigger-width',\n  '--tng-autocomplete-trigger-min-height',\n  '--tng-autocomplete-trigger-container-min-height',\n  '--tng-autocomplete-trigger-container-gap',\n  '--tng-autocomplete-trigger-container-px',\n  '--tng-autocomplete-trigger-py',\n  '--tng-autocomplete-trigger-px',\n  '--tng-autocomplete-icon-size',\n  '--tng-autocomplete-icon-box-size',\n  '--tng-autocomplete-icon-opacity',\n  '--tng-autocomplete-icon-margin-inline-end',\n  '--tng-autocomplete-overlay-padding',\n  '--tng-autocomplete-overlay-radius',\n  '--tng-autocomplete-overlay-shadow',\n  '--tng-autocomplete-overlay-max-width',\n  '--tng-autocomplete-z-overlay',\n  '--tng-autocomplete-overlay-z-index',\n  '--tng-z-overlay',\n  '--tng-autocomplete-overlay-border',\n  '--tng-autocomplete-overlay-bg',\n  '--tng-autocomplete-listbox-gap',\n  '--tng-autocomplete-option-min-height',\n  '--tng-autocomplete-option-py',\n  '--tng-autocomplete-option-px',\n  '--tng-autocomplete-option-radius',\n  '--tng-autocomplete-option-bg-active',\n  '--tng-autocomplete-option-border-active',\n  '--tng-autocomplete-option-bg-selected',\n  '--tng-autocomplete-option-border-selected',\n  '--tng-autocomplete-option-fg-selected',\n  '--tng-autocomplete-option-bg-selected-active',\n  '--tng-autocomplete-option-border-selected-active',\n  '--tng-autocomplete-option-shadow-selected-active',\n  '--tng-autocomplete-option-disabled-opacity',\n  '--tng-autocomplete-border',\n  '--tng-autocomplete-border-strong',\n  '--tng-autocomplete-border-hover',\n  '--tng-autocomplete-bg',\n  '--tng-autocomplete-surface',\n  '--tng-autocomplete-fg',\n  '--tng-autocomplete-muted',\n  '--tng-autocomplete-brand',\n  '--tng-autocomplete-danger',\n  '--tng-autocomplete-focus-ring',\n  '--tng-autocomplete-ease',\n  '--tng-autocomplete-shadow',\n  '--tng-autocomplete-shadow-focus',\n  '--tng-semantic-background-base',\n  '--tng-semantic-background-canvas',\n  '--tng-semantic-background-surface',\n  '--tng-semantic-border-subtle',\n  '--tng-semantic-border-strong',\n  '--tng-semantic-foreground-primary',\n  '--tng-semantic-foreground-secondary',\n  '--tng-semantic-foreground-muted',\n  '--tng-semantic-accent-brand',\n  '--tng-semantic-accent-danger',\n  '--tng-semantic-focus-ring',\n] as const;\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction resolveAnchoredYWhenOffscreen(\n  resultY: number,\n  anchor: MaybeRect,\n  overlay: MaybeRect,\n  viewport: MaybeRect,\n  side: 'bottom' | 'top' | 'left' | 'right',\n  sideOffset: number,\n): number {\n  const viewportBottom = viewport.top + viewport.height;\n  const anchorBottom = anchor.top + anchor.height;\n\n  if (anchorBottom < viewport.top && side === 'bottom') {\n    return anchorBottom + sideOffset;\n  }\n\n  if (anchor.top > viewportBottom && side === 'top') {\n    return anchor.top - overlay.height - sideOffset;\n  }\n\n  return resultY;\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\n@Directive({\n  selector: '[tngAutocompleteOverlay]',\n  exportAs: 'tngAutocompleteOverlay',\n})\nexport class TngAutocompleteOverlay {\n  private readonly autocomplete = inject<TngAutocomplete>(TNG_AUTOCOMPLETE);\n  private readonly elRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private removeScrollListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.autocomplete.open() ? null : '';\n  }\n\n  constructor() {\n    this.placeholder = document.createComment('tng-autocomplete-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.autocomplete.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  /** Anchor for overlay: container (trigger+icon) if present, else the input trigger. */\n  private findAnchorEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    const container = root.querySelector('[data-slot=\"autocomplete-trigger-container\"]') as HTMLElement | null;\n    if (container) return container;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private reposition(): void {\n    if (!this.autocomplete.open()) return;\n    const panel = this.elRef.nativeElement;\n    const anchorEl = this.findAnchorEl();\n    if (!anchorEl) return;\n    const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n    const offset = this.offset();\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset,\n      collision: this.collision(),\n    });\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${resolveAnchoredYWhenOffscreen(\n      result.y,\n      anchor,\n      overlay,\n      viewport,\n      result.side,\n      offset?.side ?? 0,\n    )}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = () => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n    const onResize = () => schedule();\n    const onScroll = () => schedule();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n    this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    this.removeScrollListener = () => window.removeEventListener('scroll', onScroll, true);\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const anchorEl = this.findAnchorEl();\n      if (anchorEl) this.resizeObserver.observe(anchorEl);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeScrollListener?.();\n    this.removeResizeListener = null;\n    this.removeScrollListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n    const onPointerDown = (ev: PointerEvent) => {\n      if (!this.autocomplete.open()) return;\n      const panel = this.elRef.nativeElement;\n      const anchorEl = this.findAnchorEl();\n      if (isInside(ev.target, panel)) return;\n      if (anchorEl && isInside(ev.target, anchorEl)) return;\n      if (ev.target && (ev.target as Element).closest?.('[data-slot=\"autocomplete-option\"]')) return;\n      this.autocomplete.close();\n    };\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = () =>\n      document.removeEventListener('pointerdown', onPointerDown, true);\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private syncPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n    const hostStyles = getComputedStyle(this.autocomplete.hostElement);\n\n    for (const cssVar of PORTALLED_AUTOCOMPLETE_THEME_VARS) {\n      const value = hostStyles.getPropertyValue(cssVar).trim();\n      if (value) {\n        panel.style.setProperty(cssVar, value);\n      } else {\n        panel.style.removeProperty(cssVar);\n      }\n    }\n\n    const colorScheme = hostStyles.colorScheme?.trim();\n    if (colorScheme && colorScheme !== 'normal') {\n      panel.style.colorScheme = colorScheme;\n    } else {\n      panel.style.removeProperty('color-scheme');\n    }\n  }\n\n  private applyPortalledStacking(): void {\n    const panel = this.elRef.nativeElement;\n\n    panel.style.zIndex = 'var(--tng-autocomplete-z-overlay, var(--tng-autocomplete-overlay-z-index, var(--tng-z-overlay, 2)))';\n  }\n\n  private clearPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n\n    for (const cssVar of PORTALLED_AUTOCOMPLETE_THEME_VARS) {\n      panel.style.removeProperty(cssVar);\n    }\n\n    panel.style.removeProperty('color-scheme');\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    this.syncPortalledThemeVars();\n    this.applyPortalledStacking();\n\n    queueMicrotask(() => {\n      if (!this.autocomplete.open()) return;\n      const anchorEl = this.findAnchorEl();\n      if (!anchorEl) return;\n      const anchor = rectFromClientRect(anchorEl.getBoundingClientRect());\n      panel.style.minWidth = `${anchor.width}px`;\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const offset = this.offset();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset,\n        collision: this.collision(),\n      });\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${resolveAnchoredYWhenOffscreen(\n        result.y,\n        anchor,\n        overlay,\n        viewport,\n        result.side,\n        offset?.side ?? 0,\n      )}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n    this.teardownRepositionListeners();\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active || panel.contains(active)) {\n        this.autocomplete._restoringFocus = true;\n        this.lastFocusedBeforeOpen.focus();\n        queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      }\n    }\n    this.restoreFocusOnClose();\n\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.minWidth = '';\n    this.clearPortalledThemeVars();\n    this.teardownOutsidePointer();\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    const trigger = this.findTriggerEl();\n    if (!trigger) return;\n\n    if (active && panel.contains(active)) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      return;\n    }\n    if (document.activeElement === document.body) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n    }\n  }\n}\n"]}
+{"version":3,"file":"tng-autocomplete.overlay.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  effect,\n} from '@angular/core';\nimport type {\n  TngOverlayCollisionOptions,\n  TngOverlayOffset,\n  TngOverlayPlacement,\n} from '@tailng-ui/cdk';\nimport { computeOverlayPosition } from '@tailng-ui/cdk';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocomplete } from './tng-autocomplete';\n\ntype MaybeRect = Readonly<{ left: number; top: number; width: number; height: number }>;\n\nconst PORTALLED_AUTOCOMPLETE_THEME_VARS = [\n  '--tng-autocomplete-radius',\n  '--tng-autocomplete-trigger-width',\n  '--tng-autocomplete-trigger-min-height',\n  '--tng-autocomplete-trigger-container-min-height',\n  '--tng-autocomplete-trigger-container-gap',\n  '--tng-autocomplete-trigger-container-px',\n  '--tng-autocomplete-trigger-py',\n  '--tng-autocomplete-trigger-px',\n  '--tng-autocomplete-icon-size',\n  '--tng-autocomplete-icon-box-size',\n  '--tng-autocomplete-icon-opacity',\n  '--tng-autocomplete-icon-margin-inline-end',\n  '--tng-autocomplete-overlay-padding',\n  '--tng-autocomplete-overlay-radius',\n  '--tng-autocomplete-overlay-shadow',\n  '--tng-autocomplete-overlay-max-width',\n  '--tng-autocomplete-z-overlay',\n  '--tng-autocomplete-overlay-z-index',\n  '--tng-z-overlay',\n  '--tng-autocomplete-overlay-border',\n  '--tng-autocomplete-overlay-bg',\n  '--tng-autocomplete-listbox-gap',\n  '--tng-autocomplete-option-min-height',\n  '--tng-autocomplete-option-py',\n  '--tng-autocomplete-option-px',\n  '--tng-autocomplete-option-radius',\n  '--tng-autocomplete-option-bg-active',\n  '--tng-autocomplete-option-border-active',\n  '--tng-autocomplete-option-bg-selected',\n  '--tng-autocomplete-option-border-selected',\n  '--tng-autocomplete-option-fg-selected',\n  '--tng-autocomplete-option-bg-selected-active',\n  '--tng-autocomplete-option-border-selected-active',\n  '--tng-autocomplete-option-shadow-selected-active',\n  '--tng-autocomplete-option-disabled-opacity',\n  '--tng-autocomplete-border',\n  '--tng-autocomplete-border-strong',\n  '--tng-autocomplete-border-hover',\n  '--tng-autocomplete-bg',\n  '--tng-autocomplete-surface',\n  '--tng-autocomplete-fg',\n  '--tng-autocomplete-muted',\n  '--tng-autocomplete-brand',\n  '--tng-autocomplete-danger',\n  '--tng-autocomplete-focus-ring',\n  '--tng-autocomplete-ease',\n  '--tng-autocomplete-shadow',\n  '--tng-autocomplete-shadow-focus',\n  '--tng-semantic-background-base',\n  '--tng-semantic-background-canvas',\n  '--tng-semantic-background-surface',\n  '--tng-semantic-border-subtle',\n  '--tng-semantic-border-strong',\n  '--tng-semantic-foreground-primary',\n  '--tng-semantic-foreground-secondary',\n  '--tng-semantic-foreground-muted',\n  '--tng-semantic-accent-brand',\n  '--tng-semantic-accent-danger',\n  '--tng-semantic-focus-ring',\n] as const;\n\nfunction rectFromClientRect(r: DOMRect | ClientRect): MaybeRect {\n  return { left: r.left, top: r.top, width: r.width, height: r.height };\n}\n\nfunction viewportRect(): MaybeRect {\n  return { left: 0, top: 0, width: window.innerWidth || 1024, height: window.innerHeight || 768 };\n}\n\nfunction resolveAnchoredYWhenOffscreen(\n  resultY: number,\n  anchor: MaybeRect,\n  overlay: MaybeRect,\n  viewport: MaybeRect,\n  side: 'bottom' | 'top' | 'left' | 'right',\n  sideOffset: number,\n): number {\n  const viewportBottom = viewport.top + viewport.height;\n  const anchorBottom = anchor.top + anchor.height;\n\n  if (anchorBottom < viewport.top && side === 'bottom') {\n    return anchorBottom + sideOffset;\n  }\n\n  if (anchor.top > viewportBottom && side === 'top') {\n    return anchor.top - overlay.height - sideOffset;\n  }\n\n  return resultY;\n}\n\nfunction isInside(target: EventTarget | null, container: HTMLElement): boolean {\n  return !!target && target instanceof Node && container.contains(target);\n}\n\n/**\n * When the overlay's host element lives inside a `tng-form-field`, the form-field\n * is the visible frame the consumer sees, so the overlay should align with it\n * (width + left/right edges). For the `left` label layout the form-field's root\n * spans the label column too, so anchor on the inner control-row instead.\n */\nfunction findFormFieldAnchor(host: HTMLElement): HTMLElement | null {\n  const formField = host.closest('[data-slot=\"form-field\"]') as HTMLElement | null;\n  if (!formField) return null;\n  if (formField.getAttribute('data-label-position') === 'left') {\n    const row = formField.querySelector('.tng-form-field__control-row') as HTMLElement | null;\n    return row ?? formField;\n  }\n  return formField;\n}\n\n/**\n * Rect to use for overlay positioning. When the anchor is a form-field root, the\n * horizontal extent is taken from the form-field (so the overlay spans the field\n * frame) but the vertical extent is taken from the inner fieldset (the input row)\n * so the overlay opens directly under the input rather than below the messages\n * region beneath the frame.\n */\nfunction anchorRectFor(anchorEl: HTMLElement): MaybeRect {\n  const widthRect = anchorEl.getBoundingClientRect();\n  if (!anchorEl.matches('[data-slot=\"form-field\"]')) {\n    return rectFromClientRect(widthRect);\n  }\n  const labelPosition = anchorEl.getAttribute('data-label-position');\n  const fieldset = anchorEl.querySelector('[data-slot=\"form-field-control-row\"]') as HTMLElement | null;\n  const innerRow = anchorEl.querySelector('.tng-form-field__control-row') as HTMLElement | null;\n  const positionEl = labelPosition === 'outline' ? (fieldset ?? innerRow) : (innerRow ?? fieldset);\n  if (!positionEl) return rectFromClientRect(widthRect);\n  const positionRect = positionEl.getBoundingClientRect();\n  return {\n    left: widthRect.left,\n    width: widthRect.width,\n    top: positionRect.top,\n    height: positionRect.height,\n  };\n}\n\n@Directive({\n  selector: '[tngAutocompleteOverlay]',\n  exportAs: 'tngAutocompleteOverlay',\n})\nexport class TngAutocompleteOverlay {\n  private readonly autocomplete = inject<TngAutocomplete>(TNG_AUTOCOMPLETE);\n  private readonly elRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private lastFocusedBeforeOpen: HTMLElement | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private removeScrollListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private removeDocPointerListener: (() => void) | null = null;\n\n  readonly placement = input<TngOverlayPlacement | undefined>(undefined);\n  readonly offset = input<TngOverlayOffset | undefined>(undefined);\n  readonly collision = input<TngOverlayCollisionOptions | undefined>(undefined);\n\n  private placeholder: Comment | null = null;\n  private originalParent: Node | null = null;\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'autocomplete-overlay' as const;\n\n  @HostBinding('attr.hidden')\n  protected get hidden(): '' | null {\n    return this.autocomplete.open() ? null : '';\n  }\n\n  constructor() {\n    this.placeholder = document.createComment('tng-autocomplete-overlay-anchor');\n    const hostEl = this.elRef.nativeElement;\n    this.originalParent = hostEl.parentNode;\n    this.originalParent?.insertBefore(this.placeholder, hostEl);\n\n    effect(() => {\n      const open = this.autocomplete.open();\n      if (open) this.mountToBodyAndPosition();\n      else this.restoreToPlaceholder();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.teardownOutsidePointer();\n      this.restoreToPlaceholder(true);\n      this.placeholder = null;\n      this.originalParent = null;\n    });\n  }\n\n  /**\n   * Anchor for overlay positioning, width, and dismiss boundary.\n   * Prefer the enclosing form-field (so the overlay aligns with the visible\n   * field frame), else the trigger container (trigger + icon), else the input\n   * trigger itself.\n   */\n  private findAnchorEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    const formFieldAnchor = findFormFieldAnchor(root);\n    if (formFieldAnchor) return formFieldAnchor;\n    const container = root.querySelector('[data-slot=\"autocomplete-trigger-container\"]') as HTMLElement | null;\n    if (container) return container;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private findTriggerEl(): HTMLElement | null {\n    const root = this.autocomplete.hostElement;\n    return root.querySelector('[data-slot=\"autocomplete-trigger\"]') as HTMLElement | null;\n  }\n\n  private reposition(): void {\n    if (!this.autocomplete.open()) return;\n    const panel = this.elRef.nativeElement;\n    const anchorEl = this.findAnchorEl();\n    if (!anchorEl) return;\n    const anchor = anchorRectFor(anchorEl);\n    const overlay = rectFromClientRect(panel.getBoundingClientRect());\n    const viewport = viewportRect();\n    const offset = this.offset();\n    const result = computeOverlayPosition({\n      anchorRect: anchor,\n      overlayRect: overlay,\n      viewportRect: viewport,\n      placement: this.placement(),\n      offset,\n      collision: this.collision(),\n    });\n    panel.style.left = `${result.x}px`;\n    panel.style.top = `${resolveAnchoredYWhenOffscreen(\n      result.y,\n      anchor,\n      overlay,\n      viewport,\n      result.side,\n      offset?.side ?? 0,\n    )}px`;\n  }\n\n  private setupRepositionListeners(): void {\n    let rafId: number | null = null;\n    const schedule = () => {\n      if (rafId !== null) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = null;\n        this.reposition();\n      });\n    };\n    const onResize = () => schedule();\n    const onScroll = () => schedule();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n    this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    this.removeScrollListener = () => window.removeEventListener('scroll', onScroll, true);\n    if ('ResizeObserver' in window) {\n      this.resizeObserver = new ResizeObserver(() => schedule());\n      const anchorEl = this.findAnchorEl();\n      if (anchorEl) this.resizeObserver.observe(anchorEl);\n      this.resizeObserver.observe(this.elRef.nativeElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeScrollListener?.();\n    this.removeResizeListener = null;\n    this.removeScrollListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  private setupOutsidePointer(): void {\n    if (this.removeDocPointerListener) return;\n    const onPointerDown = (ev: PointerEvent) => {\n      if (!this.autocomplete.open()) return;\n      const panel = this.elRef.nativeElement;\n      const anchorEl = this.findAnchorEl();\n      if (isInside(ev.target, panel)) return;\n      if (anchorEl && isInside(ev.target, anchorEl)) return;\n      if (ev.target && (ev.target as Element).closest?.('[data-slot=\"autocomplete-option\"]')) return;\n      this.autocomplete.close();\n    };\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this.removeDocPointerListener = () =>\n      document.removeEventListener('pointerdown', onPointerDown, true);\n  }\n\n  private teardownOutsidePointer(): void {\n    this.removeDocPointerListener?.();\n    this.removeDocPointerListener = null;\n  }\n\n  private syncPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n    const hostStyles = getComputedStyle(this.autocomplete.hostElement);\n\n    for (const cssVar of PORTALLED_AUTOCOMPLETE_THEME_VARS) {\n      const value = hostStyles.getPropertyValue(cssVar).trim();\n      if (value) {\n        panel.style.setProperty(cssVar, value);\n      } else {\n        panel.style.removeProperty(cssVar);\n      }\n    }\n\n    const colorScheme = hostStyles.colorScheme?.trim();\n    if (colorScheme && colorScheme !== 'normal') {\n      panel.style.colorScheme = colorScheme;\n    } else {\n      panel.style.removeProperty('color-scheme');\n    }\n  }\n\n  private applyPortalledStacking(): void {\n    const panel = this.elRef.nativeElement;\n\n    panel.style.zIndex = 'var(--tng-autocomplete-z-overlay, var(--tng-autocomplete-overlay-z-index, var(--tng-z-overlay, 2)))';\n  }\n\n  private clearPortalledThemeVars(): void {\n    const panel = this.elRef.nativeElement;\n\n    for (const cssVar of PORTALLED_AUTOCOMPLETE_THEME_VARS) {\n      panel.style.removeProperty(cssVar);\n    }\n\n    panel.style.removeProperty('color-scheme');\n  }\n\n  private mountToBodyAndPosition(): void {\n    this.lastFocusedBeforeOpen = document.activeElement as HTMLElement | null;\n    this.setupRepositionListeners();\n    const panel = this.elRef.nativeElement;\n    if (panel.parentNode !== document.body) {\n      document.body.appendChild(panel);\n    }\n    panel.style.position = 'fixed';\n    panel.style.left = '0px';\n    panel.style.top = '0px';\n    this.syncPortalledThemeVars();\n    this.applyPortalledStacking();\n\n    queueMicrotask(() => {\n      if (!this.autocomplete.open()) return;\n      const anchorEl = this.findAnchorEl();\n      if (!anchorEl) return;\n      const anchor = anchorRectFor(anchorEl);\n      panel.style.minWidth = `${anchor.width}px`;\n      if (findFormFieldAnchor(this.autocomplete.hostElement)) {\n        panel.style.width = `${anchor.width}px`;\n        panel.style.maxWidth = 'none';\n      }\n      const overlay = rectFromClientRect(panel.getBoundingClientRect());\n      const viewport = viewportRect();\n      const offset = this.offset();\n      const result = computeOverlayPosition({\n        anchorRect: anchor,\n        overlayRect: overlay,\n        viewportRect: viewport,\n        placement: this.placement(),\n        offset,\n        collision: this.collision(),\n      });\n      panel.style.left = `${result.x}px`;\n      panel.style.top = `${resolveAnchoredYWhenOffscreen(\n        result.y,\n        anchor,\n        overlay,\n        viewport,\n        result.side,\n        offset?.side ?? 0,\n      )}px`;\n    });\n\n    this.setupOutsidePointer();\n  }\n\n  private restoreToPlaceholder(force = false): void {\n    const panel = this.elRef.nativeElement;\n    if (!force && panel.parentNode !== document.body) {\n      this.teardownOutsidePointer();\n      return;\n    }\n    if (this.placeholder?.parentNode) {\n      this.placeholder.parentNode.insertBefore(panel, this.placeholder);\n    } else if (this.originalParent) {\n      this.originalParent.appendChild(panel);\n    }\n    this.teardownRepositionListeners();\n\n    if (\n      this.lastFocusedBeforeOpen &&\n      document.contains(this.lastFocusedBeforeOpen)\n    ) {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active || panel.contains(active)) {\n        this.autocomplete._restoringFocus = true;\n        this.lastFocusedBeforeOpen.focus();\n        queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      }\n    }\n    this.restoreFocusOnClose();\n\n    panel.style.position = '';\n    panel.style.left = '';\n    panel.style.top = '';\n    panel.style.zIndex = '';\n    panel.style.minWidth = '';\n    panel.style.width = '';\n    panel.style.maxWidth = '';\n    this.clearPortalledThemeVars();\n    this.teardownOutsidePointer();\n  }\n\n  private restoreFocusOnClose(): void {\n    const panel = this.elRef.nativeElement;\n    const active = document.activeElement as HTMLElement | null;\n    const trigger = this.findTriggerEl();\n    if (!trigger) return;\n\n    if (active && panel.contains(active)) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n      return;\n    }\n    if (document.activeElement === document.body) {\n      this.autocomplete._restoringFocus = true;\n      trigger.focus();\n      queueMicrotask(() => { this.autocomplete._restoringFocus = false; });\n    }\n  }\n}\n"]}

package/src/lib/form/datepicker/tng-datepicker.overlay.d.ts

@@ -56,6 +56,17 @@ export declare class TngDatepickerOverlay {
     protected onKeydown(event: KeyboardEvent): void;
     constructor();
     private initializeOverlayPortal;
+    /**
+     * Resolve the explicit/datepicker-owned anchor (input-shell or trigger).
+     * This is the element used to read datepicker-scoped CSS custom properties
+     * (e.g. `--tng-datepicker-overlay-gap`) and to align the overlay vertically.
+     */
+    private findDatepickerAnchorEl;
+    /**
+     * Anchor for overlay positioning, width, and dismiss boundary. Prefer the
+     * enclosing form-field (so the overlay spans the visible frame) and fall
+     * back to the datepicker-owned anchor otherwise.
+     */
     private findAnchorEl;
     private scheduleReposition;
     private positionOverlay;

package/src/lib/form/datepicker/tng-datepicker.overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-datepicker.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/datepicker/tng-datepicker.overlay.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tng-datepicker.overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/datepicker/tng-datepicker.overlay.ts"],"names":[],"mappings":"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"}