ngwr 10.2.1 → 11.0.0

package/fesm2022/ngwr-command-palette-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-command-palette-testing.mjs","sources":["../../../projects/lib/command-palette/testing/wr-command-palette-item-harness.ts","../../../projects/lib/command-palette/testing/wr-command-palette-group-harness.ts","../../../projects/lib/command-palette/testing/wr-command-palette-harness.ts","../../../projects/lib/command-palette/testing/ngwr-command-palette-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrCommandPaletteItemHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one command inside an open `<wr-command-palette>`.\n *\n * An item is an `option` in the palette's listbox, and it is never focused — the\n * search input keeps focus and points at the highlighted row with\n * `aria-activedescendant` — so `aria-selected` and the row's `id` are the whole\n * story a screen reader is told, and both are read here rather than the\n * `--active` class that paints it.\n *\n * @example\n * ```ts\n * const palette = await loader.getHarness(WrCommandPaletteHarness);\n * const [first] = await palette.getItems();\n *\n * expect(await first.getLabel()).toBe('Open file');\n * expect(await first.getShortcut()).toBe('⌘O');\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCommandPaletteItemHarness extends ComponentHarness {\n  /** The row the palette renders per command — also the `role=\"option\"`. */\n  static hostSelector = '.wr-command-palette__option';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrCommandPaletteItemHarnessFilters = {}): HarnessPredicate<WrCommandPaletteItemHarness> {\n    return new HarnessPredicate(WrCommandPaletteItemHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getLabel(), text))\n      .addOption('active', options.active, async (harness, active) => (await harness.isActive()) === active);\n  }\n\n  /**\n   * The item's primary label.\n   *\n   * Read from the label element rather than from the host's text: the host also\n   * holds the description, the shortcut hint, and whatever text sits inside a\n   * registered icon's SVG (`<title>`, most often) — an icon with one would\n   * otherwise turn up in the middle of the answer.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-command-palette__option-label')()).text();\n  }\n\n  /** The secondary line under the label, or `null` when the item declares none. */\n  async getDescription(): Promise<string | null> {\n    const description = await this.locatorForOptional('.wr-command-palette__option-description')();\n    return description ? description.text() : null;\n  }\n\n  /**\n   * The shortcut hint painted on the right, or `null` when the item declares none.\n   *\n   * A hint only — the palette draws whatever string it was given and binds\n   * nothing. Only `trigger` is a real keybinding.\n   */\n  async getShortcut(): Promise<string | null> {\n    const shortcut = await this.locatorForOptional('.wr-command-palette__option-shortcut')();\n    return shortcut ? shortcut.text() : null;\n  }\n\n  /**\n   * The leading icon's registered name, or `null` when the item declares no icon.\n   *\n   * The icon SLOT is always painted — an item without one gets a blank span so\n   * every label stays on the same left edge — so the query is for the `<wr-icon>`\n   * itself. It 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   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('wr-icon.wr-command-palette__option-icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /** The role the item announces — `option`. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * Whether this item is the highlighted one.\n   *\n   * From `aria-selected`, not the `wr-command-palette__option--active` class:\n   * both are public and the template paints them from the same predicate, but the\n   * attribute is what a screen reader acts on — and it is the one\n   * `aria-activedescendant` has to agree with. See\n   * `WrCommandPaletteHarness.isActiveItemAnnounced()`.\n   */\n  async isActive(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-selected')) === 'true';\n  }\n\n  /** The row's `id` — what the search input points at while this item is highlighted. */\n  async getId(): Promise<string> {\n    const id = await (await this.host()).getAttribute('id');\n    if (!id) {\n      throw new Error(\n        `WrCommandPaletteItemHarness.getId(): \"${await this.getLabel()}\" has no id, so no search input can ` +\n          'point at it with `aria-activedescendant` — the palette assigns one per rendered row.'\n      );\n    }\n    return id;\n  }\n\n  /**\n   * Run this command — the pointer path.\n   *\n   * The palette commits on `mousedown` rather than on `click`, so that a press\n   * inside the panel never lets the input lose focus first; the CDK's click\n   * sequence opens with one, so this drives the real handler. It needs no\n   * coordinates, which is what makes it usable in jsdom at all.\n   *\n   * With `closeOnPick` left at its default this also closes the palette, taking\n   * every item harness — including this one — out of the DOM.\n   */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /**\n   * Move the pointer onto this item, which highlights it.\n   *\n   * The palette follows the pointer as well as the keyboard, but only the\n   * keyboard scrolls the row into view — hovering deliberately leaves the scroll\n   * position alone, since moving it would fight the pointer that caused the move.\n   */\n  async hover(): Promise<void> {\n    return (await this.host()).hover();\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrCommandPaletteGroupHarnessFilters, WrCommandPaletteItemHarnessFilters } from './interfaces';\nimport { WrCommandPaletteItemHarness } from './wr-command-palette-item-harness';\n\n/**\n * Test harness for one bucket of commands inside an open `<wr-command-palette>`.\n *\n * The palette buckets its items by `group`, in the order each group first\n * appears in `items` — which is why this exists as a harness of its own: it is\n * the only way to ask which commands ended up under which heading, and the\n * rendered order is the contract every index in the palette is counted against.\n *\n * A bucket WITH a title is a labelled `group`; the bucket holding ungrouped items\n * carries `role=\"none\"` instead, so its options belong to the listbox directly —\n * a `listbox` may only own `option` and `group` children, and a role-less\n * wrapper in between is something ARIA has no rule for.\n *\n * @example\n * ```ts\n * const palette = await loader.getHarness(WrCommandPaletteHarness);\n * const [file] = await palette.getGroups({ title: 'File' });\n *\n * expect(await file.getItemLabels()).toEqual(['Open file', 'Save file']);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCommandPaletteGroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-command-palette__group';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrCommandPaletteGroupHarnessFilters = {}): HarnessPredicate<WrCommandPaletteGroupHarness> {\n    return new HarnessPredicate(WrCommandPaletteGroupHarness, options).addOption(\n      'title',\n      options.title,\n      (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title)\n    );\n  }\n\n  /** The heading over this bucket, or `null` for the one holding ungrouped items. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-command-palette__group-title')();\n    return title ? title.text() : null;\n  }\n\n  /**\n   * The role this bucket announces — `group` when it has a title, `none` when it\n   * does not, which promotes its options to the listbox's own children.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * Whether this bucket takes its accessible name from its own heading.\n   *\n   * The reference IS the group's name — no bucket carries an `aria-label` — and\n   * the id it points at is generated, so a spec cannot hard-code one. `false` for\n   * the untitled bucket, which has no name and needs none: it is `role=\"none\"`.\n   */\n  async isLabelledByTitle(): Promise<boolean> {\n    const title = await this.locatorForOptional('.wr-command-palette__group-title')();\n    if (!title) return false;\n\n    const labelledBy = await (await this.host()).getAttribute('aria-labelledby');\n    return labelledBy !== null && labelledBy === (await title.getAttribute('id'));\n  }\n\n  /** The commands in this bucket, in rendered order. */\n  async getItems(filters: WrCommandPaletteItemHarnessFilters = {}): Promise<WrCommandPaletteItemHarness[]> {\n    return this.locatorForAll(WrCommandPaletteItemHarness.with(filters))();\n  }\n\n  /** The labels of the commands in this bucket, in rendered order. */\n  async getItemLabels(): Promise<string[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getLabel()));\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate, type ModifierKeys, TestKey, type TestElement } from '@angular/cdk/testing';\n\nimport type {\n  WrCommandPaletteGroupHarnessFilters,\n  WrCommandPaletteHarnessFilters,\n  WrCommandPaletteItemHarnessFilters,\n} from './interfaces';\nimport { WrCommandPaletteGroupHarness } from './wr-command-palette-group-harness';\nimport { WrCommandPaletteItemHarness } from './wr-command-palette-item-harness';\n\n/**\n * Test harness for `<wr-command-palette>` — the `⌘K` modal, its search box and\n * the filtered list of commands.\n *\n * Three things about this component shape the harness, and none of them match the\n * other overlay harnesses in the library:\n *\n * 1. **It is an element, and it keeps its own dialog.** The panel is NOT portalled\n *    into the overlay container: the whole `role=\"dialog\"` lives inside\n *    `<wr-command-palette>`, wrapped in an `@if (open())`. So every query here is\n *    host-scoped — two palettes on one page cannot read each other's rows — and a\n *    closed palette holds nothing at all, which is why the readers below throw\n *    instead of answering emptily.\n * 2. **There is no trigger element.** The way in is a GLOBAL hotkey (`trigger`,\n *    `'mod+k'` by default), bound on the document, so {@link open} presses a chord\n *    at the document rather than clicking anything. A palette with\n *    `[trigger]=\"null\"` cannot be opened from the DOM at all — set the bound\n *    `open` from the spec. And because the first binding to match a chord calls\n *    `preventDefault()`, which stops the rest, two palettes sharing one chord\n *    means only the first-registered one ever toggles: see {@link pressTrigger}.\n * 3. **The rows are never focused.** Focus stays in the search input, which points\n *    at the highlighted row with `aria-activedescendant`. Navigation is therefore\n *    `moveTo*`, not `focus`, and \"where am I\" is answered by `aria-selected` plus\n *    that reference — {@link isActiveItemAnnounced} asserts the pair agrees.\n *\n * @example\n * ```ts\n * const palette = await loader.getHarness(WrCommandPaletteHarness);\n *\n * await palette.open();\n * await palette.setQuery('file');\n * await palette.moveToNextItem();\n * await palette.runActiveItem();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCommandPaletteHarness extends ComponentHarness {\n  static hostSelector = 'wr-command-palette';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrCommandPaletteHarnessFilters = {}): HarnessPredicate<WrCommandPaletteHarness> {\n    return new HarnessPredicate(WrCommandPaletteHarness, options)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label));\n  }\n\n  /** Whether the palette is showing. */\n  async isOpen(): Promise<boolean> {\n    return (await this.dialog()) !== null;\n  }\n\n  /**\n   * The role the palette announces — `dialog` — or `null` while it is closed.\n   *\n   * Worth asking rather than assuming: the role sits on the palette's own\n   * backdrop-and-panel wrapper, not on the `<wr-command-palette>` host, so a\n   * consumer looking for it on the element they wrote would not find it.\n   */\n  async getRole(): Promise<string | null> {\n    const dialog = await this.dialog();\n    return dialog ? dialog.getAttribute('role') : null;\n  }\n\n  /** Whether the palette is marked `aria-modal`. `false` while it is closed. */\n  async isModal(): Promise<boolean> {\n    const dialog = await this.dialog();\n    return dialog !== null && (await dialog.getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * The palette's accessible name — `paletteLabel`, or the catalogue string it\n   * falls back to. `null` while it is closed, since the element carrying the name\n   * does not exist then.\n   */\n  async getLabel(): Promise<string | null> {\n    const dialog = await this.dialog();\n    return dialog ? dialog.getAttribute('aria-label') : null;\n  }\n\n  /**\n   * Whether this opening is presented full-screen instead of as a centred modal.\n   *\n   * Read from the `--sheet` modifier, which is public API: `responsive` is an\n   * input that never reaches the DOM, and the decision also folds in the viewport\n   * width — so the class is the only place the outcome exists. `false` while closed.\n   *\n   * That width is sampled when the palette last RECOMPUTED the decision, which is\n   * when `responsive` or the app-wide `provideWrResponsiveOverlays()` config\n   * changes — not when the palette opens. So a spec that narrows the viewport and\n   * then opens sees nothing move until one of those two changes as well.\n   */\n  async isPresentedAsSheet(): Promise<boolean> {\n    const dialog = await this.dialog();\n    return dialog !== null && (await dialog.hasClass('wr-command-palette--sheet'));\n  }\n\n  /** The search box's placeholder — `placeholder`, or the catalogue fallback. */\n  async getPlaceholder(): Promise<string> {\n    return (await this.searchInput('getPlaceholder')).getProperty<string>('placeholder');\n  }\n\n  /** What is currently typed in the search box. */\n  async getQuery(): Promise<string> {\n    return (await this.searchInput('getQuery')).getProperty<string>('value');\n  }\n\n  /**\n   * Replace the search query, filtering the list.\n   *\n   * The palette matches a query against each item's label, description, group and\n   * keywords, and every keystroke sends the highlight back to the FIRST result —\n   * so a spec that moves the highlight and then types has to move it again.\n   */\n  async setQuery(query: string): Promise<void> {\n    const input = await this.searchInput('setQuery');\n    await input.clear();\n    if (query) await input.sendKeys(query);\n  }\n\n  /**\n   * Whether the search box and the list are wired to each other the way a\n   * combobox and its listbox have to be: the input announces itself expanded and\n   * its `aria-controls` names THIS palette's listbox.\n   *\n   * The ids are generated per instance, so a spec cannot hard-code one — and this\n   * reads the listbox inside this host, so a second palette's list can never\n   * satisfy it.\n   */\n  async isSearchWiredToList(): Promise<boolean> {\n    const input = await this.searchInput('isSearchWiredToList');\n    const controls = await input.getAttribute('aria-controls');\n\n    return (\n      (await input.getAttribute('aria-expanded')) === 'true' &&\n      controls !== null &&\n      controls === (await (await this.listbox()).getAttribute('id'))\n    );\n  }\n\n  /**\n   * The commands currently offered, in rendered order.\n   *\n   * Rendered order, not the order they were passed in: the palette buckets by\n   * `group` as each group first appears, so two interleaved groups come back\n   * regrouped — and that order is what the arrows walk and what every index here\n   * counts against.\n   */\n  async getItems(filters: WrCommandPaletteItemHarnessFilters = {}): Promise<WrCommandPaletteItemHarness[]> {\n    await this.requireOpen('getItems');\n    return this.locatorForAll(WrCommandPaletteItemHarness.with(filters))();\n  }\n\n  /** The labels of the commands currently offered, in rendered order. */\n  async getItemLabels(): Promise<string[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getLabel()));\n  }\n\n  /** The buckets the commands are grouped into, in rendered order. */\n  async getGroups(filters: WrCommandPaletteGroupHarnessFilters = {}): Promise<WrCommandPaletteGroupHarness[]> {\n    await this.requireOpen('getGroups');\n    return this.locatorForAll(WrCommandPaletteGroupHarness.with(filters))();\n  }\n\n  /**\n   * One entry per bucket, in rendered order — `null` for the bucket holding\n   * ungrouped items, which is unlabelled by design.\n   */\n  async getGroupTitles(): Promise<(string | null)[]> {\n    const groups = await this.getGroups();\n    return Promise.all(groups.map(group => group.getTitle()));\n  }\n\n  /**\n   * The \"no results\" message, or `null` when the palette has results.\n   *\n   * The two are exclusive — the panel renders the message INSTEAD of the buckets —\n   * so a non-null answer here and an empty {@link getItemLabels} are the same fact.\n   */\n  async getEmptyText(): Promise<string | null> {\n    await this.requireOpen('getEmptyText');\n    const empty = await this.locatorForOptional('.wr-command-palette__empty')();\n    return empty ? empty.text() : null;\n  }\n\n  /** The highlighted command, or `null` when nothing matches the query. */\n  async getActiveItem(): Promise<WrCommandPaletteItemHarness | null> {\n    const [active] = await this.getItems({ active: true });\n    return active ?? null;\n  }\n\n  /** The highlighted command's label, or `null` when nothing matches the query. */\n  async getActiveItemLabel(): Promise<string | null> {\n    const active = await this.getActiveItem();\n    return active ? active.getLabel() : null;\n  }\n\n  /**\n   * Where the highlight sits in the rendered list, or `-1` when nothing matches\n   * the query.\n   */\n  async getActiveItemIndex(): Promise<number> {\n    const items = await this.getItems();\n    for (let index = 0; index < items.length; index++) {\n      if (await items[index].isActive()) return index;\n    }\n    return -1;\n  }\n\n  /**\n   * Whether the search box points at the row that is actually highlighted.\n   *\n   * The rows are not focusable, so this reference is the ONLY thing telling a\n   * screen-reader user where they are — and it is a per-instance id, so it is also\n   * what would give away a palette announcing another palette's row. An empty list\n   * announces nothing, and that counts as agreeing.\n   */\n  async isActiveItemAnnounced(): Promise<boolean> {\n    const announced = await (await this.searchInput('isActiveItemAnnounced')).getAttribute('aria-activedescendant');\n    const active = await this.getActiveItem();\n\n    if (!active) return announced === null;\n    return announced !== null && announced === (await active.getId());\n  }\n\n  /**\n   * Open the palette with its global hotkey.\n   *\n   * Throws when the chord changes nothing, because every reason it would is worth\n   * failing on rather than continuing against a closed palette — see\n   * {@link pressTrigger} for the list.\n   */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n    await this.pressTrigger();\n  }\n\n  /**\n   * Close the palette with Escape, the way a keyboard user does. A closed palette\n   * is left alone.\n   */\n  async close(): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await (await this.searchInput('close')).sendKeys(TestKey.ESCAPE);\n    if (!(await this.isOpen())) return;\n\n    throw new Error(\n      'WrCommandPaletteHarness.close(): Escape did not close the palette. The panel handles it whatever ' +\n        'holds focus inside, so check that `open` is not being written back by the binding it came from.'\n    );\n  }\n\n  /** Dismiss the palette by clicking outside the panel, on the backdrop. */\n  async clickBackdrop(): Promise<void> {\n    await this.requireOpen('clickBackdrop');\n    await (await this.locatorFor('.wr-command-palette__backdrop')()).click();\n  }\n\n  /**\n   * Press the palette's global trigger chord, which TOGGLES it.\n   *\n   * Two things make this the least local method on the harness, and both are the\n   * component's design rather than a shortcut here:\n   *\n   * - The chord is dispatched at the document, because that is where `trigger` is\n   *   bound. It reaches every palette on the page, not just this one.\n   * - `mod` is Cmd on a Mac and Ctrl everywhere else, and nothing in the DOM says\n   *   which. The binding compares modifier state EXACTLY, so a chord with both set\n   *   matches neither: Ctrl is tried first, then Cmd, watching whether this palette\n   *   moved.\n   *\n   * Throws when neither did anything. With two palettes bound to the same chord\n   * that is exactly what happens to the SECOND one — the first binding to match\n   * calls `preventDefault()`, which stops the rest — and the first palette will\n   * have toggled on the way. Give the palettes different `trigger` specs, or drive\n   * them through the bound `open`.\n   */\n  async pressTrigger(): Promise<void> {\n    const before = await this.isOpen();\n\n    await this.pressHotkey('k', { control: true });\n    if ((await this.isOpen()) !== before) return;\n\n    await this.pressHotkey('k', { meta: true });\n    if ((await this.isOpen()) !== before) return;\n\n    throw new Error(\n      'WrCommandPaletteHarness.pressTrigger(): `mod+k` left this palette ' +\n        `${before ? 'open' : 'closed'}. It fails when \\`trigger\\` is \\`null\\` (nothing is bound — write the ` +\n        'bound `open` instead), when `trigger` is some other spec (press it with pressHotkey()), or when ' +\n        'another palette is bound to the same chord and matched it first.'\n    );\n  }\n\n  /**\n   * Press an arbitrary chord at the document, where `trigger` is bound — the way\n   * to exercise a palette whose `trigger` is not the default `'mod+k'`.\n   *\n   * The keys go to the `<wr-command-palette>` host and bubble to the document from\n   * there. Any element inside the page would do — the listener is the document's,\n   * and it fires even while a text field has focus — but the host is the one this\n   * harness can always reach, and it takes no focus of its own, so an open palette\n   * keeps the caret in its search box.\n   */\n  async pressHotkey(key: string, modifiers: ModifierKeys = {}): Promise<void> {\n    await (await this.host()).sendKeys(modifiers, key);\n  }\n\n  /** Move the highlight down one row. Wraps from the last row to the first. */\n  async moveToNextItem(): Promise<void> {\n    await (await this.searchInput('moveToNextItem')).sendKeys(TestKey.DOWN_ARROW);\n  }\n\n  /** Move the highlight up one row. Wraps from the first row to the last. */\n  async moveToPreviousItem(): Promise<void> {\n    await (await this.searchInput('moveToPreviousItem')).sendKeys(TestKey.UP_ARROW);\n  }\n\n  /** Move the highlight to the first row — Home. */\n  async moveToFirstItem(): Promise<void> {\n    await (await this.searchInput('moveToFirstItem')).sendKeys(TestKey.HOME);\n  }\n\n  /** Move the highlight to the last row — End. */\n  async moveToLastItem(): Promise<void> {\n    await (await this.searchInput('moveToLastItem')).sendKeys(TestKey.END);\n  }\n\n  /**\n   * Run the highlighted command — Enter in the search box, the accessible path.\n   *\n   * Throws when nothing is highlighted, which happens exactly when the query\n   * matches nothing: Enter would then be a no-op and the spec would pass having\n   * run no command at all. Assert {@link getEmptyText} instead.\n   */\n  async runActiveItem(): Promise<void> {\n    const input = await this.searchInput('runActiveItem');\n\n    if (!(await this.getActiveItem())) {\n      throw new Error(\n        'WrCommandPaletteHarness.runActiveItem(): nothing is highlighted, so Enter would run nothing — ' +\n          `the query \"${await this.getQuery()}\" matches no command. Assert getEmptyText() instead.`\n      );\n    }\n\n    await input.sendKeys(TestKey.ENTER);\n  }\n\n  /**\n   * Run the first command matching the filters, by pointer.\n   *\n   * The palette must already be open — unlike a select, there is nothing to click\n   * to open it, so this cannot do it for you. With `closeOnPick` left at its\n   * default the palette closes as the command runs.\n   */\n  async runItem(filters: WrCommandPaletteItemHarnessFilters): Promise<void> {\n    const [item] = await this.getItems(filters);\n    if (!item) {\n      const offered = await this.getItemLabels();\n      throw new Error(\n        `WrCommandPaletteHarness.runItem(): no command matched ${JSON.stringify(filters)}. ` +\n          `The palette offers: ${offered.length > 0 ? offered.join(', ') : '(nothing — the query matches none)'}.`\n      );\n    }\n\n    await item.click();\n  }\n\n  /** Put the caret in the search box. The palette does this itself as it opens. */\n  async focus(): Promise<void> {\n    return (await this.searchInput('focus')).focus();\n  }\n\n  /**\n   * Take focus out of the search box.\n   *\n   * The palette emits nothing on blur — it exists so a spec can prove\n   * {@link focus} puts the caret back where the component put it.\n   */\n  async blur(): Promise<void> {\n    return (await this.searchInput('blur')).blur();\n  }\n\n  /**\n   * Whether the caret is in the search box.\n   *\n   * The only focus question worth asking of this component: the rows are never\n   * focused, so the input is where focus is meant to stay for as long as the\n   * palette is open.\n   */\n  async isSearchInputFocused(): Promise<boolean> {\n    return (await this.searchInput('isSearchInputFocused')).isFocused();\n  }\n\n  /** The palette's dialog wrapper, or `null` while it is closed. */\n  private async dialog(): Promise<TestElement | null> {\n    // The role, not `.wr-command-palette`: both sit on the same element, but the\n    // role is what a screen reader is told, and the element only exists while the\n    // palette is open — so \"is there a dialog in this host\" IS the open state.\n    return this.locatorForOptional('[role=\"dialog\"]')();\n  }\n\n  /** The search box, or a failure naming the reason there is none. */\n  private async searchInput(method: string): Promise<TestElement> {\n    await this.requireOpen(method);\n    // Matched on the role rather than on `.wr-command-palette__search input`: the\n    // combobox is the accessible contract, and the search row also holds a\n    // decorative icon and the `esc` hint.\n    return this.locatorFor('input[role=\"combobox\"]')();\n  }\n\n  /** This palette's listbox. */\n  private async listbox(): Promise<TestElement> {\n    return this.locatorFor('[role=\"listbox\"]')();\n  }\n\n  /** Fail with the reason when the panel is not rendered. */\n  private async requireOpen(method: string): Promise<void> {\n    if (await this.isOpen()) return;\n\n    throw new Error(\n      `WrCommandPaletteHarness.${method}(): the palette is closed, so nothing it holds exists — the search ` +\n        'box, the list and the rows are all inside an `@if (open())`. Call open() to press the global ' +\n        'trigger, or set the bound `open` when this palette has none.'\n    );\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-command-palette.mjs

