ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-popconfirm.mjs

@@ -1,9 +1,11 @@
+import { Directionality } from '@angular/cdk/bidi';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { input, output, ViewEncapsulation, Component, inject, ElementRef, ViewContainerRef, DestroyRef, Directive } from '@angular/core';
+import { input, output, ViewEncapsulation, Component, inject, ElementRef, ViewContainerRef, DestroyRef, signal, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { WR_OVERLAY, WrOutsideClick } from 'ngwr/overlay';
+import { useI18nText } from 'ngwr/i18n';
+import { WR_OVERLAY, WrOutsideClick, wrMirrorOffsets } from 'ngwr/overlay';
 import { WrButton } from 'ngwr/button';
 
 /**
@@ -35,6 +37,9 @@ const WR_POPCONFIRM_POSITIONS = {
 class WrPopconfirmPanel {
     message = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    /** Id the anchoring directive points `aria-describedby` at. */
+    messageId = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messageId" }] : /* istanbul ignore next */ []));
     confirmText = input('Confirm', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "confirmText" }] : /* istanbul ignore next */ []));
     cancelText = input('Cancel', /* @ts-ignore */
@@ -43,13 +48,13 @@ class WrPopconfirmPanel {
     ...(ngDevMode ? [{ debugName: "confirmColor" }] : /* istanbul ignore next */ []));
     confirmed = output();
     cancelled = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrPopconfirmPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: WrPopconfirmPanel, isStandalone: true, selector: "wr-popconfirm", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { classAttribute: "wr-popconfirm" }, ngImport: i0, template: "<p class=\"wr-popconfirm__message\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn size=\"sm\" (click)=\"cancelled.emit()\">{{ cancelText() }}</wr-btn>\n  <wr-btn size=\"sm\" [color]=\"confirmColor()\" (click)=\"confirmed.emit()\">{{ confirmText() }}</wr-btn>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirmPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrPopconfirmPanel, isStandalone: true, selector: "wr-popconfirm", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { classAttribute: "wr-popconfirm" }, ngImport: i0, template: "<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrPopconfirmPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirmPanel, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-popconfirm', encapsulation: ViewEncapsulation.None, host: { class: 'wr-popconfirm' }, imports: [WrButton], template: "<p class=\"wr-popconfirm__message\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn size=\"sm\" (click)=\"cancelled.emit()\">{{ cancelText() }}</wr-btn>\n  <wr-btn size=\"sm\" [color]=\"confirmColor()\" (click)=\"confirmed.emit()\">{{ confirmText() }}</wr-btn>\n</div>\n" }]
-        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], confirmColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmColor", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+            args: [{ selector: 'wr-popconfirm', encapsulation: ViewEncapsulation.None, host: { class: 'wr-popconfirm' }, imports: [WrButton], template: "<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\n" }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], messageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageId", required: false }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], confirmColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmColor", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
 
 /**
  * @license
@@ -74,6 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  *
  * @see https://ngwr.dev/reference/components/popconfirm
  */
+let popconfirmUid = 0;
 class WrPopconfirm {
     /** Confirmation message. */
     message = input.required({ ...(ngDevMode ? { debugName: "message" } : /* istanbul ignore next */ {}), alias: 'wrPopconfirm' });
@@ -81,11 +87,25 @@ class WrPopconfirm {
     position = input('top', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     /** Label for the confirm button. @default 'Confirm' */
-    confirmText = input('Confirm', /* @ts-ignore */
+    /** Confirm button text. Falls back to `popconfirm.confirm`. */
+    confirmText = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "confirmText" }] : /* istanbul ignore next */ []));
     /** Label for the cancel button. @default 'Cancel' */
-    cancelText = input('Cancel', /* @ts-ignore */
+    /** Cancel button text. Falls back to `popconfirm.cancel`. */
+    cancelText = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "cancelText" }] : /* istanbul ignore next */ []));
+    /**
+     * Accessible name of the confirmation dialog. `role="dialog"` with no name
+     * announces as a bare "dialog". Falls back to `popconfirm.label`.
+     */
+    ariaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    // The catalog has carried these translated for as long as the component has
+    // existed; the labels were hard-coded English defaults, so a localized app got
+    // English buttons with the right strings sitting one file away.
+    resolvedConfirm = useI18nText(this.confirmText, 'popconfirm.confirm', 'Confirm');
+    resolvedCancel = useI18nText(this.cancelText, 'popconfirm.cancel', 'Cancel');
+    resolvedAriaLabel = useI18nText(this.ariaLabel, 'popconfirm.label', 'Confirm action');
     /** Color of the confirm button. @default 'primary' */
     confirmColor = input('primary', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "confirmColor" }] : /* istanbul ignore next */ []));
