ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-context-menu-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-context-menu-testing.mjs","sources":["../../../projects/lib/context-menu/testing/wait.ts","../../../projects/lib/context-menu/testing/wr-context-menu-item-harness.ts","../../../projects/lib/context-menu/testing/wr-context-menu-harness.ts","../../../projects/lib/context-menu/testing/ngwr-context-menu-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\n/** How long the waiters poll before giving up, in ms. Generous next to the 500ms hold. */\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 * Every delay in this component family is wall-clock: a plain `setTimeout` inside\n * the directive for the 500ms long-press hold, the 120ms submenu hover and the\n * 220ms exit animation the pane is held alive through, and a `performance.now()`\n * comparison for the 200ms window in which outside presses are ignored — no timer\n * behind that one, just elapsed time. Under zoneless change detection `whenStable()` resolves\n * without waiting for a macrotask, so the waiters have to let REAL time pass —\n * reading a faked global instead would mean the sleep never fires at all, and\n * the harness would hang where it should fail with the message it prepared.\n */\nconst realSetTimeout = globalThis.setTimeout;\n\n/** Let real time pass, whatever a spec has done to the global clock. */\nfunction sleep(ms: number): Promise<void> {\n  return new Promise(resolve => {\n    realSetTimeout(resolve, ms);\n  });\n}\n\nexport { DEFAULT_TIMEOUT, POLL_STEP, sleep };\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, type HarnessLoader, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrContextMenuItemHarnessFilters } from './interfaces';\nimport { DEFAULT_TIMEOUT, POLL_STEP, sleep } from './wait';\n\n/**\n * Test harness for one `<wr-context-menu-item>` inside a context menu.\n *\n * The selector is the CLASS rather than the element, matching\n * `.wr-dropdown-item`: it is public API, and it is on the host whichever way the\n * item was written. A `<wr-context-menu-divider>` is deliberately not one of\n * these — it announces `role=\"separator\"` rather than `menuitem`, so it is not\n * something a user can land on and not a member of the item list\n * (`WrContextMenuHarness.getDividerCount()` counts those).\n *\n * An item that owns a `[submenu]` is also the way INTO it: the submenu is a\n * second overlay pane, a sibling of the root menu rather than a child of the\n * item, and it is reached through the id the item publishes as `aria-controls`\n * while it is open. `getSubmenuItems()` answers with these same harnesses, so a\n * chain of any depth is walked by repeating the call.\n *\n * @example\n * ```ts\n * const [cut, copy, more] = await menu.getItems();\n *\n * expect(await copy.isDisabled()).toBe(true);\n * await more.openSubmenu();\n * await more.clickSubmenuItem({ text: 'Duplicate' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrContextMenuItemHarness extends ComponentHarness {\n  /** The class the item paints on its host. */\n  static hostSelector = '.wr-context-menu-item';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrContextMenuItemHarnessFilters = {}): HarnessPredicate<WrContextMenuItemHarness> {\n    return new HarnessPredicate(WrContextMenuItemHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n      .addOption(\n        'hasSubmenu',\n        options.hasSubmenu,\n        async (harness, hasSubmenu) => (await harness.hasSubmenu()) === hasSubmenu\n      );\n  }\n\n  /**\n   * The item's label, trimmed.\n   *\n   * Read from the label span, not from the host: a registered icon is written in\n   * with `innerHTML`, so an icon carrying a `<title>` would otherwise become\n   * part of the answer.\n   */\n  async getText(): Promise<string> {\n    return (await this.locatorFor('.wr-context-menu-item__label')()).text();\n  }\n\n  /** The role the item announces — `menuitem`. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * Whether the item refuses activation.\n   *\n   * `aria-disabled`, not the `--disabled` modifier class: both are there, and\n   * this is the one a screen reader is told.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /**\n   * Whether the item owns a nested submenu.\n   *\n   * Read from `aria-haspopup`, not from the `--has-submenu` class or the\n   * `[submenu]` input: the input is always BOUND (it takes a\n   * `<wr-context-menu>` reference), so it never reaches the DOM, and the ARIA\n   * property is what announces the item as a drill-down.\n   */\n  async hasSubmenu(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-haspopup')) === 'menu';\n  }\n\n  /** Whether this item's submenu is showing, per `aria-expanded`. */\n  async isSubmenuOpen(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-expanded')) === 'true';\n  }\n\n  /** Whether the item shows a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-context-menu-item__icon')()) !== null;\n  }\n\n  /** The leading icon's registered name, or `null` when the item has no icon. */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-context-menu-item__icon')();\n    // `<wr-icon>` reflects the name it was asked for as `data-icon`, whether or not\n    // that name is registered — so this answers what the item MEANT to draw.\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Whether the item holds focus.\n   *\n   * Worth asking, because nothing in this component ever puts it there: unlike\n   * `<wr-dropdown-menu>`, a context menu does not focus its first item on open\n   * and has no arrow-key cursor between items. Focus lands on an item when\n   * something sends it a key — which every keyboard method here does, since the\n   * CDK focuses an element before typing into it.\n   */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /**\n   * Click the item. A disabled item throws instead.\n   *\n   * Refusing is the only honest answer. A browser never delivers the click at all:\n   * `pointer-events: none` on the `--disabled` modifier takes the row out of the\n   * hit test. jsdom loads no stylesheets, so a click dispatched here DOES land on\n   * the host, and while the component's own handler refuses it (a disabled item\n   * dismisses nothing), the consumer's `(click)` on that same host is a separate\n   * listener and runs — so the spec would record an activation that cannot happen\n   * in a browser. Assert `isDisabled()` instead.\n   *\n   * Activating a LEAF item dismisses the whole chain, root menu included. An item\n   * that owns a submenu is not a leaf: clicking it does nothing at all (hover or\n   * `openSubmenu()` is how it opens).\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrContextMenuItemHarness.click(): \"${await this.getText()}\" is disabled, so clicking it would ` +\n          'report behaviour a browser cannot produce — the pointer is stopped by CSS, which jsdom does ' +\n          'not load. Assert isDisabled() instead.'\n      );\n    }\n\n    return (await this.host()).click();\n  }\n\n  /**\n   * Press Enter on the item — the keyboard equivalent of a click, and the route\n   * a spec should prefer, since it needs no hit test.\n   *\n   * Deliberately does NOT refuse a disabled item the way `click()` does: the\n   * component guards the keyboard path itself, so the key can be sent honestly\n   * and a spec can assert that nothing happened. On an item that owns a submenu\n   * this OPENS the submenu rather than activating the row, which is the APG\n   * behaviour — activating it would close the menu and leave the submenu\n   * unreachable from the keyboard.\n   */\n  async activateByKeyboard(): Promise<void> {\n    return (await this.host()).sendKeys(TestKey.ENTER);\n  }\n\n  /**\n   * Open this item's submenu with the right arrow and wait until it says so.\n   *\n   * The keyboard, not the pointer: it opens with no delay (hover waits out\n   * 120ms — `openSubmenuByHover()` covers that path) and needs no coordinates,\n   * which jsdom could not supply anyway. Sending the key focuses the item first,\n   * exactly as a roving cursor would have.\n   */\n  async openSubmenu(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    await this.assertHasSubmenu('openSubmenu');\n    if (await this.isSubmenuOpen()) return;\n\n    await (await this.host()).sendKeys(TestKey.RIGHT_ARROW);\n    if (await this.isSubmenuOpen()) return;\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrContextMenuItemHarness.openSubmenu(): \"${await this.getText()}\" did not open its submenu within ` +\n        `${timeout}ms. A disabled item refuses the key outright — check isDisabled().`\n    );\n  }\n\n  /**\n   * Open this item's submenu by resting the pointer on it, the gesture a mouse\n   * user actually makes, and wait out the hover delay.\n   */\n  async openSubmenuByHover(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    await this.assertHasSubmenu('openSubmenuByHover');\n    if (await this.isSubmenuOpen()) return;\n\n    await (await this.host()).hover();\n    if (await this.settled(true, timeout)) return;\n\n    throw new Error(\n      `WrContextMenuItemHarness.openSubmenuByHover(): \"${await this.getText()}\" did not open its submenu ` +\n        `within ${timeout}ms. The hover path is a real 120ms timer, so a spec on fake timers has to ` +\n        'advance the clock itself; a disabled item ignores the pointer entirely.'\n    );\n  }\n\n  /** Close this item's submenu with the left arrow. An item without one open is left alone. */\n  async closeSubmenu(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isSubmenuOpen())) return;\n\n    await (await this.host()).sendKeys(TestKey.LEFT_ARROW);\n    if (await this.settled(false, timeout)) return;\n\n    throw new Error(\n      `WrContextMenuItemHarness.closeSubmenu(): \"${await this.getText()}\" still reports its submenu open ` +\n        `after ${timeout}ms.`\n    );\n  }\n\n  /**\n   * The items in THIS item's submenu, in DOM order.\n   *\n   * Throws while the submenu is shut, and while the item owns none: both would\n   * otherwise answer with an empty array, which reads like a submenu that\n   * rendered nothing and fails somewhere else entirely.\n   */\n  async getSubmenuItems(filters: WrContextMenuItemHarnessFilters = {}): Promise<WrContextMenuItemHarness[]> {\n    const loader = await this.submenuLoader();\n    return loader.getAllHarnesses(WrContextMenuItemHarness.with(filters));\n  }\n\n  /** The labels of the items in this item's submenu, in DOM order. */\n  async getSubmenuItemTexts(): Promise<string[]> {\n    const items = await this.getSubmenuItems();\n    return Promise.all(items.map(item => item.getText()));\n  }\n\n  /**\n   * Open the submenu if it is shut, then click the first item in it matching the\n   * filters.\n   *\n   * Picking a leaf dismisses the whole chain — this item's submenu and the root\n   * menu with it.\n   */\n  async clickSubmenuItem(filters: WrContextMenuItemHarnessFilters): Promise<void> {\n    await this.openSubmenu();\n\n    const [item] = await this.getSubmenuItems(filters);\n    if (!item) {\n      const offered = await this.getSubmenuItemTexts();\n      throw new Error(\n        `WrContextMenuItemHarness.clickSubmenuItem(): no item matched ${JSON.stringify(filters)}. ` +\n          `The submenu of \"${await this.getText()}\" offers: ${offered.join(', ')}.`\n      );\n    }\n\n    await item.click();\n  }\n\n  /**\n   * A loader scoped to THIS item's submenu pane.\n   *\n   * Scoped by the published id rather than by `.wr-context-menu`: every pane in\n   * the chain — the root menu and each open submenu — carries that class in one\n   * shared overlay container, so a class query would answer with whichever\n   * opened first.\n   */\n  private async submenuLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.submenuId()}`);\n  }\n\n  /** The id this item publishes as `aria-controls`, which its open submenu carries. */\n  private async submenuId(): Promise<string> {\n    const id = await (await this.host()).getAttribute('aria-controls');\n    if (!id) {\n      const label = await this.getText();\n      throw new Error(\n        `WrContextMenuItemHarness: \"${label}\" has no submenu showing. An item publishes aria-controls only ` +\n          'while its submenu is open — call openSubmenu() first, and check that it owns one at all with ' +\n          'hasSubmenu().'\n      );\n    }\n    return id;\n  }\n\n  /** Fail early, and by name, when the item is not a drill-down at all. */\n  private async assertHasSubmenu(method: string): Promise<void> {\n    if (await this.hasSubmenu()) return;\n\n    throw new Error(\n      `WrContextMenuItemHarness.${method}(): \"${await this.getText()}\" owns no submenu, so there is ` +\n        'nothing to open. An item that does advertises it with aria-haspopup=\"menu\" — hasSubmenu().'\n    );\n  }\n\n  /** Poll until `isSubmenuOpen()` 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.isSubmenuOpen()) === open) return true;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n    return false;\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 {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrContextMenuHarnessFilters, WrContextMenuItemHarnessFilters } from './interfaces';\nimport { DEFAULT_TIMEOUT, POLL_STEP, sleep } from './wait';\nimport { WrContextMenuItemHarness } from './wr-context-menu-item-harness';\n\n/**\n * How long to sit still before an outside press is allowed to dismiss the menu.\n *\n * The directive ignores outside events for 200ms after opening, because the very\n * right-click that opened the menu still has its own `mouseup` / `auxclick`\n * pending — without the window, lifting the finger would shut the menu again.\n */\nconst OUTSIDE_GUARD_MS = 250;\n\n/**\n * Test harness for `[wrContextMenu]` — the right-click target, and the menu it\n * opens.\n *\n * The harness matches the TARGET, because that is the only part of a context\n * menu in the fixture: `<wr-context-menu>` renders nothing of its own (it hands\n * over an `<ng-template>` and hides its host), and the menu is portalled into the\n * overlay container, a sibling of the whole app. So every item is read through\n * the document root, scoped by the `aria-controls` id the target publishes while\n * its menu is up — which is what keeps two menus on one page from answering with\n * each other's items, and what keeps a re-opened menu from answering with the one\n * still playing its exit animation.\n *\n * That scoped loader is also this harness's CONTENT loader, so\n * `menu.getHarness(…)` resolves inside THIS menu: a component the consumer\n * projected into the menu is reachable without the spec ever touching the\n * overlay.\n *\n * **How it differs from `WrDropdownHarness`, its closest sibling.**\n *\n * - The gesture is a real `contextmenu` event, not a click — `open()` sends one,\n *   and `openByLongPress()` covers the touch path. There is no toggle: a second\n *   right-click re-opens the menu at the new pointer position.\n * - Activating an item DISMISSES the menu (a dropdown's stays up), so\n *   `clickItem()` leaves it closed.\n * - Submenus are a first-class input here rather than a nested trigger, so they\n *   are driven from {@link WrContextMenuItemHarness}.\n * - The menu never takes focus: nothing focuses the first item and there is no\n *   arrow-key cursor between items, so there is no `getFocusedItemText()` to ask\n *   — see `WrContextMenuItemHarness.isFocused()`.\n *\n * **Timing.** The waits are real: a 500ms `setTimeout` for the long-press hold and\n * another 220ms one for the exit animation the pane is held alive through, plus the\n * outside-press window above — that one is a `performance.now()` comparison against\n * the moment the menu opened rather than a timer, so only wall-clock time gets past\n * it. The methods that must sit out real time say so; a spec on fake timers should\n * drive the clock itself and read `isOpen()`.\n *\n * @example\n * ```ts\n * const menu = await loader.getHarness(WrContextMenuHarness.with({ text: 'Right-click me' }));\n *\n * await menu.open();\n * expect(await menu.getItemTexts()).toEqual(['Cut', 'Copy', 'More']);\n *\n * await menu.clickItem({ text: 'Cut' });\n * expect(await menu.isOpen()).toBe(false);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrContextMenuHarness extends ContentContainerComponentHarness {\n  /** The directive's host — whatever element the consumer put `[wrContextMenu]` on. */\n  static hostSelector = '.wr-context-menu-host';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrContextMenuHarnessFilters = {}): HarnessPredicate<WrContextMenuHarness> {\n    return new HarnessPredicate(WrContextMenuHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getTargetText(), text))\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /** The target's own visible text — the content that gets right-clicked. */\n  async getTargetText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether this target's menu is showing.\n   *\n   * Read from the target rather than from the overlay, and that is the whole\n   * point: a closed menu's pane stays in the DOM for its exit animation, while\n   * the reference is dropped the instant the close begins. Asking the DOM\n   * \"is a menu present\" would answer `true` for a quarter of a second after every\n   * dismissal.\n   *\n   * So the answer is only as good as the directive's claim on `aria-controls`:\n   * put `[wrContextMenu]` on an element that publishes one of its own and the two\n   * fight over a single attribute.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-controls')) !== null;\n  }\n\n  /** The role the menu announces — `menu`. Throws while no menu is open. */\n  async getMenuRole(): Promise<string | null> {\n    return (await this.menu()).getAttribute('role');\n  }\n\n  /**\n   * Everything the open menu renders as text, runs of whitespace collapsed.\n   *\n   * Wider than `getItemTexts()` on purpose: `<wr-context-menu>` projects whatever\n   * it is given, so a section heading or any other markup a consumer put between\n   * the items shows up here and in no item harness. Dividers contribute nothing —\n   * they render no text.\n   *\n   * Expect to match a FRAGMENT of this rather than the whole of it: Angular\n   * strips the whitespace between elements at compile time, so the labels run\n   * together (`'Pick oneAppleBanana'`). The collapsing here only tidies newlines\n   * inside a single block of projected text.\n   */\n  async getMenuText(): Promise<string> {\n    return (await (await this.menu()).text()).replace(/\\s+/g, ' ').trim();\n  }\n\n  /**\n   * Open the menu by right-clicking the target, the gesture the directive\n   * actually listens for (`contextmenu`, which is also what Shift+F10 sends).\n   *\n   * An already-open menu is left alone — `rightClick()` is the raw gesture if\n   * what you want is the re-open.\n   *\n   * Note for a spec with two targets: a `contextmenu` event anywhere is an\n   * outside pointer event for every OTHER open menu, so this dismisses them on\n   * the way in. `openByLongPress()` is the route that does not.\n   */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n\n    await this.rightClick();\n    if (await this.isOpen()) return;\n\n    throw new Error(\n      'WrContextMenuHarness.open(): the right-click did not open a menu. The directive answers ' +\n        '`contextmenu` on its own host, so check this is the element you put [wrContextMenu] on. One ' +\n        'deliberate exception: a right-click within 700ms of a long-press open is swallowed, because touch ' +\n        'browsers fire a synthetic contextmenu after the hold.'\n    );\n  }\n\n  /**\n   * Send a `contextmenu` to the target whatever state the menu is in.\n   *\n   * On an open menu this re-opens it at the new pointer position — the previous\n   * pane is dismissed and a fresh one takes its place, which is why the harness\n   * scopes by a per-open id rather than by class: for the length of the exit\n   * animation both are in the container, the dying one first.\n   *\n   * The coordinates the CDK requires are all zeros, and meaningless: jsdom has no\n   * layout. Nothing here needs them — the event is dispatched on the element\n   * itself, no hit test involved.\n   */\n  async rightClick(): Promise<void> {\n    return (await this.host()).rightClick(0, 0);\n  }\n\n  /**\n   * Open the menu with a touch long-press — hold a non-mouse pointer on the\n   * target for 500ms — and wait until it is up.\n   *\n   * Worth its own method rather than an argument to `open()`, for the reason the\n   * dropdown has `openByKeyboard()`: it is the only way to get TWO context menus\n   * open at once. The press emits no `click` / `auxclick` / `contextmenu`, so it\n   * is not an outside press for anyone else's menu, while a right-click is.\n   *\n   * The pointer fields the directive reads are assigned onto a synthetic event:\n   * what matters is a primary pointer that is not a mouse. Movement beyond 10px,\n   * a scroll, or an early lift cancels the hold in the component — none of which\n   * this does.\n   */\n  async openByLongPress(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const host = await this.host();\n    await host.dispatchEvent('pointerdown', {\n      pointerType: 'touch',\n      isPrimary: true,\n      clientX: 0,\n      clientY: 0,\n      pageX: 0,\n      pageY: 0,\n    });\n\n    const opened = await this.settled(true, timeout);\n    // The finger comes off once the menu is up — after the hold, so it reads as a\n    // completed long-press rather than the early lift that cancels one.\n    await host.dispatchEvent('pointerup');\n\n    if (opened) return;\n\n    throw new Error(\n      `WrContextMenuHarness.openByLongPress(): nothing opened within ${timeout}ms. The hold is a real 500ms ` +\n        'timer, so a spec on fake timers has to advance the clock itself and read isOpen().'\n    );\n  }\n\n  /**\n   * Dismiss the menu with Escape and wait until its pane has left the DOM.\n   *\n   * Escape is delivered by the CDK's keyboard dispatcher to the TOP-MOST overlay,\n   * so with a later menu (or any other overlay) open on top, this one keeps\n   * waiting its turn — that is what the throw below is about. The wait covers the\n   * 220ms exit animation, so a spec can assert afterwards that nothing lingers.\n   */\n  async close(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    // Captured first: the target drops the reference the instant the close starts,\n    // and the wait below still has to know which pane to watch.\n    const id = await this.menuId();\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n\n    if (await this.isOpen()) {\n      throw new Error(\n        'WrContextMenuHarness.close(): Escape did not dismiss the menu. The CDK keyboard dispatcher ' +\n          'delivers it to the TOP-MOST overlay only, so anything opened after this menu takes it first.'\n      );\n    }\n\n    return this.waitUntilGone(id, 'close', timeout);\n  }\n\n  /**\n   * Dismiss the menu by pressing outside it, the way a user gets rid of one, and\n   * wait until its pane has left the DOM.\n   *\n   * Sits out real time first: the directive ignores outside events for 200ms after\n   * opening, so the right-click that opened the menu cannot immediately close it\n   * again with its own trailing `auxclick`. The press then lands on the TARGET,\n   * which is outside the pane and therefore counts — the page background is not\n   * something a harness has a handle on. A target that carries a `(click)` of its\n   * own will see it fire, so assert on the dismissal rather than on that handler.\n   */\n  async closeByOutsidePress(timeout = DEFAULT_TIMEOUT): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    const id = await this.menuId();\n    await sleep(OUTSIDE_GUARD_MS);\n    await this.forceStabilize();\n    await (await this.host()).click();\n\n    if (await this.isOpen()) {\n      throw new Error(\n        'WrContextMenuHarness.closeByOutsidePress(): the menu is still open. A press inside the pane is ' +\n          'not an outside press, and neither is one that started inside it — this one lands on the target.'\n      );\n    }\n\n    return this.waitUntilGone(id, 'closeByOutsidePress', timeout);\n  }\n\n  /**\n   * The items in this menu, in DOM order.\n   *\n   * Only this menu's own: an open submenu is a separate pane, so its items are\n   * `WrContextMenuItemHarness.getSubmenuItems()`, not part of this list. Dividers\n   * are not items either.\n   *\n   * Throws while the menu is shut — the items do not exist anywhere until the\n   * portal is attached, and an empty array reads like a menu that rendered\n   * nothing.\n   */\n  async getItems(filters: WrContextMenuItemHarnessFilters = {}): Promise<WrContextMenuItemHarness[]> {\n    return this.getAllHarnesses(WrContextMenuItemHarness.with(filters));\n  }\n\n  /** The labels of this menu's items, in DOM order. */\n  async getItemTexts(): Promise<string[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getText()));\n  }\n\n  /**\n   * How many separators this menu shows.\n   *\n   * Counted by `role=\"separator\"` rather than by `.wr-context-menu-divider`, so a\n   * separator the consumer wrote themselves counts too — the role is what tells a\n   * screen reader where one group of items ends. A separator is never a member of\n   * `getItems()`.\n   */\n  async getDividerCount(): Promise<number> {\n    const separators = await this.inMenuAll('[role=\"separator\"]');\n    return separators.length;\n  }\n\n  /**\n   * Open the menu if it is shut, then click the first item matching the filters.\n   *\n   * Picking a leaf DISMISSES the menu — unlike a dropdown, which stays up. The\n   * dismissal is reported at once (the target drops its reference synchronously),\n   * while the pane plays its exit animation for another 220ms.\n   */\n  async clickItem(filters: WrContextMenuItemHarnessFilters): Promise<void> {\n    await this.open();\n\n    const [item] = await this.getItems(filters);\n    if (!item) {\n      const offered = await this.getItemTexts();\n      throw new Error(\n        `WrContextMenuHarness.clickItem(): no item matched ${JSON.stringify(filters)}. ` +\n          `The menu offers: ${offered.join(', ')}.`\n      );\n    }\n\n    await item.click();\n  }\n\n  /**\n   * A loader scoped to THIS target's menu — the content loader every\n   * `HarnessLoader` method on this class runs through, `getItems()` included.\n   *\n   * Scoped by the published id rather than by `.wr-context-menu`: the overlay\n   * container is shared by every pane on the page, so a bare class query would\n   * answer with whichever menu opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.menuId()}`);\n  }\n\n  /** This target's menu element in the overlay. */\n  private async menu(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.menuId()}`)();\n  }\n\n  /** Every element inside THIS menu matching the selector. */\n  private async inMenuAll(selector: string): Promise<TestElement[]> {\n    return this.documentRootLocatorFactory().locatorForAll(`#${await this.menuId()} ${selector}`)();\n  }\n\n  /** The id the target publishes as `aria-controls`, which its open menu carries. */\n  private async menuId(): Promise<string> {\n    const id = await (await this.host()).getAttribute('aria-controls');\n    if (!id) {\n      throw new Error(\n        'WrContextMenuHarness: no menu is open, so there is nothing inside it to read — call open() ' +\n          'first. The target publishes `aria-controls` only while its menu is up.'\n      );\n    }\n    return id;\n  }\n\n  /** Poll until the pane with this id has been disposed. */\n  private async waitUntilGone(id: string, method: string, timeout: number): Promise<void> {\n    const locate = this.documentRootLocatorFactory().locatorForOptional(`#${id}`);\n\n    for (let waited = 0; waited <= timeout; waited += POLL_STEP) {\n      if ((await locate()) === null) return;\n\n      await sleep(POLL_STEP);\n      await this.forceStabilize();\n    }\n\n    throw new Error(\n      `WrContextMenuHarness.${method}(): the menu was still in the DOM ${timeout}ms after it closed. The ` +\n        'directive keeps the pane alive for its 220ms exit animation and disposes it on a real timer, so a ' +\n        'spec on fake timers has to advance the clock itself.'\n    );\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-context-menu.mjs

@@ -1,9 +1,11 @@
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { input, computed, inject, ElementRef, ViewContainerRef, DestroyRef, ViewEncapsulation, Component, Directive, viewChild, TemplateRef } from '@angular/core';
+import { input, computed, inject, ElementRef, ViewContainerRef, DestroyRef, signal, ViewEncapsulation, Component, Directive, viewChild, TemplateRef } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { WR_OVERLAY, WrOutsideClick } from 'ngwr/overlay';
+import { WR_OVERLAY, wrMirrorOffsets, WrOutsideClick } from 'ngwr/overlay';
+import { randomId } from 'ngwr/utils';
+import { Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { WrIcon } from 'ngwr/icon';
 
@@ -60,6 +62,7 @@ class WrContextMenuItem {
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     host = inject(ElementRef);
     overlay = inject(WR_OVERLAY);
+    dir = inject(Directionality, { optional: true });
     vcr = inject(ViewContainerRef);
     scrollStrategies = inject(ScrollStrategyOptions);
     destroyRef = inject(DestroyRef);
@@ -67,6 +70,22 @@ class WrContextMenuItem {
     openTimer = null;
     closeTimer = null;
     submenuOpen = false;
+    /**
+     * Id of the submenu's menu element while it is open, published on the item as
+     * `aria-controls` — the same contract the root trigger keeps (see
+     * {@link WrContextMenu}). Each submenu pane is its own overlay in the shared
+     * container, so `aria-haspopup` / `aria-expanded` say that a submenu EXISTS
+     * and is showing, and this says WHICH one.
+     *
+     * A signal, not a plain field like `submenuOpen`: host bindings re-run only
+     * when something they read has changed, and this flips outside change
+     * detection. Writing it is also what now refreshes `aria-expanded` next to
+     * it, which used to depend on some unrelated work dirtying the view.
+     *
+     * @internal
+     */
+    submenuId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submenuId" }] : /* istanbul ignore next */ []));
     /**
      * Global registry of open submenus keyed by the host element of the
      * item that owns them. Used to cascade-close descendants when a
@@ -115,15 +134,30 @@ class WrContextMenuItem {
         event.preventDefault();
         this.host.nativeElement.click();
     }
-    /** @internal Right-arrow opens the submenu. */
+    /**
+     * @internal The arrow that walks INTO a submenu, which is the one pointing the
+     * way the menu cascades: right in LTR, left in RTL. The panes mirror with the
+     * reading direction (the CDK flips their placement), so a fixed ArrowRight
+     * would ask an RTL user to press toward the parent to open the child.
+     */
     onArrowRight(event) {
+        if (this.isRtl())
+            return this.closeFromKey(event);
+        this.openFromKey(event);
+    }
+    /** @internal The arrow that walks back OUT — the mirror of {@link onArrowRight}. */
+    onArrowLeft(event) {
+        if (this.isRtl())
+            return this.openFromKey(event);
+        this.closeFromKey(event);
+    }
+    openFromKey(event) {
         if (this.disabled() || !this.submenu())
             return;
         event.preventDefault();
         this.scheduleOpen(0);
     }
-    /** @internal Left-arrow closes the submenu (if open). */
-    onArrowLeft(event) {
+    closeFromKey(event) {
         if (!this.submenu() || !this.submenuOpen)
             return;
         event.preventDefault();
@@ -200,7 +234,7 @@ class WrContextMenuItem {
         const positionStrategy = this.overlay
             .position()
             .flexibleConnectedTo(this.host)
-            .withPositions(positions)
+            .withPositions(wrMirrorOffsets(positions, this.isRtl()))
             .withPush(true);
         this.submenuRef = this.overlay.create({
             positionStrategy,
@@ -212,6 +246,13 @@ class WrContextMenuItem {
         // Mirror the open animation pattern from the root menu directive.
         const pane = this.submenuRef.overlayElement;
         requestAnimationFrame(() => pane.classList.add('wr-context-menu-overlay--open'));
+        // Name the pane's menu so the item can point at it — minted per open for
+        // the same reason the root does it (a closing pane outlives its close).
+        const menuEl = pane.querySelector('.wr-context-menu');
+        if (menuEl) {
+            menuEl.id = randomId('wr-context-menu');
+            this.submenuId.set(menuEl.id);
+        }
         // Track mouse entering / leaving the submenu so we don't auto-close
         // when the cursor crosses the gap between item and submenu pane.
         pane.addEventListener('mouseenter', this.onSubmenuEnter);
@@ -294,6 +335,7 @@ class WrContextMenuItem {
             return;
         this.submenuRef = null;
         this.submenuOpen = false;
+        this.submenuId.set(null);
         WrContextMenuItem.openSubmenus.delete(this.host.nativeElement);
         const pane = ref.overlayElement;
         pane.removeEventListener('mouseenter', this.onSubmenuEnter);
@@ -314,10 +356,20 @@ class WrContextMenuItem {
         pane.classList.remove('wr-context-menu-overlay--open');
         setTimeout(() => ref.dispose(), SUBMENU_TRANSITION_MS);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrContextMenuItem, isStandalone: true, selector: "wr-context-menu-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "menuitem" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave($event)", "click": "onClick()", "keydown.enter": "activate($event)", "keydown.space": "activate($event)", "keydown.arrowRight": "onArrowRight($event)", "keydown.arrowLeft": "onArrowLeft($event)" }, properties: { "class": "classes()", "attr.tabindex": "-1", "attr.aria-disabled": "disabled() ? true : null", "attr.aria-haspopup": "submenu() ? \"menu\" : null", "attr.aria-expanded": "submenu() ? (submenuOpen ? \"true\" : \"false\") : null" } }, ngImport: i0, template: "@if (icon(); as name) {\n  <wr-icon class=\"wr-context-menu-item__icon\" [name]=\"name\" size=\"14\" />\n}\n<span class=\"wr-context-menu-item__label\"><ng-content /></span>\n@if (submenu()) {\n  <svg\n    class=\"wr-icon__svg wr-context-menu-item__chevron\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    /**
+     * Whether the app reads right-to-left.
+     *
+     * Optional inject: `Directionality` is root-provided, so this is never null in
+     * an app — but a bare `TestBed` that provides nothing should still get a
+     * component that works, and defaulting to LTR is the honest fallback.
+     */
+    isRtl() {
+        return this.dir?.value === 'rtl';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrContextMenuItem, isStandalone: true, selector: "wr-context-menu-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "menuitem" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave($event)", "click": "onClick()", "keydown.enter": "activate($event)", "keydown.space": "activate($event)", "keydown.arrowRight": "onArrowRight($event)", "keydown.arrowLeft": "onArrowLeft($event)" }, properties: { "class": "classes()", "attr.tabindex": "-1", "attr.aria-disabled": "disabled() ? true : null", "attr.aria-haspopup": "submenu() ? \"menu\" : null", "attr.aria-expanded": "submenu() ? (submenuOpen ? \"true\" : \"false\") : null", "attr.aria-controls": "submenuId()" } }, ngImport: i0, template: "@if (icon(); as name) {\n  <wr-icon class=\"wr-context-menu-item__icon\" [name]=\"name\" size=\"14\" />\n}\n<span class=\"wr-context-menu-item__label\"><ng-content /></span>\n@if (submenu()) {\n  <svg\n    class=\"wr-icon__svg wr-context-menu-item__chevron\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuItem, decorators: [{
             type: Component,
             args: [{ selector: 'wr-context-menu-item', encapsulation: ViewEncapsulation.None, host: {
                         role: 'menuitem',
@@ -326,6 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                         '[attr.aria-disabled]': 'disabled() ? true : null',
                         '[attr.aria-haspopup]': 'submenu() ? "menu" : null',
                         '[attr.aria-expanded]': 'submenu() ? (submenuOpen ? "true" : "false") : null',
+                        '[attr.aria-controls]': 'submenuId()',
                         '(mouseenter)': 'onMouseEnter()',
                         '(mouseleave)': 'onMouseLeave($event)',
                         '(click)': 'onClick()',
@@ -368,6 +421,24 @@ class WrContextMenu {
     vcr = inject(ViewContainerRef);
     scrollStrategies = inject(ScrollStrategyOptions);
     destroyRef = inject(DestroyRef);
+    /**
+     * Id of the menu element while this trigger's menu is open, published on the
+     * host as `aria-controls`. The pane is portalled into the overlay container, a
+     * sibling of the whole app, so this reference is the ONLY link between a
+     * trigger and the menu it opened — for a screen reader, and for anything else
+     * that has to find it. Cleared on close, which is also what tells an open
+     * trigger from a closing one: the pane itself lingers for the exit animation.
+     *
+     * A signal, not a plain field: host bindings re-run only when something they
+     * READ has changed, and this one flips outside change detection (from a
+     * pointer handler, and from `onDestroy`). Held as a plain string it published
+     * the id on open — the overlay attach happens to dirty the host view — and
+     * then kept it forever, so the trigger still pointed at a menu that was gone.
+     *
+     * @internal
+     */
+    openMenuId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openMenuId" }] : /* istanbul ignore next */ []));
     overlayRef = null;
     closingTimer = null;
     leaveTimer = null;
@@ -529,6 +600,16 @@ class WrContextMenu {
         pane.style.right = 'auto';
         pane.style.bottom = 'auto';
         pane.style.margin = '0';
+        // Name the menu we just opened so the host can point at it. The id is
+        // minted per OPEN rather than living on the panel: `closeOverlay()` keeps
+        // the previous pane in the DOM for its exit animation, so a re-open would
+        // otherwise leave two elements answering to the same id — with the dying
+        // one first in document order.
+        const menuEl = pane.querySelector('.wr-context-menu');
+        if (menuEl) {
+            menuEl.id = randomId('wr-context-menu');
+            this.openMenuId.set(menuEl.id);
+        }
         const sync = () => {
             pane.style.top = `${y - window.scrollY}px`;
             pane.style.left = `${x - window.scrollX}px`;
@@ -609,6 +690,10 @@ class WrContextMenu {
         if (!this.overlayRef)
             return;
         this.cancelLeaveTimer();
+        // Drop the reference immediately: the pane below stays in the DOM until the
+        // exit animation has played, and a trigger still pointing at a menu on its
+        // way out reads as open.
+        this.openMenuId.set(null);
         if (WrContextMenu.activeRoot === this)
             WrContextMenu.activeRoot = null;
         // Submenu panes live in the CDK overlay container, not inside the
@@ -645,15 +730,16 @@ class WrContextMenu {
             this.closeOverlay();
         }, WrContextMenu.LEAVE_DELAY);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.0", type: WrContextMenu, isStandalone: true, selector: "[wrContextMenu]", inputs: { menu: { classPropertyName: "menu", publicName: "wrContextMenu", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()" }, classAttribute: "wr-context-menu-host" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: WrContextMenu, isStandalone: true, selector: "[wrContextMenu]", inputs: { menu: { classPropertyName: "menu", publicName: "wrContextMenu", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()" }, properties: { "attr.aria-controls": "openMenuId()" }, classAttribute: "wr-context-menu-host" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenu, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrContextMenu]',
                     host: {
                         class: 'wr-context-menu-host',
+                        '[attr.aria-controls]': 'openMenuId()',
                         '(contextmenu)': 'onContextMenu($event)',
                         '(pointerdown)': 'onPointerDown($event)',
                         '(pointermove)': 'onPointerMove($event)',
@@ -687,10 +773,10 @@ class WrContextMenuPanel {
     /** The internal template the directive portals into the overlay. @internal */
     contentTpl = viewChild.required(TemplateRef, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: WrContextMenuPanel, isStandalone: true, selector: "wr-context-menu", host: { styleAttribute: "display:none" }, viewQueries: [{ propertyName: "contentTpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["wrContextMenu"], ngImport: i0, template: '<ng-template><div class="wr-context-menu" role="menu"><ng-content /></div></ng-template>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.1", type: WrContextMenuPanel, isStandalone: true, selector: "wr-context-menu", host: { styleAttribute: "display:none" }, viewQueries: [{ propertyName: "contentTpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["wrContextMenu"], ngImport: i0, template: '<ng-template><div class="wr-context-menu" role="menu"><ng-content /></div></ng-template>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-context-menu',
@@ -723,10 +809,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * ```
  */
 class WrContextMenuDivider {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: WrContextMenuDivider, isStandalone: true, selector: "wr-context-menu-divider", host: { attributes: { "role": "separator", "aria-orientation": "horizontal" }, classAttribute: "wr-context-menu-divider" }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: WrContextMenuDivider, isStandalone: true, selector: "wr-context-menu-divider", host: { attributes: { "role": "separator", "aria-orientation": "horizontal" }, classAttribute: "wr-context-menu-divider" }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrContextMenuDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrContextMenuDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-context-menu-divider',