@@ -108,6 +108,15 @@ class WrCommandPalette {
     optionId(i) {
         return `${this.listboxId}-opt-${i}`;
     }
+    /**
+     * A `role="listbox"` may only own `option` and `group` children, so a titled
+     * bucket becomes a labelled group and an untitled one drops out of the tree
+     * entirely — leaving its options as the listbox's own children rather than as
+     * role-less wrappers ARIA has no rule for.
+     */
+    groupTitleId(index) {
+        return `${this.listboxId}-group-${index}`;
+    }
     /** Id of the active option for `aria-activedescendant`. */
     activeOptionId = computed(() => {
         const i = this.activeIndex();
@@ -122,12 +131,19 @@ class WrCommandPalette {
     bindingHandle = null;
     focusTrap = null;
     previouslyFocused = null;
-    /** Flat filtered list — what keyboard navigation walks. */
-    filtered = computed(() => this.items().filter(item => matches(item, this.query())), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
     /** Grouped view — what the template renders. */
-    buckets = computed(() => bucketize(this.filtered()), /* @ts-ignore */
+    buckets = computed(() => bucketize(this.items().filter(item => matches(item, this.query()))), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "buckets" }] : /* istanbul ignore next */ []));
+    /**
+     * Flat list in RENDER order — what keyboard navigation walks, and what every
+     * index in this component means. Derived FROM the buckets rather than from the
+     * filter: `bucketize` collects each group as it first appears, so a flat
+     * source-order list disagrees with the screen the moment two groups interleave.
+     * It did, and one ArrowDown moved the highlight two rows while Enter fired the
+     * command below the one that looked selected.
+     */
+    filtered = computed(() => this.buckets().flatMap(bucket => bucket.items), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
     constructor() {
         // Bind / re-bind the global trigger whenever the spec changes.
         effect(() => {
@@ -137,12 +153,17 @@ class WrCommandPalette {
                 return;
             this.bindingHandle = this.hotkeys.bind(spec, () => this.open.update(v => !v), { allowInInput: true });
         });
-        // Reset query + active index whenever we open; focus the input.
+        // Reset query + active index whenever we open.
         effect(() => {
             if (!this.open())
                 return;
             this.query.set('');
             this.activeIndex.set(0);
+        });
+        // Sheet presentation, kept OUT of the reset above: reading `responsive()` there
+        // made the reset depend on it, so a `[responsive]` bound to a signal that
+        // flipped while the palette was open wiped whatever the user had typed.
+        effect(() => {
             this.presentAsSheet.set(wrPresentAsSheet(this.responsive(), this.responsiveConfig));
         });
         // Focus trap + restore.
@@ -186,7 +207,14 @@ class WrCommandPalette {
             if (this.activeIndex() > max)
                 this.activeIndex.set(max);
         });
-        this.destroyRef.onDestroy(() => this.bindingHandle?.unbind());
+        this.destroyRef.onDestroy(() => {
+            this.bindingHandle?.unbind();
+            // The trap is torn down in the close branch of the effect above, which never
+            // runs when the component itself goes away while still open — leaving a live
+            // trap holding the removed panel and its document listeners.
+            this.focusTrap?.destroy();
+            this.focusTrap = null;
+        });
     }
     // Template handlers
     onQueryInput(event) {
@@ -200,19 +228,23 @@ class WrCommandPalette {
                 event.preventDefault();
                 if (list.length > 0)
                     this.activeIndex.set((this.activeIndex() + 1) % list.length);
+                this.revealActive();
                 break;
             case 'ArrowUp':
                 event.preventDefault();
                 if (list.length > 0)
                     this.activeIndex.set((this.activeIndex() - 1 + list.length) % list.length);
+                this.revealActive();
                 break;
             case 'Home':
                 event.preventDefault();
                 this.activeIndex.set(0);
+                this.revealActive();
                 break;
             case 'End':
                 event.preventDefault();
                 this.activeIndex.set(Math.max(0, list.length - 1));
+                this.revealActive();
                 break;
             case 'Enter': {
                 event.preventDefault();
@@ -255,6 +287,24 @@ class WrCommandPalette {
         this.open.set(false);
     }
     // Internals
+    /**
+     * Keep the highlighted option on screen. The body is a fixed-height scroller and
+     * the options are not focusable, so nothing moves it on the browser's behalf —
+     * arrow keys walked the highlight straight off the bottom and out of sight.
+     * Keyboard only: doing it on hover would fight the pointer that caused it.
+     * `wr-select` and `wr-tree` keep the same promise through their own
+     * `ensureVisible`; theirs is index maths because they are virtualized.
+     */
+    revealActive() {
+        if (!this.isBrowser)
+            return;
+        const id = this.activeOptionId();
+        if (!id)
+            return;
+        // Ids are position-based and stable, so the element is findable straight away —
+        // no need to wait for change detection to re-mark the active row.
+        this.panelEl()?.nativeElement.querySelector(`#${id}`)?.scrollIntoView({ block: 'nearest' });
+    }
     commit(item) {
         item.action?.();
         this.picked.emit(item);
@@ -262,11 +312,11 @@ class WrCommandPalette {
             this.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCommandPalette, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrCommandPalette, isStandalone: true, selector: "wr-command-palette", inputs: { paletteLabel: { classPropertyName: "paletteLabel", publicName: "paletteLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, closeOnPick: { classPropertyName: "closeOnPick", publicName: "closeOnPick", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", picked: "picked" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title) {\n            <div class=\"wr-command-palette__group\">\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\">{{ bucket.title }}</div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrCommandPalette, isStandalone: true, selector: "wr-command-palette", inputs: { paletteLabel: { classPropertyName: "paletteLabel", publicName: "paletteLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, closeOnPick: { classPropertyName: "closeOnPick", publicName: "closeOnPick", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", picked: "picked" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n            <!-- A listbox may only own `option` and `group` children, so a titled\n                 bucket is a labelled group and an untitled one leaves the tree with\n                 `role=\"none\"`, promoting its options to the listbox's own. -->\n            <div\n              class=\"wr-command-palette__group\"\n              [attr.role]=\"bucket.title ? 'group' : 'none'\"\n              [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n            >\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                  {{ bucket.title }}\n                </div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\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.1", ngImport: i0, type: WrCommandPalette, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-command-palette', encapsulation: ViewEncapsulation.None, imports: [WrIcon], template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title) {\n            <div class=\"wr-command-palette__group\">\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\">{{ bucket.title }}</div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n" }]
+            args: [{ selector: 'wr-command-palette', encapsulation: ViewEncapsulation.None, imports: [WrIcon], template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n            <!-- A listbox may only own `option` and `group` children, so a titled\n                 bucket is a labelled group and an untitled one leaves the tree with\n                 `role=\"none\"`, promoting its options to the listbox's own. -->\n            <div\n              class=\"wr-command-palette__group\"\n              [attr.role]=\"bucket.title ? 'group' : 'none'\"\n              [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n            >\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                  {{ bucket.title }}\n                </div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { paletteLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paletteLabel", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], closeOnPick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnPick", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], picked: [{ type: i0.Output, args: ["picked"] }], inputEl: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], panelEl: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
 
 /**

package/fesm2022/ngwr-command-palette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-command-palette.mjs","sources":["../../../projects/lib/command-palette/command-palette.ts","../../../projects/lib/command-palette/command-palette.html","../../../projects/lib/command-palette/ngwr-command-palette.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { type BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  type ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\n\nimport { WrHotkey, type WrHotkeyHandle, type WrHotkeySpec } from 'ngwr/hotkey';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrIcon } from 'ngwr/icon';\nimport { WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet } from 'ngwr/overlay';\n\nimport type { WrCommandItem } from './interfaces';\n\ninterface Bucket {\n  readonly title: string | null;\n  readonly items: readonly WrCommandItem[];\n}\n\nlet listboxUid = 0;\n\nfunction bucketize(items: readonly WrCommandItem[]): readonly Bucket[] {\n  const map = new Map<string | null, WrCommandItem[]>();\n  for (const item of items) {\n    const key = item.group ?? null;\n    const bucket = map.get(key);\n    if (bucket) bucket.push(item);\n    else map.set(key, [item]);\n  }\n  return [...map.entries()].map(([title, items]) => ({ title, items }));\n}\n\nfunction matches(item: WrCommandItem, query: string): boolean {\n  if (!query) return true;\n  const q = query.toLowerCase();\n  if (item.label.toLowerCase().includes(q)) return true;\n  if (item.description?.toLowerCase().includes(q)) return true;\n  if (item.group?.toLowerCase().includes(q)) return true;\n  if (item.keywords?.some(k => k.toLowerCase().includes(q))) return true;\n  return false;\n}\n\n/**\n * `⌘K`-style command palette — a centred modal with a search input and\n * filtered list of actions. Items can be grouped, have icons, descriptions,\n * and visual shortcut hints.\n *\n * Drop one at the root of the app, pass it the list of commands, and bind\n * a global hotkey (default `'mod+k'`). Use `[(open)]` for controlled\n * visibility, or let it manage itself.\n *\n * @example\n * ```html\n * <wr-command-palette [items]=\"commands\" trigger=\"mod+k\" (picked)=\"onPicked($event)\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/command-palette\n */\n@Component({\n  selector: 'wr-command-palette',\n  templateUrl: './command-palette.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrIcon],\n})\nexport class WrCommandPalette {\n  /** Accessible name. Falls back to `commandPalette.label`, then `'Command palette'`. */\n  readonly paletteLabel = input<string | null>(null);\n\n  protected readonly resolvedPaletteLabel = useI18nText(this.paletteLabel, 'commandPalette.label', 'Command palette');\n\n  /** Items shown in the palette. */\n  readonly items = input<readonly WrCommandItem[]>([]);\n\n  /** Controlled open state (two-way bindable). @default false */\n  readonly open = model(false);\n\n  /** Global hotkey that opens the palette. `null` disables auto-binding. @default 'mod+k' */\n  readonly trigger = input<WrHotkeySpec | null>('mod+k');\n\n  /** Search input placeholder. Falls back to `commandPalette.placeholder`. */\n  readonly placeholder = input<string | null>(null);\n\n  /** Text shown when no items match. Falls back to `commandPalette.noResults`. */\n  readonly emptyText = input<string | null>(null);\n\n  protected readonly resolvedPlaceholder = useI18nText(\n    this.placeholder,\n    'commandPalette.placeholder',\n    'Type a command or search…'\n  );\n  protected readonly resolvedEmpty = useI18nText(this.emptyText, 'commandPalette.noResults', 'No results');\n\n  /** Auto-close on `(picked)`. Set false to keep open. @default true */\n  readonly closeOnPick = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Present the palette full-screen on small viewports instead of a centred\n   * modal. `undefined` follows the app-wide `provideWrResponsiveOverlays()`\n   * setting; `true`/`false` overrides it. The palette docks to the top (it\n   * auto-focuses its input, so the on-screen keyboard stays clear).\n   * @default undefined\n   */\n  readonly responsive = input<boolean | undefined, BooleanInput>(undefined, {\n    transform: (v: BooleanInput): boolean | undefined => (v == null ? undefined : coerceBooleanProperty(v)),\n  });\n\n  /** Fires when the user commits an item (Enter / click). */\n  readonly picked = output<WrCommandItem>();\n\n  protected readonly query = signal('');\n  protected readonly activeIndex = signal(0);\n\n  /** Whether the current opening is presented full-screen. Decided on open. */\n  protected readonly presentAsSheet = signal(false);\n  protected readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('input');\n  protected readonly panelEl = viewChild<ElementRef<HTMLElement>>('panel');\n\n  /** Listbox id (referenced by the input's `aria-controls`). */\n  protected readonly listboxId = `wr-command-palette-listbox-${++listboxUid}`;\n\n  /** @internal Build a stable option id for a given flat index. */\n  protected optionId(i: number): string {\n    return `${this.listboxId}-opt-${i}`;\n  }\n\n  /** Id of the active option for `aria-activedescendant`. */\n  protected readonly activeOptionId = computed<string | null>(() => {\n    const i = this.activeIndex();\n    return i >= 0 && i < this.filtered().length ? this.optionId(i) : null;\n  });\n\n  private readonly hotkeys = inject(WrHotkey);\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private bindingHandle: WrHotkeyHandle | null = null;\n  private focusTrap: ConfigurableFocusTrap | null = null;\n  private previouslyFocused: HTMLElement | null = null;\n\n  /** Flat filtered list — what keyboard navigation walks. */\n  protected readonly filtered = computed<readonly WrCommandItem[]>(() =>\n    this.items().filter(item => matches(item, this.query()))\n  );\n\n  /** Grouped view — what the template renders. */\n  protected readonly buckets = computed<readonly Bucket[]>(() => bucketize(this.filtered()));\n\n  constructor() {\n    // Bind / re-bind the global trigger whenever the spec changes.\n    effect(() => {\n      this.bindingHandle?.unbind();\n      const spec = this.trigger();\n      if (!spec) return;\n      this.bindingHandle = this.hotkeys.bind(spec, () => this.open.update(v => !v), { allowInInput: true });\n    });\n\n    // Reset query + active index whenever we open; focus the input.\n    effect(() => {\n      if (!this.open()) return;\n      this.query.set('');\n      this.activeIndex.set(0);\n      this.presentAsSheet.set(wrPresentAsSheet(this.responsive(), this.responsiveConfig));\n    });\n\n    // Focus trap + restore.\n    effect(() => {\n      if (!this.isBrowser) return;\n      if (this.open()) {\n        const active = document.activeElement;\n        this.previouslyFocused = active instanceof HTMLElement ? active : null;\n        queueMicrotask(() => {\n          const host = this.panelEl()?.nativeElement;\n          if (!host) return;\n          this.focusTrap?.destroy();\n          this.focusTrap = this.focusTrapFactory.create(host);\n          void this.focusTrap.focusInitialElementWhenReady();\n        });\n      } else {\n        this.focusTrap?.destroy();\n        this.focusTrap = null;\n        const restore = this.previouslyFocused;\n        this.previouslyFocused = null;\n        if (restore && typeof restore.focus === 'function') restore.focus();\n      }\n    });\n\n    afterNextRender(() => {\n      if (this.open()) this.inputEl()?.nativeElement.focus();\n    });\n\n    // Auto-focus the input when opened.\n    effect(() => {\n      if (!this.open()) return;\n      queueMicrotask(() => this.inputEl()?.nativeElement.focus());\n    });\n\n    // Clamp the active index when the filtered list shrinks.\n    effect(() => {\n      const max = Math.max(0, this.filtered().length - 1);\n      if (this.activeIndex() > max) this.activeIndex.set(max);\n    });\n\n    this.destroyRef.onDestroy(() => this.bindingHandle?.unbind());\n  }\n\n  // Template handlers\n\n  protected onQueryInput(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n    this.activeIndex.set(0);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const list = this.filtered();\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (list.length > 0) this.activeIndex.set((this.activeIndex() + 1) % list.length);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (list.length > 0) this.activeIndex.set((this.activeIndex() - 1 + list.length) % list.length);\n        break;\n      case 'Home':\n        event.preventDefault();\n        this.activeIndex.set(0);\n        break;\n      case 'End':\n        event.preventDefault();\n        this.activeIndex.set(Math.max(0, list.length - 1));\n        break;\n      case 'Enter': {\n        event.preventDefault();\n        const item = list[this.activeIndex()];\n        if (item) this.commit(item);\n        break;\n      }\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n      default:\n        break;\n    }\n  }\n\n  protected onBackdropClick(): void {\n    this.close();\n  }\n\n  protected onItemClick(item: WrCommandItem, event: MouseEvent): void {\n    event.preventDefault();\n    this.commit(item);\n  }\n\n  protected onItemHover(item: WrCommandItem): void {\n    const i = this.filtered().indexOf(item);\n    if (i >= 0) this.activeIndex.set(i);\n  }\n\n  /** Flat index of an item within the filtered list — for highlight checks. */\n  protected indexOf(item: WrCommandItem): number {\n    return this.filtered().indexOf(item);\n  }\n\n  // Public API\n\n  /** Open the palette. */\n  show(): void {\n    this.open.set(true);\n  }\n\n  /** Close the palette. */\n  close(): void {\n    this.open.set(false);\n  }\n\n  // Internals\n\n  private commit(item: WrCommandItem): void {\n    item.action?.();\n    this.picked.emit(item);\n    if (this.closeOnPick()) this.close();\n  }\n}\n","@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable — keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title) {\n            <div class=\"wr-command-palette__group\">\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\">{{ bucket.title }}</div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\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-command-palette.mjs","sources":["../../../projects/lib/command-palette/command-palette.ts","../../../projects/lib/command-palette/command-palette.html","../../../projects/lib/command-palette/ngwr-command-palette.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { type BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  type ElementRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\n\nimport { WrHotkey, type WrHotkeyHandle, type WrHotkeySpec } from 'ngwr/hotkey';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrIcon } from 'ngwr/icon';\nimport { WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet } from 'ngwr/overlay';\n\nimport type { WrCommandItem } from './interfaces';\n\ninterface Bucket {\n  readonly title: string | null;\n  readonly items: readonly WrCommandItem[];\n}\n\nlet listboxUid = 0;\n\nfunction bucketize(items: readonly WrCommandItem[]): readonly Bucket[] {\n  const map = new Map<string | null, WrCommandItem[]>();\n  for (const item of items) {\n    const key = item.group ?? null;\n    const bucket = map.get(key);\n    if (bucket) bucket.push(item);\n    else map.set(key, [item]);\n  }\n  return [...map.entries()].map(([title, items]) => ({ title, items }));\n}\n\nfunction matches(item: WrCommandItem, query: string): boolean {\n  if (!query) return true;\n  const q = query.toLowerCase();\n  if (item.label.toLowerCase().includes(q)) return true;\n  if (item.description?.toLowerCase().includes(q)) return true;\n  if (item.group?.toLowerCase().includes(q)) return true;\n  if (item.keywords?.some(k => k.toLowerCase().includes(q))) return true;\n  return false;\n}\n\n/**\n * `⌘K`-style command palette — a centred modal with a search input and\n * filtered list of actions. Items can be grouped, have icons, descriptions,\n * and visual shortcut hints.\n *\n * Drop one at the root of the app, pass it the list of commands, and bind\n * a global hotkey (default `'mod+k'`). Use `[(open)]` for controlled\n * visibility, or let it manage itself.\n *\n * @example\n * ```html\n * <wr-command-palette [items]=\"commands\" trigger=\"mod+k\" (picked)=\"onPicked($event)\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/command-palette\n */\n@Component({\n  selector: 'wr-command-palette',\n  templateUrl: './command-palette.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrIcon],\n})\nexport class WrCommandPalette {\n  /** Accessible name. Falls back to `commandPalette.label`, then `'Command palette'`. */\n  readonly paletteLabel = input<string | null>(null);\n\n  protected readonly resolvedPaletteLabel = useI18nText(this.paletteLabel, 'commandPalette.label', 'Command palette');\n\n  /** Items shown in the palette. */\n  readonly items = input<readonly WrCommandItem[]>([]);\n\n  /** Controlled open state (two-way bindable). @default false */\n  readonly open = model(false);\n\n  /** Global hotkey that opens the palette. `null` disables auto-binding. @default 'mod+k' */\n  readonly trigger = input<WrHotkeySpec | null>('mod+k');\n\n  /** Search input placeholder. Falls back to `commandPalette.placeholder`. */\n  readonly placeholder = input<string | null>(null);\n\n  /** Text shown when no items match. Falls back to `commandPalette.noResults`. */\n  readonly emptyText = input<string | null>(null);\n\n  protected readonly resolvedPlaceholder = useI18nText(\n    this.placeholder,\n    'commandPalette.placeholder',\n    'Type a command or search…'\n  );\n  protected readonly resolvedEmpty = useI18nText(this.emptyText, 'commandPalette.noResults', 'No results');\n\n  /** Auto-close on `(picked)`. Set false to keep open. @default true */\n  readonly closeOnPick = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Present the palette full-screen on small viewports instead of a centred\n   * modal. `undefined` follows the app-wide `provideWrResponsiveOverlays()`\n   * setting; `true`/`false` overrides it. The palette docks to the top (it\n   * auto-focuses its input, so the on-screen keyboard stays clear).\n   * @default undefined\n   */\n  readonly responsive = input<boolean | undefined, BooleanInput>(undefined, {\n    transform: (v: BooleanInput): boolean | undefined => (v == null ? undefined : coerceBooleanProperty(v)),\n  });\n\n  /** Fires when the user commits an item (Enter / click). */\n  readonly picked = output<WrCommandItem>();\n\n  protected readonly query = signal('');\n  protected readonly activeIndex = signal(0);\n\n  /** Whether the current opening is presented full-screen. Decided on open. */\n  protected readonly presentAsSheet = signal(false);\n  protected readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('input');\n  protected readonly panelEl = viewChild<ElementRef<HTMLElement>>('panel');\n\n  /** Listbox id (referenced by the input's `aria-controls`). */\n  protected readonly listboxId = `wr-command-palette-listbox-${++listboxUid}`;\n\n  /** @internal Build a stable option id for a given flat index. */\n  protected optionId(i: number): string {\n    return `${this.listboxId}-opt-${i}`;\n  }\n\n  /**\n   * A `role=\"listbox\"` may only own `option` and `group` children, so a titled\n   * bucket becomes a labelled group and an untitled one drops out of the tree\n   * entirely — leaving its options as the listbox's own children rather than as\n   * role-less wrappers ARIA has no rule for.\n   */\n  protected groupTitleId(index: number): string {\n    return `${this.listboxId}-group-${index}`;\n  }\n\n  /** Id of the active option for `aria-activedescendant`. */\n  protected readonly activeOptionId = computed<string | null>(() => {\n    const i = this.activeIndex();\n    return i >= 0 && i < this.filtered().length ? this.optionId(i) : null;\n  });\n\n  private readonly hotkeys = inject(WrHotkey);\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private bindingHandle: WrHotkeyHandle | null = null;\n  private focusTrap: ConfigurableFocusTrap | null = null;\n  private previouslyFocused: HTMLElement | null = null;\n\n  /** Grouped view — what the template renders. */\n  protected readonly buckets = computed<readonly Bucket[]>(() =>\n    bucketize(this.items().filter(item => matches(item, this.query())))\n  );\n\n  /**\n   * Flat list in RENDER order — what keyboard navigation walks, and what every\n   * index in this component means. Derived FROM the buckets rather than from the\n   * filter: `bucketize` collects each group as it first appears, so a flat\n   * source-order list disagrees with the screen the moment two groups interleave.\n   * It did, and one ArrowDown moved the highlight two rows while Enter fired the\n   * command below the one that looked selected.\n   */\n  protected readonly filtered = computed<readonly WrCommandItem[]>(() =>\n    this.buckets().flatMap(bucket => bucket.items)\n  );\n\n  constructor() {\n    // Bind / re-bind the global trigger whenever the spec changes.\n    effect(() => {\n      this.bindingHandle?.unbind();\n      const spec = this.trigger();\n      if (!spec) return;\n      this.bindingHandle = this.hotkeys.bind(spec, () => this.open.update(v => !v), { allowInInput: true });\n    });\n\n    // Reset query + active index whenever we open.\n    effect(() => {\n      if (!this.open()) return;\n      this.query.set('');\n      this.activeIndex.set(0);\n    });\n\n    // Sheet presentation, kept OUT of the reset above: reading `responsive()` there\n    // made the reset depend on it, so a `[responsive]` bound to a signal that\n    // flipped while the palette was open wiped whatever the user had typed.\n    effect(() => {\n      this.presentAsSheet.set(wrPresentAsSheet(this.responsive(), this.responsiveConfig));\n    });\n\n    // Focus trap + restore.\n    effect(() => {\n      if (!this.isBrowser) return;\n      if (this.open()) {\n        const active = document.activeElement;\n        this.previouslyFocused = active instanceof HTMLElement ? active : null;\n        queueMicrotask(() => {\n          const host = this.panelEl()?.nativeElement;\n          if (!host) return;\n          this.focusTrap?.destroy();\n          this.focusTrap = this.focusTrapFactory.create(host);\n          void this.focusTrap.focusInitialElementWhenReady();\n        });\n      } else {\n        this.focusTrap?.destroy();\n        this.focusTrap = null;\n        const restore = this.previouslyFocused;\n        this.previouslyFocused = null;\n        if (restore && typeof restore.focus === 'function') restore.focus();\n      }\n    });\n\n    afterNextRender(() => {\n      if (this.open()) this.inputEl()?.nativeElement.focus();\n    });\n\n    // Auto-focus the input when opened.\n    effect(() => {\n      if (!this.open()) return;\n      queueMicrotask(() => this.inputEl()?.nativeElement.focus());\n    });\n\n    // Clamp the active index when the filtered list shrinks.\n    effect(() => {\n      const max = Math.max(0, this.filtered().length - 1);\n      if (this.activeIndex() > max) this.activeIndex.set(max);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.bindingHandle?.unbind();\n      // The trap is torn down in the close branch of the effect above, which never\n      // runs when the component itself goes away while still open — leaving a live\n      // trap holding the removed panel and its document listeners.\n      this.focusTrap?.destroy();\n      this.focusTrap = null;\n    });\n  }\n\n  // Template handlers\n\n  protected onQueryInput(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n    this.activeIndex.set(0);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const list = this.filtered();\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (list.length > 0) this.activeIndex.set((this.activeIndex() + 1) % list.length);\n        this.revealActive();\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (list.length > 0) this.activeIndex.set((this.activeIndex() - 1 + list.length) % list.length);\n        this.revealActive();\n        break;\n      case 'Home':\n        event.preventDefault();\n        this.activeIndex.set(0);\n        this.revealActive();\n        break;\n      case 'End':\n        event.preventDefault();\n        this.activeIndex.set(Math.max(0, list.length - 1));\n        this.revealActive();\n        break;\n      case 'Enter': {\n        event.preventDefault();\n        const item = list[this.activeIndex()];\n        if (item) this.commit(item);\n        break;\n      }\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n      default:\n        break;\n    }\n  }\n\n  protected onBackdropClick(): void {\n    this.close();\n  }\n\n  protected onItemClick(item: WrCommandItem, event: MouseEvent): void {\n    event.preventDefault();\n    this.commit(item);\n  }\n\n  protected onItemHover(item: WrCommandItem): void {\n    const i = this.filtered().indexOf(item);\n    if (i >= 0) this.activeIndex.set(i);\n  }\n\n  /** Flat index of an item within the filtered list — for highlight checks. */\n  protected indexOf(item: WrCommandItem): number {\n    return this.filtered().indexOf(item);\n  }\n\n  // Public API\n\n  /** Open the palette. */\n  show(): void {\n    this.open.set(true);\n  }\n\n  /** Close the palette. */\n  close(): void {\n    this.open.set(false);\n  }\n\n  // Internals\n\n  /**\n   * Keep the highlighted option on screen. The body is a fixed-height scroller and\n   * the options are not focusable, so nothing moves it on the browser's behalf —\n   * arrow keys walked the highlight straight off the bottom and out of sight.\n   * Keyboard only: doing it on hover would fight the pointer that caused it.\n   * `wr-select` and `wr-tree` keep the same promise through their own\n   * `ensureVisible`; theirs is index maths because they are virtualized.\n   */\n  private revealActive(): void {\n    if (!this.isBrowser) return;\n    const id = this.activeOptionId();\n    if (!id) return;\n    // Ids are position-based and stable, so the element is findable straight away —\n    // no need to wait for change detection to re-mark the active row.\n    this.panelEl()?.nativeElement.querySelector<HTMLElement>(`#${id}`)?.scrollIntoView({ block: 'nearest' });\n  }\n\n  private commit(item: WrCommandItem): void {\n    item.action?.();\n    this.picked.emit(item);\n    if (this.closeOnPick()) this.close();\n  }\n}\n","@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable — keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">esc</kbd>\n      </div>\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @if (filtered().length === 0) {\n          <div class=\"wr-command-palette__empty\">{{ resolvedEmpty() }}</div>\n        } @else {\n          @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n            <!-- A listbox may only own `option` and `group` children, so a titled\n                 bucket is a labelled group and an untitled one leaves the tree with\n                 `role=\"none\"`, promoting its options to the listbox's own. -->\n            <div\n              class=\"wr-command-palette__group\"\n              [attr.role]=\"bucket.title ? 'group' : 'none'\"\n              [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n            >\n              @if (bucket.title) {\n                <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                  {{ bucket.title }}\n                </div>\n              }\n              @for (item of bucket.items; track item.id) {\n                <div\n                  class=\"wr-command-palette__option\"\n                  role=\"option\"\n                  [attr.id]=\"optionId(indexOf(item))\"\n                  [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                  [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                  (mouseenter)=\"onItemHover(item)\"\n                  (mousedown)=\"onItemClick(item, $event)\"\n                >\n                  @if (item.icon) {\n                    <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                  } @else {\n                    <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                  }\n                  <div class=\"wr-command-palette__option-body\">\n                    <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                    @if (item.description) {\n                      <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                    }\n                  </div>\n                  @if (item.shortcut) {\n                    <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}