@@ -95,11 +115,19 @@ class WrPopconfirm {
     cancelled = output();
     host = inject(ElementRef);
     overlay = inject(WR_OVERLAY);
+    dir = inject(Directionality, { optional: true });
     outsideClick = inject(WrOutsideClick);
     vcr = inject(ViewContainerRef);
     scrollStrategies = inject(ScrollStrategyOptions);
     destroyRef = inject(DestroyRef);
+    /** @internal Public so the host bindings can read it. */
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     overlayRef = null;
+    uid = ++popconfirmUid;
+    /** @internal Public so the host binding can read it. */
+    panelId = `wr-popconfirm-${this.uid}`;
+    messageId = `wr-popconfirm-message-${this.uid}`;
     constructor() {
         this.destroyRef.onDestroy(() => this.dispose());
     }
@@ -119,19 +147,38 @@ class WrPopconfirm {
         const positionStrategy = this.overlay
             .position()
             .flexibleConnectedTo(this.host)
-            .withPositions(WR_POPCONFIRM_POSITIONS[this.position()])
+            .withPositions(wrMirrorOffsets(WR_POPCONFIRM_POSITIONS[this.position()], this.isRtl()))
             .withPush(true);
         this.overlayRef = this.overlay.create({
             positionStrategy,
             scrollStrategy: this.scrollStrategies.reposition(),
             panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],
         });
+        // Non-modal by choice, like `wr-popover`: an outside click or Escape closes it,
+        // so trapping focus would only make it harder to leave. It still needs a role, a
+        // name and the question read out as its description.
+        const pane = this.overlayRef.overlayElement;
+        pane.id = this.panelId;
+        pane.setAttribute('role', 'dialog');
+        pane.setAttribute('aria-modal', 'false');
+        pane.setAttribute('aria-label', this.resolvedAriaLabel());
+        pane.setAttribute('aria-describedby', this.messageId);
         const portal = new ComponentPortal(WrPopconfirmPanel, this.vcr);
         const ref = this.overlayRef.attach(portal);
         ref.setInput('message', this.message());
-        ref.setInput('confirmText', this.confirmText());
-        ref.setInput('cancelText', this.cancelText());
+        ref.setInput('messageId', this.messageId);
+        ref.setInput('confirmText', this.resolvedConfirm());
+        ref.setInput('cancelText', this.resolvedCancel());
         ref.setInput('confirmColor', this.confirmColor());
+        // Render now rather than next frame: the buttons have to exist before focus can
+        // move to one, and a deferred focus is the class of bug this repo keeps finding.
+        ref.changeDetectorRef.detectChanges();
+        // Focus has to enter the panel — the overlay container sits at the end of
+        // `<body>`, so Tab from the trigger went to the next thing on the PAGE and the
+        // only way to confirm was unreachable. Cancel first: the action being confirmed
+        // is usually the destructive one.
+        pane.querySelector('.wr-popconfirm__actions wr-btn')?.focus();
+        this.isOpen.set(true);
         ref.instance.confirmed.subscribe(() => {
             this.confirmed.emit();
             this.close();
@@ -165,21 +212,52 @@ class WrPopconfirm {
         this.dispose();
     }
     dispose() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
+        if (!this.overlayRef)
+            return;
+        // Focus lives inside the panel while it is open, and removing the panel would
+        // drop it to `<body>` — hand it back to the trigger instead, as `wr-dropdown`
+        // does on Escape. Only when focus is still IN there: if the user has already
+        // clicked elsewhere, taking it back would be stealing.
+        const returnFocus = this.overlayRef.overlayElement.contains(document.activeElement);
+        this.overlayRef.dispose();
+        this.overlayRef = null;
+        this.isOpen.set(false);
+        if (returnFocus)
+            this.host.nativeElement.focus();
+    }
+    /**
+     * Whether the app reads right-to-left.
+     *
+     * Optional inject: `Directionality` is root-provided, so this is never null in
+     * an app — but a bare `TestBed` that provides nothing should still get a
+     * component that works, and defaulting to LTR is the honest fallback.
+     */
+    isRtl() {
+        return this.dir?.value === 'rtl';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrPopconfirm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.0", type: WrPopconfirm, isStandalone: true, selector: "[wrPopconfirm]", inputs: { message: { classPropertyName: "message", publicName: "wrPopconfirm", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { listeners: { "click": "toggle($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: WrPopconfirm, isStandalone: true, selector: "[wrPopconfirm]", inputs: { message: { classPropertyName: "message", publicName: "wrPopconfirm", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? panelId : null" }, classAttribute: "wr-popconfirm-trigger" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrPopconfirm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirm, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrPopconfirm]',
-                    host: { '(click)': 'toggle($event)' },
+                    host: {
+                        // Marks the trigger the way `[wrPopover]` and `[wrDropdown]` mark theirs. The
+                        // question is normally BOUND (`[wrPopconfirm]="question"`), which leaves no
+                        // attribute in the DOM at all, so without this there is nothing to find a
+                        // trigger by once the panel is shut.
+                        class: 'wr-popconfirm-trigger',
+                        '(click)': 'toggle($event)',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.aria-expanded]': 'isOpen()',
+                        // Names the dialog this trigger opened, as every other overlay trigger in the
+                        // catalog does. `aria-haspopup="dialog"` promises a dialog and `aria-expanded`
+                        // says it is showing; without the id, which one is left to guess.
+                        '[attr.aria-controls]': 'isOpen() ? panelId : null',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrPopconfirm", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], confirmColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmColor", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrPopconfirm", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], confirmColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmColor", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngwr-popconfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-popconfirm.mjs","sources":["../../../projects/lib/popconfirm/interfaces/popconfirm-position.ts","../../../projects/lib/popconfirm/popconfirm-panel.ts","../../../projects/lib/popconfirm/popconfirm-panel.html","../../../projects/lib/popconfirm/popconfirm.ts","../../../projects/lib/popconfirm/ngwr-popconfirm.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 WrPopconfirmPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/** @internal */\nexport const WR_POPCONFIRM_POSITIONS: Record<WrPopconfirmPosition, ConnectedPosition[]> = {\n  top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 }],\n  bottom: [{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }],\n  left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 }],\n  right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 }],\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, output } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport type { WrColor } from 'ngwr/theme';\n\n/**\n * Confirmation panel rendered inside the popconfirm overlay. Not part\n * of the public template API — use `[wrPopconfirm]` instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popconfirm',\n  templateUrl: './popconfirm-panel.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-popconfirm' },\n  imports: [WrButton],\n})\nexport class WrPopconfirmPanel {\n  readonly message = input.required<string>();\n  readonly confirmText = input<string>('Confirm');\n  readonly cancelText = input<string>('Cancel');\n  readonly confirmColor = input<WrColor>('primary');\n\n  readonly confirmed = output<void>();\n  readonly cancelled = output<void>();\n}\n","<p class=\"wr-popconfirm__message\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn size=\"sm\" (click)=\"cancelled.emit()\">{{ cancelText() }}</wr-btn>\n  <wr-btn size=\"sm\" [color]=\"confirmColor()\" (click)=\"confirmed.emit()\">{{ confirmText() }}</wr-btn>\n</div>\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 { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DestroyRef, Directive, ElementRef, ViewContainerRef, inject, input, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WR_OVERLAY, WrOutsideClick } from 'ngwr/overlay';\nimport type { WrColor } from 'ngwr/theme';\n\nimport { WR_POPCONFIRM_POSITIONS, type WrPopconfirmPosition } from './interfaces';\nimport { WrPopconfirmPanel } from './popconfirm-panel';\n\n/**\n * Small \"Are you sure?\" panel anchored to its trigger. Fires `confirmed`\n * or `cancelled` and closes automatically. Built on CDK Overlay.\n *\n * @example\n * ```html\n * <wr-btn\n *   color=\"danger\"\n *   [wrPopconfirm]=\"'Delete this item?'\"\n *   confirmColor=\"danger\"\n *   confirmText=\"Delete\"\n *   (confirmed)=\"remove()\"\n * >Delete</wr-btn>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popconfirm\n */\n@Directive({\n  selector: '[wrPopconfirm]',\n  host: { '(click)': 'toggle($event)' },\n})\nexport class WrPopconfirm {\n  /** Confirmation message. */\n  readonly message = input.required<string>({ alias: 'wrPopconfirm' });\n\n  /** Anchor side. @default 'top' */\n  readonly position = input<WrPopconfirmPosition>('top');\n\n  /** Label for the confirm button. @default 'Confirm' */\n  readonly confirmText = input<string>('Confirm');\n\n  /** Label for the cancel button. @default 'Cancel' */\n  readonly cancelText = input<string>('Cancel');\n\n  /** Color of the confirm button. @default 'primary' */\n  readonly confirmColor = input<WrColor>('primary');\n\n  /** Fires when the user clicks confirm. */\n  readonly confirmed = output<void>();\n\n  /** Fires when the user clicks cancel or dismisses the overlay. */\n  readonly cancelled = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private overlayRef: OverlayRef | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** @internal */\n  protected toggle(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.overlayRef) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  open(): void {\n    if (this.overlayRef) return;\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions(WR_POPCONFIRM_POSITIONS[this.position()])\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],\n    });\n\n    const portal = new ComponentPortal(WrPopconfirmPanel, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n    ref.setInput('message', this.message());\n    ref.setInput('confirmText', this.confirmText());\n    ref.setInput('cancelText', this.cancelText());\n    ref.setInput('confirmColor', this.confirmColor());\n\n    ref.instance.confirmed.subscribe(() => {\n      this.confirmed.emit();\n      this.close();\n    });\n    ref.instance.cancelled.subscribe(() => this.dismiss());\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.dismiss();\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.dismiss();\n        }\n      });\n  }\n\n  close(): void {\n    this.dispose();\n  }\n\n  private dismiss(): void {\n    if (!this.overlayRef) return;\n    this.cancelled.emit();\n    this.dispose();\n  }\n\n  private dispose(): void {\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-popconfirm.mjs","sources":["../../../projects/lib/popconfirm/interfaces/popconfirm-position.ts","../../../projects/lib/popconfirm/popconfirm-panel.ts","../../../projects/lib/popconfirm/popconfirm-panel.html","../../../projects/lib/popconfirm/popconfirm.ts","../../../projects/lib/popconfirm/ngwr-popconfirm.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 WrPopconfirmPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/** @internal */\nexport const WR_POPCONFIRM_POSITIONS: Record<WrPopconfirmPosition, ConnectedPosition[]> = {\n  top: [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 }],\n  bottom: [{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }],\n  left: [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 }],\n  right: [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 }],\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, output } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport type { WrColor } from 'ngwr/theme';\n\n/**\n * Confirmation panel rendered inside the popconfirm overlay. Not part\n * of the public template API — use `[wrPopconfirm]` instead.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-popconfirm',\n  templateUrl: './popconfirm-panel.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-popconfirm' },\n  imports: [WrButton],\n})\nexport class WrPopconfirmPanel {\n  readonly message = input.required<string>();\n\n  /** Id the anchoring directive points `aria-describedby` at. */\n  readonly messageId = input<string | null>(null);\n  readonly confirmText = input<string>('Confirm');\n  readonly cancelText = input<string>('Cancel');\n  readonly confirmColor = input<WrColor>('primary');\n\n  readonly confirmed = output<void>();\n  readonly cancelled = output<void>();\n}\n","<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\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 OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DestroyRef, Directive, ElementRef, ViewContainerRef, inject, input, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WR_OVERLAY, WrOutsideClick, wrMirrorOffsets } from 'ngwr/overlay';\nimport type { WrColor } from 'ngwr/theme';\n\nimport { WR_POPCONFIRM_POSITIONS, type WrPopconfirmPosition } from './interfaces';\nimport { WrPopconfirmPanel } from './popconfirm-panel';\n\n/**\n * Small \"Are you sure?\" panel anchored to its trigger. Fires `confirmed`\n * or `cancelled` and closes automatically. Built on CDK Overlay.\n *\n * @example\n * ```html\n * <wr-btn\n *   color=\"danger\"\n *   [wrPopconfirm]=\"'Delete this item?'\"\n *   confirmColor=\"danger\"\n *   confirmText=\"Delete\"\n *   (confirmed)=\"remove()\"\n * >Delete</wr-btn>\n * ```\n *\n * @see https://ngwr.dev/reference/components/popconfirm\n */\nlet popconfirmUid = 0;\n\n@Directive({\n  selector: '[wrPopconfirm]',\n  host: {\n    // Marks the trigger the way `[wrPopover]` and `[wrDropdown]` mark theirs. The\n    // question is normally BOUND (`[wrPopconfirm]=\"question\"`), which leaves no\n    // attribute in the DOM at all, so without this there is nothing to find a\n    // trigger by once the panel is shut.\n    class: 'wr-popconfirm-trigger',\n    '(click)': 'toggle($event)',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    // Names the dialog this trigger opened, as every other overlay trigger in the\n    // catalog does. `aria-haspopup=\"dialog\"` promises a dialog and `aria-expanded`\n    // says it is showing; without the id, which one is left to guess.\n    '[attr.aria-controls]': 'isOpen() ? panelId : null',\n  },\n})\nexport class WrPopconfirm {\n  /** Confirmation message. */\n  readonly message = input.required<string>({ alias: 'wrPopconfirm' });\n\n  /** Anchor side. @default 'top' */\n  readonly position = input<WrPopconfirmPosition>('top');\n\n  /** Label for the confirm button. @default 'Confirm' */\n  /** Confirm button text. Falls back to `popconfirm.confirm`. */\n  readonly confirmText = input<string | null>(null);\n\n  /** Label for the cancel button. @default 'Cancel' */\n  /** Cancel button text. Falls back to `popconfirm.cancel`. */\n  readonly cancelText = input<string | null>(null);\n\n  /**\n   * Accessible name of the confirmation dialog. `role=\"dialog\"` with no name\n   * announces as a bare \"dialog\". Falls back to `popconfirm.label`.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  // The catalog has carried these translated for as long as the component has\n  // existed; the labels were hard-coded English defaults, so a localized app got\n  // English buttons with the right strings sitting one file away.\n  private readonly resolvedConfirm = useI18nText(this.confirmText, 'popconfirm.confirm', 'Confirm');\n  private readonly resolvedCancel = useI18nText(this.cancelText, 'popconfirm.cancel', 'Cancel');\n  private readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'popconfirm.label', 'Confirm action');\n\n  /** Color of the confirm button. @default 'primary' */\n  readonly confirmColor = input<WrColor>('primary');\n\n  /** Fires when the user clicks confirm. */\n  readonly confirmed = output<void>();\n\n  /** Fires when the user clicks cancel or dismisses the overlay. */\n  readonly cancelled = 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 vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** @internal Public so the host bindings can read it. */\n  readonly isOpen = signal(false);\n\n  private overlayRef: OverlayRef | null = null;\n\n  private readonly uid = ++popconfirmUid;\n\n  /** @internal Public so the host binding can read it. */\n  protected readonly panelId = `wr-popconfirm-${this.uid}`;\n\n  private readonly messageId = `wr-popconfirm-message-${this.uid}`;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** @internal */\n  protected toggle(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.overlayRef) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  open(): void {\n    if (this.overlayRef) return;\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions(wrMirrorOffsets(WR_POPCONFIRM_POSITIONS[this.position()], this.isRtl()))\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: ['wr-popconfirm-overlay', `wr-popconfirm-overlay--${this.position()}`],\n    });\n\n    // Non-modal by choice, like `wr-popover`: an outside click or Escape closes it,\n    // so trapping focus would only make it harder to leave. It still needs a role, a\n    // name and the question read out as its description.\n    const pane = this.overlayRef.overlayElement;\n    pane.id = this.panelId;\n    pane.setAttribute('role', 'dialog');\n    pane.setAttribute('aria-modal', 'false');\n    pane.setAttribute('aria-label', this.resolvedAriaLabel());\n    pane.setAttribute('aria-describedby', this.messageId);\n\n    const portal = new ComponentPortal(WrPopconfirmPanel, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n    ref.setInput('message', this.message());\n    ref.setInput('messageId', this.messageId);\n    ref.setInput('confirmText', this.resolvedConfirm());\n    ref.setInput('cancelText', this.resolvedCancel());\n    ref.setInput('confirmColor', this.confirmColor());\n    // Render now rather than next frame: the buttons have to exist before focus can\n    // move to one, and a deferred focus is the class of bug this repo keeps finding.\n    ref.changeDetectorRef.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 thing on the PAGE and the\n    // only way to confirm was unreachable. Cancel first: the action being confirmed\n    // is usually the destructive one.\n    pane.querySelector<HTMLElement>('.wr-popconfirm__actions wr-btn')?.focus();\n    this.isOpen.set(true);\n\n    ref.instance.confirmed.subscribe(() => {\n      this.confirmed.emit();\n      this.close();\n    });\n    ref.instance.cancelled.subscribe(() => this.dismiss());\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.dismiss();\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.dismiss();\n        }\n      });\n  }\n\n  close(): void {\n    this.dispose();\n  }\n\n  private dismiss(): void {\n    if (!this.overlayRef) return;\n    this.cancelled.emit();\n    this.dispose();\n  }\n\n  private dispose(): void {\n    if (!this.overlayRef) return;\n    // Focus lives inside the panel while it is open, and removing the panel would\n    // drop it to `<body>` — hand it back to the trigger instead, as `wr-dropdown`\n    // does on Escape. Only when focus is still IN there: if the user has already\n    // clicked elsewhere, taking it back would be stealing.\n    const returnFocus = this.overlayRef.overlayElement.contains(document.activeElement);\n    this.overlayRef.dispose();\n    this.overlayRef = null;\n    this.isOpen.set(false);\n    if (returnFocus) this.host.nativeElement.focus();\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-popover-testing.mjs

@@ -0,0 +1,316 @@
+import { ContentContainerComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** How long the waiters poll before giving up, in ms. Generous next to the 120ms default delays. */
+const DEFAULT_TIMEOUT = 1000;
+/** How often they re-check, in ms. */
+const POLL_STEP = 10;
+/**
+ * The real `setTimeout`, captured at module load — before a spec can install
+ * fake timers.
+ *
+ * The waiters have to let REAL time pass: the show / hide delays are plain
+ * `setTimeout`s inside the directive, and under zoneless change detection
+ * `whenStable()` resolves without waiting for a macrotask. Reading the faked
+ * global instead would mean the sleep never fires at all, and the harness would
+ * hang where it should fail with the message it prepared.
+ */
+const realSetTimeout = globalThis.setTimeout;
+function sleep(ms) {
+    return new Promise(resolve => {
+        realSetTimeout(resolve, ms);
+    });
+}
+/**
+ * Test harness for `[wrPopover]` — both shapes the one directive ships:
+ *
+ * - **popover** — template content, opens on click (or hover), announces
+ *   `role="dialog"` and is what the trigger's `aria-expanded` describes;
+ * - **tooltip** — string content, opens on hover AND focus after a delay,
+ *   announces `role="tooltip"` and DESCRIBES its trigger instead of being
+ *   owned by it.
+ *
+ * The panel is never inside the trigger: it is a portal in the overlay
+ * container, a sibling of the whole app. It is reached through the document
+ * root, scoped by the id the trigger publishes while the panel is showing —
+ * `aria-controls` in popover mode, `aria-describedby` in tooltip mode. That id
+ * is what lets two popovers be open at once without reading each other's
+ * content, and it is why every panel reader throws while the panel is shut:
+ * there is no element to answer about.
+ *
+ * Being a CONTENT CONTAINER is the point in popover mode — the panel holds the
+ * consumer's own components, so `popover.getHarness(WrButtonHarness…)` reaches
+ * them without the spec ever touching the overlay.
+ *
+ * **Timing.** A tooltip opens on `showDelay` and hides on `hideDelay`; a hover
+ * popover hides 120ms after the pointer leaves. `open()`, `close()` and the two
+ * waiters sit out that REAL time, so a spec that installs fake timers should
+ * drive the clock itself and read `isOpen()` rather than call them.
+ *
+ * @example
+ * ```ts
+ * const loader = TestbedHarnessEnvironment.loader(fixture);
+ * const details = await loader.getHarness(WrPopoverHarness.with({ triggerText: 'Details' }));
+ *
+ * await details.open();
+ * expect(await details.getRole()).toBe('dialog');
+ * await (await details.getHarness(WrButtonHarness.with({ text: 'Confirm' }))).click();
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrPopoverHarness extends ContentContainerComponentHarness {
+    /**
+     * The directive's host — whatever element the consumer put `[wrPopover]` on.
+     *
+     * Matched by the marker class, not by `[wrPopover]`: popover-mode content is a
+     * `TemplateRef` and so is always BOUND (`[wrPopover]="tpl"`), which leaves no
+     * attribute in the DOM at all, and a CLOSED tooltip publishes no ARIA either.
+     * (A tooltip written with the static string form, `wrPopover="Save changes"`,
+     * does keep the attribute — but only that one shape would be findable by it.)
+     * Same shape as `.wr-dropdown-trigger`.
+     */
+    static hostSelector = '.wr-popover-trigger';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrPopoverHarness, options)
+            .addOption('triggerText', options.triggerText, (harness, text) => HarnessPredicate.stringMatches(harness.getTriggerText(), text))
+            .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)
+            .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);
+    }
+    /**
+     * Which shape this trigger carries.
+     *
+     * Read from the ARIA contract, not from the `mode` input: a bound `[mode]`
+     * never reaches the DOM, while `aria-haspopup="dialog"` is on every popover
+     * trigger and on no tooltip trigger — a tooltip is a description of the
+     * control, not a popup it owns.
+     */
+    async getMode() {
+        return (await (await this.host()).getAttribute('aria-haspopup')) === 'dialog' ? 'popover' : 'tooltip';
+    }
+    /** The trigger's own visible text. The panel's content is `getContentText()`. */
+    async getTriggerText() {
+        return (await this.host()).text();
+    }
+    /**
+     * Whether the panel is showing.
+     *
+     * Two different signals because the two modes advertise different things: a
+     * popover flips `aria-expanded` on its trigger, a tooltip has none at all and
+     * links its description instead. So a tooltip's answer is only as good as the
+     * directive's claim on `aria-describedby` — put the tooltip on a control that
+     * is ALSO described by something else (a `<wr-form-field>` hint, say) and the
+     * two bindings fight over one attribute.
+     */
+    async isOpen() {
+        const host = await this.host();
+        return (await this.getMode()) === 'popover'
+            ? (await host.getAttribute('aria-expanded')) === 'true'
+            : (await host.getAttribute('aria-describedby')) !== null;
+    }
+    /**
+     * Open the panel with the gesture this trigger actually answers to, and wait
+     * until it is showing.
+     *
+     * `trigger` is an input, so the DOM does not say which gesture this popover
+     * wants — the harness moves the pointer on first and falls back to a click.
+     * Hover leads because a click is an outside pointer event for every OTHER open
+     * panel, so leading with it would dismiss someone else's popover on the way to
+     * opening this one; a click-driven popover ignores the hover outright. A
+     * tooltip is never clicked at all — hover and focus are its only gestures.
+     *
+     * Throws when nothing appears: a tooltip with an empty string never opens, and
+     * a spec on fake timers has to advance the clock itself.
+     */
+    async open(timeout = DEFAULT_TIMEOUT) {
+        if (await this.isOpen())
+            return;
+        const host = await this.host();
+        await host.hover();
+        if ((await this.getMode()) === 'tooltip')
+            return this.waitUntilOpen(timeout);
+        if (await this.isOpen())
+            return;
+        await host.click();
+        return this.waitUntilOpen(timeout);
+    }
+    /**
+     * Dismiss the panel and wait until it is gone.
+     *
+     * Escape, because it is the one gesture both modes honour immediately: a
+     * popover is closed by the overlay's keyboard dispatcher, a tooltip by the
+     * directive's own binding — no delay in either. To exercise the delayed
+     * pointer path instead, call `mouseAway()` and then `waitUntilClosed()`.
+     */
+    async close(timeout = DEFAULT_TIMEOUT) {
+        if (!(await this.isOpen()))
+            return;
+        await this.sendEscape();
+        return this.waitUntilClosed(timeout);
+    }
+    /** Click the trigger. Opens a click-driven popover, toggles it shut again, and does nothing else. */
+    async click() {
+        return (await this.host()).click();
+    }
+    /** Move the pointer onto the trigger — opens a hover popover at once, a tooltip after `showDelay`. */
+    async hover() {
+        return (await this.host()).hover();
+    }
+    /** Move the pointer off the trigger. The panel goes after the grace period, not instantly. */
+    async mouseAway() {
+        return (await this.host()).mouseAway();
+    }
+    /** Focus the trigger — a tooltip's other opening gesture, so keyboard users get the hint too. */
+    async focus() {
+        return (await this.host()).focus();
+    }
+    /** Blur the trigger, which hides a tooltip after `hideDelay`. */
+    async blur() {
+        return (await this.host()).blur();
+    }
+    /** Press Escape on the trigger. Both modes dismiss on it, and neither moves focus. */
+    async sendEscape() {
+        return (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+    /** Wait out a pending show. Resolves at once when the panel is already up. */
+    async waitUntilOpen(timeout = DEFAULT_TIMEOUT) {
+        if (await this.settled(true, timeout))
+            return;
+        throw new Error(`WrPopoverHarness.waitUntilOpen(): nothing opened within ${timeout}ms. A tooltip waits out its ` +
+            'showDelay (and never opens at all for an empty string); this wait uses real time, so a spec on ' +
+            'fake timers has to advance the clock itself and read isOpen().');
+    }
+    /** Wait out a pending hide. Resolves at once when the panel is already gone. */
+    async waitUntilClosed(timeout = DEFAULT_TIMEOUT) {
+        if (await this.settled(false, timeout))
+            return;
+        throw new Error(`WrPopoverHarness.waitUntilClosed(): still showing after ${timeout}ms. A hover popover closes 120ms ` +
+            'after the pointer leaves — and only if it left at all, since a mouseleave INTO that panel is ' +
+            'deliberately not a leave. A tooltip closes on its hideDelay after mouseleave or blur.');
+    }
+    /**
+     * The panel's text.
+     *
+     * In tooltip mode that is the string itself, rendered into the small text
+     * panel; in popover mode it is everything the projected template renders.
+     */
+    async getContentText() {
+        return (await this.panel()).text();
+    }
+    /**
+     * The role the open panel announces: `'dialog'` for a popover, `'tooltip'` for
+     * a tooltip.
+     *
+     * Worth asserting rather than assuming, twice over: the directive sets it on
+     * the OVERLAY PANE, not on the content a consumer wrote, and in tooltip mode
+     * the pane is deliberately the only element carrying it — the text panel
+     * inside has none, or the description would nest a tooltip in a tooltip.
+     */
+    async getRole() {
+        return (await this.panel()).getAttribute('role');
+    }
+    /**
+     * The panel's accessible name — `null` in tooltip mode.
+     *
+     * A popover is a named `role="dialog"`: the `ariaLabel` input, or the i18n
+     * catalog's `popover.label` when the consumer says nothing, because an unnamed
+     * dialog announces as "dialog" and nothing else. A tooltip has no name of its
+     * own; it IS the trigger's description, which is `getDescriptionText()`.
+     */
+    async getLabel() {
+        return (await this.panel()).getAttribute('aria-label');
+    }
+    /**
+     * Whether the panel claims modality.
+     *
+     * `false`, deliberately, and worth pinning: the popover sets
+     * `aria-modal="false"` because focus is NOT trapped and the panel dismisses on
+     * outside click / Escape rather than blocking the page.
+     */
+    async isModal() {
+        return (await (await this.panel()).getAttribute('aria-modal')) === 'true';
+    }
+    /**
+     * Where the panel sits relative to the trigger, or `null` when it is presented
+     * as a sheet and has no anchor.
+     *
+     * The resolved position — the directive defaults it per mode (`bottom` for a
+     * popover, `top` for a tooltip) — read off the pane's public modifier class.
+     * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query
+     * at all; this class is the placement, and it is what the arrow's own CSS keys
+     * off.
+     */
+    async getPosition() {
+        const classes = (await (await this.panel()).getAttribute('class')) ?? '';
+        const modifier = /wr-(?:popover|tooltip)-overlay--([a-z-]+)/.exec(classes);
+        return modifier ? modifier[1] : null;
+    }
+    /** Whether the popover is presented as a full-width bottom sheet instead of an anchored panel. */
+    async isSheet() {
+        return (await this.panel()).hasClass('wr-overlay-sheet');
+    }
+    /**
+     * The text a screen reader reads as the TRIGGER'S DESCRIPTION, or `null` when
+     * it describes nothing.
+     *
+     * This resolves `aria-describedby` the way an assistive technology would, so
+     * it answers the whole of tooltip mode's naming contract in one call. Always
+     * `null` for a popover, open or shut — a popover is a thing the trigger owns
+     * (`aria-haspopup` / `aria-expanded`), never a description of it.
+     */
+    async getDescriptionText() {
+        const id = await (await this.host()).getAttribute('aria-describedby');
+        if (!id)
+            return null;
+        const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();
+        return described ? described.text() : null;
+    }
+    /**
+     * Harnesses for the consumer's own components are resolved inside THIS
+     * instance's panel.
+     *
+     * Scoped by the published id rather than by `.wr-popover-overlay`: the overlay
+     * container is shared, so a class query would answer with whichever popover
+     * opened first.
+     */
+    async getRootHarnessLoader() {
+        return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);
+    }
+    /** Poll until `isOpen()` reports `open`, and say whether it did. */
+    async settled(open, timeout) {
+        for (let waited = 0; waited <= timeout; waited += POLL_STEP) {
+            if ((await this.isOpen()) === open)
+                return true;
+            await sleep(POLL_STEP);
+            await this.forceStabilize();
+        }
+        return false;
+    }
+    /** This instance's overlay pane. */
+    async panel() {
+        return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();
+    }
+    /** The id the trigger publishes for its panel, which only exists while the panel does. */
+    async panelId() {
+        const attribute = (await this.getMode()) === 'popover' ? 'aria-controls' : 'aria-describedby';
+        const id = await (await this.host()).getAttribute(attribute);
+        if (!id) {
+            throw new Error(`WrPopoverHarness: nothing is showing. The trigger publishes its panel id as ${attribute} only ` +
+                'while the panel is open — call open() first (a tooltip also has to wait out its showDelay).');
+        }
+        return id;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrPopoverHarness };
+//# sourceMappingURL=ngwr-popover-testing.mjs.map