ngwr 13.0.1 → 14.0.0

package/fesm2022/ngwr-popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-popover.mjs","sources":["../../../projects/lib/popover/interfaces/popover-position.ts","../../../projects/lib/popover/internal/text-panel.ts","../../../projects/lib/popover/popover.ts","../../../projects/lib/popover/ngwr-popover.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { ConnectedPosition } from '@angular/cdk/overlay';\n\nexport type WrPopoverPosition =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end';\n\n/**\n * The CDK geometry for each placement — one position, no fallbacks.\n *\n * The 8px offset is the gap between the trigger and the panel, and it is the\n * reason a flip list matters rather than being a nicety: the flexible strategy\n * emits `offsetX` as a `transform` on the pane, AFTER `withPush` has already\n * decided the coordinate. Push therefore parks a right-anchored panel flush\n * against the viewport edge and the offset then shoves it 8px back out, so a\n * side placement that does not fit loses its border and corner off-screen no\n * matter how hard push works. Flipping to a placement that fits is the only\n * recovery, which is what `WR_POPOVER_FALLBACKS` is for.\n *\n * @internal\n */\nexport const WR_POPOVER_POSITIONS: Record<WrPopoverPosition, ConnectedPosition> = {\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },\n  'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -8 },\n  'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -8 },\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },\n  'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 8 },\n  'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 8 },\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 },\n  'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -8 },\n  'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -8 },\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 },\n  'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: 8 },\n  'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: 8 },\n};\n\n/**\n * What each placement is allowed to flip to when it does not fit, best first.\n * The requested placement always leads, so a panel that fits never moves.\n *\n * Alignment is preserved down the whole chain — a `-start` popover stays\n * `-start` — because the alignment is the author's answer to \"which end of the\n * trigger does this belong to\", and a flip is about the side, not about that.\n *\n * The two axes are deliberately NOT symmetric. A block-axis placement (`top*` /\n * `bottom*`) flips only to its opposite, the classic behaviour, so a dropdown-ish\n * panel can never surprise anyone by appearing beside its trigger. An inline-axis\n * one (`left*` / `right*`) also gets the two block-axis sides, because on a phone\n * NEITHER side fits: at 375px a 233px panel beside a mid-page trigger overflows\n * by 109px to the right and 97px to the left, and only below/above has room.\n *\n * @internal\n */\nexport const WR_POPOVER_FALLBACKS: Record<WrPopoverPosition, readonly WrPopoverPosition[]> = {\n  top: ['top', 'bottom'],\n  'top-start': ['top-start', 'bottom-start'],\n  'top-end': ['top-end', 'bottom-end'],\n  bottom: ['bottom', 'top'],\n  'bottom-start': ['bottom-start', 'top-start'],\n  'bottom-end': ['bottom-end', 'top-end'],\n  left: ['left', 'right', 'bottom', 'top'],\n  'left-start': ['left-start', 'right-start', 'bottom-start', 'top-start'],\n  'left-end': ['left-end', 'right-end', 'bottom-end', 'top-end'],\n  right: ['right', 'left', 'bottom', 'top'],\n  'right-start': ['right-start', 'left-start', 'bottom-start', 'top-start'],\n  'right-end': ['right-end', 'left-end', 'bottom-end', 'top-end'],\n};\n\n/**\n * The list `withPositions()` wants, with every link tagged so the pane names the\n * placement it ACTUALLY took rather than the one that was asked for.\n *\n * The tag is what keeps the arrow honest. It is drawn by\n * `.wr-popover-overlay--<placement> > *::after`, so a panel that flipped while\n * the class stayed put would point at a side it no longer sits on. CDK applies a\n * position's own `panelClass` in `_applyPosition` and clears it again on the next\n * one, which is exactly the bookkeeping this needs — hence the class rather than\n * a `positionChanges` subscription.\n *\n * @param paneClass The pane's base class: `wr-popover-overlay` or\n *   `wr-tooltip-overlay`. The two modes key their arrows off different\n *   selectors, so the prefix cannot live in the table.\n *\n * @internal\n */\nexport function wrPopoverPositions(position: WrPopoverPosition, paneClass: string): ConnectedPosition[] {\n  return WR_POPOVER_FALLBACKS[position].map(name => ({\n    ...WR_POPOVER_POSITIONS[name],\n    panelClass: `${paneClass}--${name}`,\n  }));\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Internal floating label rendered when `<… [wrPopover]=\"'…'\" mode=\"tooltip\">`\n * receives a string instead of a template. Not part of the public template\n * API — use the `WrPopover` directive in tooltip mode instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popover-text',\n  template: '{{ text() }}',\n  encapsulation: ViewEncapsulation.None,\n  // No `role=\"tooltip\"` here on purpose: the overlay pane this is attached to\n  // is the element `aria-describedby` resolves to, and it carries the role.\n  // Setting it here too nested one tooltip inside another.\n  host: { class: 'wr-tooltip' },\n})\nexport class WrPopoverTextPanel {\n  readonly text = input.required<string>();\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport type { ComponentRef, TemplateRef } from '@angular/core';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WR_OVERLAY, WR_RESPONSIVE_OVERLAYS, WrOutsideClick, wrMirrorOffsets, wrPresentAsSheet } from 'ngwr/overlay';\nimport { numAttr } from 'ngwr/utils';\n\nimport { type WrPopoverPosition, wrPopoverPositions } from './interfaces';\nimport { WrPopoverTextPanel } from './internal/text-panel';\n\n/**\n * Anchored content panel. The same directive covers two shapes:\n *\n * - **Popover** (default, `mode=\"popover\"`) — `[wrPopover]` takes a\n *   `TemplateRef`. Opens on click or hover. Use for rich anchored content:\n *   forms, summaries, menus.\n *\n * - **Tooltip** (`mode=\"tooltip\"`) — `[wrPopover]` takes a plain string.\n *   Shown on hover and focus, dismissed on blur / pointer-leave / Escape.\n *   Uses `aria-describedby` instead of `aria-haspopup` and is rendered into\n *   a small dark text panel.\n *\n * Built on CDK Overlay so it auto-flips, closes on outside-click and Escape.\n *\n * @example\n * ```html\n * <!-- Popover with template content -->\n * <button wr-btn [wrPopover]=\"info\">Details</button>\n * <ng-template #info>\n *   <div style=\"padding: 1rem; max-width: 18rem\">Anything you can render.</div>\n * </ng-template>\n *\n * <!-- Tooltip with plain text -->\n * <button wr-btn [wrPopover]=\"'Save changes'\" mode=\"tooltip\" position=\"top\">\n *   Save\n * </button>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popover\n */\nlet popoverUid = 0;\n\n@Directive({\n  selector: '[wrPopover]',\n  host: {\n    // Marks the trigger the way `[wrDropdown]` marks its own. Popover-mode\n    // content is a `TemplateRef`, so it is always bound as `[wrPopover]=\"…\"`,\n    // which leaves no attribute in the DOM at all, and a closed tooltip\n    // publishes no ARIA either — so without this there is nothing to find a\n    // trigger by. (Only the static string form, `wrPopover=\"text\"`, would be.)\n    class: 'wr-popover-trigger',\n    '[attr.aria-haspopup]': 'isTooltip() ? null : \"dialog\"',\n    '[attr.aria-expanded]': 'isTooltip() ? null : isOpen()',\n    '[attr.aria-controls]': '!isTooltip() && isOpen() ? panelId : null',\n    '[attr.aria-describedby]': 'isTooltip() && isOpen() ? panelId : null',\n    '(click)': 'onClick($event)',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave($event)',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n    '(keydown.escape)': 'onEscape()',\n  },\n})\nexport class WrPopover {\n  /**\n   * Content to render inside the panel.\n   * - In **popover** mode (default): pass a `TemplateRef`.\n   * - In **tooltip** mode: pass a plain string.\n   */\n  readonly content = input.required<TemplateRef<unknown> | string>({ alias: 'wrPopover' });\n\n  /**\n   * Shape preset.\n   *\n   * - `'popover'` (default) — template content, click trigger, dialog\n   *   semantics.\n   * - `'tooltip'` — text content, hover+focus trigger, `role=\"tooltip\"`,\n   *   `aria-describedby` on the host.\n   */\n  readonly mode = input<'popover' | 'tooltip'>('popover');\n\n  /**\n   * How the popover opens. Ignored in tooltip mode — tooltips are always\n   * hover+focus. @default 'click'\n   */\n  readonly trigger = input<'click' | 'hover'>('click');\n\n  /** Anchor side. @default 'bottom' for popover, 'top' for tooltip */\n  readonly position = input<WrPopoverPosition | null>(null);\n\n  /** Tooltip only — delay before showing, in ms. @default 120 */\n  readonly showDelay = input(120, { transform: numAttr(120) });\n\n  /** Tooltip only — delay before hiding, in ms. @default 60 */\n  readonly hideDelay = input(60, { transform: numAttr(60) });\n\n  /**\n   * Popover mode only — present the panel as a full-width bottom-sheet on\n   * small viewports instead of an anchored panel. `undefined` follows the\n   * app-wide `provideWrResponsiveOverlays()` setting; `true`/`false`\n   * overrides it. Tooltips never become sheets. @default undefined\n   */\n  readonly responsive = input<boolean | undefined, BooleanInput>(undefined, {\n    transform: (v: BooleanInput): boolean | undefined => (v == null ? undefined : coerceBooleanProperty(v)),\n  });\n\n  /**\n   * Popover mode only — accessible name of the panel. `role=\"dialog\"` with no\n   * name announces as a bare \"dialog\", so the catalog's `popover.label` is used\n   * when nothing is given. A popover has no universal name; whenever the panel\n   * has a heading or a purpose, pass it.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  /** Fires after the panel opens. */\n  readonly opened = output<void>();\n\n  /** Fires after the panel closes. */\n  readonly closed = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** @internal */\n  readonly isOpen = signal(false);\n\n  /** @internal */\n  protected readonly isTooltip = computed(() => this.mode() === 'tooltip');\n\n  /** Auto-generated id for `aria-controls` / `aria-describedby`. */\n  protected readonly panelId = `wr-popover-${++popoverUid}`;\n\n  private readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'popover.label', 'Popover');\n\n  private readonly resolvedPosition = computed<WrPopoverPosition>(\n    () => this.position() ?? (this.isTooltip() ? 'top' : 'bottom')\n  );\n\n  private overlayRef: OverlayRef | null = null;\n  private textPanelRef: ComponentRef<WrPopoverTextPanel> | null = null;\n  private hoverCloseTimer: ReturnType<typeof setTimeout> | null = null;\n  private showTimer: ReturnType<typeof setTimeout> | null = null;\n  private hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    effect(() => {\n      if (this.isOpen()) {\n        this.openOverlay();\n      } else {\n        this.closeOverlay();\n      }\n    });\n    // The tooltip string is pushed into the panel when the panel is created, and\n    // `openOverlay()` returns early while one is already up — so a `content()`\n    // change with the tooltip on screen never reached it and the label stayed on\n    // the string it opened with (hover a Copy button, click it, it still reads\n    // \"Copy\"). Keeping the ref and pushing from an effect is how `wr-date-picker`\n    // feeds its own panel refs.\n    effect(() => {\n      const content = this.content();\n      this.textPanelRef?.setInput('text', typeof content === 'string' ? content : '');\n    });\n    this.destroyRef.onDestroy(() => {\n      this.clearTimers();\n      this.closeOverlay();\n    });\n  }\n\n  open(): void {\n    this.isOpen.set(true);\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n  }\n\n  toggle(): void {\n    this.isOpen.update(v => !v);\n  }\n\n  // Host listeners\n\n  /** @internal */\n  protected onClick(event: MouseEvent): void {\n    if (this.isTooltip() || this.trigger() !== 'click') return;\n    event.stopPropagation();\n    this.toggle();\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    if (this.isTooltip()) {\n      this.scheduleShow();\n      return;\n    }\n    if (this.trigger() !== 'hover') return;\n    this.clearHoverClose();\n    this.isOpen.set(true);\n  }\n\n  /** @internal */\n  protected onMouseLeave(event: MouseEvent): void {\n    const related = event.relatedTarget as Node | null;\n    if (this.isTooltip()) {\n      // Crossing straight from the trigger onto the panel does not even arm the\n      // hide, the same bail-out the popover arm below has had. The panel's own\n      // `mouseenter` would cancel it a moment later anyway; not arming it is\n      // what removes the race.\n      if (related && this.overlayRef?.overlayElement.contains(related)) return;\n      this.scheduleHide();\n      return;\n    }\n    if (this.trigger() !== 'hover') return;\n    if (related && this.overlayRef?.overlayElement.contains(related)) return;\n    // Delay so the pointer can cross the gap between trigger and panel —\n    // entering the panel cancels the close (see attach listeners).\n    this.scheduleHoverClose();\n  }\n\n  /** @internal */\n  protected onFocus(): void {\n    if (!this.isTooltip()) return;\n    this.scheduleShow();\n  }\n\n  /** @internal */\n  protected onBlur(): void {\n    if (!this.isTooltip()) return;\n    this.scheduleHide();\n  }\n\n  /** @internal */\n  protected onEscape(): void {\n    if (!this.isTooltip()) return;\n    this.clearTimers();\n    this.isOpen.set(false);\n  }\n\n  // Tooltip timers\n\n  private scheduleShow(): void {\n    if (this.isOpen()) {\n      this.clearTimers();\n      return;\n    }\n    const text = this.content();\n    if (typeof text === 'string' && !text) return;\n    this.clearTimers();\n    this.showTimer = setTimeout(() => this.isOpen.set(true), this.showDelay());\n  }\n\n  private scheduleHide(): void {\n    this.clearTimers();\n    this.hideTimer = setTimeout(() => this.isOpen.set(false), this.hideDelay());\n  }\n\n  private clearTimers(): void {\n    if (this.showTimer) {\n      clearTimeout(this.showTimer);\n      this.showTimer = null;\n    }\n    if (this.hideTimer) {\n      clearTimeout(this.hideTimer);\n      this.hideTimer = null;\n    }\n  }\n\n  // Overlay\n\n  private openOverlay(): void {\n    if (this.overlayRef) return;\n\n    const tooltip = this.isTooltip();\n    const position = this.resolvedPosition();\n\n    // Sheet presentation is popover-only — tooltips are transient labels and\n    // never dock to the bottom. On small viewports (when opted in) detach\n    // from the trigger and slide the panel up from the bottom edge.\n    const asSheet = !tooltip && wrPresentAsSheet(this.responsive(), this.responsiveConfig);\n    const paneClass = tooltip ? 'wr-tooltip-overlay' : 'wr-popover-overlay';\n\n    const positionStrategy = asSheet\n      ? this.overlay.position().global().centerHorizontally().bottom('0')\n      : this.overlay\n          .position()\n          .flexibleConnectedTo(this.host)\n          .withPositions(wrMirrorOffsets(wrPopoverPositions(position, paneClass), this.isRtl()))\n          .withPush(true);\n\n    // The `--<placement>` half is no longer set here: each fallback position\n    // carries its own, so the pane names the placement it landed on instead of\n    // the one that was requested, and the arrow follows a flip. A sheet has no\n    // anchor and so no placement class at all.\n    const overlayClass = asSheet ? [paneClass, 'wr-overlay-sheet'] : [paneClass];\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: asSheet ? this.scrollStrategies.block() : this.scrollStrategies.reposition(),\n      width: asSheet ? '100%' : undefined,\n      hasBackdrop: asSheet,\n      backdropClass: asSheet ? 'wr-overlay-backdrop' : undefined,\n      panelClass: overlayClass,\n    });\n\n    if (asSheet) {\n      this.overlayRef\n        .backdropClick()\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(() => this.isOpen.set(false));\n    }\n\n    const content = this.content();\n\n    if (tooltip) {\n      // Text content rendered via the internal text panel — accepts a\n      // string and wraps it in the `.wr-tooltip` shell.\n      const text = typeof content === 'string' ? content : '';\n      const ref = this.overlayRef.attach(new ComponentPortal(WrPopoverTextPanel, this.vcr));\n      ref.setInput('text', text);\n      this.textPanelRef = ref;\n      // The pane is the element `aria-describedby` points at (it carries\n      // `panelId`), so this is the role that has to be `tooltip` — the inner\n      // `wr-popover-text` host deliberately carries none, or the description\n      // would be a tooltip nested inside a tooltip.\n      this.overlayRef.overlayElement.setAttribute('role', 'tooltip');\n    } else if (typeof content !== 'string') {\n      const view = this.overlayRef.attach(new TemplatePortal(content, this.vcr));\n      const pane = this.overlayRef.overlayElement;\n      // Popover mode is a non-modal dialog: the docstring promised dialog\n      // semantics but nothing ever set a role, so a screen reader met an\n      // unnamed generic container. `aria-modal=\"false\"` is explicit — focus is\n      // deliberately NOT trapped, the panel closes on outside click / Escape.\n      pane.setAttribute('role', 'dialog');\n      pane.setAttribute('aria-modal', 'false');\n      // A named dialog: `role=\"dialog\"` with no name announces as a bare\n      // \"dialog\" and trips axe's `aria-dialog-name`.\n      pane.setAttribute('aria-label', this.resolvedAriaLabel());\n\n      if (this.trigger() === 'click') {\n        // Render the projected content before focus moves, the way\n        // `wr-popconfirm` does — a reader announcing the dialog reads what is in\n        // it, and on an empty pane that is nothing.\n        view.detectChanges();\n        // Focus has to ENTER the panel. The overlay container sits at the end of\n        // `<body>`, so Tab from the trigger went to the next control on the page\n        // and left the dialog stranded behind it (WCAG F85). The pane takes it\n        // rather than the first control inside: a popover's content is\n        // arbitrary, and landing on a text field would raise the on-screen\n        // keyboard and skip whatever the panel says above it. Tab from the pane\n        // reaches that first control anyway, since the pane precedes its own\n        // content in document order.\n        //\n        // Click-triggered only — a hover popover must not pull the caret out of\n        // what the user is typing in, and `scheduleHoverClose()` would then\n        // dispose the pane out from under the focused element.\n        pane.tabIndex = -1;\n        pane.focus();\n      }\n    }\n    this.overlayRef.overlayElement.id = this.panelId;\n\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.isOpen.set(false);\n      });\n\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.isOpen.set(false);\n        }\n      });\n\n    // Both hover shapes keep the panel up while the pointer is on it: for a\n    // popover so the pointer can cross the gap, for a tooltip because WCAG\n    // 1.4.13 requires it (Hoverable).\n    if (tooltip || this.trigger() === 'hover') {\n      this.overlayRef.overlayElement.addEventListener('mouseenter', this.onOverlayEnter);\n      this.overlayRef.overlayElement.addEventListener('mouseleave', this.onOverlayLeave);\n    }\n\n    this.opened.emit();\n  }\n\n  private closeOverlay(): void {\n    if (!this.overlayRef) return;\n    if (this.isTooltip() || this.trigger() === 'hover') {\n      this.overlayRef.overlayElement.removeEventListener('mouseenter', this.onOverlayEnter);\n      this.overlayRef.overlayElement.removeEventListener('mouseleave', this.onOverlayLeave);\n    }\n    this.clearHoverClose();\n    // Take the focus back before the pane goes, and only if it was in there.\n    //\n    // A popover is not a tooltip: it attaches a `TemplatePortal` under\n    // `role=\"dialog\"`, so a form or a menu inside it is the point, and Escape\n    // arrives through the overlay's `keydownEvents()` no matter where the caret\n    // is. Disposing with focus inside dropped it on `<body>`, and the next Tab\n    // restarted from the top of the document. `wr-date-picker` and\n    // `wr-popconfirm` already guard it exactly this way; leaving focus alone\n    // when it had already moved is what stops the close from fighting the user\n    // for the caret.\n    const pane = this.overlayRef.overlayElement;\n    const focusWasInside = pane.contains(this.host.nativeElement.ownerDocument.activeElement);\n    this.overlayRef.dispose();\n    this.overlayRef = null;\n    // Disposing destroys the panel component; a retained ref would pin its view.\n    this.textPanelRef = null;\n    if (focusWasInside) this.host.nativeElement.focus();\n    this.closed.emit();\n  }\n\n  private readonly onOverlayLeave = (event: MouseEvent): void => {\n    const related = event.relatedTarget as Node | null;\n    if (related && this.host.nativeElement.contains(related)) return;\n    // A tooltip leaves on its own `hideDelay`, the same one the trigger uses; a\n    // hover popover has the longer grace period for crossing the gap back.\n    if (this.isTooltip()) this.scheduleHide();\n    else this.scheduleHoverClose();\n  };\n\n  private readonly onOverlayEnter = (): void => {\n    // Two different timers can be in flight: `hideTimer`, armed by the trigger's\n    // own `mouseleave` in tooltip mode, and `hoverCloseTimer` in popover mode.\n    // Cancelling only the second would leave a tooltip disappearing `hideDelay`\n    // after the pointer arrived on it.\n    this.clearTimers();\n    this.clearHoverClose();\n  };\n\n  private scheduleHoverClose(): void {\n    this.clearHoverClose();\n    this.hoverCloseTimer = setTimeout(() => this.isOpen.set(false), 120);\n  }\n\n  private clearHoverClose(): void {\n    if (this.hoverCloseTimer) {\n      clearTimeout(this.hoverCloseTimer);\n      this.hoverCloseTimer = null;\n    }\n  }\n\n  /**\n   * Whether the app reads right-to-left.\n   *\n   * Optional inject: `Directionality` is root-provided, so this is never null in\n   * an app — but a bare `TestBed` that provides nothing should still get a\n   * component that works, and defaulting to LTR is the honest fallback.\n   */\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-popover.mjs","sources":["../../../projects/lib/popover/interfaces/popover-position.ts","../../../projects/lib/popover/internal/text-panel.ts","../../../projects/lib/popover/popover.ts","../../../projects/lib/popover/ngwr-popover.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { ConnectedPosition } from '@angular/cdk/overlay';\n\nexport type WrPopoverPosition =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end';\n\n/**\n * The CDK geometry for each placement — one position, no fallbacks.\n *\n * The 8px offset is the gap between the trigger and the panel, and it is the\n * reason a flip list matters rather than being a nicety: the flexible strategy\n * emits `offsetX` as a `transform` on the pane, AFTER `withPush` has already\n * decided the coordinate. Push therefore parks a right-anchored panel flush\n * against the viewport edge and the offset then shoves it 8px back out, so a\n * side placement that does not fit loses its border and corner off-screen no\n * matter how hard push works. Flipping to a placement that fits is the only\n * recovery, which is what `WR_POPOVER_FALLBACKS` is for.\n *\n * @internal\n */\nexport const WR_POPOVER_POSITIONS: Record<WrPopoverPosition, ConnectedPosition> = {\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },\n  'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -8 },\n  'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -8 },\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },\n  'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 8 },\n  'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 8 },\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 },\n  'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -8 },\n  'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -8 },\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 },\n  'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: 8 },\n  'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: 8 },\n};\n\n/**\n * What each placement is allowed to flip to when it does not fit, best first.\n * The requested placement always leads, so a panel that fits never moves.\n *\n * Alignment is preserved down the whole chain — a `-start` popover stays\n * `-start` — because the alignment is the author's answer to \"which end of the\n * trigger does this belong to\", and a flip is about the side, not about that.\n *\n * The two axes are deliberately NOT symmetric. A block-axis placement (`top*` /\n * `bottom*`) flips only to its opposite, the classic behaviour, so a dropdown-ish\n * panel can never surprise anyone by appearing beside its trigger. An inline-axis\n * one (`left*` / `right*`) also gets the two block-axis sides, because on a phone\n * NEITHER side fits: at 375px a 233px panel beside a mid-page trigger overflows\n * by 109px to the right and 97px to the left, and only below/above has room.\n *\n * @internal\n */\nexport const WR_POPOVER_FALLBACKS: Record<WrPopoverPosition, readonly WrPopoverPosition[]> = {\n  top: ['top', 'bottom'],\n  'top-start': ['top-start', 'bottom-start'],\n  'top-end': ['top-end', 'bottom-end'],\n  bottom: ['bottom', 'top'],\n  'bottom-start': ['bottom-start', 'top-start'],\n  'bottom-end': ['bottom-end', 'top-end'],\n  left: ['left', 'right', 'bottom', 'top'],\n  'left-start': ['left-start', 'right-start', 'bottom-start', 'top-start'],\n  'left-end': ['left-end', 'right-end', 'bottom-end', 'top-end'],\n  right: ['right', 'left', 'bottom', 'top'],\n  'right-start': ['right-start', 'left-start', 'bottom-start', 'top-start'],\n  'right-end': ['right-end', 'left-end', 'bottom-end', 'top-end'],\n};\n\n/**\n * The list `withPositions()` wants, with every link tagged so the pane names the\n * placement it ACTUALLY took rather than the one that was asked for.\n *\n * The tag is what keeps the arrow honest. It is drawn by\n * `.wr-popover-overlay--<placement> > *::after`, so a panel that flipped while\n * the class stayed put would point at a side it no longer sits on. CDK applies a\n * position's own `panelClass` in `_applyPosition` and clears it again on the next\n * one, which is exactly the bookkeeping this needs — hence the class rather than\n * a `positionChanges` subscription.\n *\n * @param paneClass The pane's base class: `wr-popover-overlay` or\n *   `wr-tooltip-overlay`. The two modes key their arrows off different\n *   selectors, so the prefix cannot live in the table.\n *\n * @internal\n */\nexport function wrPopoverPositions(position: WrPopoverPosition, paneClass: string): ConnectedPosition[] {\n  return WR_POPOVER_FALLBACKS[position].map(name => ({\n    ...WR_POPOVER_POSITIONS[name],\n    panelClass: `${paneClass}--${name}`,\n  }));\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Internal floating label rendered when `<… [wrPopover]=\"'…'\" mode=\"tooltip\">`\n * receives a string instead of a template. Not part of the public template\n * API — use the `WrPopover` directive in tooltip mode instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popover-text',\n  template: '{{ text() }}',\n  encapsulation: ViewEncapsulation.None,\n  // No `role=\"tooltip\"` here on purpose: the overlay pane this is attached to\n  // is the element `aria-describedby` resolves to, and it carries the role.\n  // Setting it here too nested one tooltip inside another.\n  host: { class: 'wr-tooltip' },\n})\nexport class WrPopoverTextPanel {\n  readonly text = input.required<string>();\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport type { ComponentRef, TemplateRef } from '@angular/core';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WR_OVERLAY, WR_RESPONSIVE_OVERLAYS, WrOutsideClick, wrMirrorOffsets, wrPresentAsSheet } from 'ngwr/overlay';\nimport { numAttr } from 'ngwr/utils';\n\nimport { type WrPopoverPosition, wrPopoverPositions } from './interfaces';\nimport { WrPopoverTextPanel } from './internal/text-panel';\n\n/**\n * Anchored content panel. The same directive covers two shapes:\n *\n * - **Popover** (default, `mode=\"popover\"`) — `[wrPopover]` takes a\n *   `TemplateRef`. Opens on click or hover. Use for rich anchored content:\n *   forms, summaries, menus.\n *\n * - **Tooltip** (`mode=\"tooltip\"`) — `[wrPopover]` takes a plain string.\n *   Shown on hover and focus, dismissed on blur / pointer-leave / Escape.\n *   Uses `aria-describedby` instead of `aria-haspopup` and is rendered into\n *   a small dark text panel.\n *\n * Built on CDK Overlay so it auto-flips, closes on outside-click and Escape.\n *\n * @example\n * ```html\n * <!-- Popover with template content -->\n * <button wr-btn [wrPopover]=\"info\">Details</button>\n * <ng-template #info>\n *   <div style=\"padding: 1rem; max-width: 18rem\">Anything you can render.</div>\n * </ng-template>\n *\n * <!-- Tooltip with plain text -->\n * <button wr-btn [wrPopover]=\"'Save changes'\" mode=\"tooltip\" position=\"top\">\n *   Save\n * </button>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popover\n */\nlet popoverUid = 0;\n\n@Directive({\n  selector: '[wrPopover]',\n  exportAs: 'wrPopover',\n  host: {\n    // Marks the trigger the way `[wrDropdown]` marks its own. Popover-mode\n    // content is a `TemplateRef`, so it is always bound as `[wrPopover]=\"…\"`,\n    // which leaves no attribute in the DOM at all, and a closed tooltip\n    // publishes no ARIA either — so without this there is nothing to find a\n    // trigger by. (Only the static string form, `wrPopover=\"text\"`, would be.)\n    class: 'wr-popover-trigger',\n    '[attr.aria-haspopup]': 'isTooltip() ? null : \"dialog\"',\n    '[attr.aria-expanded]': 'isTooltip() ? null : isOpen()',\n    '[attr.aria-controls]': '!isTooltip() && isOpen() ? panelId : null',\n    '[attr.aria-describedby]': 'isTooltip() && isOpen() ? panelId : null',\n    '(click)': 'onClick($event)',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave($event)',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n    '(keydown.escape)': 'onEscape()',\n  },\n})\nexport class WrPopover {\n  /**\n   * Content to render inside the panel.\n   * - In **popover** mode (default): pass a `TemplateRef`.\n   * - In **tooltip** mode: pass a plain string.\n   */\n  readonly content = input.required<TemplateRef<unknown> | string>({ alias: 'wrPopover' });\n\n  /**\n   * Shape preset.\n   *\n   * - `'popover'` (default) — template content, click trigger, dialog\n   *   semantics.\n   * - `'tooltip'` — text content, hover+focus trigger, `role=\"tooltip\"`,\n   *   `aria-describedby` on the host.\n   */\n  readonly mode = input<'popover' | 'tooltip'>('popover');\n\n  /**\n   * How the popover opens. Ignored in tooltip mode — tooltips are always\n   * hover+focus. @default 'click'\n   */\n  readonly trigger = input<'click' | 'hover'>('click');\n\n  /** Anchor side. @default 'bottom' for popover, 'top' for tooltip */\n  readonly position = input<WrPopoverPosition | null>(null);\n\n  /** Tooltip only — delay before showing, in ms. @default 120 */\n  readonly showDelay = input(120, { transform: numAttr(120) });\n\n  /** Tooltip only — delay before hiding, in ms. @default 60 */\n  readonly hideDelay = input(60, { transform: numAttr(60) });\n\n  /**\n   * Popover mode only — present the panel as a full-width bottom-sheet on\n   * small viewports instead of an anchored panel. `undefined` follows the\n   * app-wide `provideWrResponsiveOverlays()` setting; `true`/`false`\n   * overrides it. Tooltips never become sheets. @default undefined\n   */\n  readonly responsive = input<boolean | undefined, BooleanInput>(undefined, {\n    transform: (v: BooleanInput): boolean | undefined => (v == null ? undefined : coerceBooleanProperty(v)),\n  });\n\n  /**\n   * Popover mode only — accessible name of the panel. `role=\"dialog\"` with no\n   * name announces as a bare \"dialog\", so the catalog's `popover.label` is used\n   * when nothing is given. A popover has no universal name; whenever the panel\n   * has a heading or a purpose, pass it.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  /** Fires after the panel opens. */\n  readonly opened = output<void>();\n\n  /** Fires after the panel closes. */\n  readonly closed = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** @internal */\n  readonly isOpen = signal(false);\n\n  /** @internal */\n  protected readonly isTooltip = computed(() => this.mode() === 'tooltip');\n\n  /** Auto-generated id for `aria-controls` / `aria-describedby`. */\n  protected readonly panelId = `wr-popover-${++popoverUid}`;\n\n  private readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'popover.label', 'Popover');\n\n  private readonly resolvedPosition = computed<WrPopoverPosition>(\n    () => this.position() ?? (this.isTooltip() ? 'top' : 'bottom')\n  );\n\n  private overlayRef: OverlayRef | null = null;\n  private textPanelRef: ComponentRef<WrPopoverTextPanel> | null = null;\n  private hoverCloseTimer: ReturnType<typeof setTimeout> | null = null;\n  private showTimer: ReturnType<typeof setTimeout> | null = null;\n  private hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    effect(() => {\n      if (this.isOpen()) {\n        this.openOverlay();\n      } else {\n        this.closeOverlay();\n      }\n    });\n    // The tooltip string is pushed into the panel when the panel is created, and\n    // `openOverlay()` returns early while one is already up — so a `content()`\n    // change with the tooltip on screen never reached it and the label stayed on\n    // the string it opened with (hover a Copy button, click it, it still reads\n    // \"Copy\"). Keeping the ref and pushing from an effect is how `wr-date-picker`\n    // feeds its own panel refs.\n    effect(() => {\n      const content = this.content();\n      this.textPanelRef?.setInput('text', typeof content === 'string' ? content : '');\n    });\n    this.destroyRef.onDestroy(() => {\n      this.clearTimers();\n      this.closeOverlay();\n    });\n  }\n\n  open(): void {\n    this.isOpen.set(true);\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n  }\n\n  toggle(): void {\n    this.isOpen.update(v => !v);\n  }\n\n  // Host listeners\n\n  /** @internal */\n  protected onClick(event: MouseEvent): void {\n    if (this.isTooltip() || this.trigger() !== 'click') return;\n    event.stopPropagation();\n    this.toggle();\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    if (this.isTooltip()) {\n      this.scheduleShow();\n      return;\n    }\n    if (this.trigger() !== 'hover') return;\n    this.clearHoverClose();\n    this.isOpen.set(true);\n  }\n\n  /** @internal */\n  protected onMouseLeave(event: MouseEvent): void {\n    const related = event.relatedTarget as Node | null;\n    if (this.isTooltip()) {\n      // Crossing straight from the trigger onto the panel does not even arm the\n      // hide, the same bail-out the popover arm below has had. The panel's own\n      // `mouseenter` would cancel it a moment later anyway; not arming it is\n      // what removes the race.\n      if (related && this.overlayRef?.overlayElement.contains(related)) return;\n      this.scheduleHide();\n      return;\n    }\n    if (this.trigger() !== 'hover') return;\n    if (related && this.overlayRef?.overlayElement.contains(related)) return;\n    // Delay so the pointer can cross the gap between trigger and panel —\n    // entering the panel cancels the close (see attach listeners).\n    this.scheduleHoverClose();\n  }\n\n  /** @internal */\n  protected onFocus(): void {\n    if (!this.isTooltip()) return;\n    this.scheduleShow();\n  }\n\n  /** @internal */\n  protected onBlur(): void {\n    if (!this.isTooltip()) return;\n    this.scheduleHide();\n  }\n\n  /** @internal */\n  protected onEscape(): void {\n    if (!this.isTooltip()) return;\n    this.clearTimers();\n    this.isOpen.set(false);\n  }\n\n  // Tooltip timers\n\n  private scheduleShow(): void {\n    if (this.isOpen()) {\n      this.clearTimers();\n      return;\n    }\n    const text = this.content();\n    if (typeof text === 'string' && !text) return;\n    this.clearTimers();\n    this.showTimer = setTimeout(() => this.isOpen.set(true), this.showDelay());\n  }\n\n  private scheduleHide(): void {\n    this.clearTimers();\n    this.hideTimer = setTimeout(() => this.isOpen.set(false), this.hideDelay());\n  }\n\n  private clearTimers(): void {\n    if (this.showTimer) {\n      clearTimeout(this.showTimer);\n      this.showTimer = null;\n    }\n    if (this.hideTimer) {\n      clearTimeout(this.hideTimer);\n      this.hideTimer = null;\n    }\n  }\n\n  // Overlay\n\n  private openOverlay(): void {\n    if (this.overlayRef) return;\n\n    const tooltip = this.isTooltip();\n    const position = this.resolvedPosition();\n\n    // Sheet presentation is popover-only — tooltips are transient labels and\n    // never dock to the bottom. On small viewports (when opted in) detach\n    // from the trigger and slide the panel up from the bottom edge.\n    const asSheet = !tooltip && wrPresentAsSheet(this.responsive(), this.responsiveConfig);\n    const paneClass = tooltip ? 'wr-tooltip-overlay' : 'wr-popover-overlay';\n\n    const positionStrategy = asSheet\n      ? this.overlay.position().global().centerHorizontally().bottom('0')\n      : this.overlay\n          .position()\n          .flexibleConnectedTo(this.host)\n          .withPositions(wrMirrorOffsets(wrPopoverPositions(position, paneClass), this.isRtl()))\n          .withPush(true);\n\n    // The `--<placement>` half is no longer set here: each fallback position\n    // carries its own, so the pane names the placement it landed on instead of\n    // the one that was requested, and the arrow follows a flip. A sheet has no\n    // anchor and so no placement class at all.\n    const overlayClass = asSheet ? [paneClass, 'wr-overlay-sheet'] : [paneClass];\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: asSheet ? this.scrollStrategies.block() : this.scrollStrategies.reposition(),\n      width: asSheet ? '100%' : undefined,\n      hasBackdrop: asSheet,\n      backdropClass: asSheet ? 'wr-overlay-backdrop' : undefined,\n      panelClass: overlayClass,\n    });\n\n    if (asSheet) {\n      this.overlayRef\n        .backdropClick()\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(() => this.isOpen.set(false));\n    }\n\n    const content = this.content();\n\n    if (tooltip) {\n      // Text content rendered via the internal text panel — accepts a\n      // string and wraps it in the `.wr-tooltip` shell.\n      const text = typeof content === 'string' ? content : '';\n      const ref = this.overlayRef.attach(new ComponentPortal(WrPopoverTextPanel, this.vcr));\n      ref.setInput('text', text);\n      this.textPanelRef = ref;\n      // The pane is the element `aria-describedby` points at (it carries\n      // `panelId`), so this is the role that has to be `tooltip` — the inner\n      // `wr-popover-text` host deliberately carries none, or the description\n      // would be a tooltip nested inside a tooltip.\n      this.overlayRef.overlayElement.setAttribute('role', 'tooltip');\n    } else if (typeof content !== 'string') {\n      const view = this.overlayRef.attach(new TemplatePortal(content, this.vcr));\n      const pane = this.overlayRef.overlayElement;\n      // Popover mode is a non-modal dialog: the docstring promised dialog\n      // semantics but nothing ever set a role, so a screen reader met an\n      // unnamed generic container. `aria-modal=\"false\"` is explicit — focus is\n      // deliberately NOT trapped, the panel closes on outside click / Escape.\n      pane.setAttribute('role', 'dialog');\n      pane.setAttribute('aria-modal', 'false');\n      // A named dialog: `role=\"dialog\"` with no name announces as a bare\n      // \"dialog\" and trips axe's `aria-dialog-name`.\n      pane.setAttribute('aria-label', this.resolvedAriaLabel());\n\n      if (this.trigger() === 'click') {\n        // Render the projected content before focus moves, the way\n        // `wr-popconfirm` does — a reader announcing the dialog reads what is in\n        // it, and on an empty pane that is nothing.\n        view.detectChanges();\n        // Focus has to ENTER the panel. The overlay container sits at the end of\n        // `<body>`, so Tab from the trigger went to the next control on the page\n        // and left the dialog stranded behind it (WCAG F85). The pane takes it\n        // rather than the first control inside: a popover's content is\n        // arbitrary, and landing on a text field would raise the on-screen\n        // keyboard and skip whatever the panel says above it. Tab from the pane\n        // reaches that first control anyway, since the pane precedes its own\n        // content in document order.\n        //\n        // Click-triggered only — a hover popover must not pull the caret out of\n        // what the user is typing in, and `scheduleHoverClose()` would then\n        // dispose the pane out from under the focused element.\n        pane.tabIndex = -1;\n        pane.focus();\n      }\n    }\n    this.overlayRef.overlayElement.id = this.panelId;\n\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.isOpen.set(false);\n      });\n\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.isOpen.set(false);\n        }\n      });\n\n    // Both hover shapes keep the panel up while the pointer is on it: for a\n    // popover so the pointer can cross the gap, for a tooltip because WCAG\n    // 1.4.13 requires it (Hoverable).\n    if (tooltip || this.trigger() === 'hover') {\n      this.overlayRef.overlayElement.addEventListener('mouseenter', this.onOverlayEnter);\n      this.overlayRef.overlayElement.addEventListener('mouseleave', this.onOverlayLeave);\n    }\n\n    this.opened.emit();\n  }\n\n  private closeOverlay(): void {\n    if (!this.overlayRef) return;\n    if (this.isTooltip() || this.trigger() === 'hover') {\n      this.overlayRef.overlayElement.removeEventListener('mouseenter', this.onOverlayEnter);\n      this.overlayRef.overlayElement.removeEventListener('mouseleave', this.onOverlayLeave);\n    }\n    this.clearHoverClose();\n    // Take the focus back before the pane goes, and only if it was in there.\n    //\n    // A popover is not a tooltip: it attaches a `TemplatePortal` under\n    // `role=\"dialog\"`, so a form or a menu inside it is the point, and Escape\n    // arrives through the overlay's `keydownEvents()` no matter where the caret\n    // is. Disposing with focus inside dropped it on `<body>`, and the next Tab\n    // restarted from the top of the document. `wr-date-picker` and\n    // `wr-popconfirm` already guard it exactly this way; leaving focus alone\n    // when it had already moved is what stops the close from fighting the user\n    // for the caret.\n    const pane = this.overlayRef.overlayElement;\n    const focusWasInside = pane.contains(this.host.nativeElement.ownerDocument.activeElement);\n    this.overlayRef.dispose();\n    this.overlayRef = null;\n    // Disposing destroys the panel component; a retained ref would pin its view.\n    this.textPanelRef = null;\n    if (focusWasInside) this.host.nativeElement.focus();\n    this.closed.emit();\n  }\n\n  private readonly onOverlayLeave = (event: MouseEvent): void => {\n    const related = event.relatedTarget as Node | null;\n    if (related && this.host.nativeElement.contains(related)) return;\n    // A tooltip leaves on its own `hideDelay`, the same one the trigger uses; a\n    // hover popover has the longer grace period for crossing the gap back.\n    if (this.isTooltip()) this.scheduleHide();\n    else this.scheduleHoverClose();\n  };\n\n  private readonly onOverlayEnter = (): void => {\n    // Two different timers can be in flight: `hideTimer`, armed by the trigger's\n    // own `mouseleave` in tooltip mode, and `hoverCloseTimer` in popover mode.\n    // Cancelling only the second would leave a tooltip disappearing `hideDelay`\n    // after the pointer arrived on it.\n    this.clearTimers();\n    this.clearHoverClose();\n  };\n\n  private scheduleHoverClose(): void {\n    this.clearHoverClose();\n    this.hoverCloseTimer = setTimeout(() => this.isOpen.set(false), 120);\n  }\n\n  private clearHoverClose(): void {\n    if (this.hoverCloseTimer) {\n      clearTimeout(this.hoverCloseTimer);\n      this.hoverCloseTimer = null;\n    }\n  }\n\n  /**\n   * Whether the app reads right-to-left.\n   *\n   * Optional inject: `Directionality` is root-provided, so this is never null in\n   * an app — but a bare `TestBed` that provides nothing should still get a\n   * component that works, and defaulting to LTR is the honest fallback.\n   */\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-select.mjs

@@ -3,14 +3,14 @@ import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, input, inject, ElementRef, computed, effect, DestroyRef, ViewEncapsulation, Component, model, output, signal, contentChildren, viewChild, TemplateRef, ViewContainerRef, PLATFORM_ID, forwardRef } from '@angular/core';
+import { InjectionToken, input, inject, ElementRef, signal, computed, effect, afterEveryRender, ViewEncapsulation, Component, model, output, contentChildren, viewChild, TemplateRef, ViewContainerRef, DestroyRef, PLATFORM_ID, forwardRef } from '@angular/core';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { skip, debounce, timer, switchMap, of, defer, isObservable, from, tap, catchError, finalize } from 'rxjs';
 import { useConfigValue } from 'ngwr/config';
 import { WR_FORM_FIELD } from 'ngwr/form';
 import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 import { WR_OVERLAY, WrOutsideClick, WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet } from 'ngwr/overlay';
