ngwr 14.8.0 → 14.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-popover-testing.mjs","sources":["../../../projects/lib/popover/testing/wr-popover-harness.ts","../../../projects/lib/popover/testing/ngwr-popover-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 {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrPopoverPosition } from 'ngwr/popover';\n\nimport type { WrPopoverHarnessFilters } from './interfaces';\n\n/** How long the waiters poll before giving up, in ms. Generous next to the 120ms default delays. */\nconst DEFAULT_TIMEOUT = 1000;\n\n/** How often they re-check, in ms. */\nconst POLL_STEP = 10;\n\n/**\n * The real `setTimeout`, captured at module load — before a spec can install\n * fake timers.\n *\n * The waiters have to let REAL time pass: the show / hide delays are plain\n * `setTimeout`s inside the directive, and under zoneless change detection\n * `whenStable()` resolves without waiting for a macrotask. Reading the faked\n * global instead would mean the sleep never fires at all, and the harness would\n * hang where it should fail with the message it prepared.\n */\nconst realSetTimeout = globalThis.setTimeout;\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise(resolve => {\n    realSetTimeout(resolve, ms);\n  });\n}\n\n/**\n * Test harness for `[wrPopover]` — both shapes the one directive ships:\n *\n * - **popover** — template content, opens on click (or hover), announces\n *   `role=\"dialog\"` and is what the trigger's `aria-expanded` describes;\n * - **tooltip** — string content, opens after a delay on hover or on KEYBOARD\n *   focus (never on a `.focus()` call — see {@link focus}), announces\n *   `role=\"tooltip\"` and DESCRIBES its trigger instead of being owned by it.\n *\n * The panel is never inside the trigger: it is a portal in the overlay\n * container, a sibling of the whole app. It is reached through the document\n * root, scoped by the id the trigger publishes while the panel is showing —\n * `aria-controls` in popover mode, `aria-describedby` in tooltip mode. That id\n * is what lets two popovers be open at once without reading each other's\n * content, and it is why every panel reader throws while the panel is shut:\n * there is no element to answer about.\n *\n * Being a CONTENT CONTAINER is the point in popover mode — the panel holds the\n * consumer's own components, so `popover.getHarness(WrButtonHarness…)` reaches\n * them without the spec ever touching the overlay.\n *\n * **Timing.** A tooltip opens on `showDelay` and hides on `hideDelay`; a hover\n * popover hides 120ms after the pointer leaves. `open()`, `close()` and the two\n * waiters sit out that REAL time, so a spec that installs fake timers should\n * drive the clock itself and read `isOpen()` rather than call them.\n *\n * @example\n * ```ts\n * const loader = TestbedHarnessEnvironment.loader(fixture);\n * const details = await loader.getHarness(WrPopoverHarness.with({ triggerText: 'Details' }));\n *\n * await details.open();\n * expect(await details.getRole()).toBe('dialog');\n * await (await details.getHarness(WrButtonHarness.with({ text: 'Confirm' }))).click();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrPopoverHarness extends ContentContainerComponentHarness {\n  /**\n   * The directive's host — whatever element the consumer put `[wrPopover]` on.\n   *\n   * Matched by the marker class, not by `[wrPopover]`: popover-mode content is a\n   * `TemplateRef` and so is always BOUND (`[wrPopover]=\"tpl\"`), which leaves no\n   * attribute in the DOM at all, and a CLOSED tooltip publishes no ARIA either.\n   * (A tooltip written with the static string form, `wrPopover=\"Save changes\"`,\n   * does keep the attribute — but only that one shape would be findable by it.)\n   * Same shape as `.wr-dropdown-trigger`.\n   */\n  static hostSelector = '.wr-popover-trigger';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrPopoverHarnessFilters = {}): HarnessPredicate<WrPopoverHarness> {\n    return new HarnessPredicate(WrPopoverHarness, options)\n      .addOption('triggerText', options.triggerText, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getTriggerText(), text)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /**\n   * Which shape this trigger carries.\n   *\n   * Read from the ARIA contract, not from the `mode` input: a bound `[mode]`\n   * never reaches the DOM, while `aria-haspopup=\"dialog\"` is on every popover\n   * trigger and on no tooltip trigger — a tooltip is a description of the\n   * control, not a popup it owns.\n   */\n  async getMode(): Promise<'popover' | 'tooltip'> {\n    return (await (await this.host()).getAttribute('aria-haspopup')) === 'dialog' ? 'popover' : 'tooltip';\n  }\n\n  /** The trigger's own visible text. The panel's content is `getContentText()`. */\n  async getTriggerText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the panel is showing.\n   *\n   * Two different signals because the two modes advertise different things: a\n   * popover flips `aria-expanded` on its trigger, a tooltip has none at all and\n   * links its description instead. So a tooltip's answer is only as good as the\n   * directive's claim on `aria-describedby` — put the tooltip on a control that\n   * is ALSO described by something else (a `<wr-form-field>` hint, say) and the\n   * two bindings fight over one attribute.\n   */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    return (await this.getMode()) === 'popover'\n      ? (await host.getAttribute('aria-expanded')) === 'true'\n      : (await host.getAttribute('aria-describedby')) !== null;\n  }\n\n  /**\n   * Open the panel with the gesture this trigger actually answers to, and wait\n   * until it is showing.\n   *\n   * `trigger` is an input, so the DOM does not say which gesture this popover\n   * wants — the harness moves the pointer on first and falls back to a click.\n   * Hover leads because a click is an outside pointer event for every OTHER open\n   * panel, so leading with it would dismiss someone else's popover on the way to\n   * opening this one; a click-driven popover ignores the hover outright. A\n   * tooltip is never clicked at all, and hover is the only one of its two\n   * gestures a harness can perform — the other is a keyboard focus, which is\n   * `FocusMonitor`'s to grant (see {@link focus}).\n   *\n   * Throws when nothing appears: a tooltip with an empty string never opens, and\n   * a spec on fake timers has to advance the clock itself.\n   */\n  async open(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const host = await this.host();\n    await host.hover();\n    if ((await this.getMode()) === 'tooltip') return this.waitUntilOpen(timeout);\n\n    if (await this.isOpen()) return;\n    await host.click();\n    return this.waitUntilOpen(timeout);\n  }\n\n  /**\n   * Dismiss the panel and wait until it is gone.\n   *\n   * Escape, because it is the one gesture both modes honour immediately: a\n   * popover is closed by the overlay's keyboard dispatcher, a tooltip by the\n   * directive's own binding — no delay in either. To exercise the delayed\n   * pointer path instead, call `mouseAway()` and then `waitUntilClosed()`.\n   */\n  async close(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await this.sendEscape();\n    return this.waitUntilClosed(timeout);\n  }\n\n  /** Click the trigger. Opens a click-driven popover, toggles it shut again, and does nothing else. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Move the pointer onto the trigger — opens a hover popover at once, a tooltip after `showDelay`. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer off the trigger. The panel goes after the grace period, not instantly. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\n  }\n\n  /**\n   * Focus the trigger PROGRAMMATICALLY — and note that this does not open a\n   * tooltip.\n   *\n   * `TestElement.focus()` is a `.focus()` call, which is the one kind of focus a\n   * tooltip deliberately ignores: it shows for a KEYBOARD focus only, because\n   * every overlay in the catalog hands focus back to the trigger it was opened\n   * from, and a tooltip that answered those appeared with no pointer to leave and\n   * no focus to lose. So this method is the way to assert that NOTHING happens.\n   *\n   * There is no keyboard-origin twin, and it cannot be written honestly here:\n   * origin is `FocusMonitor`'s answer, this class has no injector, and the Tab\n   * that would earn it moves focus in a browser and not in jsdom. A spec that\n   * needs the opening gesture drives `FocusMonitor.focusVia(el, 'keyboard')`\n   * itself, the way `popover.spec.ts` does — or uses `hover()`.\n   */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blur the trigger, which hides a tooltip after `hideDelay`. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Press Escape on the trigger. Both modes dismiss on it, and neither moves focus. */\n  async sendEscape(): Promise<void> {\n    return (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Wait out a pending show. Resolves at once when the panel is already up. */\n  async waitUntilOpen(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilOpen(): nothing opened within ${timeout}ms. A tooltip waits out its ` +\n        'showDelay (and never opens at all for an empty string); this wait uses real time, so a spec on ' +\n        'fake timers has to advance the clock itself and read isOpen().'\n    );\n  }\n\n  /** Wait out a pending hide. Resolves at once when the panel is already gone. */\n  async waitUntilClosed(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(false, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilClosed(): still showing after ${timeout}ms. A hover popover closes 120ms ` +\n        'after the pointer leaves — and only if it left at all, since a mouseleave INTO that panel is ' +\n        'deliberately not a leave. A tooltip closes on its hideDelay after mouseleave or blur.'\n    );\n  }\n\n  /**\n   * The panel's text.\n   *\n   * In tooltip mode that is the string itself, rendered into the small text\n   * panel; in popover mode it is everything the projected template renders.\n   */\n  async getContentText(): Promise<string> {\n    return (await this.panel()).text();\n  }\n\n  /**\n   * The role the open panel announces: `'dialog'` for a popover, `'tooltip'` for\n   * a tooltip.\n   *\n   * Worth asserting rather than assuming, twice over: the directive sets it on\n   * the OVERLAY PANE, not on the content a consumer wrote, and in tooltip mode\n   * the pane is deliberately the only element carrying it — the text panel\n   * inside has none, or the description would nest a tooltip in a tooltip.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.panel()).getAttribute('role');\n  }\n\n  /**\n   * The panel's accessible name — `null` in tooltip mode.\n   *\n   * A popover is a named `role=\"dialog\"`: the `ariaLabel` input, or the i18n\n   * catalog's `popover.label` when the consumer says nothing, because an unnamed\n   * dialog announces as \"dialog\" and nothing else. A tooltip has no name of its\n   * own; it IS the trigger's description, which is `getDescriptionText()`.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.panel()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the panel claims modality.\n   *\n   * `false`, deliberately, and worth pinning: the popover sets\n   * `aria-modal=\"false\"` because focus is NOT trapped and the panel dismisses on\n   * outside click / Escape rather than blocking the page.\n   */\n  async isModal(): Promise<boolean> {\n    return (await (await this.panel()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Where the panel sits relative to the trigger, or `null` when it is presented\n   * as a sheet and has no anchor.\n   *\n   * The APPLIED position, not the requested one: CDK flips a placement that does\n   * not fit to the next in its fallback chain and swaps the modifier class with\n   * it. Under a unit test that is always the requested placement — jsdom measures\n   * every box as 0×0, so the first candidate always \"fits\" — but in a browser the\n   * two can differ, and this answers what is on screen. The directive defaults\n   * the request per mode (`bottom` for a popover, `top` for a tooltip).\n   *\n   * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query\n   * at all; this class is the placement, and it is what the arrow's own CSS keys\n   * off.\n   */\n  async getPosition(): Promise<WrPopoverPosition | null> {\n    const classes = (await (await this.panel()).getAttribute('class')) ?? '';\n    const modifier = /wr-(?:popover|tooltip)-overlay--([a-z-]+)/.exec(classes);\n    return modifier ? (modifier[1] as WrPopoverPosition) : null;\n  }\n\n  /** Whether the popover is presented as a full-width bottom sheet instead of an anchored panel. */\n  async isSheet(): Promise<boolean> {\n    return (await this.panel()).hasClass('wr-overlay-sheet');\n  }\n\n  /**\n   * The text a screen reader reads as the TRIGGER'S DESCRIPTION, or `null` when\n   * it describes nothing.\n   *\n   * This resolves `aria-describedby` the way an assistive technology would, so\n   * it answers the whole of tooltip mode's naming contract in one call. Always\n   * `null` for a popover, open or shut — a popover is a thing the trigger owns\n   * (`aria-haspopup` / `aria-expanded`), never a description of it.\n   */\n  async getDescriptionText(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('aria-describedby');\n    if (!id) return null;\n\n    const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();\n    return described ? described.text() : null;\n  }\n\n  /**\n   * Harnesses for the consumer's own components are resolved inside THIS\n   * instance's panel.\n   *\n   * Scoped by the published id rather than by `.wr-popover-overlay`: the overlay\n   * container is shared, so a class query would answer with whichever popover\n   * opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /** Poll until `isOpen()` reports `open`, and say whether it did. */\n  private async settled(open: boolean, timeout: number): Promise<boolean> {\n    for (let waited = 0; waited <= timeout; waited += POLL_STEP) {\n      if ((await this.isOpen()) === open) return true;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n    return false;\n  }\n\n  /** This instance's overlay pane. */\n  private async panel(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();\n  }\n\n  /** The id the trigger publishes for its panel, which only exists while the panel does. */\n  private async panelId(): Promise<string> {\n    const attribute = (await this.getMode()) === 'popover' ? 'aria-controls' : 'aria-describedby';\n    const id = await (await this.host()).getAttribute(attribute);\n\n    if (!id) {\n      throw new Error(\n        `WrPopoverHarness: nothing is showing. The trigger publishes its panel id as ${attribute} only ` +\n          'while the panel is open — call open() first (a tooltip also has to wait out its showDelay).'\n      );\n    }\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-popover-testing.mjs","sources":["../../../projects/lib/popover/testing/wr-popover-harness.ts","../../../projects/lib/popover/testing/ngwr-popover-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 {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrPopoverPosition } from 'ngwr/popover';\n\nimport type { WrPopoverHarnessFilters } from './interfaces';\n\n/** How long the waiters poll before giving up, in ms. Generous next to the 120ms default delays. */\nconst DEFAULT_TIMEOUT = 1000;\n\n/** How often they re-check, in ms. */\nconst POLL_STEP = 10;\n\n/**\n * The real `setTimeout`, captured at module load — before a spec can install\n * fake timers.\n *\n * The waiters have to let REAL time pass: the show / hide delays are plain\n * `setTimeout`s inside the directive, and under zoneless change detection\n * `whenStable()` resolves without waiting for a macrotask. Reading the faked\n * global instead would mean the sleep never fires at all, and the harness would\n * hang where it should fail with the message it prepared.\n */\nconst realSetTimeout = globalThis.setTimeout;\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise(resolve => {\n    realSetTimeout(resolve, ms);\n  });\n}\n\n/**\n * Test harness for `[wrPopover]` — both shapes the one directive ships:\n *\n * - **popover** — template content, opens on click (or hover), announces\n *   `role=\"dialog\"` and is what the trigger's `aria-expanded` describes;\n * - **tooltip** — string content, opens after a delay on hover or on KEYBOARD\n *   focus (never on a `.focus()` call — see {@link focus}), announces\n *   `role=\"tooltip\"` and DESCRIBES its trigger instead of being owned by it.\n *\n * The panel is never inside the trigger: it is a portal in the overlay\n * container, a sibling of the whole app. It is reached through the document\n * root, scoped by the id the trigger publishes while the panel is showing —\n * `aria-controls` in popover mode, `aria-describedby` in tooltip mode. That id\n * is what lets two popovers be open at once without reading each other's\n * content, and it is why every panel reader throws while the panel is shut:\n * there is no element to answer about.\n *\n * Being a CONTENT CONTAINER is the point in popover mode — the panel holds the\n * consumer's own components, so `popover.getHarness(WrButtonHarness…)` reaches\n * them without the spec ever touching the overlay.\n *\n * **Timing.** A tooltip opens on `showDelay` and hides on `hideDelay`; a hover\n * popover hides 120ms after the pointer leaves. `open()`, `close()` and the two\n * waiters sit out that REAL time, so a spec that installs fake timers should\n * drive the clock itself and read `isOpen()` rather than call them.\n *\n * @example\n * ```ts\n * const loader = TestbedHarnessEnvironment.loader(fixture);\n * const details = await loader.getHarness(WrPopoverHarness.with({ triggerText: 'Details' }));\n *\n * await details.open();\n * expect(await details.getRole()).toBe('dialog');\n * await (await details.getHarness(WrButtonHarness.with({ text: 'Confirm' }))).click();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrPopoverHarness extends ContentContainerComponentHarness {\n  /**\n   * The directive's host — whatever element the consumer put `[wrPopover]` on.\n   *\n   * Matched by the marker class, not by `[wrPopover]`: popover-mode content is a\n   * `TemplateRef` and so is always BOUND (`[wrPopover]=\"tpl\"`), which leaves no\n   * attribute in the DOM at all, and a CLOSED tooltip publishes no ARIA either.\n   * (A tooltip written with the static string form, `wrPopover=\"Save changes\"`,\n   * does keep the attribute — but only that one shape would be findable by it.)\n   * Same shape as `.wr-dropdown-trigger`.\n   */\n  static hostSelector = '.wr-popover-trigger';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrPopoverHarnessFilters = {}): HarnessPredicate<WrPopoverHarness> {\n    return new HarnessPredicate(WrPopoverHarness, options)\n      .addOption('triggerText', options.triggerText, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getTriggerText(), text)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /**\n   * Which shape this trigger carries.\n   *\n   * Read from the ARIA contract, not from the `mode` input: a bound `[mode]`\n   * never reaches the DOM, while `aria-haspopup=\"dialog\"` is on every popover\n   * trigger and on no tooltip trigger — a tooltip is a description of the\n   * control, not a popup it owns.\n   */\n  async getMode(): Promise<'popover' | 'tooltip'> {\n    return (await (await this.host()).getAttribute('aria-haspopup')) === 'dialog' ? 'popover' : 'tooltip';\n  }\n\n  /** The trigger's own visible text. The panel's content is `getContentText()`. */\n  async getTriggerText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the panel is showing.\n   *\n   * Two different signals because the two modes advertise different things: a\n   * popover flips `aria-expanded` on its trigger, a tooltip has none at all and\n   * links its description instead. So a tooltip's answer is only as good as the\n   * directive's claim on `aria-describedby` — put the tooltip on a control that\n   * is ALSO described by something else (a `<wr-form-field>` hint, say) and the\n   * two bindings fight over one attribute.\n   */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    return (await this.getMode()) === 'popover'\n      ? (await host.getAttribute('aria-expanded')) === 'true'\n      : (await host.getAttribute('aria-describedby')) !== null;\n  }\n\n  /**\n   * Open the panel with the gesture this trigger actually answers to, and wait\n   * until it is showing.\n   *\n   * `trigger` is an input, so the DOM does not say which gesture this popover\n   * wants — the harness moves the pointer on first and falls back to a click.\n   * Hover leads because a click is an outside pointer event for every OTHER open\n   * panel, so leading with it would dismiss someone else's popover on the way to\n   * opening this one; a click-driven popover ignores the hover outright. A\n   * tooltip is never clicked at all, and hover is the only one of its two\n   * gestures a harness can perform — the other is a keyboard focus, which is\n   * `FocusMonitor`'s to grant (see {@link focus}).\n   *\n   * Throws when nothing appears: a tooltip with an empty string never opens, and\n   * a spec on fake timers has to advance the clock itself.\n   */\n  async open(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const host = await this.host();\n    await host.hover();\n    if ((await this.getMode()) === 'tooltip') return this.waitUntilOpen(timeout);\n\n    if (await this.isOpen()) return;\n    await host.click();\n    return this.waitUntilOpen(timeout);\n  }\n\n  /**\n   * Dismiss the panel and wait until it is gone.\n   *\n   * Escape, because it is the one gesture both modes honour immediately: a\n   * popover is closed by the overlay's keyboard dispatcher, a tooltip by the\n   * directive's own binding — no delay in either. To exercise the delayed\n   * pointer path instead, call `mouseAway()` and then `waitUntilClosed()`.\n   */\n  async close(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await this.sendEscape();\n    return this.waitUntilClosed(timeout);\n  }\n\n  /** Click the trigger. Opens a click-driven popover, toggles it shut again, and does nothing else. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Move the pointer onto the trigger — opens a hover popover at once, a tooltip after `showDelay`. */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n\n  /** Move the pointer off the trigger. The panel goes after the grace period, not instantly. */\n  async mouseAway(): Promise<void> {\n    return (await this.host()).mouseAway();\n  }\n\n  /**\n   * Focus the trigger PROGRAMMATICALLY — and note that this does not open a\n   * tooltip.\n   *\n   * `TestElement.focus()` is a `.focus()` call, which is the one kind of focus a\n   * tooltip deliberately ignores: it shows for a KEYBOARD focus only, because\n   * every overlay in the catalog hands focus back to the trigger it was opened\n   * from, and a tooltip that answered those appeared with no pointer to leave and\n   * no focus to lose. So this method is the way to assert that NOTHING happens.\n   *\n   * There is no keyboard-origin twin, and it cannot be written honestly here:\n   * origin is `FocusMonitor`'s answer, this class has no injector, and the Tab\n   * that would earn it moves focus in a browser and not in jsdom. A spec that\n   * needs the opening gesture drives `FocusMonitor.focusVia(el, 'keyboard')`\n   * itself, the way `popover.spec.ts` does — or uses `hover()`.\n   */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blur the trigger, which hides a tooltip after `hideDelay`. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Press Escape on the trigger. Both modes dismiss on it, and neither moves focus. */\n  async sendEscape(): Promise<void> {\n    return (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Wait out a pending show. Resolves at once when the panel is already up. */\n  async waitUntilOpen(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilOpen(): nothing opened within ${timeout}ms. A tooltip waits out its ` +\n        'showDelay (and never opens at all for an empty string); this wait uses real time, so a spec on ' +\n        'fake timers has to advance the clock itself and read isOpen().'\n    );\n  }\n\n  /** Wait out a pending hide. Resolves at once when the panel is already gone. */\n  async waitUntilClosed(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.settled(false, timeout)) return;\n\n    throw new Error(\n      `WrPopoverHarness.waitUntilClosed(): still showing after ${timeout}ms. A hover popover closes 120ms ` +\n        'after the pointer leaves — and only if it left at all, since a mouseleave INTO that panel is ' +\n        'deliberately not a leave. A tooltip closes on its hideDelay after mouseleave or blur.'\n    );\n  }\n\n  /**\n   * The panel's text.\n   *\n   * In tooltip mode that is the string itself, rendered into the small text\n   * panel; in popover mode it is everything the projected template renders.\n   */\n  async getContentText(): Promise<string> {\n    return (await this.panel()).text();\n  }\n\n  /**\n   * The role the open panel announces: `'dialog'` for a popover, `'tooltip'` for\n   * a tooltip.\n   *\n   * Worth asserting rather than assuming, twice over: the directive sets it on\n   * the OVERLAY PANE, not on the content a consumer wrote, and in tooltip mode\n   * the pane is deliberately the only element carrying it — the text panel\n   * inside has none, or the description would nest a tooltip in a tooltip.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.panel()).getAttribute('role');\n  }\n\n  /**\n   * The panel's accessible name — `null` in tooltip mode.\n   *\n   * A popover is a named `role=\"dialog\"`: the `ariaLabel` input, or the i18n\n   * catalog's `popover.label` when the consumer says nothing, because an unnamed\n   * dialog announces as \"dialog\" and nothing else. A tooltip has no name of its\n   * own; it IS the trigger's description, which is `getDescriptionText()`.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.panel()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the panel claims modality.\n   *\n   * `false`, deliberately, and worth pinning: the popover sets\n   * `aria-modal=\"false\"` because focus is NOT trapped and the panel dismisses on\n   * outside click / Escape rather than blocking the page.\n   */\n  async isModal(): Promise<boolean> {\n    return (await (await this.panel()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Where the panel sits relative to the trigger, or `null` when it is presented\n   * as a sheet and has no anchor.\n   *\n   * The APPLIED position, not the requested one: CDK flips a placement that does\n   * not fit to the next in its fallback chain and swaps the modifier class with\n   * it. Under a unit test that is always the requested placement — jsdom measures\n   * every box as 0×0, so the first candidate always \"fits\" — but in a browser the\n   * two can differ, and this answers what is on screen. The directive defaults\n   * the request per mode (`bottom` for a popover, `top` for a tooltip).\n   *\n   * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query\n   * at all; this class is the placement, and it is what the arrow's own CSS keys\n   * off.\n   */\n  async getPosition(): Promise<WrPopoverPosition | null> {\n    const classes = (await (await this.panel()).getAttribute('class')) ?? '';\n    const modifier = /wr-(?:popover|tooltip)-overlay--([a-z-]+)/.exec(classes);\n    return modifier ? (modifier[1] as WrPopoverPosition) : null;\n  }\n\n  /** Whether the popover is presented as a full-width bottom sheet instead of an anchored panel. */\n  async isSheet(): Promise<boolean> {\n    return (await this.panel()).hasClass('wr-overlay-sheet');\n  }\n\n  /**\n   * The text a screen reader reads as the TRIGGER'S DESCRIPTION, or `null` when\n   * it describes nothing.\n   *\n   * This resolves `aria-describedby` the way an assistive technology would, so\n   * it answers the whole of tooltip mode's naming contract in one call. Always\n   * `null` for a popover, open or shut — a popover is a thing the trigger owns\n   * (`aria-haspopup` / `aria-expanded`), never a description of it.\n   */\n  async getDescriptionText(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('aria-describedby');\n    if (!id) return null;\n\n    const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();\n    return described ? described.text() : null;\n  }\n\n  /**\n   * Harnesses for the consumer's own components are resolved inside THIS\n   * instance's panel.\n   *\n   * Scoped by the published id rather than by `.wr-popover-overlay`: the overlay\n   * container is shared, so a class query would answer with whichever popover\n   * opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /** Poll until `isOpen()` reports `open`, and say whether it did. */\n  private async settled(open: boolean, timeout: number): Promise<boolean> {\n    for (let waited = 0; waited <= timeout; waited += POLL_STEP) {\n      if ((await this.isOpen()) === open) return true;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n    return false;\n  }\n\n  /** This instance's overlay pane. */\n  private async panel(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();\n  }\n\n  /** The id the trigger publishes for its panel, which only exists while the panel does. */\n  private async panelId(): Promise<string> {\n    const attribute = (await this.getMode()) === 'popover' ? 'aria-controls' : 'aria-describedby';\n    const id = await (await this.host()).getAttribute(attribute);\n\n    if (!id) {\n      throw new Error(\n        `WrPopoverHarness: nothing is showing. The trigger publishes its panel id as ${attribute} only ` +\n          'while the panel is open — call open() first (a tooltip also has to wait out its showDelay).'\n      );\n    }\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAcH;AACA,MAAM,eAAe,GAAG,IAAI;AAE5B;AACA,MAAM,SAAS,GAAG,EAAE;AAEpB;;;;;;;;;AASG;AACH,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU;AAE5C,SAAS,KAAK,CAAC,EAAU,EAAA;AACvB,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC;AAC7B,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;AACG,MAAO,gBAAiB,SAAQ,gCAAgC,CAAA;AACpE;;;;;;;;;AASG;AACH,IAAA,OAAO,YAAY,GAAG,qBAAqB;;AAG3C,IAAA,OAAO,IAAI,CAAC,OAAA,GAAmC,EAAE,EAAA;AAC/C,QAAA,OAAO,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,OAAO;aAClD,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,IAAI,KAC3D,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC;aAE/D,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI;aAC3F,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAChG;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,OAAO,GAAA;QACX,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,eAAe,CAAC,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvG;;AAGA,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE;IACnC;AAEA;;;;;;;;;AASG;AACH,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;QAC9B,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM;cAC9B,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM;AACjD,cAAE,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,MAAM,IAAI;IAC5D;AAEA;;;;;;;;;;;;;;;AAeG;AACH,IAAA,MAAM,IAAI,CAAC,OAAO,GAAG,eAAe,EAAA;AAClC,QAAA,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE;YAAE;AAEzB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,MAAM,IAAI,CAAC,KAAK,EAAE;QAClB,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS;AAAE,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;AAE5E,QAAA,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE;YAAE;AACzB,QAAA,MAAM,IAAI,CAAC,KAAK,EAAE;AAClB,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACpC;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,KAAK,CAAC,OAAO,GAAG,eAAe,EAAA;AACnC,QAAA,IAAI,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;YAAE;AAE5B,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE;AACvB,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;IACtC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,SAAS,GAAA;QACb,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE;IACxC;AAEA;;;;;;;;;;;;;;;AAeG;AACH,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,IAAI,GAAA;QACR,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE;IACnC;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IACrD;;AAGA,IAAA,MAAM,aAAa,CAAC,OAAO,GAAG,eAAe,EAAA;QAC3C,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;YAAE;AAEvC,QAAA,MAAM,IAAI,KAAK,CACb,CAAA,wDAAA,EAA2D,OAAO,CAAA,4BAAA,CAA8B;YAC9F,iGAAiG;AACjG,YAAA,gEAAgE,CACnE;IACH;;AAGA,IAAA,MAAM,eAAe,CAAC,OAAO,GAAG,eAAe,EAAA;QAC7C,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC;YAAE;AAExC,QAAA,MAAM,IAAI,KAAK,CACb,CAAA,wDAAA,EAA2D,OAAO,CAAA,iCAAA,CAAmC;YACnG,+FAA+F;AAC/F,YAAA,uFAAuF,CAC1F;IACH;AAEA;;;;;AAKG;AACH,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;IACpC;AAEA;;;;;;;;AAQG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;IAClD;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;IACxD;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,MAAM,MAAM;IAC3E;AAEA;;;;;;;;;;;;;;AAcG;AACH,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;QACxE,MAAM,QAAQ,GAAG,2CAA2C,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1E,QAAA,OAAO,QAAQ,GAAI,QAAQ,CAAC,CAAC,CAAuB,GAAG,IAAI;IAC7D;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC1D;AAEA;;;;;;;;AAQG;AACH,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAAC;AACrE,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,OAAO,IAAI;AAEpB,QAAA,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,0BAA0B,EAAE,CAAC,kBAAkB,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE,CAAC,EAAE;AACxF,QAAA,OAAO,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,IAAI;IAC5C;AAEA;;;;;;;AAOG;AACgB,IAAA,MAAM,oBAAoB,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,0BAA0B,EAAE,CAAC,gBAAgB,CAAC,CAAA,CAAA,EAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC;IACvF;;AAGQ,IAAA,MAAM,OAAO,CAAC,IAAa,EAAE,OAAe,EAAA;AAClD,QAAA,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE;YAC3D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI;AAAE,gBAAA,OAAO,IAAI;AAE/C,YAAA,MAAM,KAAK,CAAC,SAAS,CAAC;AACtB,YAAA,MAAM,IAAI,CAAC,cAAc,EAAE;QAC7B;AACA,QAAA,OAAO,KAAK;IACd;;AAGQ,IAAA,MAAM,KAAK,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,0BAA0B,EAAE,CAAC,UAAU,CAAC,CAAA,CAAA,EAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC,EAAE;IACnF;;AAGQ,IAAA,MAAM,OAAO,GAAA;AACnB,QAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,SAAS,GAAG,eAAe,GAAG,kBAAkB;AAC7F,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,SAAS,CAAC;QAE5D,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,MAAM,IAAI,KAAK,CACb,CAAA,4EAAA,EAA+E,SAAS,CAAA,MAAA,CAAQ;AAC9F,gBAAA,6FAA6F,CAChG;QACH;AACA,QAAA,OAAO,EAAE;IACX;;;ACzXF;;AAEG;;"}

package/fesm2022/ngwr-popover.mjs

@@ -34,10 +34,10 @@ import { KEYS, numAttr } from 'ngwr/utils';
 class WrChartTooltipPanel {
     datum = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "datum" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrChartTooltipPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrChartTooltipPanel, isStandalone: true, selector: "wr-chart-tooltip", inputs: { datum: { classPropertyName: "datum", publicName: "datum", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "wr-tooltip wr-chart-tooltip" }, ngImport: i0, template: "@let d = datum();\n@if (d.color) {\n  <span class=\"wr-chart-tooltip__swatch\" [style.background]=\"d.color\"></span>\n}\n@if (d.label) {\n  <span class=\"wr-chart-tooltip__label\">{{ d.label }}</span>\n}\n<span class=\"wr-chart-tooltip__value\">{{ d.value }}</span>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrChartTooltipPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrChartTooltipPanel, isStandalone: true, selector: "wr-chart-tooltip", inputs: { datum: { classPropertyName: "datum", publicName: "datum", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "wr-tooltip wr-chart-tooltip" }, ngImport: i0, template: "@let d = datum();\n@if (d.color) {\n  <span class=\"wr-chart-tooltip__swatch\" [style.background]=\"d.color\"></span>\n}\n@if (d.label) {\n  <span class=\"wr-chart-tooltip__label\">{{ d.label }}</span>\n}\n<span class=\"wr-chart-tooltip__value\">{{ d.value }}</span>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrChartTooltipPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrChartTooltipPanel, decorators: [{
             type: Component,
             args: [{ selector: 'wr-chart-tooltip', encapsulation: ViewEncapsulation.None, host: { class: 'wr-tooltip wr-chart-tooltip' }, template: "@let d = datum();\n@if (d.color) {\n  <span class=\"wr-chart-tooltip__swatch\" [style.background]=\"d.color\"></span>\n}\n@if (d.label) {\n  <span class=\"wr-chart-tooltip__label\">{{ d.label }}</span>\n}\n<span class=\"wr-chart-tooltip__value\">{{ d.value }}</span>\n" }]
         }], propDecorators: { datum: [{ type: i0.Input, args: [{ isSignal: true, alias: "datum", required: true }] }] } });
@@ -732,10 +732,10 @@ class WrCurrentKeystroke {
             this.doc.removeEventListener('keydown', record, { capture: true });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCurrentKeystroke, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrCurrentKeystroke });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrCurrentKeystroke, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.7", ngImport: i0, type: WrCurrentKeystroke });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCurrentKeystroke, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrCurrentKeystroke, decorators: [{
             type: Service
         }], ctorParameters: () => [] });
 
