ngwr 14.3.1 → 14.5.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  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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"}
+{"version":3,"file":"ngwr-popover.mjs","sources":["../../../projects/lib/popover/interfaces/popover-position.ts","../../../projects/lib/popover/internal/keystroke.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 { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { DestroyRef, PLATFORM_ID, Service, inject } from '@angular/core';\n\n/** `FocusMonitor._setOrigin`'s own window — see the class docs for why it matches. */\nconst KEYSTROKE_WINDOW_MS = 1;\n\n/**\n * The key of the keystroke being handled RIGHT NOW — `null` between them.\n *\n * `FocusMonitor` answers \"the most recent input modality was a keyboard\", which\n * is a weaker statement than \"the user's own key put focus here\", and the gap\n * between the two is exactly where a tooltip goes wrong. The origin is whatever\n * was pressed within the last millisecond (`_setOrigin` clears it on a 1ms\n * timer), and an overlay dismissed with Escape hands focus BACK to its trigger\n * synchronously, inside that same keystroke — CDK's keyboard dispatcher listens\n * on `<body>` in the bubble phase, the modality detector on `document` in\n * capture, so the modality is always already `keyboard` by the time the drawer\n * runs. Same for a ✕ activated with Enter. So the CDK reports `keyboard` for a\n * hand-back and a tooltip reading the origin alone still shows itself unbidden,\n * which is the whole failure it was meant to stop.\n *\n * The KEY separates them: `Tab` and the arrows are how a user moves focus,\n * `Escape` and `Enter` dismiss and activate. A focus that lands during one of\n * those was moved by a script.\n *\n * One passive capture listener for the whole app, constructed with the first\n * `[wrPopover]` and never before it — beside the three `InputModalityDetector`\n * already installs.\n *\n * The key expires on the CDK's own 1ms window rather than on a bare macrotask,\n * and matching it is the point: the key is only ever read to EXPLAIN a keyboard\n * origin, so it must not run out while the origin it explains is still live. A\n * `setTimeout(0)` close would land in exactly that gap — key already forgotten,\n * origin still `keyboard` — and read as a Tab. Everything a keystroke does\n * synchronously, its default action and the click Enter dispatches included,\n * happens long before either timer; anything that waits past them is judged\n * `program` by the CDK and never reaches this question.\n *\n * Popover-local on purpose; no other component in the catalog asks this yet.\n */\n@Service()\nexport class WrCurrentKeystroke {\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private current: string | null = null;\n  private clearTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /** `KeyboardEvent.key` for the keystroke in flight, `null` outside one. */\n  get key(): string | null {\n    return this.current;\n  }\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    const record = (event: KeyboardEvent): void => {\n      this.current = event.key;\n      if (this.clearTimer) clearTimeout(this.clearTimer);\n      this.clearTimer = setTimeout(() => (this.current = null), KEYSTROKE_WINDOW_MS);\n    };\n\n    // Capture, so the key is on record before any handler deeper in the tree\n    // gets to move focus with it.\n    this.doc.addEventListener('keydown', record, { capture: true, passive: true });\n    this.destroyRef.onDestroy(() => {\n      if (this.clearTimer) clearTimeout(this.clearTimer);\n      this.doc.removeEventListener('keydown', record, { capture: true });\n    });\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 { FocusMonitor } from '@angular/cdk/a11y';\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  Injector,\n  ViewContainerRef,\n  afterNextRender,\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 {\n  WR_OVERLAY,\n  WR_RESPONSIVE_OVERLAYS,\n  WrOutsideClick,\n  wrFollowDirection,\n  wrMirrorOffsets,\n  wrPresentAsSheet,\n} from 'ngwr/overlay';\nimport { KEYS, numAttr } from 'ngwr/utils';\n\nimport { type WrPopoverPosition, wrPopoverPositions } from './interfaces';\nimport { WrCurrentKeystroke } from './internal/keystroke';\nimport { WrPopoverTextPanel } from './internal/text-panel';\n\n/**\n * Keys the USER moves focus with: Tab through the page, the arrows / Home /\n * End through a composite that roves its own tabindex.\n *\n * A roving arrow move is a script `.focus()` call too — the difference from a\n * dismissal is not who called `focus()` but whether the keystroke was a\n * NAVIGATION or an action. Anything absent from this list (Escape, Enter,\n * Space, a character) does something else for a living, so focus that lands\n * during one of them was placed by a script and a tooltip stays shut.\n */\nconst NAVIGATION_KEYS = new Set<string>([\n  KEYS.TAB,\n  KEYS.ARROW_UP,\n  KEYS.ARROW_DOWN,\n  KEYS.ARROW_LEFT,\n  KEYS.ARROW_RIGHT,\n  KEYS.HOME,\n  KEYS.END,\n  KEYS.PAGE_UP,\n  KEYS.PAGE_DOWN,\n]);\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 when the KEYBOARD puts focus on the trigger — never for\n *   a `.focus()` call, which is what a dialog or drawer does when it hands\n *   focus back. Dismissed when focus leaves / on pointer-leave / Escape. Uses\n *   `aria-describedby` instead of `aria-haspopup` and is rendered into a small\n *   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    // No `(focus)` / `(blur)` here: a tooltip answers the KEYBOARD, and a plain\n    // focus event cannot say where the focus came from. `FocusMonitor` can — see\n    // the constructor.\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 / keyboard-focus trigger,\n   *   `role=\"tooltip\"`, `aria-describedby` on the host.\n   */\n  readonly mode = input<'popover' | 'tooltip'>('popover');\n\n  /**\n   * How the popover opens. Ignored in tooltip mode — a tooltip is always hover\n   * plus keyboard 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 focusMonitor = inject(FocusMonitor);\n  private readonly keystroke = inject(WrCurrentKeystroke);\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  private readonly injector = inject(Injector);\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  /** Whether the HOST itself holds focus — not a descendant of it. */\n  private hostFocused = false;\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    // A tooltip answers the USER'S KEYBOARD, not every focus there is.\n    //\n    // `(focus)` fired for a programmatic one too, and something hands focus back\n    // to a trigger constantly: `WrDrawer` and `WrDialog` restore the element that\n    // was active when they opened, this directive does the same for its own\n    // popover, and any app may call `.focus()`. So closing a drawer opened from a\n    // button with a tooltip re-showed that tooltip with NOTHING left to dismiss\n    // it — the pointer is elsewhere, so no `mouseleave`, and focus stays on the\n    // button, so no blur. A pane stranded under the trigger, reported from a real\n    // app. The event alone cannot tell those apart; `FocusMonitor` is the CDK's\n    // answer to where a focus came from, and it is what Material's tooltip reads\n    // for the same reason. Mouse and touch origins are deliberately ignored:\n    // hover already drives both, and acting on them would show the tooltip twice\n    // over.\n    //\n    // The origin alone is NOT enough, though, and reading it as if it were leaves\n    // the reported bug half open: the CDK's `keyboard` means \"a key went down\n    // within the last millisecond\", and the dismissal that hands focus back is\n    // itself a keystroke — Escape on a drawer, Enter on its ✕. See\n    // `WrCurrentKeystroke` for the key that tells a navigation from a dismissal.\n    //\n    // Monitored in EVERY mode rather than only under `mode=\"tooltip\"` — the mode\n    // is an input and may flip after this runs, and a subscription that only\n    // half-exists is the failure this fix is about. The handler asks instead. The\n    // cost is the CDK's own `cdk-*-focused` classes on the host, which nothing in\n    // ngwr styles.\n    //\n    // `afterNextRender` because monitoring binds document listeners: there is no\n    // DOM to bind them to on the server.\n    afterNextRender(() => {\n      this.focusMonitor\n        .monitor(this.host)\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(origin => {\n          if (origin) {\n            this.hostFocused = true;\n            if (this.isTooltip() && origin === 'keyboard' && this.fromNavigationKey()) this.scheduleShow();\n            return;\n          }\n          // A null origin is a blur, and the CDK reports one for a DESCENDANT\n          // too: `_onFocus` bails when the event target is not the monitored\n          // element, `_onBlur` has no such guard. The old `(blur)` binding never\n          // bubbled, so hiding on one is new — hover a wrapper, click the button\n          // inside it, tab away, and the tooltip the POINTER opened vanished\n          // while the pointer never moved. Only the host's own focus counts.\n          if (!this.hostFocused) return;\n          this.hostFocused = false;\n          if (this.isTooltip()) this.scheduleHide();\n        });\n    });\n    this.destroyRef.onDestroy(() => {\n      this.clearTimers();\n      this.closeOverlay(false);\n      // Completes the subject `monitor()` handed out and drops the global\n      // listeners it registered for this element; the pipe above unsubscribes\n      // either way, but the CDK's own bookkeeping only clears from here.\n      this.focusMonitor.stopMonitoring(this.host);\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 onEscape(): void {\n    if (!this.isTooltip()) return;\n    this.clearTimers();\n    this.isOpen.set(false);\n  }\n\n  /**\n   * Whether the keystroke in flight is one the user moves focus with.\n   *\n   * Asked only of a `keyboard` origin, which the CDK grants to any focus landing\n   * within a millisecond of a keydown — including the hand-back a drawer\n   * performs while Escape is still being handled. That is the reported bug's\n   * keyboard half, and the origin cannot see it.\n   *\n   * NO key on record answers `true`, and that polarity is chosen rather than\n   * inherited: a keyboard modality with no keystroke behind it is a screen\n   * reader's virtual cursor (the CDK reads its synthetic mousedown as\n   * `keyboard`) or a deliberate `focusVia(el, 'keyboard')`, and both are the\n   * user. Refusing wants positive evidence of a key that does something other\n   * than navigate — silence must not cost an AT user the hint. The two windows\n   * are aligned so that \"keyboard origin, no key\" cannot mean \"the key just\n   * expired\"; what it does still admit is a `FocusMonitorDetectionMode.EVENTUAL`\n   * app, where the CDK never expires an origin at all.\n   */\n  private fromNavigationKey(): boolean {\n    const key = this.keystroke.key;\n    return key === null || NAVIGATION_KEYS.has(key);\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    // Kept as its own binding rather than inlined into the ternary: it is the\n    // half a direction flip has to rebuild, and a sheet — anchored to nothing —\n    // has no list at all, which is what `null` says here.\n    const connected = asSheet\n      ? null\n      : this.overlay\n          .position()\n          .flexibleConnectedTo(this.host)\n          .withPositions(wrMirrorOffsets(wrPopoverPositions(position, paneClass), this.isRtl()))\n          .withPush(true);\n\n    const positionStrategy = connected ?? this.overlay.position().global().centerHorizontally().bottom('0');\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    // The CDK read the direction once, just now, and will never look again — so\n    // an app that flips while this panel is up mirrors the page around a pane\n    // still rendering `ltr`, with `wr-segmented` and friends inside it already\n    // laying themselves out the other way. Rebuilding the list matters as much\n    // as the attribute: `wrMirrorOffsets` turned the 8px gap around at open, and\n    // an unmirrored offset puts a side-placed panel back on top of its trigger.\n    // A sheet has no list, and `connected?.` is what says so — the arguments are\n    // never evaluated for one.\n    wrFollowDirection(this.overlayRef, this.dir, this.injector, direction =>\n      connected?.withPositions(wrMirrorOffsets(wrPopoverPositions(position, paneClass), direction === 'rtl'))\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  /**\n   * Tear the overlay down, and tell the host — unless the host is going away\n   * with it.\n   *\n   * `notify: false` is the DESTROY path, and it is not a nicety. An `output()`\n   * belongs to the view that declares it, so emitting from `onDestroy` is\n   * refused: Angular logs `NG0953: Unexpected emit for destroyed OutputRef` and\n   * the listener never runs. Measured — a `(closed)` handler on a dropdown whose\n   * host view is removed while the menu is open fired zero times and left a\n   * console error behind. There is nobody to notify at that point, because the\n   * consumer's own view is being torn down in the same pass; `wr-popconfirm`\n   * already disposes without emitting, and this brings the other two into line.\n   *\n   * The focus hand-back is skipped for the same reason — the host element is on\n   * its way out of the document.\n   */\n  private closeOverlay(notify = true): 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 (notify) {\n      if (focusWasInside) this.host.nativeElement.focus();\n      this.closed.emit();\n    }\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-progress.mjs

@@ -42,10 +42,10 @@ class WrProgress {
     ...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
     classes = computed(() => `wr-progress wr-progress--${this.color()}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: WrProgress, isStandalone: true, selector: "wr-progress", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0", "aria-valuemax": "100" }, properties: { "attr.aria-valuenow": "clamped()", "attr.aria-label": "resolvedAriaLabel()", "class": "classes()" } }, ngImport: i0, template: `<div class="wr-progress__bar" [style.width.%]="clamped()"></div>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrProgress, isStandalone: true, selector: "wr-progress", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0", "aria-valuemax": "100" }, properties: { "attr.aria-valuenow": "clamped()", "attr.aria-label": "resolvedAriaLabel()", "class": "classes()" } }, ngImport: i0, template: `<div class="wr-progress__bar" [style.width.%]="clamped()"></div>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrProgress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrProgress, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-progress',

package/fesm2022/ngwr-pull-to-refresh.mjs

@@ -164,10 +164,10 @@ class WrPullToRefresh {
             this.refresh.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrPullToRefresh, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrPullToRefresh, isStandalone: true, selector: "wr-pull-to-refresh", inputs: { refreshing: { classPropertyName: "refreshing", publicName: "refreshing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh" }, host: { listeners: { "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd()", "touchcancel": "onTouchCancel()" }, properties: { "class.wr-pull-to-refresh--animating": "!dragging()" }, classAttribute: "wr-pull-to-refresh" }, ngImport: i0, template: "@if (distance() > 0 || refreshing()) {\n  <div class=\"wr-pull-to-refresh__indicator\" [style.height.px]=\"distance()\" aria-hidden=\"true\">\n    <wr-spinner class=\"wr-pull-to-refresh__spinner\" size=\"sm\" [style.opacity]=\"progress()\" />\n  </div>\n}\n<div class=\"wr-pull-to-refresh__content\" [style.transform]=\"contentTransform()\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: WrSpinner, selector: "wr-spinner", inputs: ["size", "ariaLabel"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPullToRefresh, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrPullToRefresh, isStandalone: true, selector: "wr-pull-to-refresh", inputs: { refreshing: { classPropertyName: "refreshing", publicName: "refreshing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh" }, host: { listeners: { "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd()", "touchcancel": "onTouchCancel()" }, properties: { "class.wr-pull-to-refresh--animating": "!dragging()" }, classAttribute: "wr-pull-to-refresh" }, ngImport: i0, template: "@if (distance() > 0 || refreshing()) {\n  <div class=\"wr-pull-to-refresh__indicator\" [style.height.px]=\"distance()\" aria-hidden=\"true\">\n    <wr-spinner class=\"wr-pull-to-refresh__spinner\" size=\"sm\" [style.opacity]=\"progress()\" />\n  </div>\n}\n<div class=\"wr-pull-to-refresh__content\" [style.transform]=\"contentTransform()\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: WrSpinner, selector: "wr-spinner", inputs: ["size", "ariaLabel"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrPullToRefresh, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPullToRefresh, decorators: [{
             type: Component,
             args: [{ selector: 'wr-pull-to-refresh', encapsulation: ViewEncapsulation.None, host: {
                         class: 'wr-pull-to-refresh',

package/fesm2022/ngwr-qr.mjs

@@ -1106,10 +1106,10 @@ class WrQr {
             drawQrCode(el, opts);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrQr, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.5", type: WrQr, isStandalone: true, selector: "wr-qr", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.background": "bgColor()" }, classAttribute: "wr-qr" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Always emit the canvas \u2014 painting is guarded in the effect instead. Gating\n  the element itself on the platform makes the server and client render\n  different structures, which breaks hydration; a bare canvas costs nothing\n  and matches how the other canvas-backed components behave.\n-->\n<canvas #canvas role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\"></canvas>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrQr, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: WrQr, isStandalone: true, selector: "wr-qr", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.background": "bgColor()" }, classAttribute: "wr-qr" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Always emit the canvas \u2014 painting is guarded in the effect instead. Gating\n  the element itself on the platform makes the server and client render\n  different structures, which breaks hydration; a bare canvas costs nothing\n  and matches how the other canvas-backed components behave.\n-->\n<canvas #canvas role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\"></canvas>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrQr, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrQr, decorators: [{
             type: Component,
             args: [{ selector: 'wr-qr', encapsulation: ViewEncapsulation.None, host: { class: 'wr-qr', '[style.background]': 'bgColor()' }, template: "<!--\n  Always emit the canvas \u2014 painting is guarded in the effect instead. Gating\n  the element itself on the platform makes the server and client render\n  different structures, which breaks hydration; a bare canvas costs nothing\n  and matches how the other canvas-backed components behave.\n-->\n<canvas #canvas role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\"></canvas>\n" }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], iconUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconUrl", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], canvas: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }] } });

package/fesm2022/ngwr-radio.mjs

@@ -113,10 +113,10 @@ class WrRadio {
     onBlur() {
         this.group?.markTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrRadio, isStandalone: true, selector: "wr-radio", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "null" } }, ngImport: i0, template: "<label class=\"wr-radio__label\" [for]=\"id()\">\n  <input\n    class=\"wr-radio__input\"\n    type=\"radio\"\n    [id]=\"id()\"\n    [name]=\"name()\"\n    [checked]=\"checked()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onInputClick($event)\"\n    (change)=\"onSelect()\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span class=\"wr-radio__dot\" aria-hidden=\"true\">\n    @if (icon(); as iconName) {\n      <wr-icon class=\"wr-radio__icon\" [name]=\"iconName\" />\n    }\n  </span>\n\n  <span class=\"wr-radio__text\">\n    <ng-content />\n  </span>\n</label>\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrRadio, isStandalone: true, selector: "wr-radio", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "null" } }, ngImport: i0, template: "<label class=\"wr-radio__label\" [for]=\"id()\">\n  <input\n    class=\"wr-radio__input\"\n    type=\"radio\"\n    [id]=\"id()\"\n    [name]=\"name()\"\n    [checked]=\"checked()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onInputClick($event)\"\n    (change)=\"onSelect()\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span class=\"wr-radio__dot\" aria-hidden=\"true\">\n    @if (icon(); as iconName) {\n      <wr-icon class=\"wr-radio__icon\" [name]=\"iconName\" />\n    }\n  </span>\n\n  <span class=\"wr-radio__text\">\n    <ng-content />\n  </span>\n</label>\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRadio, decorators: [{
             type: Component,
             args: [{ selector: 'wr-radio', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -203,8 +203,8 @@ class WrRadioGroup {
     markTouched() {
         this.touch.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: WrRadioGroup, isStandalone: true, selector: "wr-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.aria-readonly": "readonly() || null", "attr.aria-invalid": "fieldAria.ariaInvalid()", "attr.aria-describedby": "fieldAria.describedBy()" }, classAttribute: "wr-radio-group" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrRadioGroup, isStandalone: true, selector: "wr-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.aria-readonly": "readonly() || null", "attr.aria-invalid": "fieldAria.ariaInvalid()", "attr.aria-describedby": "fieldAria.describedBy()" }, classAttribute: "wr-radio-group" }, providers: [
             {
                 provide: WR_RADIO_GROUP,
                 // eslint-disable-next-line @angular-eslint/no-forward-ref
@@ -212,7 +212,7 @@ class WrRadioGroup {
             },
         ], ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRadioGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-radio-group',

package/fesm2022/ngwr-rating-testing.mjs

@@ -267,10 +267,19 @@ class WrRatingHarness extends ComponentHarness {
         return (await (await this.row()).getAttribute('aria-disabled')) === 'true';
     }
     /**
-     * Whether the rating is in the tab order.
+     * Whether the rating is a tab stop.
      *
-     * A rating that takes no input takes itself out of it (`tabindex="-1"`), so this
-     * is `false` while readonly or disabled.
+     * `disabled` only, never `readonly` — and the distinction is deliberate, not
+     * incidental. A disabled control leaves the tab order; a READ-ONLY one stays
+     * in it, keeps announcing its value, and still submits, which is the whole
+     * difference between "you may not" and "there is nothing here". The component
+     * records that driving this off an `interactive()` that folded the two
+     * together made `readonly` unreachable, with an `aria-describedby` pointing
+     * at an element nobody could focus.
+     *
+     * This docblock used to describe exactly that fixed bug — "false while
+     * readonly or disabled" — so a reader trusting it would have asserted the
+     * behaviour the component was changed to stop having.
      */
     async isFocusable() {
         const tabIndex = await (await this.row()).getAttribute('tabindex');

package/fesm2022/ngwr-rating-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-rating-testing.mjs","sources":["../../../projects/lib/rating/testing/wr-rating-item-harness.ts","../../../projects/lib/rating/testing/wr-rating-harness.ts","../../../projects/lib/rating/testing/ngwr-rating-testing.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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrRatingItemHarnessFilters } from './interfaces';\n\n/** The star's own box, once it is known to have one. */\ninterface WrRatingItemBox {\n  readonly left: number;\n  readonly top: number;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Test harness for one star of a `<wr-rating>`.\n *\n * A star is invisible to a screen reader — the row above it is the `slider` and\n * owns the whole accessible story — but it carries the state the eye reads: how\n * far it is filled, whether it is still a click target, and, while the pointer is\n * over the row, the PREVIEW rather than the committed value. That is the reason\n * this exists as a harness of its own.\n *\n * The fill is read from `--wr-rating-fill`, the per-star custom property the\n * component sets and the stylesheet clips the filled glyph with — a public token,\n * and the only place a half star exists in the DOM.\n *\n * @example\n * ```ts\n * const rating = await loader.getHarness(WrRatingHarness.with({ label: 'Overall' }));\n * const [, , third] = await rating.getItems();\n *\n * expect(await third.isPartiallyFilled()).toBe(true);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrRatingItemHarness extends ComponentHarness {\n  static hostSelector = '.wr-rating__slot';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrRatingItemHarnessFilters = {}): HarnessPredicate<WrRatingItemHarness> {\n    return new HarnessPredicate(WrRatingItemHarness, options)\n      .addOption('fill', options.fill, async (harness, fill) => (await harness.getFill()) === fill)\n      .addOption(\n        'interactive',\n        options.interactive,\n        async (harness, interactive) => (await harness.isInteractive()) === interactive\n      );\n  }\n\n  /**\n   * How much of this star is painted, `0` to `1`.\n   *\n   * While the pointer is over the rating this is the PREVIEW — the component\n   * paints `hoverValue ?? value`, so a hovered star reads full before anything is\n   * committed. `WrRatingHarness.getValue()` is the committed one.\n   */\n  async getFill(): Promise<number> {\n    const raw = (await (await this.host()).getCssValue('--wr-rating-fill')).trim();\n    const fill = Number.parseFloat(raw);\n    if (Number.isNaN(fill)) {\n      throw new Error(\n        `WrRatingItemHarness: could not read this star's fill — \\`--wr-rating-fill\\` computed to \"${raw}\". ` +\n          'The rating sets it per star; an environment that drops custom properties cannot answer this.'\n      );\n    }\n    return fill;\n  }\n\n  /** Whether the star is painted whole. */\n  async isFilled(): Promise<boolean> {\n    return (await this.getFill()) >= 1;\n  }\n\n  /**\n   * Whether the star is painted part-way — a half star.\n   *\n   * Any fractional value paints one, not only `step=\"0.5\"`: the step governs the\n   * keyboard and the pointer, but a fraction written straight into `value` is only\n   * clamped to `[0, count]`, never snapped — so `[value]=\"3.5\"` half-fills star four\n   * on a whole-star rating.\n   */\n  async isPartiallyFilled(): Promise<boolean> {\n    const fill = await this.getFill();\n    return fill > 0 && fill < 1;\n  }\n\n  /** Whether the star still takes the pointer — a readonly or disabled rating drops the modifier. */\n  async isInteractive(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-rating__slot--interactive');\n  }\n\n  /**\n   * Click this star, picking it whole — star three sets the value to `3`.\n   *\n   * Clicking the value the rating ALREADY holds clears it instead; that is the\n   * component's toggle-off, not an accident of this harness.\n   *\n   * Needs real layout: the component snaps the value from where the pointer sits\n   * inside the star, so this aims at the star's inline-END edge. In jsdom every\n   * element is 0×0 and a pointer position over one cannot mean anything — this\n   * throws rather than committing the `NaN` such a click computes. Reach for\n   * `WrRatingHarness.setValue()` there, which drives the keyboard.\n   */\n  async click(): Promise<void> {\n    const { width, height } = await this.box();\n    await (await this.host()).click(await this.inlineEndX(width), height / 2);\n  }\n\n  /**\n   * Click the leading half of this star — `2.5` on star three.\n   *\n   * On a whole-star rating this is the same as {@link click}: the component snaps\n   * UP to its `step`, so half of star three is still three stars. Carries the same\n   * layout requirement.\n   */\n  async clickHalf(): Promise<void> {\n    const { width, height } = await this.box();\n    await (await this.host()).click(width / 2, height / 2);\n  }\n\n  /**\n   * Move the pointer onto this star, previewing it whole.\n   *\n   * Sends `mousemove` rather than the `TestElement.hover()` pair: the rating\n   * tracks the pointer's x across a star to decide whether it is over the half or\n   * the whole, so `mouseenter` alone tells it nothing and leaves the preview\n   * unchanged. `WrRatingHarness.unhover()` ends it. Carries the same layout\n   * requirement as {@link click}.\n   */\n  async hover(): Promise<void> {\n    const { left, top, width, height } = await this.box();\n    const clientX = left + (await this.inlineEndX(width));\n    await (await this.host()).dispatchEvent('mousemove', { clientX, clientY: top + height / 2 });\n  }\n\n  /**\n   * The x, relative to the star's own box, that lands on its inline-END edge —\n   * the far side of the star, where the rating reads a whole one.\n   *\n   * The component measures the pointer from the star's inline-START edge, which\n   * is the right one once `dir=\"rtl\"` mirrors the row; aiming at the physical\n   * right edge there reads ratio 0 and picks one star FEWER. So the side is asked\n   * for rather than assumed: `direction` is a computed style, which the harness\n   * can read in every environment — jsdom included, where it inherits from an\n   * ancestor `dir` attribute like any other browser.\n   */\n  private async inlineEndX(width: number): Promise<number> {\n    const direction = await (await this.host()).getCssValue('direction');\n    return direction === 'rtl' ? 0 : width;\n  }\n\n  /** The star's box, or a failure that names the reason it has none. */\n  private async box(): Promise<WrRatingItemBox> {\n    const { left, top, width, height } = await (await this.host()).getDimensions();\n    if (!width) {\n      throw new Error(\n        'WrRatingItemHarness: this star has no layout, so a pointer position over it means nothing — the ' +\n          'rating reads the value off where the pointer sits INSIDE the star. Every element is 0×0 in jsdom: ' +\n          'use `WrRatingHarness.setValue()`, which drives the keyboard, or stub `getBoundingClientRect`.'\n      );\n    }\n    return { left, top, width, height };\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 { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrRatingSize } from 'ngwr/rating';\n\nimport type { WrRatingHarnessFilters, WrRatingItemHarnessFilters } from './interfaces';\nimport { WrRatingItemHarness } from './wr-rating-item-harness';\n\n/**\n * Test harness for `<wr-rating>` — the root of a two-class family, since a star\n * carries state of its own: {@link WrRatingItemHarness}.\n *\n * The stars are decoration. Everything a screen reader is told lives on the\n * `.wr-rating__row` inside them, which is the `slider`: `aria-valuenow` is the\n * committed value, `aria-valuemax` the top of the range, and the row — not the\n * host — is the tab stop. So this harness reads the row and, for writes, drives\n * its KEYBOARD: arrows step by the rating's own `step`, `Home` / `End` jump to\n * the ends, `Delete` clears. That is the accessible path, and it is the only one a\n * unit test can take unaided, because the pointer path snaps the value from where\n * the cursor sits inside a star — which needs layout jsdom does not have, so a\n * spec that wants it has to stub the star's box (see\n * {@link WrRatingItemHarness.click}).\n *\n * @example\n * ```ts\n * const rating = await loader.getHarness(WrRatingHarness.with({ label: 'Overall' }));\n *\n * await rating.setValue(4);\n * expect(await rating.getValue()).toBe(4);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrRatingHarness extends ComponentHarness {\n  static hostSelector = 'wr-rating';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrRatingHarnessFilters = {}): HarnessPredicate<WrRatingHarness> {\n    return new HarnessPredicate(WrRatingHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('value', options.value, async (harness, value) => (await harness.getValue()) === value)\n      .addOption('readonly', options.readonly, async (harness, readonly) => (await harness.isReadonly()) === readonly)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly row = this.locatorFor('.wr-rating__row');\n\n  /**\n   * What the control announces itself as — `slider`.\n   *\n   * Not a `radiogroup`: the value is a number on a continuum with a `step`, the\n   * arrows move it and `Home` / `End` bound it, and that is a slider's contract\n   * rather than a group of one-of-N choices.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.row()).getAttribute('role');\n  }\n\n  /**\n   * The rating's accessible name, from `ariaLabel` or the i18n catalogue.\n   *\n   * A rating projects no text, so this is the only name it has — and it sits on\n   * the row, not on the host, because the row is what carries the role.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.row()).getAttribute('aria-label');\n  }\n\n  /**\n   * The committed value, from `aria-valuenow` — what a screen reader is told, not\n   * what is painted, which during a hover is the preview instead.\n   *\n   * A CLEARED rating is announced as `0`, exactly like a rating of zero stars:\n   * `value` is `number | null` and ARIA has no null. So `0` here means \"zero or\n   * nothing\" — assert the bound model when the difference matters, and see\n   * {@link clear}.\n   */\n  async getValue(): Promise<number> {\n    const raw = await (await this.row()).getAttribute('aria-valuenow');\n    const value = Number.parseFloat(raw ?? '');\n    if (Number.isNaN(value)) {\n      throw new Error(`WrRatingHarness: the slider announces aria-valuenow=\"${raw}\", which is not a number.`);\n    }\n    return value;\n  }\n\n  /** The top of the range, from `aria-valuemax` — the `count` of stars. */\n  async getMax(): Promise<number> {\n    const raw = await (await this.row()).getAttribute('aria-valuemax');\n    return Number.parseFloat(raw ?? '');\n  }\n\n  /** How many stars are painted. Should always agree with {@link getMax}. */\n  async getCount(): Promise<number> {\n    return (await this.getItems()).length;\n  }\n\n  /** The stars, left to right. */\n  async getItems(filters: WrRatingItemHarnessFilters = {}): Promise<WrRatingItemHarness[]> {\n    return this.locatorForAll(WrRatingItemHarness.with(filters))();\n  }\n\n  /**\n   * Each star's fill ratio, left to right — `[1, 1, 0.5, 0, 0]` for two and a\n   * half stars out of five.\n   *\n   * This is what the eye sees, so it follows the hover preview while there is one;\n   * {@link getValue} stays on the committed value throughout.\n   */\n  async getFills(): Promise<number[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getFill()));\n  }\n\n  /** The control size. `'md'` is the default and paints no modifier of its own. */\n  async getSize(): Promise<WrRatingSize> {\n    const host = await this.host();\n    if (await host.hasClass('wr-rating--sm')) return 'sm';\n    if (await host.hasClass('wr-rating--lg')) return 'lg';\n    return 'md';\n  }\n\n  /**\n   * Whether the rating displays a value it will not let you change.\n   *\n   * Read from `aria-readonly` rather than from the `wr-rating--readonly` class:\n   * both are public, but the attribute is the one a screen reader acts on, and a\n   * rating that looks read-only without saying so is the bug worth catching.\n   */\n  async isReadonly(): Promise<boolean> {\n    return (await (await this.row()).getAttribute('aria-readonly')) === 'true';\n  }\n\n  /** Whether the rating refuses interaction — `aria-disabled`, for the same reason. */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.row()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /**\n   * Whether the rating is in the tab order.\n   *\n   * A rating that takes no input takes itself out of it (`tabindex=\"-1\"`), so this\n   * is `false` while readonly or disabled.\n   */\n  async isFocusable(): Promise<boolean> {\n    const tabIndex = await (await this.row()).getAttribute('tabindex');\n    return Number.parseInt(tabIndex ?? '-1', 10) >= 0;\n  }\n\n  /**\n   * Set the rating, from the keyboard.\n   *\n   * `Home` first, then one `ArrowUp` per step — the step is not in the DOM, so\n   * the only honest way to reach a value is to walk to it and watch where the\n   * rating lands. (The top of the range takes `End` instead of walking there.) A\n   * host counting value changes therefore sees the intermediate ones, which is what\n   * a keyboard user produces too.\n   *\n   * The BLOCK-axis arrow, deliberately: the stars lie on the inline axis, so\n   * `ArrowRight` raises the value in LTR and lowers it under `dir=\"rtl\"`, where\n   * the arrows follow visual order. `ArrowUp` means \"more\" in both, so a spec\n   * written against this harness reads the same either way.\n   *\n   * Throws rather than settling for a near miss: on a value outside `[0, max]`, on\n   * one the step cannot land on (`2.5` on a whole-star rating), and on a rating\n   * that took no input at all because it is readonly or disabled.\n   *\n   * `setValue(0)` commits ZERO. It is {@link clear} that returns the model to\n   * `null`, and the two are indistinguishable from the DOM.\n   */\n  async setValue(value: number): Promise<void> {\n    const max = await this.getMax();\n    if (!Number.isFinite(value) || value < 0 || value > max) {\n      throw new Error(`WrRatingHarness: ${value} is outside this rating's range of [0, ${max}].`);\n    }\n\n    const row = await this.row();\n    await row.sendKeys(TestKey.HOME);\n\n    if (value === max) {\n      await row.sendKeys(TestKey.END);\n    } else {\n      let current = await this.getValue();\n      while (current < value) {\n        await row.sendKeys(TestKey.UP_ARROW);\n        const next = await this.getValue();\n        // Standing still means the rating is not listening; the check below says why.\n        if (next === current) break;\n        if (next > value) {\n          throw new Error(\n            `WrRatingHarness: this rating cannot land on ${value} — one step took it from ${current} to ` +\n              `${next}, so ${value} is not a multiple of its \\`step\\`.`\n          );\n        }\n        current = next;\n      }\n    }\n\n    const landed = await this.getValue();\n    if (landed !== value) {\n      throw new Error(\n        `WrRatingHarness: asked for ${value}, but the rating reads ${landed} — a readonly or disabled ` +\n          'rating takes no input.'\n      );\n    }\n  }\n\n  /**\n   * Clear the rating, the way `Delete` does — the bound value becomes `null`, not\n   * `0`.\n   *\n   * The slider then announces `aria-valuenow=\"0\"` and every star empties, so\n   * {@link getValue} cannot tell you this happened. Assert the model.\n   */\n  async clear(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.DELETE);\n  }\n\n  /**\n   * Bump the rating up by one step — one `ArrowUp`, the arrow that means \"more\"\n   * in both reading directions (see {@link setValue}).\n   *\n   * The step is the rating's, not this harness's, so this is also how a spec finds\n   * out what it is: clear the rating, step up once, read the value.\n   * Already at the top, this does nothing; the value clamps rather than wrapping.\n   */\n  async stepUp(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.UP_ARROW);\n  }\n\n  /** Bump the rating down by one step — one `ArrowDown`. Clamps at `0`. */\n  async stepDown(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.DOWN_ARROW);\n  }\n\n  /**\n   * End a hover preview, dropping the stars back to the committed value.\n   *\n   * It lives here rather than on the star because the component listens for\n   * `mouseleave` on the ROW: leaving one star for the next is not leaving the\n   * rating.\n   */\n  async unhover(): Promise<void> {\n    await (await this.row()).mouseAway();\n  }\n\n  /** Move keyboard focus to the rating — onto the row, which is the tab stop. */\n  async focus(): Promise<void> {\n    return (await this.row()).focus();\n  }\n\n  /** Blur the rating. This is what emits `touch`, so a bound field marks itself touched. */\n  async blur(): Promise<void> {\n    return (await this.row()).blur();\n  }\n\n  async isFocused(): Promise<boolean> {\n    return (await this.row()).isFocused();\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-rating-testing.mjs","sources":["../../../projects/lib/rating/testing/wr-rating-item-harness.ts","../../../projects/lib/rating/testing/wr-rating-harness.ts","../../../projects/lib/rating/testing/ngwr-rating-testing.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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrRatingItemHarnessFilters } from './interfaces';\n\n/** The star's own box, once it is known to have one. */\ninterface WrRatingItemBox {\n  readonly left: number;\n  readonly top: number;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Test harness for one star of a `<wr-rating>`.\n *\n * A star is invisible to a screen reader — the row above it is the `slider` and\n * owns the whole accessible story — but it carries the state the eye reads: how\n * far it is filled, whether it is still a click target, and, while the pointer is\n * over the row, the PREVIEW rather than the committed value. That is the reason\n * this exists as a harness of its own.\n *\n * The fill is read from `--wr-rating-fill`, the per-star custom property the\n * component sets and the stylesheet clips the filled glyph with — a public token,\n * and the only place a half star exists in the DOM.\n *\n * @example\n * ```ts\n * const rating = await loader.getHarness(WrRatingHarness.with({ label: 'Overall' }));\n * const [, , third] = await rating.getItems();\n *\n * expect(await third.isPartiallyFilled()).toBe(true);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrRatingItemHarness extends ComponentHarness {\n  static hostSelector = '.wr-rating__slot';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrRatingItemHarnessFilters = {}): HarnessPredicate<WrRatingItemHarness> {\n    return new HarnessPredicate(WrRatingItemHarness, options)\n      .addOption('fill', options.fill, async (harness, fill) => (await harness.getFill()) === fill)\n      .addOption(\n        'interactive',\n        options.interactive,\n        async (harness, interactive) => (await harness.isInteractive()) === interactive\n      );\n  }\n\n  /**\n   * How much of this star is painted, `0` to `1`.\n   *\n   * While the pointer is over the rating this is the PREVIEW — the component\n   * paints `hoverValue ?? value`, so a hovered star reads full before anything is\n   * committed. `WrRatingHarness.getValue()` is the committed one.\n   */\n  async getFill(): Promise<number> {\n    const raw = (await (await this.host()).getCssValue('--wr-rating-fill')).trim();\n    const fill = Number.parseFloat(raw);\n    if (Number.isNaN(fill)) {\n      throw new Error(\n        `WrRatingItemHarness: could not read this star's fill — \\`--wr-rating-fill\\` computed to \"${raw}\". ` +\n          'The rating sets it per star; an environment that drops custom properties cannot answer this.'\n      );\n    }\n    return fill;\n  }\n\n  /** Whether the star is painted whole. */\n  async isFilled(): Promise<boolean> {\n    return (await this.getFill()) >= 1;\n  }\n\n  /**\n   * Whether the star is painted part-way — a half star.\n   *\n   * Any fractional value paints one, not only `step=\"0.5\"`: the step governs the\n   * keyboard and the pointer, but a fraction written straight into `value` is only\n   * clamped to `[0, count]`, never snapped — so `[value]=\"3.5\"` half-fills star four\n   * on a whole-star rating.\n   */\n  async isPartiallyFilled(): Promise<boolean> {\n    const fill = await this.getFill();\n    return fill > 0 && fill < 1;\n  }\n\n  /** Whether the star still takes the pointer — a readonly or disabled rating drops the modifier. */\n  async isInteractive(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-rating__slot--interactive');\n  }\n\n  /**\n   * Click this star, picking it whole — star three sets the value to `3`.\n   *\n   * Clicking the value the rating ALREADY holds clears it instead; that is the\n   * component's toggle-off, not an accident of this harness.\n   *\n   * Needs real layout: the component snaps the value from where the pointer sits\n   * inside the star, so this aims at the star's inline-END edge. In jsdom every\n   * element is 0×0 and a pointer position over one cannot mean anything — this\n   * throws rather than committing the `NaN` such a click computes. Reach for\n   * `WrRatingHarness.setValue()` there, which drives the keyboard.\n   */\n  async click(): Promise<void> {\n    const { width, height } = await this.box();\n    await (await this.host()).click(await this.inlineEndX(width), height / 2);\n  }\n\n  /**\n   * Click the leading half of this star — `2.5` on star three.\n   *\n   * On a whole-star rating this is the same as {@link click}: the component snaps\n   * UP to its `step`, so half of star three is still three stars. Carries the same\n   * layout requirement.\n   */\n  async clickHalf(): Promise<void> {\n    const { width, height } = await this.box();\n    await (await this.host()).click(width / 2, height / 2);\n  }\n\n  /**\n   * Move the pointer onto this star, previewing it whole.\n   *\n   * Sends `mousemove` rather than the `TestElement.hover()` pair: the rating\n   * tracks the pointer's x across a star to decide whether it is over the half or\n   * the whole, so `mouseenter` alone tells it nothing and leaves the preview\n   * unchanged. `WrRatingHarness.unhover()` ends it. Carries the same layout\n   * requirement as {@link click}.\n   */\n  async hover(): Promise<void> {\n    const { left, top, width, height } = await this.box();\n    const clientX = left + (await this.inlineEndX(width));\n    await (await this.host()).dispatchEvent('mousemove', { clientX, clientY: top + height / 2 });\n  }\n\n  /**\n   * The x, relative to the star's own box, that lands on its inline-END edge —\n   * the far side of the star, where the rating reads a whole one.\n   *\n   * The component measures the pointer from the star's inline-START edge, which\n   * is the right one once `dir=\"rtl\"` mirrors the row; aiming at the physical\n   * right edge there reads ratio 0 and picks one star FEWER. So the side is asked\n   * for rather than assumed: `direction` is a computed style, which the harness\n   * can read in every environment — jsdom included, where it inherits from an\n   * ancestor `dir` attribute like any other browser.\n   */\n  private async inlineEndX(width: number): Promise<number> {\n    const direction = await (await this.host()).getCssValue('direction');\n    return direction === 'rtl' ? 0 : width;\n  }\n\n  /** The star's box, or a failure that names the reason it has none. */\n  private async box(): Promise<WrRatingItemBox> {\n    const { left, top, width, height } = await (await this.host()).getDimensions();\n    if (!width) {\n      throw new Error(\n        'WrRatingItemHarness: this star has no layout, so a pointer position over it means nothing — the ' +\n          'rating reads the value off where the pointer sits INSIDE the star. Every element is 0×0 in jsdom: ' +\n          'use `WrRatingHarness.setValue()`, which drives the keyboard, or stub `getBoundingClientRect`.'\n      );\n    }\n    return { left, top, width, height };\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 { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrRatingSize } from 'ngwr/rating';\n\nimport type { WrRatingHarnessFilters, WrRatingItemHarnessFilters } from './interfaces';\nimport { WrRatingItemHarness } from './wr-rating-item-harness';\n\n/**\n * Test harness for `<wr-rating>` — the root of a two-class family, since a star\n * carries state of its own: {@link WrRatingItemHarness}.\n *\n * The stars are decoration. Everything a screen reader is told lives on the\n * `.wr-rating__row` inside them, which is the `slider`: `aria-valuenow` is the\n * committed value, `aria-valuemax` the top of the range, and the row — not the\n * host — is the tab stop. So this harness reads the row and, for writes, drives\n * its KEYBOARD: arrows step by the rating's own `step`, `Home` / `End` jump to\n * the ends, `Delete` clears. That is the accessible path, and it is the only one a\n * unit test can take unaided, because the pointer path snaps the value from where\n * the cursor sits inside a star — which needs layout jsdom does not have, so a\n * spec that wants it has to stub the star's box (see\n * {@link WrRatingItemHarness.click}).\n *\n * @example\n * ```ts\n * const rating = await loader.getHarness(WrRatingHarness.with({ label: 'Overall' }));\n *\n * await rating.setValue(4);\n * expect(await rating.getValue()).toBe(4);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrRatingHarness extends ComponentHarness {\n  static hostSelector = 'wr-rating';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrRatingHarnessFilters = {}): HarnessPredicate<WrRatingHarness> {\n    return new HarnessPredicate(WrRatingHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('value', options.value, async (harness, value) => (await harness.getValue()) === value)\n      .addOption('readonly', options.readonly, async (harness, readonly) => (await harness.isReadonly()) === readonly)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly row = this.locatorFor('.wr-rating__row');\n\n  /**\n   * What the control announces itself as — `slider`.\n   *\n   * Not a `radiogroup`: the value is a number on a continuum with a `step`, the\n   * arrows move it and `Home` / `End` bound it, and that is a slider's contract\n   * rather than a group of one-of-N choices.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.row()).getAttribute('role');\n  }\n\n  /**\n   * The rating's accessible name, from `ariaLabel` or the i18n catalogue.\n   *\n   * A rating projects no text, so this is the only name it has — and it sits on\n   * the row, not on the host, because the row is what carries the role.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.row()).getAttribute('aria-label');\n  }\n\n  /**\n   * The committed value, from `aria-valuenow` — what a screen reader is told, not\n   * what is painted, which during a hover is the preview instead.\n   *\n   * A CLEARED rating is announced as `0`, exactly like a rating of zero stars:\n   * `value` is `number | null` and ARIA has no null. So `0` here means \"zero or\n   * nothing\" — assert the bound model when the difference matters, and see\n   * {@link clear}.\n   */\n  async getValue(): Promise<number> {\n    const raw = await (await this.row()).getAttribute('aria-valuenow');\n    const value = Number.parseFloat(raw ?? '');\n    if (Number.isNaN(value)) {\n      throw new Error(`WrRatingHarness: the slider announces aria-valuenow=\"${raw}\", which is not a number.`);\n    }\n    return value;\n  }\n\n  /** The top of the range, from `aria-valuemax` — the `count` of stars. */\n  async getMax(): Promise<number> {\n    const raw = await (await this.row()).getAttribute('aria-valuemax');\n    return Number.parseFloat(raw ?? '');\n  }\n\n  /** How many stars are painted. Should always agree with {@link getMax}. */\n  async getCount(): Promise<number> {\n    return (await this.getItems()).length;\n  }\n\n  /** The stars, left to right. */\n  async getItems(filters: WrRatingItemHarnessFilters = {}): Promise<WrRatingItemHarness[]> {\n    return this.locatorForAll(WrRatingItemHarness.with(filters))();\n  }\n\n  /**\n   * Each star's fill ratio, left to right — `[1, 1, 0.5, 0, 0]` for two and a\n   * half stars out of five.\n   *\n   * This is what the eye sees, so it follows the hover preview while there is one;\n   * {@link getValue} stays on the committed value throughout.\n   */\n  async getFills(): Promise<number[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getFill()));\n  }\n\n  /** The control size. `'md'` is the default and paints no modifier of its own. */\n  async getSize(): Promise<WrRatingSize> {\n    const host = await this.host();\n    if (await host.hasClass('wr-rating--sm')) return 'sm';\n    if (await host.hasClass('wr-rating--lg')) return 'lg';\n    return 'md';\n  }\n\n  /**\n   * Whether the rating displays a value it will not let you change.\n   *\n   * Read from `aria-readonly` rather than from the `wr-rating--readonly` class:\n   * both are public, but the attribute is the one a screen reader acts on, and a\n   * rating that looks read-only without saying so is the bug worth catching.\n   */\n  async isReadonly(): Promise<boolean> {\n    return (await (await this.row()).getAttribute('aria-readonly')) === 'true';\n  }\n\n  /** Whether the rating refuses interaction — `aria-disabled`, for the same reason. */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.row()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /**\n   * Whether the rating is a tab stop.\n   *\n   * `disabled` only, never `readonly` — and the distinction is deliberate, not\n   * incidental. A disabled control leaves the tab order; a READ-ONLY one stays\n   * in it, keeps announcing its value, and still submits, which is the whole\n   * difference between \"you may not\" and \"there is nothing here\". The component\n   * records that driving this off an `interactive()` that folded the two\n   * together made `readonly` unreachable, with an `aria-describedby` pointing\n   * at an element nobody could focus.\n   *\n   * This docblock used to describe exactly that fixed bug — \"false while\n   * readonly or disabled\" — so a reader trusting it would have asserted the\n   * behaviour the component was changed to stop having.\n   */\n  async isFocusable(): Promise<boolean> {\n    const tabIndex = await (await this.row()).getAttribute('tabindex');\n    return Number.parseInt(tabIndex ?? '-1', 10) >= 0;\n  }\n\n  /**\n   * Set the rating, from the keyboard.\n   *\n   * `Home` first, then one `ArrowUp` per step — the step is not in the DOM, so\n   * the only honest way to reach a value is to walk to it and watch where the\n   * rating lands. (The top of the range takes `End` instead of walking there.) A\n   * host counting value changes therefore sees the intermediate ones, which is what\n   * a keyboard user produces too.\n   *\n   * The BLOCK-axis arrow, deliberately: the stars lie on the inline axis, so\n   * `ArrowRight` raises the value in LTR and lowers it under `dir=\"rtl\"`, where\n   * the arrows follow visual order. `ArrowUp` means \"more\" in both, so a spec\n   * written against this harness reads the same either way.\n   *\n   * Throws rather than settling for a near miss: on a value outside `[0, max]`, on\n   * one the step cannot land on (`2.5` on a whole-star rating), and on a rating\n   * that took no input at all because it is readonly or disabled.\n   *\n   * `setValue(0)` commits ZERO. It is {@link clear} that returns the model to\n   * `null`, and the two are indistinguishable from the DOM.\n   */\n  async setValue(value: number): Promise<void> {\n    const max = await this.getMax();\n    if (!Number.isFinite(value) || value < 0 || value > max) {\n      throw new Error(`WrRatingHarness: ${value} is outside this rating's range of [0, ${max}].`);\n    }\n\n    const row = await this.row();\n    await row.sendKeys(TestKey.HOME);\n\n    if (value === max) {\n      await row.sendKeys(TestKey.END);\n    } else {\n      let current = await this.getValue();\n      while (current < value) {\n        await row.sendKeys(TestKey.UP_ARROW);\n        const next = await this.getValue();\n        // Standing still means the rating is not listening; the check below says why.\n        if (next === current) break;\n        if (next > value) {\n          throw new Error(\n            `WrRatingHarness: this rating cannot land on ${value} — one step took it from ${current} to ` +\n              `${next}, so ${value} is not a multiple of its \\`step\\`.`\n          );\n        }\n        current = next;\n      }\n    }\n\n    const landed = await this.getValue();\n    if (landed !== value) {\n      throw new Error(\n        `WrRatingHarness: asked for ${value}, but the rating reads ${landed} — a readonly or disabled ` +\n          'rating takes no input.'\n      );\n    }\n  }\n\n  /**\n   * Clear the rating, the way `Delete` does — the bound value becomes `null`, not\n   * `0`.\n   *\n   * The slider then announces `aria-valuenow=\"0\"` and every star empties, so\n   * {@link getValue} cannot tell you this happened. Assert the model.\n   */\n  async clear(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.DELETE);\n  }\n\n  /**\n   * Bump the rating up by one step — one `ArrowUp`, the arrow that means \"more\"\n   * in both reading directions (see {@link setValue}).\n   *\n   * The step is the rating's, not this harness's, so this is also how a spec finds\n   * out what it is: clear the rating, step up once, read the value.\n   * Already at the top, this does nothing; the value clamps rather than wrapping.\n   */\n  async stepUp(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.UP_ARROW);\n  }\n\n  /** Bump the rating down by one step — one `ArrowDown`. Clamps at `0`. */\n  async stepDown(): Promise<void> {\n    await (await this.row()).sendKeys(TestKey.DOWN_ARROW);\n  }\n\n  /**\n   * End a hover preview, dropping the stars back to the committed value.\n   *\n   * It lives here rather than on the star because the component listens for\n   * `mouseleave` on the ROW: leaving one star for the next is not leaving the\n   * rating.\n   */\n  async unhover(): Promise<void> {\n    await (await this.row()).mouseAway();\n  }\n\n  /** Move keyboard focus to the rating — onto the row, which is the tab stop. */\n  async focus(): Promise<void> {\n    return (await this.row()).focus();\n  }\n\n  /** Blur the rating. This is what emits `touch`, so a bound field marks itself touched. */\n  async blur(): Promise<void> {\n    return (await this.row()).blur();\n  }\n\n  async isFocused(): Promise<boolean> {\n    return (await this.row()).isFocused();\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-rating.mjs

@@ -90,6 +90,21 @@ class WrRating {
     directionality = inject(Directionality, { optional: true });
     /** The surrounding `<wr-form-field>`'s error state. @internal */
     fieldAria = useFormFieldAria();
+    /**
+     * The field's label wins over the built-in default, and an explicit
+     * `ariaLabel` wins over both.
+     *
+     * `<wr-form-field label="…">` renders a `<label for>` that cannot reach this
+     * control — `for` binds only to a LABELABLE element and the focusable part
+     * here carries a role instead — so the field's label named nothing and this
+     * announced its own generic default. A consumer who wrote
+     * `<wr-form-field label="Overall satisfaction">` heard "Rating".
+     */
+    labelledBy = computed(() => (this.ariaLabel() ? null : this.fieldAria.labelledBy()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    /** `null` once `aria-labelledby` is carrying the name, or the two are announced together. */
+    nameLabel = computed(() => (this.labelledBy() ? null : this.resolvedAriaLabel()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nameLabel" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
         const parts = ['wr-rating'];
         const size = this.size();
@@ -218,12 +233,12 @@ class WrRating {
         this.value.set(value);
         this.hoverValue.set(null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRating, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrRating, isStandalone: true, selector: "wr-rating", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div\n  class=\"wr-rating__row\"\n  role=\"slider\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"count()\"\n  [attr.aria-valuenow]=\"announcedValue()\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"focusable() ? 0 : -1\"\n  (keydown)=\"onKeydown($event)\"\n  (mouseleave)=\"onLeave()\"\n  (blur)=\"onBlur()\"\n>\n  @for (slot of slots(); track $index) {\n    <!-- The parent row owns keyboard focus + handlers; slots are pointer-only\n         click targets, so the a11y rules below are intentionally suppressed. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events,@angular-eslint/template/interactive-supports-focus -->\n    <span\n      class=\"wr-rating__slot\"\n      [class.wr-rating__slot--interactive]=\"interactive()\"\n      [style.--wr-rating-fill]=\"fillFor($index)\"\n      (mousemove)=\"onSlotMove($event, $index)\"\n      (click)=\"onSlotClick($event, $index)\"\n    >\n      <!-- Outline (always visible) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--bg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <!-- Filled overlay, clipped by --wr-rating-fill (0..1) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--fg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRating, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrRating, isStandalone: true, selector: "wr-rating", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div\n  class=\"wr-rating__row\"\n  role=\"slider\"\n  [attr.aria-label]=\"nameLabel()\"\n  [attr.aria-labelledby]=\"labelledBy()\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"count()\"\n  [attr.aria-valuenow]=\"announcedValue()\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"focusable() ? 0 : -1\"\n  (keydown)=\"onKeydown($event)\"\n  (mouseleave)=\"onLeave()\"\n  (blur)=\"onBlur()\"\n>\n  @for (slot of slots(); track $index) {\n    <!-- The parent row owns keyboard focus + handlers; slots are pointer-only\n         click targets, so the a11y rules below are intentionally suppressed. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events,@angular-eslint/template/interactive-supports-focus -->\n    <span\n      class=\"wr-rating__slot\"\n      [class.wr-rating__slot--interactive]=\"interactive()\"\n      [style.--wr-rating-fill]=\"fillFor($index)\"\n      (mousemove)=\"onSlotMove($event, $index)\"\n      (click)=\"onSlotClick($event, $index)\"\n    >\n      <!-- Outline (always visible) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--bg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <!-- Filled overlay, clipped by --wr-rating-fill (0..1) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--fg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrRating, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrRating, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-rating', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "<div\n  class=\"wr-rating__row\"\n  role=\"slider\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"count()\"\n  [attr.aria-valuenow]=\"announcedValue()\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"focusable() ? 0 : -1\"\n  (keydown)=\"onKeydown($event)\"\n  (mouseleave)=\"onLeave()\"\n  (blur)=\"onBlur()\"\n>\n  @for (slot of slots(); track $index) {\n    <!-- The parent row owns keyboard focus + handlers; slots are pointer-only\n         click targets, so the a11y rules below are intentionally suppressed. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events,@angular-eslint/template/interactive-supports-focus -->\n    <span\n      class=\"wr-rating__slot\"\n      [class.wr-rating__slot--interactive]=\"interactive()\"\n      [style.--wr-rating-fill]=\"fillFor($index)\"\n      (mousemove)=\"onSlotMove($event, $index)\"\n      (click)=\"onSlotClick($event, $index)\"\n    >\n      <!-- Outline (always visible) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--bg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <!-- Filled overlay, clipped by --wr-rating-fill (0..1) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--fg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  }\n</div>\n" }]
+            args: [{ selector: 'wr-rating', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "<div\n  class=\"wr-rating__row\"\n  role=\"slider\"\n  [attr.aria-label]=\"nameLabel()\"\n  [attr.aria-labelledby]=\"labelledBy()\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"count()\"\n  [attr.aria-valuenow]=\"announcedValue()\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"focusable() ? 0 : -1\"\n  (keydown)=\"onKeydown($event)\"\n  (mouseleave)=\"onLeave()\"\n  (blur)=\"onBlur()\"\n>\n  @for (slot of slots(); track $index) {\n    <!-- The parent row owns keyboard focus + handlers; slots are pointer-only\n         click targets, so the a11y rules below are intentionally suppressed. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events,@angular-eslint/template/interactive-supports-focus -->\n    <span\n      class=\"wr-rating__slot\"\n      [class.wr-rating__slot--interactive]=\"interactive()\"\n      [style.--wr-rating-fill]=\"fillFor($index)\"\n      (mousemove)=\"onSlotMove($event, $index)\"\n      (click)=\"onSlotClick($event, $index)\"\n    >\n      <!-- Outline (always visible) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--bg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <!-- Filled overlay, clipped by --wr-rating-fill (0..1) -->\n      <svg class=\"wr-rating__icon wr-rating__icon--fg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M12 2.5l2.95 5.98 6.6.96-4.78 4.66 1.13 6.58L12 17.6l-5.9 3.08 1.13-6.58L2.45 9.44l6.6-.96L12 2.5z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.4\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  }\n</div>\n" }]
         }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touch: [{ type: i0.Output, args: ["touch"] }] } });
 
 /**