-import { randomId } from 'ngwr/utils';
+import { isComposing, randomId } from 'ngwr/utils';
 
 /**
  * @license
@@ -55,6 +55,31 @@ class WrOption {
     id = `wr-option-${++uid}`;
     host = inject(ElementRef);
     parent = inject(WR_SELECT, { optional: true });
+    /**
+     * The option's own text, as a signal — the parent's trigger label and the
+     * client-side filter both read it from here.
+     *
+     * It has to be a signal, and a plain `textContent` read cannot be one. The
+     * label is PROJECTED content: the host template decides it, and the ordinary
+     * way it changes is that a `WrI18n` catalog lands a microtask after the first
+     * change-detection pass (`i18n/i18n.ts` writes every loader-backed catalog
+     * from `firstValueFrom(...).then(...)`). Read once and cached, a trigger sat
+     * on the English fallback while the open panel beside it showed the
+     * translation — visible in `wr-pagination`'s size changer, which prints
+     * `pagination.perPage` into each `<wr-option>`.
+     *
+     * Kept in step the way `wr-divider` keeps its own projected label: an
+     * `effect` and an `afterEveryRender`, and both are needed. The render hook is
+     * a hard no-op under SSR, so on its own the server would emit a trigger with
+     * no label at all; the effect is not gated that way and runs after the
+     * content has been projected. The effect on its own cannot follow text that
+     * moves later, because it reads nothing reactive to be re-run by.
+     *
+     * @internal
+     */
+    labelText = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+    label = this.labelText.asReadonly();
     /**
      * @internal — true when this option is currently selected. Works for
      * both single and multi-select parents via `WrSelectContext.isSelected`.
@@ -84,8 +109,7 @@ class WrOption {
         const q = parent.searchQuery().trim().toLowerCase();
         if (!q)
             return false;
-        const label = (this.host.nativeElement.textContent ?? '').trim().toLowerCase();
-        return !label.includes(q);
+        return !this.label().toLowerCase().includes(q);
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
@@ -105,19 +129,29 @@ class WrOption {
         if (this.parent) {
             const parent = this.parent;
             // Re-register when disabled or value changes so the parent has fresh metadata.
+            // The label is seeded here as well, which is the read the server takes.
             effect(onCleanup => {
+                this.syncLabel();
                 const unreg = parent.registerOption({
                     id: this.id,
                     value: this.value(),
                     disabled: this.disabled(),
-                    getLabel: () => this.host.nativeElement.textContent?.trim() ?? '',
+                    label: this.label,
                     host: this.host.nativeElement,
                 });
                 onCleanup(() => unreg());
             });
-            inject(DestroyRef);
+            afterEveryRender(() => this.syncLabel());
         }
     }
+    /**
+     * Read the projected text back off the DOM. Setting the same string again is
+     * a signal no-op, so the render hook costs a `textContent` read and nothing
+     * else on the passes where nothing moved.
+     */
+    syncLabel() {
+        this.labelText.set(this.host.nativeElement.textContent?.trim() ?? '');
+    }
     onClick() {
         if (this.disabled() || !this.parent)
             return;
@@ -620,7 +654,30 @@ class WrSelect {
     ...(ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []));
     open = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-    selectedLabel = signal(null, /* @ts-ignore */
+    /**
+     * Trigger label for single mode. Multi reads `selectedChips` instead.
+     *
+     * A `computed`, and that is the whole point. It used to be a `signal` written
+     * from an effect keyed on `value` / `registry` / `isMulti` / `displayWith` —
+     * not one of which moves when the OPTION'S OWN TEXT does, and that text is
+     * projected content whose ordinary way of changing is a translation catalog
+     * landing a microtask after the first pass. The trigger kept the English
+     * fallback while the open panel beside it showed the translation. The
+     * registration now carries the label as a signal, so a late catalog and a
+     * runtime locale switch both repaint the trigger with the panel.
+     */
+    selectedLabel = computed(() => {
+        const v = this.value();
+        if (this.isMulti())
+            return null;
+        const match = this.registry().find(o => o.value === v);
+        if (match)
+            return match.label();
+        // Search mode: a value picked from a virtualized (or since-unmounted) row
+        // has no registered `<wr-option>`, so derive its label from `displayWith`
+        // — the same function that rendered the row.
+        return v != null && this.isSearchable() ? this.displayWith()(v) : null;
+    }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
     /**
      * Selected chips (multi + tag modes). Multi reads labels from the
@@ -641,7 +698,7 @@ class WrSelect {
             // directly: a searchable multi fed from `[options]` has no registered
             // `<wr-option>` for a virtualized or unmounted row, and object items
             // would otherwise render as "[object Object]".
-            return { value: v, label: found?.getLabel() ?? this.displayWith()(v) };
+            return { value: v, label: found?.label() ?? this.displayWith()(v) };
         });
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedChips" }] : /* istanbul ignore next */ []));
@@ -834,7 +891,7 @@ class WrSelect {
             return list.length;
         let count = 0;
         for (const o of list) {
-            if (o.getLabel().toLowerCase().includes(q))
+            if (o.label().toLowerCase().includes(q))
                 count++;
         }
         return count;
@@ -889,11 +946,29 @@ class WrSelect {
             this.onTagInput(event);
     }
     onChipsKeydown(event) {
+        if (this.imeOwnsKey(event))
+            return;
         if (this.hasChipSearch())
             this.onSearchKey(event);
         else
             this.onTagKeydown(event);
     }
+    /**
+     * True when the key belongs to an open IME conversion — and, when it does,
+     * stops the event on its way out.
+     *
+     * Not acting is not enough here. The panel closes on Escape from CDK's overlay
+     * keyboard dispatcher, one listener on `<body>` in the bubble phase, so a
+     * handler that merely returns still loses the panel: the Japanese user meant
+     * to cancel a reading and lost the query with it. Stopping the event at the
+     * field that owns the composition is the only place that reaches both.
+     */
+    imeOwnsKey(event) {
+        if (!isComposing(event))
+            return false;
+        event.stopPropagation();
+        return true;
+    }
     onChipsFocus() {
         // Tag mode has no panel to open.
         if (this.hasChipSearch())
@@ -959,6 +1034,10 @@ class WrSelect {
         this.touch.emit();
     }
     onSearchKey(event) {
+        // Enter accepts an IME candidate, Escape cancels the reading, the arrows walk
+        // the candidate list — none of it is the listbox's while a conversion is open.
+        if (this.imeOwnsKey(event))
+            return;
         // freeText: Enter on an unmatched query commits the typed string
         // as the value. Skips when an active option is highlighted (the
         // normal Enter-selects behaviour wins).
@@ -968,7 +1047,7 @@ class WrSelect {
             const list = this.orderedRegistry();
             const hasActive = this.virtualActive()
                 ? idx >= 0 && idx < this.filteredDynamicOptions().length
-                : idx >= 0 && idx < list.length && !list[idx].disabled && !this.isOptionHidden(list[idx].getLabel());
+                : idx >= 0 && idx < list.length && !list[idx].disabled && !this.isOptionHidden(list[idx].label());
             if (!hasActive && q) {
                 event.preventDefault();
                 this.value.set(q);
@@ -1140,26 +1219,6 @@ class WrSelect {
             catchError(() => of([])), finalize(() => this.loaderLoading.set(false)));
         }), takeUntilDestroyed(this.destroyRef))
             .subscribe(items => this.loadedOptions.set(items));
-        // Resolve the single-mode trigger label whenever the value or
-        // options change. Multi mode reads `selectedChips` instead and
-        // doesn't need this.
-        effect(() => {
-            const v = this.value();
-            const list = this.registry();
-            if (this.isMulti()) {
-                this.selectedLabel.set(null);
-                return;
-            }
-            const match = list.find(o => o.value === v);
-            if (match) {
-                this.selectedLabel.set(match.getLabel());
-                return;
-            }
-            // Search mode: a value picked from a virtualized (or since-unmounted) row
-            // has no registered `<wr-option>`, so derive its label from `displayWith`
-            // — the same function that rendered the row.
-            this.selectedLabel.set(v != null && this.isSearchable() ? this.displayWith()(v) : null);
-        });
         // Wire the virtual scroll listener + viewport/row measurement while the panel
         // is open and virtualized. Re-runs when the panel opens/closes or the virtual
         // list mounts/unmounts; the microtask defers the DOM read until the overlay
@@ -1463,7 +1522,7 @@ class WrSelect {
                 // Filtered-out options stay registered (they only self-hide via CSS), so
                 // the hidden check is load-bearing: without it Enter can commit a row
                 // that is not on screen.
-                if (idx >= 0 && idx < list.length && !list[idx].disabled && !this.isOptionHidden(list[idx].getLabel())) {
+                if (idx >= 0 && idx < list.length && !list[idx].disabled && !this.isOptionHidden(list[idx].label())) {
                     const id = list[idx].id;
                     const el = this.overlayRef?.overlayElement.querySelector(`#${CSS.escape(id)}`);
                     el?.click();
@@ -1514,7 +1573,7 @@ class WrSelect {
         while (attempts-- > 0) {
             i = (i + delta + list.length) % list.length;
             const o = list[i];
-            if (!o.disabled && !this.isOptionHidden(o.getLabel())) {
+            if (!o.disabled && !this.isOptionHidden(o.label())) {
                 this.activeIndex.set(i);
                 return;
             }
@@ -1536,7 +1595,7 @@ class WrSelect {
     firstEnabled() {
         if (this.virtualActive())
             return this.filteredDynamicOptions().length > 0 ? 0 : -1;
-        return this.orderedRegistry().findIndex(o => !o.disabled && !this.isOptionHidden(o.getLabel()));
+        return this.orderedRegistry().findIndex(o => !o.disabled && !this.isOptionHidden(o.label()));
     }
     lastEnabled() {
         if (this.virtualActive())
@@ -1544,7 +1603,7 @@ class WrSelect {
         const list = this.orderedRegistry();
         let found = -1;
         list.forEach((o, i) => {
-            if (!o.disabled && !this.isOptionHidden(o.getLabel()))
+            if (!o.disabled && !this.isOptionHidden(o.label()))
                 found = i;
         });
         return found;