@@ -755,10 +755,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 class WrPopoverTextPanel {
     text = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPopoverTextPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrPopoverTextPanel, isStandalone: true, selector: "wr-popover-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "wr-tooltip" }, ngImport: i0, template: '{{ text() }}', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrPopoverTextPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: WrPopoverTextPanel, isStandalone: true, selector: "wr-popover-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "wr-tooltip" }, ngImport: i0, template: '{{ text() }}', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPopoverTextPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrPopoverTextPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-popover-text',
@@ -1303,10 +1303,10 @@ class WrPopover {
     isRtl() {
         return this.dir?.value === 'rtl';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPopover, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrPopover, isStandalone: true, selector: "[wrPopover]", inputs: { content: { classPropertyName: "content", publicName: "wrPopover", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave($event)", "keydown.escape": "onEscape()" }, properties: { "attr.aria-haspopup": "isTooltip() ? null : \"dialog\"", "attr.aria-expanded": "isTooltip() ? null : isOpen()", "attr.aria-controls": "!isTooltip() && isOpen() ? panelId : null", "attr.aria-describedby": "isTooltip() && isOpen() ? panelId : null" }, classAttribute: "wr-popover-trigger" }, exportAs: ["wrPopover"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrPopover, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: WrPopover, isStandalone: true, selector: "[wrPopover]", inputs: { content: { classPropertyName: "content", publicName: "wrPopover", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave($event)", "keydown.escape": "onEscape()" }, properties: { "attr.aria-haspopup": "isTooltip() ? null : \"dialog\"", "attr.aria-expanded": "isTooltip() ? null : isOpen()", "attr.aria-controls": "!isTooltip() && isOpen() ? panelId : null", "attr.aria-describedby": "isTooltip() && isOpen() ? panelId : null" }, classAttribute: "wr-popover-trigger" }, exportAs: ["wrPopover"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrPopover, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrPopover]',