ngwr 14.10.0 → 14.12.0

package/card/styles/_rules.scss

@@ -82,7 +82,7 @@
   &__spinner {
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid rgb(var(--wr-color-on-surface-muted-rgb) / 30%);
+    border: 2px solid rgba(var(--wr-color-on-surface-muted-rgb), 0.3);
     border-top-color: var(--wr-color-primary);
     border-radius: 50%;
     animation: wr-card-spin 0.7s linear infinite;

package/event-calendar/styles/_index.scss

@@ -311,6 +311,20 @@
     z-index: -1;
   }
 
+  // The cell's date for a screen reader. It is text inside the cell rather than the
+  // cell's `aria-label`, because a label would REPLACE the cell's content as its
+  // name: the event titles and the "+N more" a sighted user reads would be missing
+  // from it (WCAG 2.5.3, Label in Name).
+  &__sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
   &__daynum {
     display: inline-flex;
     align-items: center;

package/fesm2022/ngwr-action-sheet-testing.mjs

@@ -1,313 +1,114 @@
-import { ComponentHarness, 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
- */
-/**
- * Test harness for one row inside a {@link WrActionSheetHarness}.
- *
- * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the
- * property rather than an attribute and the CDK refuses to click it — which is the
- * behaviour a spec wants asserted, since the component ALSO checks `disabled`
- * inside its own handler. Either guard alone would keep a disabled row inert; both
- * being there means removing one is invisible until the other is removed too, and
- * {@link click} is where that shows up.
- *
- * **Clicking a row closes the sheet.** The component emits `action` and clears
- * `open` in the same call, so a harness held across a {@link click} is pointed at a
- * detached element the moment it returns — read what you need first, and get a
- * fresh harness afterwards if the sheet was reopened.
- *
- * @see https://ngwr.dev/guides/testing
- */
-class WrActionSheetActionHarness extends ComponentHarness {
-    /** The class every row carries, cancel rows included. */
-    static hostSelector = '.wr-action-sheet__action';
-    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
-    static with(options = {}) {
-        return new HarnessPredicate(WrActionSheetActionHarness, options)
-            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
-            .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)
-            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
-    }
-    /**
-     * The row's label, trimmed.
-     *
-     * Read from `.wr-action-sheet__label` rather than from the button, so a leading
-     * icon can never join it. The icon contributes no text today — it is an `<svg>` —
-     * but an icon set that ships a `<title>` for its own accessibility would, and the
-     * label element is the thing that actually holds the string.
-     */
-    async getLabel() {
-        return (await this.locatorFor('.wr-action-sheet__label')()).text();
-    }
-    /**
-     * The row's visual role, as the component painted it.
-     *
-     * `default` is returned for a row the caller left unroled, which is what the
-     * component does with the value: only `destructive` and `cancel` change anything,
-     * and everything else falls through to the plain row. The two modifiers are
-     * mutually exclusive by construction — `cancel` rows are filtered into their own
-     * group before the destructive class is ever considered — so reading them in
-     * either order gives the same answer.
-     */
-    async getRole() {
-        const host = await this.host();
-        if (await host.hasClass('wr-action-sheet__action--cancel'))
-            return 'cancel';
-        if (await host.hasClass('wr-action-sheet__action--destructive'))
-            return 'destructive';
-        return 'default';
-    }
-    /**
-     * Whether the row refuses interaction, from the button's own `disabled` property
-     * — the thing the CDK consults before dispatching a click, and the DOM before
-     * delivering one.
-     *
-     * There is no `aria-disabled` to fall back to here, and none is wanted: the row is
-     * a native button, where the property already carries the state to assistive tech.
-     */
-    async isDisabled() {
-        return (await this.host()).getProperty('disabled');
-    }
-    /** Whether the row draws a leading icon. */
-    async hasIcon() {
-        return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;
-    }
-    /**
-     * The icon's registered name, or `null` on a row without one.
-     *
-     * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches
-     * the DOM — the rendered `<svg>` carries no trace of which entry of the set it
-     * came from.
-     */
-    async getIconName() {
-        const icon = await this.locatorForOptional('.wr-action-sheet__icon')();
-        return icon ? icon.getAttribute('data-icon') : null;
-    }
-    /**
-     * Pick this row — emitting `action` and closing the sheet.
-     *
-     * Throws on a disabled row instead of quietly doing nothing. The click would not
-     * land anyway (the DOM swallows it), so the alternative is a spec that reads as
-     * "picked the row" and asserts a sheet that never moved.
-     */
-    async click() {
-        if (await this.isDisabled()) {
-            throw new Error(`WrActionSheetActionHarness.click(): "${await this.getLabel()}" is disabled. The DOM swallows a click ` +
-                'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +
-                'happen — assert isDisabled() instead.');
-        }
-        await (await this.host()).click();
-    }
-    /** Move keyboard focus to the row. */
-    async focus() {
-        return (await this.host()).focus();
-    }
-    /** Whether the row currently holds focus. */
-    async isFocused() {
-        return (await this.host()).isFocused();
-    }
-}
-
-/**
- * @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
- */
+import { ComponentHarness, HarnessPredicate, TestKey } from "@angular/cdk/testing";
 /**
- * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE
- * group: a `TestElement` cannot be queried into, so scoping to a child element means
- * a harness anchored on it.
- */
-class GroupHarness extends ComponentHarness {
-    static hostSelector = '.wr-action-sheet__group';
-    async getLabels() {
-        const labels = await this.locatorForAll('.wr-action-sheet__label')();
-        return Promise.all(labels.map(label => label.text()));
-    }
-}
+* @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
+*/
+var WrActionSheetActionHarness = class WrActionSheetActionHarness extends ComponentHarness {
+	static hostSelector = ".wr-action-sheet__action";
+	static with(options = {}) {
+		return new HarnessPredicate(WrActionSheetActionHarness, options).addOption("label", options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label)).addOption("role", options.role, async (harness, role) => await harness.getRole() === role).addOption("disabled", options.disabled, async (harness, disabled) => await harness.isDisabled() === disabled);
+	}
+	async getLabel() {
+		return (await this.locatorFor(".wr-action-sheet__label")()).text();
+	}
+	async getRole() {
+		const host = await this.host();
+		if (await host.hasClass("wr-action-sheet__action--cancel")) return "cancel";
+		if (await host.hasClass("wr-action-sheet__action--destructive")) return "destructive";
+		return "default";
+	}
+	async isDisabled() {
+		return (await this.host()).getProperty("disabled");
+	}
+	async hasIcon() {
+		return await this.locatorForOptional(".wr-action-sheet__icon")() !== null;
+	}
+	async getIconName() {
+		const icon = await this.locatorForOptional(".wr-action-sheet__icon")();
+		return icon ? icon.getAttribute("data-icon") : null;
+	}
+	async click() {
+		if (await this.isDisabled()) throw new Error(`WrActionSheetActionHarness.click(): "${await this.getLabel()}" is disabled. The DOM swallows a click on a disabled button and the component checks \`disabled\` again before emitting, so nothing would happen — assert isDisabled() instead.`);
+		await (await this.host()).click();
+	}
+	async focus() {
+		return (await this.host()).focus();
+	}
+	async isFocused() {
+		return (await this.host()).isFocused();
+	}
+};
 /**
- * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of
- * choices.
- *
- * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay
- * container rather than in the fixture: load this from
- * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds
- * nothing at all — the `<wr-action-sheet>` host element itself holds no content and
- * the drawer it wraps is `display: none`.
- *
- * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,
- * which makes each instance self-scoping: two sheets open at once are two hosts, and
- * every query here descends from one of them. That is worth stating because it is
- * NOT how the drawer harness underneath has to work — a drawer publishes no link to
- * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes
- * by id.
- *
- * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕
- * button, the modal role, the focus trap and the panel's position are all the
- * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.
- * {@link sendEscape} is the one exception, kept because dismissing without choosing
- * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which
- * is the assertion most specs are actually after.
- *
- * @example
- * ```ts
- * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);
- * const sheet = await rootLoader.getHarness(WrActionSheetHarness);
- *
- * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);
- * await sheet.select({ label: 'Delete' });
- * ```
- *
- * @see https://ngwr.dev/guides/testing
- */
-class WrActionSheetHarness extends ComponentHarness {
-    /** The sheet's root inside the drawer panel. A closed sheet renders none. */
-    static hostSelector = '.wr-action-sheet';
-    /** Build a predicate that narrows the query — sheets can be stacked. */
-    static with(options = {}) {
-        return new HarnessPredicate(WrActionSheetHarness, options)
-            .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))
-            .addOption('message', options.message, (harness, message) => HarnessPredicate.stringMatches(harness.getMessage(), message))
-            .addOption('accessibleName', options.accessibleName, (harness, name) => HarnessPredicate.stringMatches(harness.getAccessibleName(), name));
-    }
-    /**
-     * Whether this sheet is still open.
-     *
-     * A harness can only be obtained while the sheet is open — closing disposes the
-     * overlay and everything in it — so this is the answer for a harness you are
-     * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh
-     * `getHarnessOrNull()` comes back `null`.
-     *
-     * Attachment is the test rather than a class, because disposal removes the element
-     * without changing anything on it.
-     */
-    async isOpen() {
-        return (await this.host()).matchesSelector('body .wr-action-sheet');
-    }
-    /** The visible heading, or `null` when the sheet was opened without a `title`. */
-    async getTitle() {
-        const title = await this.locatorForOptional('.wr-action-sheet__title')();
-        return title ? title.text() : null;
-    }
-    /** The muted sub-heading, or `null` when the sheet has no `message`. */
-    async getMessage() {
-        const message = await this.locatorForOptional('.wr-action-sheet__message')();
-        return message ? message.text() : null;
-    }
-    /**
-     * The name the dialog announces.
-     *
-     * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the
-     * component renders a screen-reader-only `[wrDrawerTitle]` carrying
-     * `actionSheet.label` (English default `Actions`), because a bottom sheet is an
-     * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing
-     * on screen changes when that string is wrong or missing, which is exactly why it
-     * is worth an assertion.
-     *
-     * Read from `.wr-drawer__title` — the class the title directive applies — so the
-     * one query answers for both shapes: the visible heading carries it too.
-     */
-    async getAccessibleName() {
-        return (await this.locatorFor('.wr-drawer__title')()).text();
-    }
-    /** Whether the announced name comes from a visible heading rather than the fallback. */
-    async isTitleVisible() {
-        return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;
-    }
-    /**
-     * Whether the dialog is actually WIRED to that name — the drawer panel's
-     * `aria-labelledby` resolving to this sheet's own title element, and to nothing
-     * else on the page.
-     *
-     * {@link getAccessibleName} only proves a string exists in the markup; a screen
-     * reader reads it only if the reference points at it. The two are separate
-     * failures and the second is silent: the title renders, the sheet looks right, and
-     * the dialog is announced as unnamed. Worth its own assertion because the drawer
-     * resolves the reference AFTER attaching the panel rather than while rendering it,
-     * so a title that arrives late is named late or not at all.
-     *
-     * Counted across the document as well, because two panels answering to one id hand
-     * every reference to whichever comes first — which is how a second sheet ends up
-     * announcing the first one's title.
-     */
-    async isNamed() {
-        const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');
-        if (!id)
-            return false;
-        const root = this.documentRootLocatorFactory();
-        const named = await root.locatorForAll(`[aria-labelledby="${id}"]`)();
-        const titles = await root.locatorForAll(`[id="${id}"]`)();
-        return named.length === 1 && titles.length === 1;
-    }
-    /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */
-    async getActions(filters = {}) {
-        return this.locatorForAll(WrActionSheetActionHarness.with(filters))();
-    }
-    /** The labels of every row, in DOM order. */
-    async getActionLabels() {
-        const actions = await this.getActions();
-        return Promise.all(actions.map(action => action.getLabel()));
-    }
-    /**
-     * The labels grouped the way the sheet lays them out: the main group first, then
-     * the cancel group when there is one.
-     *
-     * The grouping is the component's whole visual contract — a `cancel` row is pulled
-     * out of the list and pinned to the bottom with a gap above it — and it is
-     * invisible to {@link getActionLabels}, which flattens the two. A cancel row that
-     * stopped being separated would still come last in DOM order, so the flat list
-     * cannot catch it.
-     */
-    async getActionGroups() {
-        const groups = await this.locatorForAll(GroupHarness)();
-        return Promise.all(groups.map(group => group.getLabels()));
-    }
-    /**
-     * Whether the sheet drew a separate bottom group — true exactly when at least one
-     * row was given `role: 'cancel'`, since the component omits the group entirely
-     * rather than rendering an empty one.
-     */
-    async hasCancelGroup() {
-        return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;
-    }
-    /**
-     * Pick the first row matching the filters.
-     *
-     * Throws when nothing matches, naming what the sheet does offer — the alternative
-     * is a silent no-op followed by an assertion about a sheet that never moved. A
-     * disabled match throws too, from the row harness.
-     */
-    async select(filters) {
-        const [action] = await this.getActions(filters);
-        if (!action) {
-            const offered = await this.getActionLabels();
-            throw new Error(`WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +
-                `The sheet offers: ${offered.join(', ')}.`);
-        }
-        await action.click();
-    }
-    /**
-     * Press Escape — dismissing the sheet WITHOUT emitting `action`.
-     *
-     * The key never needs to reach the sheet itself: the drawer underneath listens
-     * through the CDK's keyboard dispatcher, which keeps one document listener and
-     * hands the event to the top-most overlay. So with sheets stacked this dismisses
-     * the top one whichever harness it is called on.
-     */
-    async sendEscape() {
-        await (await this.host()).sendKeys(TestKey.ESCAPE);
-    }
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+* @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
+*/
+var GroupHarness = class extends ComponentHarness {
+	static hostSelector = ".wr-action-sheet__group";
+	async getLabels() {
+		const labels = await this.locatorForAll(".wr-action-sheet__label")();
+		return Promise.all(labels.map((label) => label.text()));
+	}
+};
+var WrActionSheetHarness = class WrActionSheetHarness extends ComponentHarness {
+	static hostSelector = ".wr-action-sheet";
+	static with(options = {}) {
+		return new HarnessPredicate(WrActionSheetHarness, options).addOption("title", options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title)).addOption("message", options.message, (harness, message) => HarnessPredicate.stringMatches(harness.getMessage(), message)).addOption("accessibleName", options.accessibleName, (harness, name) => HarnessPredicate.stringMatches(harness.getAccessibleName(), name));
+	}
+	async isOpen() {
+		return (await this.host()).matchesSelector("body .wr-action-sheet");
+	}
+	async getTitle() {
+		const title = await this.locatorForOptional(".wr-action-sheet__title")();
+		return title ? title.text() : null;
+	}
+	async getMessage() {
+		const message = await this.locatorForOptional(".wr-action-sheet__message")();
+		return message ? message.text() : null;
+	}
+	async getAccessibleName() {
+		return (await this.locatorFor(".wr-drawer__title")()).text();
+	}
+	async isTitleVisible() {
+		return await this.locatorForOptional(".wr-action-sheet__title")() !== null;
+	}
+	async isNamed() {
+		const id = await (await this.locatorFor(".wr-drawer__title")()).getAttribute("id");
+		if (!id) return false;
+		const root = this.documentRootLocatorFactory();
+		const named = await root.locatorForAll(`[aria-labelledby="${id}"]`)();
+		const titles = await root.locatorForAll(`[id="${id}"]`)();
+		return named.length === 1 && titles.length === 1;
+	}
+	async getActions(filters = {}) {
+		return this.locatorForAll(WrActionSheetActionHarness.with(filters))();
+	}
+	async getActionLabels() {
+		const actions = await this.getActions();
+		return Promise.all(actions.map((action) => action.getLabel()));
+	}
+	async getActionGroups() {
+		const groups = await this.locatorForAll(GroupHarness)();
+		return Promise.all(groups.map((group) => group.getLabels()));
+	}
+	async hasCancelGroup() {
+		return await this.locatorForOptional(".wr-action-sheet__group--cancel")() !== null;
+	}
+	async select(filters) {
+		const [action] = await this.getActions(filters);
+		if (!action) {
+			const offered = await this.getActionLabels();
+			throw new Error(`WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. The sheet offers: ${offered.join(", ")}.`);
+		}
+		await action.click();
+	}
+	async sendEscape() {
+		await (await this.host()).sendKeys(TestKey.ESCAPE);
+	}
+};
 export { WrActionSheetActionHarness, WrActionSheetHarness };
-//# sourceMappingURL=ngwr-action-sheet-testing.mjs.map
+
+//# sourceMappingURL=ngwr-action-sheet-testing.mjs.map

package/fesm2022/ngwr-action-sheet-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-action-sheet-testing.mjs","sources":["../../../projects/lib/action-sheet/testing/wr-action-sheet-action-harness.ts","../../../projects/lib/action-sheet/testing/wr-action-sheet-harness.ts","../../../projects/lib/action-sheet/testing/ngwr-action-sheet-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 { WrActionSheetAction } from 'ngwr/action-sheet';\n\nimport type { WrActionSheetActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row inside a {@link WrActionSheetHarness}.\n *\n * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the\n * property rather than an attribute and the CDK refuses to click it — which is the\n * behaviour a spec wants asserted, since the component ALSO checks `disabled`\n * inside its own handler. Either guard alone would keep a disabled row inert; both\n * being there means removing one is invisible until the other is removed too, and\n * {@link click} is where that shows up.\n *\n * **Clicking a row closes the sheet.** The component emits `action` and clears\n * `open` in the same call, so a harness held across a {@link click} is pointed at a\n * detached element the moment it returns — read what you need first, and get a\n * fresh harness afterwards if the sheet was reopened.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetActionHarness extends ComponentHarness {\n  /** The class every row carries, cancel rows included. */\n  static hostSelector = '.wr-action-sheet__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrActionSheetActionHarnessFilters = {}): HarnessPredicate<WrActionSheetActionHarness> {\n    return new HarnessPredicate(WrActionSheetActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The row's label, trimmed.\n   *\n   * Read from `.wr-action-sheet__label` rather than from the button, so a leading\n   * icon can never join it. The icon contributes no text today — it is an `<svg>` —\n   * but an icon set that ships a `<title>` for its own accessibility would, and the\n   * label element is the thing that actually holds the string.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-action-sheet__label')()).text();\n  }\n\n  /**\n   * The row's visual role, as the component painted it.\n   *\n   * `default` is returned for a row the caller left unroled, which is what the\n   * component does with the value: only `destructive` and `cancel` change anything,\n   * and everything else falls through to the plain row. The two modifiers are\n   * mutually exclusive by construction — `cancel` rows are filtered into their own\n   * group before the destructive class is ever considered — so reading them in\n   * either order gives the same answer.\n   */\n  async getRole(): Promise<NonNullable<WrActionSheetAction['role']>> {\n    const host = await this.host();\n    if (await host.hasClass('wr-action-sheet__action--cancel')) return 'cancel';\n    if (await host.hasClass('wr-action-sheet__action--destructive')) return 'destructive';\n    return 'default';\n  }\n\n  /**\n   * Whether the row refuses interaction, from the button's own `disabled` property\n   * — the thing the CDK consults before dispatching a click, and the DOM before\n   * delivering one.\n   *\n   * There is no `aria-disabled` to fall back to here, and none is wanted: the row is\n   * a native button, where the property already carries the state to assistive tech.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the row draws a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;\n  }\n\n  /**\n   * The icon's registered name, or `null` on a row without one.\n   *\n   * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches\n   * the DOM — the rendered `<svg>` carries no trace of which entry of the set it\n   * came from.\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-action-sheet__icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this row — emitting `action` and closing the sheet.\n   *\n   * Throws on a disabled row instead of quietly doing nothing. The click would not\n   * land anyway (the DOM swallows it), so the alternative is a spec that reads as\n   * \"picked the row\" and asserts a sheet that never moved.\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrActionSheetActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows a click ` +\n          'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +\n          'happen — assert isDisabled() instead.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the row. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the row currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\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 { WrActionSheetActionHarnessFilters, WrActionSheetHarnessFilters } from './interfaces';\nimport { WrActionSheetActionHarness } from './wr-action-sheet-action-harness';\n\n/**\n * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE\n * group: a `TestElement` cannot be queried into, so scoping to a child element means\n * a harness anchored on it.\n */\nclass GroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-action-sheet__group';\n\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-action-sheet__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n}\n\n/**\n * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of\n * choices.\n *\n * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay\n * container rather than in the fixture: load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds\n * nothing at all — the `<wr-action-sheet>` host element itself holds no content and\n * the drawer it wraps is `display: none`.\n *\n * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,\n * which makes each instance self-scoping: two sheets open at once are two hosts, and\n * every query here descends from one of them. That is worth stating because it is\n * NOT how the drawer harness underneath has to work — a drawer publishes no link to\n * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes\n * by id.\n *\n * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕\n * button, the modal role, the focus trap and the panel's position are all the\n * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.\n * {@link sendEscape} is the one exception, kept because dismissing without choosing\n * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which\n * is the assertion most specs are actually after.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const sheet = await rootLoader.getHarness(WrActionSheetHarness);\n *\n * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);\n * await sheet.select({ label: 'Delete' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetHarness extends ComponentHarness {\n  /** The sheet's root inside the drawer panel. A closed sheet renders none. */\n  static hostSelector = '.wr-action-sheet';\n\n  /** Build a predicate that narrows the query — sheets can be stacked. */\n  static with(options: WrActionSheetHarnessFilters = {}): HarnessPredicate<WrActionSheetHarness> {\n    return new HarnessPredicate(WrActionSheetHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('accessibleName', options.accessibleName, (harness, name) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), name)\n      );\n  }\n\n  /**\n   * Whether this sheet is still open.\n   *\n   * A harness can only be obtained while the sheet is open — closing disposes the\n   * overlay and everything in it — so this is the answer for a harness you are\n   * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh\n   * `getHarnessOrNull()` comes back `null`.\n   *\n   * Attachment is the test rather than a class, because disposal removes the element\n   * without changing anything on it.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-action-sheet');\n  }\n\n  /** The visible heading, or `null` when the sheet was opened without a `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-action-sheet__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The muted sub-heading, or `null` when the sheet has no `message`. */\n  async getMessage(): Promise<string | null> {\n    const message = await this.locatorForOptional('.wr-action-sheet__message')();\n    return message ? message.text() : null;\n  }\n\n  /**\n   * The name the dialog announces.\n   *\n   * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the\n   * component renders a screen-reader-only `[wrDrawerTitle]` carrying\n   * `actionSheet.label` (English default `Actions`), because a bottom sheet is an\n   * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing\n   * on screen changes when that string is wrong or missing, which is exactly why it\n   * is worth an assertion.\n   *\n   * Read from `.wr-drawer__title` — the class the title directive applies — so the\n   * one query answers for both shapes: the visible heading carries it too.\n   */\n  async getAccessibleName(): Promise<string> {\n    return (await this.locatorFor('.wr-drawer__title')()).text();\n  }\n\n  /** Whether the announced name comes from a visible heading rather than the fallback. */\n  async isTitleVisible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;\n  }\n\n  /**\n   * Whether the dialog is actually WIRED to that name — the drawer panel's\n   * `aria-labelledby` resolving to this sheet's own title element, and to nothing\n   * else on the page.\n   *\n   * {@link getAccessibleName} only proves a string exists in the markup; a screen\n   * reader reads it only if the reference points at it. The two are separate\n   * failures and the second is silent: the title renders, the sheet looks right, and\n   * the dialog is announced as unnamed. Worth its own assertion because the drawer\n   * resolves the reference AFTER attaching the panel rather than while rendering it,\n   * so a title that arrives late is named late or not at all.\n   *\n   * Counted across the document as well, because two panels answering to one id hand\n   * every reference to whichever comes first — which is how a second sheet ends up\n   * announcing the first one's title.\n   */\n  async isNamed(): Promise<boolean> {\n    const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');\n    if (!id) return false;\n\n    const root = this.documentRootLocatorFactory();\n    const named = await root.locatorForAll(`[aria-labelledby=\"${id}\"]`)();\n    const titles = await root.locatorForAll(`[id=\"${id}\"]`)();\n    return named.length === 1 && titles.length === 1;\n  }\n\n  /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */\n  async getActions(filters: WrActionSheetActionHarnessFilters = {}): Promise<WrActionSheetActionHarness[]> {\n    return this.locatorForAll(WrActionSheetActionHarness.with(filters))();\n  }\n\n  /** The labels of every row, in DOM order. */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /**\n   * The labels grouped the way the sheet lays them out: the main group first, then\n   * the cancel group when there is one.\n   *\n   * The grouping is the component's whole visual contract — a `cancel` row is pulled\n   * out of the list and pinned to the bottom with a gap above it — and it is\n   * invisible to {@link getActionLabels}, which flattens the two. A cancel row that\n   * stopped being separated would still come last in DOM order, so the flat list\n   * cannot catch it.\n   */\n  async getActionGroups(): Promise<string[][]> {\n    const groups = await this.locatorForAll(GroupHarness)();\n    return Promise.all(groups.map(group => group.getLabels()));\n  }\n\n  /**\n   * Whether the sheet drew a separate bottom group — true exactly when at least one\n   * row was given `role: 'cancel'`, since the component omits the group entirely\n   * rather than rendering an empty one.\n   */\n  async hasCancelGroup(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;\n  }\n\n  /**\n   * Pick the first row matching the filters.\n   *\n   * Throws when nothing matches, naming what the sheet does offer — the alternative\n   * is a silent no-op followed by an assertion about a sheet that never moved. A\n   * disabled match throws too, from the row harness.\n   */\n  async select(filters: WrActionSheetActionHarnessFilters): Promise<void> {\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +\n          `The sheet offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — dismissing the sheet WITHOUT emitting `action`.\n   *\n   * The key never needs to reach the sheet itself: the drawer underneath listens\n   * through the CDK's keyboard dispatcher, which keeps one document listener and\n   * hands the event to the top-most overlay. So with sheets stacked this dismisses\n   * the top one whichever harness it is called on.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\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-action-sheet-testing.mjs","names":[],"sources":["../../../projects/lib/action-sheet/testing/wr-action-sheet-action-harness.ts","../../../projects/lib/action-sheet/testing/wr-action-sheet-harness.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 { WrActionSheetAction } from 'ngwr/action-sheet';\n\nimport type { WrActionSheetActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row inside a {@link WrActionSheetHarness}.\n *\n * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the\n * property rather than an attribute and the CDK refuses to click it — which is the\n * behaviour a spec wants asserted, since the component ALSO checks `disabled`\n * inside its own handler. Either guard alone would keep a disabled row inert; both\n * being there means removing one is invisible until the other is removed too, and\n * {@link click} is where that shows up.\n *\n * **Clicking a row closes the sheet.** The component emits `action` and clears\n * `open` in the same call, so a harness held across a {@link click} is pointed at a\n * detached element the moment it returns — read what you need first, and get a\n * fresh harness afterwards if the sheet was reopened.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetActionHarness extends ComponentHarness {\n  /** The class every row carries, cancel rows included. */\n  static hostSelector = '.wr-action-sheet__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrActionSheetActionHarnessFilters = {}): HarnessPredicate<WrActionSheetActionHarness> {\n    return new HarnessPredicate(WrActionSheetActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The row's label, trimmed.\n   *\n   * Read from `.wr-action-sheet__label` rather than from the button, so a leading\n   * icon can never join it. The icon contributes no text today — it is an `<svg>` —\n   * but an icon set that ships a `<title>` for its own accessibility would, and the\n   * label element is the thing that actually holds the string.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-action-sheet__label')()).text();\n  }\n\n  /**\n   * The row's visual role, as the component painted it.\n   *\n   * `default` is returned for a row the caller left unroled, which is what the\n   * component does with the value: only `destructive` and `cancel` change anything,\n   * and everything else falls through to the plain row. The two modifiers are\n   * mutually exclusive by construction — `cancel` rows are filtered into their own\n   * group before the destructive class is ever considered — so reading them in\n   * either order gives the same answer.\n   */\n  async getRole(): Promise<NonNullable<WrActionSheetAction['role']>> {\n    const host = await this.host();\n    if (await host.hasClass('wr-action-sheet__action--cancel')) return 'cancel';\n    if (await host.hasClass('wr-action-sheet__action--destructive')) return 'destructive';\n    return 'default';\n  }\n\n  /**\n   * Whether the row refuses interaction, from the button's own `disabled` property\n   * — the thing the CDK consults before dispatching a click, and the DOM before\n   * delivering one.\n   *\n   * There is no `aria-disabled` to fall back to here, and none is wanted: the row is\n   * a native button, where the property already carries the state to assistive tech.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the row draws a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;\n  }\n\n  /**\n   * The icon's registered name, or `null` on a row without one.\n   *\n   * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches\n   * the DOM — the rendered `<svg>` carries no trace of which entry of the set it\n   * came from.\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-action-sheet__icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this row — emitting `action` and closing the sheet.\n   *\n   * Throws on a disabled row instead of quietly doing nothing. The click would not\n   * land anyway (the DOM swallows it), so the alternative is a spec that reads as\n   * \"picked the row\" and asserts a sheet that never moved.\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrActionSheetActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows a click ` +\n          'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +\n          'happen — assert isDisabled() instead.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the row. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the row currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\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 { WrActionSheetActionHarnessFilters, WrActionSheetHarnessFilters } from './interfaces';\nimport { WrActionSheetActionHarness } from './wr-action-sheet-action-harness';\n\n/**\n * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE\n * group: a `TestElement` cannot be queried into, so scoping to a child element means\n * a harness anchored on it.\n */\nclass GroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-action-sheet__group';\n\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-action-sheet__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n}\n\n/**\n * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of\n * choices.\n *\n * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay\n * container rather than in the fixture: load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds\n * nothing at all — the `<wr-action-sheet>` host element itself holds no content and\n * the drawer it wraps is `display: none`.\n *\n * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,\n * which makes each instance self-scoping: two sheets open at once are two hosts, and\n * every query here descends from one of them. That is worth stating because it is\n * NOT how the drawer harness underneath has to work — a drawer publishes no link to\n * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes\n * by id.\n *\n * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕\n * button, the modal role, the focus trap and the panel's position are all the\n * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.\n * {@link sendEscape} is the one exception, kept because dismissing without choosing\n * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which\n * is the assertion most specs are actually after.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const sheet = await rootLoader.getHarness(WrActionSheetHarness);\n *\n * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);\n * await sheet.select({ label: 'Delete' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetHarness extends ComponentHarness {\n  /** The sheet's root inside the drawer panel. A closed sheet renders none. */\n  static hostSelector = '.wr-action-sheet';\n\n  /** Build a predicate that narrows the query — sheets can be stacked. */\n  static with(options: WrActionSheetHarnessFilters = {}): HarnessPredicate<WrActionSheetHarness> {\n    return new HarnessPredicate(WrActionSheetHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('accessibleName', options.accessibleName, (harness, name) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), name)\n      );\n  }\n\n  /**\n   * Whether this sheet is still open.\n   *\n   * A harness can only be obtained while the sheet is open — closing disposes the\n   * overlay and everything in it — so this is the answer for a harness you are\n   * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh\n   * `getHarnessOrNull()` comes back `null`.\n   *\n   * Attachment is the test rather than a class, because disposal removes the element\n   * without changing anything on it.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-action-sheet');\n  }\n\n  /** The visible heading, or `null` when the sheet was opened without a `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-action-sheet__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The muted sub-heading, or `null` when the sheet has no `message`. */\n  async getMessage(): Promise<string | null> {\n    const message = await this.locatorForOptional('.wr-action-sheet__message')();\n    return message ? message.text() : null;\n  }\n\n  /**\n   * The name the dialog announces.\n   *\n   * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the\n   * component renders a screen-reader-only `[wrDrawerTitle]` carrying\n   * `actionSheet.label` (English default `Actions`), because a bottom sheet is an\n   * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing\n   * on screen changes when that string is wrong or missing, which is exactly why it\n   * is worth an assertion.\n   *\n   * Read from `.wr-drawer__title` — the class the title directive applies — so the\n   * one query answers for both shapes: the visible heading carries it too.\n   */\n  async getAccessibleName(): Promise<string> {\n    return (await this.locatorFor('.wr-drawer__title')()).text();\n  }\n\n  /** Whether the announced name comes from a visible heading rather than the fallback. */\n  async isTitleVisible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;\n  }\n\n  /**\n   * Whether the dialog is actually WIRED to that name — the drawer panel's\n   * `aria-labelledby` resolving to this sheet's own title element, and to nothing\n   * else on the page.\n   *\n   * {@link getAccessibleName} only proves a string exists in the markup; a screen\n   * reader reads it only if the reference points at it. The two are separate\n   * failures and the second is silent: the title renders, the sheet looks right, and\n   * the dialog is announced as unnamed. Worth its own assertion because the drawer\n   * resolves the reference AFTER attaching the panel rather than while rendering it,\n   * so a title that arrives late is named late or not at all.\n   *\n   * Counted across the document as well, because two panels answering to one id hand\n   * every reference to whichever comes first — which is how a second sheet ends up\n   * announcing the first one's title.\n   */\n  async isNamed(): Promise<boolean> {\n    const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');\n    if (!id) return false;\n\n    const root = this.documentRootLocatorFactory();\n    const named = await root.locatorForAll(`[aria-labelledby=\"${id}\"]`)();\n    const titles = await root.locatorForAll(`[id=\"${id}\"]`)();\n    return named.length === 1 && titles.length === 1;\n  }\n\n  /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */\n  async getActions(filters: WrActionSheetActionHarnessFilters = {}): Promise<WrActionSheetActionHarness[]> {\n    return this.locatorForAll(WrActionSheetActionHarness.with(filters))();\n  }\n\n  /** The labels of every row, in DOM order. */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /**\n   * The labels grouped the way the sheet lays them out: the main group first, then\n   * the cancel group when there is one.\n   *\n   * The grouping is the component's whole visual contract — a `cancel` row is pulled\n   * out of the list and pinned to the bottom with a gap above it — and it is\n   * invisible to {@link getActionLabels}, which flattens the two. A cancel row that\n   * stopped being separated would still come last in DOM order, so the flat list\n   * cannot catch it.\n   */\n  async getActionGroups(): Promise<string[][]> {\n    const groups = await this.locatorForAll(GroupHarness)();\n    return Promise.all(groups.map(group => group.getLabels()));\n  }\n\n  /**\n   * Whether the sheet drew a separate bottom group — true exactly when at least one\n   * row was given `role: 'cancel'`, since the component omits the group entirely\n   * rather than rendering an empty one.\n   */\n  async hasCancelGroup(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;\n  }\n\n  /**\n   * Pick the first row matching the filters.\n   *\n   * Throws when nothing matches, naming what the sheet does offer — the alternative\n   * is a silent no-op followed by an assertion about a sheet that never moved. A\n   * disabled match throws too, from the row harness.\n   */\n  async select(filters: WrActionSheetActionHarnessFilters): Promise<void> {\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +\n          `The sheet offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — dismissing the sheet WITHOUT emitting `action`.\n   *\n   * The key never needs to reach the sheet itself: the drawer underneath listens\n   * through the CDK's keyboard dispatcher, which keeps one document listener and\n   * hands the event to the top-most overlay. So with sheets stacked this dismisses\n   * the top one whichever harness it is called on.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\n"],"mappings":"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"}