@cdevhub/ngx-tw 0.4.0 → 0.6.0

package/fesm2022/cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs

@@ -0,0 +1,198 @@
+import { CdkDialogContainer, Dialog, DialogConfig } from '@angular/cdk/dialog';
+import { createBlockScrollStrategy, createNoopScrollStrategy, createRepositionScrollStrategy, createCloseScrollStrategy } from '@angular/cdk/overlay';
+import { TwDialogRef, TW_DIALOG_DATA, TwDialogConfig } from './cdevhub-ngx-tw-dialog.mjs';
+import * as i0 from '@angular/core';
+import { inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { OverlayContainerCoordinator, mergeOverlayPanelClass, coerceOverlayDuration } from '@cdevhub/ngx-tw/core';
+import { tv } from 'tailwind-variants';
+
+// Dialog uses a `data-[state]` driven CSS transition rather than the project's
+// `animate.enter`/`animate.leave` keyframes. Justification:
+//   1. The ref owns the open/close lifecycle (state signal, observables) and
+//      needs runtime-configurable enter/exit durations per `TwDialog.open()`
+//      call — `animate.enter` only accepts a static class name.
+//   2. The container drives the same CSS variables (opacity + scale) for both
+//      transitions, so a single `transition-[opacity,transform]` rule with a
+//      data-state attribute is simpler than two keyframe declarations.
+// All other library overlays (popover, menu, tooltip) use animate.enter/leave;
+// this divergence is intentional and isolated to the dialog container.
+const dialogContainerVariants = tv({
+    slots: {
+        host: 'relative flex flex-col outline-none bg-surface-raised text-fg rounded-lg shadow-md border border-border overflow-hidden transition-[opacity,transform] ease-out motion-reduce:transition-none opacity-0 scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100 data-[state=closing]:opacity-0 data-[state=closing]:scale-95',
+    },
+    variants: {
+        size: {
+            xs: { host: 'w-full max-w-sm max-h-[85vh]' },
+            sm: { host: 'w-full max-w-md max-h-[85vh]' },
+            md: { host: 'w-full max-w-lg max-h-[85vh]' },
+            lg: { host: 'w-full max-w-2xl max-h-[85vh]' },
+            xl: { host: 'w-full max-w-4xl max-h-[85vh]' },
+            fullscreen: {
+                host: 'w-screen h-screen max-w-none max-h-none rounded-none border-0',
+            },
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+/**
+ * Dialog container rendered inside the CDK overlay. Wraps the user-provided
+ * content in a Tailwind-styled surface and coordinates enter/exit transitions
+ * with {@link TwDialogRef}.
+ *
+ * The animation state machine, `aria-describedby` queue, and panel-class
+ * merge are shared with `SheetContainer` via {@link OverlayContainerCoordinator}
+ * (component-scoped — see `providers: [OverlayContainerCoordinator]`).
+ *
+ * @docs-private
+ */
+class DialogContainer extends CdkDialogContainer {
+    coordinator = inject(OverlayContainerCoordinator);
+    /** Lifecycle state of the dialog's enter/exit animation. */
+    state = this.coordinator.state;
+    /** Emits whenever the animation state transitions. */
+    animationStateChanged = this.coordinator.animationStateChanged;
+    /** Resolved enter-animation duration in ms. */
+    enterAnimationDuration;
+    /** Resolved exit-animation duration in ms. */
+    exitAnimationDuration;
+    sizeVariant = computed(() => {
+        const size = this._config.size ?? 'md';
+        return dialogContainerVariants({ size });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sizeVariant" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => mergeOverlayPanelClass(this.sizeVariant().host(), this._config.panelClass), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    ariaDescribedByAttr = computed(() => this._config.ariaDescribedBy ||
+        this.coordinator.describedByIds()[0] ||
+        null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedByAttr" }] : /* istanbul ignore next */ []));
+    transitionDuration = this.coordinator.transitionDuration;
+    constructor() {
+        super();
+        this.enterAnimationDuration = coerceOverlayDuration(this._config.enterAnimationDuration, 150);
+        this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 120);
+        this.coordinator.setDurations(this.enterAnimationDuration, this.exitAnimationDuration);
+    }
+    _contentAttached() {
+        super._contentAttached();
+        this.coordinator.startEnterAnimation();
+    }
+    /** Triggered by the dialog ref to play the exit transition before disposing the overlay. */
+    _startExitAnimation() {
+        this.coordinator.startExitAnimation();
+    }
+    /** Registers a description id for the container's `aria-describedby`. */
+    _addAriaDescribedBy(id) {
+        this.coordinator.addAriaDescribedBy(id);
+    }
+    /** Removes a previously registered description id. */
+    _removeAriaDescribedBy(id) {
+        this.coordinator.removeAriaDescribedBy(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DialogContainer, isStandalone: true, selector: "tw-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "ariaDescribedByAttr()", "attr.data-state": "state()", "class": "hostClasses()", "style.transition-duration.ms": "transitionDuration()" } }, providers: [OverlayContainerCoordinator], usesInheritance: true, ngImport: i0, template: '<ng-template cdkPortalOutlet />', isInline: true, dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DialogContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-dialog-container',
+                    template: '<ng-template cdkPortalOutlet />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [CdkPortalOutlet],
+                    providers: [OverlayContainerCoordinator],
+                    host: {
+                        tabindex: '-1',
+                        '[attr.id]': '_config.id || null',
+                        '[attr.role]': '_config.role',
+                        '[attr.aria-modal]': '_config.ariaModal',
+                        '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',
+                        '[attr.aria-label]': '_config.ariaLabel',
+                        '[attr.aria-describedby]': 'ariaDescribedByAttr()',
+                        '[attr.data-state]': 'state()',
+                        '[class]': 'hostClasses()',
+                        '[style.transition-duration.ms]': 'transitionDuration()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Rendering half of the dialog feature: the only module that pulls in
+ * `@angular/cdk/dialog`, the overlay scroll strategies, and the Tailwind
+ * `DialogContainer`. Reached exclusively through a dynamic `import()` in
+ * {@link TwDialog}, which is what keeps that graph out of a consumer's initial
+ * bundle. Nothing here may be imported as a value from `dialog.ts`.
+ *
+ * @docs-private
+ */
+function openRenderedDialog(injector, content, merged, twRef) {
+    // `Dialog` is `providedIn: 'root'`, so resolving it here — rather than
+    // injecting it into the service — keeps the CDK symbol in this lazy chunk.
+    const cdkDialog = injector.get(Dialog);
+    const cdkRef = cdkDialog.open(content, {
+        id: merged.id,
+        role: merged.role,
+        data: merged.data,
+        panelClass: merged.panelClass,
+        backdropClass: merged.backdropClass ?? 'tw-dialog-backdrop',
+        hasBackdrop: merged.hasBackdrop,
+        width: merged.width,
+        height: merged.height,
+        minWidth: merged.minWidth,
+        minHeight: merged.minHeight,
+        maxWidth: merged.maxWidth,
+        maxHeight: merged.maxHeight,
+        direction: merged.direction,
+        ariaDescribedBy: merged.ariaDescribedBy,
+        ariaLabelledBy: merged.ariaLabelledBy,
+        ariaLabel: merged.ariaLabel,
+        ariaModal: merged.ariaModal,
+        autoFocus: merged.autoFocus,
+        restoreFocus: merged.restoreFocus,
+        scrollStrategy: merged.scrollStrategy ?? resolveScrollStrategy(injector, merged.scrollBehavior),
+        closeOnNavigation: merged.closeOnNavigation,
+        viewContainerRef: merged.viewContainerRef,
+        injector: merged.injector,
+        // We handle close/Escape/backdrop ourselves so we can run the exit animation.
+        disableClose: true,
+        closeOnOverlayDetachments: false,
+        container: {
+            type: DialogContainer,
+            providers: () => [
+                { provide: TwDialogConfig, useValue: merged },
+                { provide: DialogConfig, useValue: merged },
+            ],
+        },
+        providers: (cdkRef, _cdkConfig, container) => {
+            // Wire the facade to its CDK backend at the exact point the ref
+            // constructor ran before deferral, so animation subscriptions are live
+            // before the container emits.
+            twRef._attach(cdkRef, container);
+            const providers = [
+                { provide: TwDialogRef, useValue: twRef },
+                { provide: TW_DIALOG_DATA, useValue: merged.data ?? null },
+            ];
+            if (Array.isArray(merged.providers))
+                providers.push(...merged.providers);
+            return providers;
+        },
+    });
+    twRef._setComponent(cdkRef.componentInstance, cdkRef.componentRef);
+}
+function resolveScrollStrategy(injector, strategy) {
+    switch (strategy) {
+        case 'close':
+            return createCloseScrollStrategy(injector);
+        case 'reposition':
+            return createRepositionScrollStrategy(injector);
+        case 'noop':
+            return createNoopScrollStrategy();
+        case 'block':
+        default:
+            return createBlockScrollStrategy(injector);
+    }
+}
+
+export { openRenderedDialog };
+//# sourceMappingURL=cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs.map

package/fesm2022/cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs","sources":["../../../projects/ngx-tw/dialog/dialog-container.ts","../../../projects/ngx-tw/dialog/dialog-renderer.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  type EventEmitter,\n  inject,\n  type Signal,\n  ViewEncapsulation,\n  computed,\n} from '@angular/core';\nimport { CdkDialogContainer } from '@angular/cdk/dialog';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n  coerceOverlayDuration,\n  mergeOverlayPanelClass,\n  OverlayContainerCoordinator,\n  type OverlayContainerAnimationEvent,\n  type OverlayContainerState,\n} from '@cdevhub/ngx-tw/core';\nimport { tv } from 'tailwind-variants';\nimport { type TwDialogConfig } from './dialog-config';\n\n/** Lifecycle states a dialog passes through. */\nexport type DialogState = OverlayContainerState;\n\n/** Event emitted when the dialog's animation state transitions. */\nexport type DialogAnimationEvent = OverlayContainerAnimationEvent;\n\n// Dialog uses a `data-[state]` driven CSS transition rather than the project's\n// `animate.enter`/`animate.leave` keyframes. Justification:\n//   1. The ref owns the open/close lifecycle (state signal, observables) and\n//      needs runtime-configurable enter/exit durations per `TwDialog.open()`\n//      call — `animate.enter` only accepts a static class name.\n//   2. The container drives the same CSS variables (opacity + scale) for both\n//      transitions, so a single `transition-[opacity,transform]` rule with a\n//      data-state attribute is simpler than two keyframe declarations.\n// All other library overlays (popover, menu, tooltip) use animate.enter/leave;\n// this divergence is intentional and isolated to the dialog container.\nconst dialogContainerVariants = tv(\n  {\n    slots: {\n      host: 'relative flex flex-col outline-none bg-surface-raised text-fg rounded-lg shadow-md border border-border overflow-hidden transition-[opacity,transform] ease-out motion-reduce:transition-none opacity-0 scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100 data-[state=closing]:opacity-0 data-[state=closing]:scale-95',\n    },\n    variants: {\n      size: {\n        xs: { host: 'w-full max-w-sm max-h-[85vh]' },\n        sm: { host: 'w-full max-w-md max-h-[85vh]' },\n        md: { host: 'w-full max-w-lg max-h-[85vh]' },\n        lg: { host: 'w-full max-w-2xl max-h-[85vh]' },\n        xl: { host: 'w-full max-w-4xl max-h-[85vh]' },\n        fullscreen: {\n          host: 'w-screen h-screen max-w-none max-h-none rounded-none border-0',\n        },\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n/**\n * Dialog container rendered inside the CDK overlay. Wraps the user-provided\n * content in a Tailwind-styled surface and coordinates enter/exit transitions\n * with {@link TwDialogRef}.\n *\n * The animation state machine, `aria-describedby` queue, and panel-class\n * merge are shared with `SheetContainer` via {@link OverlayContainerCoordinator}\n * (component-scoped — see `providers: [OverlayContainerCoordinator]`).\n *\n * @docs-private\n */\n@Component({\n  selector: 'tw-dialog-container',\n  template: '<ng-template cdkPortalOutlet />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CdkPortalOutlet],\n  providers: [OverlayContainerCoordinator],\n  host: {\n    tabindex: '-1',\n    '[attr.id]': '_config.id || null',\n    '[attr.role]': '_config.role',\n    '[attr.aria-modal]': '_config.ariaModal',\n    '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '[attr.aria-describedby]': 'ariaDescribedByAttr()',\n    '[attr.data-state]': 'state()',\n    '[class]': 'hostClasses()',\n    '[style.transition-duration.ms]': 'transitionDuration()',\n  },\n})\nexport class DialogContainer extends CdkDialogContainer<TwDialogConfig> {\n  private readonly coordinator = inject(OverlayContainerCoordinator);\n\n  /** Lifecycle state of the dialog's enter/exit animation. */\n  readonly state: Signal<DialogState> = this.coordinator.state;\n\n  /** Emits whenever the animation state transitions. */\n  readonly animationStateChanged: EventEmitter<DialogAnimationEvent> =\n    this.coordinator.animationStateChanged;\n\n  /** Resolved enter-animation duration in ms. */\n  readonly enterAnimationDuration: number;\n  /** Resolved exit-animation duration in ms. */\n  readonly exitAnimationDuration: number;\n\n  private readonly sizeVariant = computed(() => {\n    const size = this._config.size ?? 'md';\n    return dialogContainerVariants({ size });\n  });\n\n  protected readonly hostClasses = computed(() =>\n    mergeOverlayPanelClass(this.sizeVariant().host(), this._config.panelClass),\n  );\n\n  protected readonly ariaDescribedByAttr = computed(\n    () =>\n      this._config.ariaDescribedBy ||\n      this.coordinator.describedByIds()[0] ||\n      null,\n  );\n\n  protected readonly transitionDuration = this.coordinator.transitionDuration;\n\n  constructor() {\n    super();\n    this.enterAnimationDuration = coerceOverlayDuration(this._config.enterAnimationDuration, 150);\n    this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 120);\n    this.coordinator.setDurations(this.enterAnimationDuration, this.exitAnimationDuration);\n  }\n\n  protected override _contentAttached(): void {\n    super._contentAttached();\n    this.coordinator.startEnterAnimation();\n  }\n\n  /** Triggered by the dialog ref to play the exit transition before disposing the overlay. */\n  _startExitAnimation(): void {\n    this.coordinator.startExitAnimation();\n  }\n\n  /** Registers a description id for the container's `aria-describedby`. */\n  _addAriaDescribedBy(id: string): void {\n    this.coordinator.addAriaDescribedBy(id);\n  }\n\n  /** Removes a previously registered description id. */\n  _removeAriaDescribedBy(id: string): void {\n    this.coordinator.removeAriaDescribedBy(id);\n  }\n}\n","import {\n  type ComponentRef,\n  type Injector,\n  type StaticProvider,\n  type TemplateRef,\n} from '@angular/core';\nimport { Dialog, DialogConfig as CdkDialogConfig } from '@angular/cdk/dialog';\nimport {\n  createBlockScrollStrategy,\n  createCloseScrollStrategy,\n  createNoopScrollStrategy,\n  createRepositionScrollStrategy,\n  type ScrollStrategy,\n} from '@angular/cdk/overlay';\nimport type { ComponentType } from '@angular/cdk/portal';\nimport {\n  TW_DIALOG_DATA,\n  TwDialogConfig,\n  type TwDialogScrollStrategy,\n} from './dialog-config';\nimport { DialogContainer } from './dialog-container';\nimport { TwDialogRef } from './dialog-ref';\n\n/**\n * Rendering half of the dialog feature: the only module that pulls in\n * `@angular/cdk/dialog`, the overlay scroll strategies, and the Tailwind\n * `DialogContainer`. Reached exclusively through a dynamic `import()` in\n * {@link TwDialog}, which is what keeps that graph out of a consumer's initial\n * bundle. Nothing here may be imported as a value from `dialog.ts`.\n *\n * @docs-private\n */\nexport function openRenderedDialog<R, D, C>(\n  injector: Injector,\n  content: ComponentType<C> | TemplateRef<C>,\n  merged: TwDialogConfig<D, R>,\n  twRef: TwDialogRef<R, C>,\n): void {\n  // `Dialog` is `providedIn: 'root'`, so resolving it here — rather than\n  // injecting it into the service — keeps the CDK symbol in this lazy chunk.\n  const cdkDialog = injector.get(Dialog);\n\n  const cdkRef = cdkDialog.open<R, D, C>(content, {\n    id: merged.id,\n    role: merged.role,\n    data: merged.data,\n    panelClass: merged.panelClass,\n    backdropClass: merged.backdropClass ?? 'tw-dialog-backdrop',\n    hasBackdrop: merged.hasBackdrop,\n    width: merged.width,\n    height: merged.height,\n    minWidth: merged.minWidth,\n    minHeight: merged.minHeight,\n    maxWidth: merged.maxWidth,\n    maxHeight: merged.maxHeight,\n    direction: merged.direction,\n    ariaDescribedBy: merged.ariaDescribedBy,\n    ariaLabelledBy: merged.ariaLabelledBy,\n    ariaLabel: merged.ariaLabel,\n    ariaModal: merged.ariaModal,\n    autoFocus: merged.autoFocus,\n    restoreFocus: merged.restoreFocus,\n    scrollStrategy:\n      merged.scrollStrategy ?? resolveScrollStrategy(injector, merged.scrollBehavior),\n    closeOnNavigation: merged.closeOnNavigation,\n    viewContainerRef: merged.viewContainerRef,\n    injector: merged.injector,\n    // We handle close/Escape/backdrop ourselves so we can run the exit animation.\n    disableClose: true,\n    closeOnOverlayDetachments: false,\n    container: {\n      type: DialogContainer,\n      providers: () => [\n        { provide: TwDialogConfig, useValue: merged },\n        { provide: CdkDialogConfig, useValue: merged },\n      ],\n    },\n    providers: (cdkRef, _cdkConfig, container) => {\n      // Wire the facade to its CDK backend at the exact point the ref\n      // constructor ran before deferral, so animation subscriptions are live\n      // before the container emits.\n      twRef._attach(cdkRef, container as DialogContainer);\n      const providers: StaticProvider[] = [\n        { provide: TwDialogRef, useValue: twRef },\n        { provide: TW_DIALOG_DATA, useValue: merged.data ?? null },\n      ];\n      if (Array.isArray(merged.providers)) providers.push(...merged.providers);\n      return providers;\n    },\n  });\n\n  twRef._setComponent(\n    cdkRef.componentInstance as C | null,\n    cdkRef.componentRef as ComponentRef<C> | null,\n  );\n}\n\nfunction resolveScrollStrategy(\n  injector: Injector,\n  strategy: TwDialogScrollStrategy | undefined,\n): ScrollStrategy {\n  switch (strategy) {\n    case 'close':\n      return createCloseScrollStrategy(injector);\n    case 'reposition':\n      return createRepositionScrollStrategy(injector);\n    case 'noop':\n      return createNoopScrollStrategy();\n    case 'block':\n    default:\n      return createBlockScrollStrategy(injector);\n  }\n}\n"],"names":["CdkDialogConfig"],"mappings":"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"}

package/fesm2022/cdevhub-ngx-tw-dialog-testing.mjs

@@ -0,0 +1,122 @@
+import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+
+/**
+ * Harness for a dialog opened with `TwDialog.open()`.
+ *
+ * ## Loading it
+ *
+ * A dialog is **service-opened**, not template-declared: nothing in the test
+ * fixture's own DOM represents it, and the container renders into the CDK
+ * overlay container on `document.body`. This harness's host *is* that container,
+ * so it must be loaded from
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` — the ordinary
+ * `loader(fixture)` searches inside `fixture.nativeElement` and will never find
+ * it. This is not the same situation as an overlay *panel* belonging to a
+ * template-declared component (`tw-select`, `tw-popover-overlay`, `tw-menu`),
+ * where the harness hosts on the in-fixture trigger and reaches its panel
+ * internally; there the plain fixture loader is correct.
+ *
+ * ## Waiting for it
+ *
+ * `TwDialog` loads its render layer through a dynamic `import()`, so the
+ * container does **not** exist synchronously after `open()`. Await the ref's
+ * public {@link TwDialogRef.whenComponentReady} before asking for the harness —
+ * it resolves once the chunk has landed and the overlay is attached, for
+ * template dialogs (with `null`) as well as component dialogs.
+ *
+ * @example
+ * ```ts
+ * const ref = dialog.open(EditorDialog);
+ * await ref.whenComponentReady();
+ * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);
+ * const harness = await rootLoader.getHarness(DialogHarness);
+ * expect(await harness.getTitleText()).toBe('Edit profile');
+ * ```
+ */
+class DialogHarness extends ComponentHarness {
+    static hostSelector = 'tw-dialog-container';
+    title = this.locatorForOptional('[twDialogTitle], tw-dialog-title');
+    content = this.locatorForOptional('[twDialogContent], tw-dialog-content');
+    /** Any descendant of the container that currently holds DOM focus. */
+    focusedDescendant = this.locatorForOptional(':focus');
+    /**
+     * Overlay backdrops, which are siblings of the dialog's overlay pane rather
+     * than descendants of the container — hence the document-root lookup.
+     */
+    backdrops = this.documentRootLocatorFactory().locatorForAll('.cdk-overlay-backdrop');
+    /** Predicate for `locatorFor` / `locatorForAll`. */
+    static with(options = {}) {
+        return new HarnessPredicate(DialogHarness, options)
+            .addOption('id', options.id, async (h, id) => HarnessPredicate.stringMatches(await h.getId(), id))
+            .addOption('title', options.title, async (h, title) => HarnessPredicate.stringMatches(await h.getTitleText(), title))
+            .addOption('role', options.role, async (h, role) => HarnessPredicate.stringMatches(await h.getRole(), role));
+    }
+    /** The dialog's id. Matches the `id` on the `TwDialogRef` returned by `open()`. */
+    async getId() {
+        return (await this.host()).getAttribute('id');
+    }
+    /** The dialog's ARIA role — `'dialog'`, or `'alertdialog'` when so configured. */
+    async getRole() {
+        return (await this.host()).getAttribute('role');
+    }
+    /**
+     * Text of the projected `[twDialogTitle]` element, trimmed, or `null` when
+     * the dialog's content does not use the title directive.
+     */
+    async getTitleText() {
+        const title = await this.title();
+        return title ? (await title.text()).trim() : null;
+    }
+    /**
+     * Text of the projected `[twDialogContent]` region, trimmed, or `null` when
+     * the dialog's content does not use the content directive.
+     */
+    async getContentText() {
+        const content = await this.content();
+        return content ? (await content.text()).trim() : null;
+    }
+    /**
+     * Whether DOM focus currently sits on the dialog container or anywhere inside
+     * it — the observable consequence of the CDK focus trap. CDK moves focus
+     * asynchronously, so let the fixture settle after opening before asserting.
+     */
+    async containsFocus() {
+        if (await (await this.host()).isFocused())
+            return true;
+        return (await this.focusedDescendant()) !== null;
+    }
+    /** Whether the dialog rendered a backdrop. */
+    async hasBackdrop() {
+        return (await this.backdrops()).length > 0;
+    }
+    /**
+     * Clicks the backdrop — the pointer dismiss gesture. Does nothing observable
+     * when the dialog was opened with `disableClose: true`, which is exactly how
+     * a test asserts that flag.
+     *
+     * Throws when no backdrop is rendered. With several overlays stacked, the
+     * last backdrop in the overlay container is used, i.e. the topmost one.
+     */
+    async clickBackdrop() {
+        const backdrops = await this.backdrops();
+        if (backdrops.length === 0) {
+            throw new Error('DialogHarness.clickBackdrop: no backdrop is rendered. The dialog was opened with `hasBackdrop: false`.');
+        }
+        await backdrops[backdrops.length - 1].click();
+    }
+    /**
+     * Sends Escape to the dialog — the keyboard dismiss gesture. Like
+     * {@link clickBackdrop}, it is deliberately a no-op when the dialog was
+     * opened with `disableClose: true`.
+     */
+    async pressEscape() {
+        await (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogHarness };
+//# sourceMappingURL=cdevhub-ngx-tw-dialog-testing.mjs.map

package/fesm2022/cdevhub-ngx-tw-dialog-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-dialog-testing.mjs","sources":["../../../projects/ngx-tw/dialog/testing/dialog-harness.ts","../../../projects/ngx-tw/dialog/testing/cdevhub-ngx-tw-dialog-testing.ts"],"sourcesContent":["import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\nimport type { BaseHarnessFilters, TestElement } from '@angular/cdk/testing';\n\n/** Filters accepted by `DialogHarness.with`. */\nexport interface DialogHarnessFilters extends BaseHarnessFilters {\n  /** Match by the dialog's id — the same value as `TwDialogRef.id`. */\n  id?: string | RegExp;\n  /** Match by the text of the projected `[twDialogTitle]` element. */\n  title?: string | RegExp;\n  /** Match by ARIA role — `'dialog'` or `'alertdialog'`. */\n  role?: string | RegExp;\n}\n\n/**\n * Harness for a dialog opened with `TwDialog.open()`.\n *\n * ## Loading it\n *\n * A dialog is **service-opened**, not template-declared: nothing in the test\n * fixture's own DOM represents it, and the container renders into the CDK\n * overlay container on `document.body`. This harness's host *is* that container,\n * so it must be loaded from\n * `TestbedHarnessEnvironment.documentRootLoader(fixture)` — the ordinary\n * `loader(fixture)` searches inside `fixture.nativeElement` and will never find\n * it. This is not the same situation as an overlay *panel* belonging to a\n * template-declared component (`tw-select`, `tw-popover-overlay`, `tw-menu`),\n * where the harness hosts on the in-fixture trigger and reaches its panel\n * internally; there the plain fixture loader is correct.\n *\n * ## Waiting for it\n *\n * `TwDialog` loads its render layer through a dynamic `import()`, so the\n * container does **not** exist synchronously after `open()`. Await the ref's\n * public {@link TwDialogRef.whenComponentReady} before asking for the harness —\n * it resolves once the chunk has landed and the overlay is attached, for\n * template dialogs (with `null`) as well as component dialogs.\n *\n * @example\n * ```ts\n * const ref = dialog.open(EditorDialog);\n * await ref.whenComponentReady();\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const harness = await rootLoader.getHarness(DialogHarness);\n * expect(await harness.getTitleText()).toBe('Edit profile');\n * ```\n */\nexport class DialogHarness extends ComponentHarness {\n  static hostSelector = 'tw-dialog-container';\n\n  private readonly title = this.locatorForOptional(\n    '[twDialogTitle], tw-dialog-title',\n  );\n  private readonly content = this.locatorForOptional(\n    '[twDialogContent], tw-dialog-content',\n  );\n  /** Any descendant of the container that currently holds DOM focus. */\n  private readonly focusedDescendant = this.locatorForOptional(':focus');\n  /**\n   * Overlay backdrops, which are siblings of the dialog's overlay pane rather\n   * than descendants of the container — hence the document-root lookup.\n   */\n  private readonly backdrops =\n    this.documentRootLocatorFactory().locatorForAll('.cdk-overlay-backdrop');\n\n  /** Predicate for `locatorFor` / `locatorForAll`. */\n  static with(options: DialogHarnessFilters = {}): HarnessPredicate<DialogHarness> {\n    return new HarnessPredicate(DialogHarness, options)\n      .addOption('id', options.id, async (h, id) =>\n        HarnessPredicate.stringMatches(await h.getId(), id),\n      )\n      .addOption('title', options.title, async (h, title) =>\n        HarnessPredicate.stringMatches(await h.getTitleText(), title),\n      )\n      .addOption('role', options.role, async (h, role) =>\n        HarnessPredicate.stringMatches(await h.getRole(), role),\n      );\n  }\n\n  /** The dialog's id. Matches the `id` on the `TwDialogRef` returned by `open()`. */\n  async getId(): Promise<string | null> {\n    return (await this.host()).getAttribute('id');\n  }\n\n  /** The dialog's ARIA role — `'dialog'`, or `'alertdialog'` when so configured. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * Text of the projected `[twDialogTitle]` element, trimmed, or `null` when\n   * the dialog's content does not use the title directive.\n   */\n  async getTitleText(): Promise<string | null> {\n    const title: TestElement | null = await this.title();\n    return title ? (await title.text()).trim() : null;\n  }\n\n  /**\n   * Text of the projected `[twDialogContent]` region, trimmed, or `null` when\n   * the dialog's content does not use the content directive.\n   */\n  async getContentText(): Promise<string | null> {\n    const content: TestElement | null = await this.content();\n    return content ? (await content.text()).trim() : null;\n  }\n\n  /**\n   * Whether DOM focus currently sits on the dialog container or anywhere inside\n   * it — the observable consequence of the CDK focus trap. CDK moves focus\n   * asynchronously, so let the fixture settle after opening before asserting.\n   */\n  async containsFocus(): Promise<boolean> {\n    if (await (await this.host()).isFocused()) return true;\n    return (await this.focusedDescendant()) !== null;\n  }\n\n  /** Whether the dialog rendered a backdrop. */\n  async hasBackdrop(): Promise<boolean> {\n    return (await this.backdrops()).length > 0;\n  }\n\n  /**\n   * Clicks the backdrop — the pointer dismiss gesture. Does nothing observable\n   * when the dialog was opened with `disableClose: true`, which is exactly how\n   * a test asserts that flag.\n   *\n   * Throws when no backdrop is rendered. With several overlays stacked, the\n   * last backdrop in the overlay container is used, i.e. the topmost one.\n   */\n  async clickBackdrop(): Promise<void> {\n    const backdrops = await this.backdrops();\n    if (backdrops.length === 0) {\n      throw new Error(\n        'DialogHarness.clickBackdrop: no backdrop is rendered. The dialog was opened with `hasBackdrop: false`.',\n      );\n    }\n    await backdrops[backdrops.length - 1].click();\n  }\n\n  /**\n   * Sends Escape to the dialog — the keyboard dismiss gesture. Like\n   * {@link clickBackdrop}, it is deliberately a no-op when the dialog was\n   * opened with `disableClose: true`.\n   */\n  async pressEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}