apex-grid 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -4,6 +4,48 @@ All notable changes to the `apex-grid` (community) package are documented here.
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html)
 and the format is based on [Keep a Changelog](https://keepachangelog.com/).
 
+## [3.4.0] - 2026-07-17
+
+An accessibility-focused release. The public module API is unchanged (no
+exported symbol was added, removed, or renamed); two keyboard and editing
+behaviors changed, listed under Changed below.
+
+### Added
+- **Keyboard editing and navigation.** Enter or F2 opens the active cell's
+  editor (previously editing was pointer-only); PageUp / PageDown move by a
+  viewport page; Ctrl/Cmd+Home and Ctrl/Cmd+End jump to the grid's first and
+  last cell.
+- **Roving-tabindex focus model.** The active cell is the grid body's single
+  tab stop, so real focus follows arrow-key navigation and screen readers
+  track cell-to-cell movement. Keyboard-driven commit or cancel returns focus
+  to the cell.
+- **Localized live-region announcements** for sorting, filtering, selection,
+  paging, row pinning, row reorder, expansion, and undo / redo, plus localized
+  header control labels and sort-state descriptions. New locale keys under
+  `announce.*` and `header.*`, along with `grid.label` and `editor.rating`
+  (English and Spanish).
+- The grid host now applies a localized `aria-label` ("Data grid") unless the
+  author sets `aria-label` / `aria-labelledby`, and reflects
+  `aria-multiselectable` when multi-row selection is enabled.
+- **Locale keys for the enterprise chart panel** (`chart.*`) and the reworked
+  enterprise AI surface (`ai.*`). Inert in the community grid.
+- **Error-value rendering.** A spreadsheet-style error value (an object with a
+  `#...` code, such as the enterprise formula engine's `#VALUE!`) now renders
+  as its code in typed (number / currency) columns instead of being coerced to
+  `NaN` and showing an empty cell.
+
+### Changed
+- **Home / End now move within the row** (first / last cell of the active
+  row), matching the common data-grid convention; previously they jumped to
+  the first / last row. Use Ctrl/Cmd+Home / Ctrl/Cmd+End for the grid corners.
+- **Clearing a number or currency editor commits `null`, not `NaN`.** An empty
+  or unparseable numeric input previously wrote `NaN` into the row.
+
+### Removed
+- The `ai.noAdapter` locale key (the enterprise AI adapter API it supported
+  was replaced; see the `apex-grid-enterprise` 0.6.0 changelog). If you
+  overrode this key in `localeText`, remove it.
+
 ## [3.3.0] - 2026-07-02
 
 A large, additive, backward-compatible release. The public `.` / `./define` API

package/README.md

@@ -317,6 +317,35 @@ grid.cancelEdit();
 
 `mode: 'row'` puts all editable cells in the row into edit together. Properties: `editingCell`, `editingRow`. Events: `cellValueChanging` (cancellable), `cellValueChanged`, plus `rowEditStarted` / `rowEditEnded` in row mode.
 
+### Keyboard navigation and accessibility
+
+The grid body is a single tab stop: Tab enters the grid, and the active cell
+holds real focus (a roving tabindex), so screen readers follow the cursor as
+it moves. Keys, with editing enabled where relevant:
+
+| Keys | Action |
+|---|---|
+| Arrow keys | Move the active cell |
+| Home / End | First / last cell **in the row** |
+| Ctrl/Cmd+Home / Ctrl/Cmd+End | First / last cell of the grid |
+| PageUp / PageDown | Move up / down by a viewport page |
+| Enter or F2 | Open the active cell's editor |
+| Enter / Tab (while editing) | Commit (Tab commits and moves) |
+| Escape (while editing) | Cancel the edit |
+| Space | Toggle row selection (selection column) |
+| Ctrl/Cmd+Z / Ctrl/Cmd+Y | Undo / redo (with history enabled) |
+
+A keyboard-driven commit or cancel returns focus to the cell, so navigation
+continues from where you were. Sorting, filtering, selection, paging, row
+pinning, reorder, expansion, and undo / redo are announced through a polite
+live region, and every announcement and control label is localizable (the
+`announce.*` and `header.*` locale keys). The host gets a localized
+`aria-label` ("Data grid") unless you provide `aria-label` /
+`aria-labelledby` yourself.
+
+> Changed in 3.4.0: Home / End used to jump to the first / last row; they now
+> stay within the row. Use Ctrl/Cmd+Home / Ctrl/Cmd+End for the grid corners.
+
 ### Cell validation
 
 ```ts

package/components/cell.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import { type StateController } from '../controllers/state.js';
 import type { ApexCellContext, ColumnConfiguration, PropertyType } from '../internal/types.js';
 import type ApexGridRow from './row.js';
@@ -69,7 +69,7 @@ export default class ApexGridCell<T extends object> extends LitElement {
      * an `aria-errormessage` IDREF on the host can't reach this node.
      */
     protected renderError(): import("lit-html").TemplateResult<1> | null;
-    protected updated(): void;
+    protected updated(changed: PropertyValues<this>): void;
     protected renderDefaultEditor(): import("lit-html").TemplateResult<1>;
     protected renderEditor(): unknown;
     /**

package/components/cell.js

@@ -13,6 +13,12 @@ import { getColumnTypeRenderer } from '../internal/column-types.js';
 import { registerComponent } from '../internal/register.js';
 import { GRID_CELL_TAG } from '../internal/tags.js';
 import { styles } from '../styles/body-cell/body-cell.css.js';
+function isErrorLike(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.code === 'string' &&
+        value.code.startsWith('#'));
+}
 class ApexGridCell extends LitElement {
     constructor() {
         super(...arguments);
@@ -49,6 +55,7 @@ class ApexGridCell extends LitElement {
                 return;
             this.#startEdit();
         };
+        this.#refocusAfterEdit = false;
         this.#commitWith = async (value) => {
             return this.editingController.commitCell(value ?? this.#pendingValue);
         };
@@ -60,14 +67,17 @@ class ApexGridCell extends LitElement {
             switch (event.key) {
                 case 'Enter':
                     event.preventDefault();
+                    this.#refocusAfterEdit = true;
                     this.#commitWith();
                     return;
                 case 'Escape':
                     event.preventDefault();
+                    this.#refocusAfterEdit = true;
                     this.#cancel();
                     return;
                 case 'Tab':
                     event.preventDefault();
+                    this.#refocusAfterEdit = true;
                     this.#commitWith();
                     return;
                 default:
@@ -89,11 +99,13 @@ class ApexGridCell extends LitElement {
                 return;
             if (event.key === 'Escape') {
                 event.preventDefault();
+                this.#refocusAfterEdit = true;
                 this.#cancel();
                 return;
             }
             if (event.key === 'Tab') {
                 event.preventDefault();
+                this.#refocusAfterEdit = true;
                 this.#commitWith();
             }
         };
@@ -112,7 +124,12 @@ class ApexGridCell extends LitElement {
         };
         this.#handleTextInput = (event) => {
             const target = event.target;
-            this.#pendingValue = this.column.type === 'number' ? target.valueAsNumber : target.value;
+            if (this.column.type === 'number') {
+                const numeric = target.valueAsNumber;
+                this.#pendingValue = target.value === '' || Number.isNaN(numeric) ? null : numeric;
+                return;
+            }
+            this.#pendingValue = target.value;
         };
         this.#handleCheckboxChange = (event) => {
             const target = event.target;
@@ -175,6 +192,7 @@ class ApexGridCell extends LitElement {
         else {
             this.removeAttribute('aria-colindex');
         }
+        this.tabIndex = this.active ? 0 : -1;
         if (this.active) {
             this.setAttribute('aria-current', 'true');
         }
@@ -246,7 +264,7 @@ class ApexGridCell extends LitElement {
         }
         this.#decoratedKeys = applied;
     }
-    updated() {
+    updated(changed) {
         if (this.isEditing) {
             const editor = this.editorElement;
             editor?.focus();
@@ -255,6 +273,11 @@ class ApexGridCell extends LitElement {
                     editor.select();
                 }
             }
+            return;
+        }
+        if (changed.get('editing') === true && this.#refocusAfterEdit) {
+            this.#refocusAfterEdit = false;
+            this.focus();
         }
     }
     #handleClick;
@@ -265,6 +288,7 @@ class ApexGridCell extends LitElement {
         this.editingController.editCell(this.row.index, this.column.key);
     }
     #pendingValue;
+    #refocusAfterEdit;
     #commitWith;
     #cancel;
     #handleKeydown;
@@ -394,6 +418,10 @@ class ApexGridCell extends LitElement {
         if (this.column.cellTemplate) {
             return this.column.cellTemplate(this.context);
         }
+        const value = this.resolveDisplayValue();
+        if (isErrorLike(value)) {
+            return html `${value.code}`;
+        }
         const typeRenderer = getColumnTypeRenderer(this.column.type);
         if (typeRenderer?.display) {
             const tree = this.state?.tree;

package/components/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../src/components/cell.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { getColumnTypeRenderer } from '../internal/column-types.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_CELL_TAG } from '../internal/tags.js';\nimport type {\n  ApexCellContext,\n  ApexEditorContext,\n  ColumnConfiguration,\n  PropertyType,\n} from '../internal/types.js';\nimport { styles } from '../styles/body-cell/body-cell.css.js';\nimport type ApexGridRow from './row.js';\n\n/**\n * Component representing a DOM cell of the Apex grid.\n *\n * @csspart cell - The cell host element.\n * @csspart editor - The editor wrapper rendered while the cell is in edit mode.\n */\nexport default class ApexGridCell<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_CELL_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridCell);\n  }\n\n  /**\n   * The value which will be rendered by the component.\n   */\n  @property({ attribute: false })\n  public value!: PropertyType<T>;\n\n  /**\n   * A reference to the column configuration object.\n   */\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /**\n   * Indicates whether this is the active cell in the grid.\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Whether the cell is currently in edit mode. Set by the parent row from the\n   * editing controller's state so cells re-render on edit state changes.\n   */\n  @property({ type: Boolean, reflect: true })\n  public editing = false;\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  /**\n   * The parent row component holding this cell.\n   */\n  public row!: ApexGridRow<T>;\n\n  @query('input, [data-apex-editor]')\n  protected editorElement!: HTMLElement | null;\n\n  protected get context(): ApexCellContext<T> {\n    const ctx = {\n      parent: this,\n      row: this.row,\n      column: this.column,\n      value: this.value,\n    } as unknown as {\n      parent: ApexGridCell<T>;\n      row: ApexGridRow<T>;\n      column: ColumnConfiguration<T>;\n      value: PropertyType<T>;\n      commit?: (value: unknown) => Promise<boolean>;\n    };\n    // Only expose `commit` when the column is editable — non-editable\n    // interactive widgets should render as read-only.\n    if (this.isEditable) {\n      ctx.commit = (next: unknown) =>\n        this.editingController.commitImmediate(this.row.index, this.column.key, next);\n    }\n    return ctx as unknown as ApexCellContext<T>;\n  }\n\n  protected get editingController() {\n    return this.state.editing;\n  }\n\n  protected get isEditing(): boolean {\n    return this.editing;\n  }\n\n  protected get isEditable(): boolean {\n    if (!this.editingController) return false;\n    return this.editingController.isEditable(this.column);\n  }\n\n  /**\n   * 1-based column index used to populate `aria-colindex`. Accounts for the\n   * auto-rendered selection + expansion columns ahead of the data columns.\n   */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Reactive token forwarded from {@link StateController.decorationVersion}.\n   * Changing it re-runs {@link willUpdate} so module-driven cell decoration is\n   * re-evaluated when it changes (e.g. while dragging a selection range). Stays\n   * `0` for the community grid, so cells are never re-decorated there.\n   */\n  @property({ attribute: false, type: Number })\n  public decorationVersion = 0;\n\n  /**\n   * Reactive token forwarded from {@link EditingController.validationVersion}.\n   * Changing it re-runs {@link willUpdate} so the cell re-reads its validation\n   * errors and toggles `aria-invalid` / the inline error node. Stays `0` until\n   * the first validation failure.\n   */\n  @property({ attribute: false, type: Number })\n  public validationVersion = 0;\n\n  /** Decoration attribute keys applied on the previous update, for cleanup. */\n  #decoratedKeys: string[] = [];\n\n  /** DOM id of the inline error node, referenced by `aria-errormessage`. */\n  static readonly #ERROR_ID = 'apex-cell-error';\n\n  /** Validation errors resolved in {@link willUpdate}, consumed in render. */\n  #errors: readonly string[] | null = null;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'gridcell');\n    this.addEventListener('click', this.#handleClick);\n    this.addEventListener('dblclick', this.#handleDoubleClick);\n    this.addEventListener('keydown', this.#handleCellKeydown);\n    this.addEventListener('focusout', this.#handleCellFocusOut);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.#handleClick);\n    this.removeEventListener('dblclick', this.#handleDoubleClick);\n    this.removeEventListener('keydown', this.#handleCellKeydown);\n    this.removeEventListener('focusout', this.#handleCellFocusOut);\n    super.disconnectedCallback();\n  }\n\n  protected override willUpdate() {\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    } else {\n      this.removeAttribute('aria-colindex');\n    }\n    if (this.active) {\n      this.setAttribute('aria-current', 'true');\n    } else {\n      this.removeAttribute('aria-current');\n    }\n    // Reflect tree-expanded state on the group cell so the SCSS chevron\n    // rotation triggers from this attribute (cheaper than per-render style\n    // mutations and keeps the SVG transform purely declarative).\n    const tree = this.state?.tree;\n    const isGroup = tree?.enabled && this.row?.data && tree.isGroupColumn(this.column.key);\n    if (isGroup && tree.isExpanded(this.row.data)) {\n      this.setAttribute('data-tree-expanded', '');\n    } else {\n      this.removeAttribute('data-tree-expanded');\n    }\n\n    this.#applyValidation();\n    this.#applyDecoration();\n  }\n\n  /**\n   * Reflects the cell's validation state from the editing controller: stores the\n   * current error messages for {@link render} and toggles `aria-invalid` +\n   * `aria-errormessage` + `data-invalid` on the host. Inert for cells whose\n   * column has no validators (the lookup returns `null`).\n   */\n  #applyValidation(): void {\n    const errors =\n      this.state && this.row?.data\n        ? (this.editingController?.getCellErrors(this.row.data, this.column.key) ?? null)\n        : null;\n    this.#errors = errors && errors.length > 0 ? errors : null;\n\n    if (this.#errors) {\n      this.setAttribute('aria-invalid', 'true');\n      this.setAttribute('aria-errormessage', ApexGridCell.#ERROR_ID);\n      this.setAttribute('data-invalid', '');\n      this.setAttribute('title', this.#errors.join('; '));\n    } else {\n      this.removeAttribute('aria-invalid');\n      this.removeAttribute('aria-errormessage');\n      this.removeAttribute('data-invalid');\n      this.removeAttribute('title');\n    }\n  }\n\n  /**\n   * The inline error node surfaced when the cell is invalid. `role=\"alert\"`\n   * announces the message when it appears, covering the cross-shadow gap where\n   * an `aria-errormessage` IDREF on the host can't reach this node.\n   */\n  protected renderError() {\n    if (!this.#errors) return null;\n    return html`<span\n      part=\"cell-error\"\n      id=${ApexGridCell.#ERROR_ID}\n      role=\"alert\"\n      >${this.#errors.join('; ')}</span\n    >`;\n  }\n\n  /**\n   * Reflects module-contributed decoration attributes (see {@link CellDecorator})\n   * onto the cell host, reconciling against the previous update so attributes\n   * that are no longer present are removed. Inert for the community grid:\n   * `state.decorateCell` returns `null` with no modules, so nothing is set.\n   */\n  #applyDecoration(): void {\n    const decoration =\n      this.state && this.row\n        ? this.state.decorateCell({\n            row: this.row.data,\n            rowIndex: this.row.index,\n            column: this.column,\n            value: this.value as unknown,\n          })\n        : null;\n    const next = decoration?.attributes ?? {};\n\n    // Remove anything we set last time that's gone (or explicitly cleared).\n    for (const key of this.#decoratedKeys) {\n      if (next[key] == null) this.removeAttribute(key);\n    }\n\n    const applied: string[] = [];\n    for (const [key, value] of Object.entries(next)) {\n      if (value == null) {\n        this.removeAttribute(key);\n      } else {\n        this.setAttribute(key, value);\n        applied.push(key);\n      }\n    }\n    this.#decoratedKeys = applied;\n  }\n\n  protected override updated() {\n    if (this.isEditing) {\n      const editor = this.editorElement;\n      editor?.focus();\n      if (editor instanceof HTMLInputElement) {\n        if (editor.type === 'text' || editor.type === 'number') {\n          editor.select();\n        }\n      }\n    }\n  }\n\n  #handleClick = (event: MouseEvent) => {\n    if (this.isEditing) {\n      // Don't let clicks inside the editor bubble into navigation / outside-click commits.\n      event.stopPropagation();\n      return;\n    }\n    if (!this.isEditable) return;\n    // Boolean cells handle interaction in their display widget — clicking the\n    // checkbox commits inline via `ctx.commit`. We never enter edit mode for\n    // booleans, which avoids the visual reflow between display/editor markup\n    // and lets a single click toggle the value.\n    if (this.column.type === 'boolean') return;\n    if (this.editingController.trigger !== 'click') return;\n    this.#startEdit();\n  };\n\n  #handleDoubleClick = (event: MouseEvent) => {\n    if (this.isEditing) {\n      event.stopPropagation();\n      return;\n    }\n    if (!this.isEditable) return;\n    if (this.column.type === 'boolean') return;\n    if (this.editingController.trigger !== 'doubleClick') return;\n    this.#startEdit();\n  };\n\n  #startEdit() {\n    if (!this.row) return;\n    this.editingController.editCell(this.row.index, this.column.key);\n  }\n\n  #pendingValue: unknown;\n\n  #commitWith = async (value?: unknown): Promise<boolean> => {\n    return this.editingController.commitCell(value ?? this.#pendingValue);\n  };\n\n  #cancel = () => {\n    this.editingController.cancelCell();\n  };\n\n  #handleKeydown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        this.#commitWith();\n        return;\n      case 'Escape':\n        event.preventDefault();\n        this.#cancel();\n        return;\n      case 'Tab':\n        // Commit first; navigation moves to the next/prev cell. Editing of the\n        // landed cell stays manual (Enter to re-edit) for predictability.\n        event.preventDefault();\n        this.#commitWith();\n        return;\n      default:\n        return;\n    }\n  };\n\n  #handleBlur = () => {\n    if (!this.isEditing) return;\n    if (this.editingController.mode === 'cell') {\n      this.#commitWith();\n    } else {\n      // Row mode — stash the value and exit the cell editor; the row stays open.\n      this.editingController.commitCell(this.#pendingValue);\n    }\n  };\n\n  /**\n   * Cell-level keydown that catches keys bubbling out of registry-built\n   * editors (the default editor stops propagation on its own input).\n   *\n   * - Escape always cancels the edit.\n   * - Tab commits (or closes when there's no draft — `commitCell()` with\n   *   `undefined` value is treated as \"no change\" by the controller).\n   *\n   * Per-editor `keydown` handlers that need to consume Enter (e.g. the\n   * built-in `<select>` editor) still get the first crack — they call\n   * `event.stopPropagation()` and we never see those keys here.\n   */\n  #handleCellKeydown = (event: KeyboardEvent) => {\n    if (!this.isEditing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.#cancel();\n      return;\n    }\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      this.#commitWith();\n    }\n  };\n\n  /**\n   * Cell-level focus-out: commits the active edit when focus truly leaves\n   * the cell (clicking another cell, tabbing past the editor, blurring to\n   * the document body). The default editor's input also has `@blur` which\n   * commits first; by that time `isEditing` is false and this is a no-op.\n   *\n   * For built-in registry editors `commitCell()` with no explicit value\n   * resolves to the current data value — same shape as \"no change\", so\n   * losing focus without picking discards the open editor without writing\n   * spurious data.\n   */\n  #handleCellFocusOut = (event: FocusEvent) => {\n    if (!this.isEditing) return;\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.contains(next) || this.shadowRoot?.contains(next))) return;\n    if (this.editingController.mode === 'cell') {\n      this.#commitWith();\n    } else {\n      this.editingController.commitCell(this.#pendingValue);\n    }\n  };\n\n  #handleTextInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.#pendingValue = this.column.type === 'number' ? target.valueAsNumber : target.value;\n  };\n\n  #handleCheckboxChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.#pendingValue = target.checked;\n    // Booleans commit immediately — toggling is the whole interaction.\n    this.#commitWith(target.checked);\n  };\n\n  protected renderDefaultEditor() {\n    const value = this.value as unknown;\n    if (this.column.type === 'boolean') {\n      this.#pendingValue = Boolean(value);\n      return html`<input\n        type=\"checkbox\"\n        part=\"editor\"\n        data-apex-editor\n        ?checked=${Boolean(value)}\n        @change=${this.#handleCheckboxChange}\n        @keydown=${this.#handleKeydown}\n        @blur=${this.#handleBlur}\n      />`;\n    }\n    if (this.column.type === 'number') {\n      this.#pendingValue = value;\n      return html`<input\n        type=\"number\"\n        part=\"editor\"\n        data-apex-editor\n        .value=${value == null ? '' : String(value)}\n        @input=${this.#handleTextInput}\n        @keydown=${this.#handleKeydown}\n        @blur=${this.#handleBlur}\n      />`;\n    }\n    this.#pendingValue = value;\n    return html`<input\n      type=\"text\"\n      part=\"editor\"\n      data-apex-editor\n      .value=${value == null ? '' : String(value)}\n      @input=${this.#handleTextInput}\n      @keydown=${this.#handleKeydown}\n      @blur=${this.#handleBlur}\n    />`;\n  }\n\n  protected renderEditor() {\n    const template = this.column.editorTemplate;\n    const ctx = {\n      parent: this,\n      row: this.row,\n      column: this.column,\n      value: this.value,\n      commit: (next: unknown) => this.editingController.commitCell(next),\n      cancel: () => this.editingController.cancelCell(),\n    };\n    if (template) {\n      // For custom editors we don't know the draft shape; reset pending so\n      // cell-level commit doesn't write a stale value from a previous edit.\n      this.#pendingValue = this.value;\n      return template(ctx as unknown as ApexEditorContext<T> as never);\n    }\n    const typeRenderer = getColumnTypeRenderer<T>(this.column.type);\n    if (typeRenderer?.editor) {\n      this.#pendingValue = this.value;\n      return typeRenderer.editor(ctx as never);\n    }\n    return this.renderDefaultEditor();\n  }\n\n  /**\n   * Renders the tree affordance — depth-based indent + a chevron toggle (or\n   * leaf spacer) — that prefixes the group cell when {@link ApexGrid.tree}\n   * is enabled. Returns `nothing` for every other cell.\n   */\n  protected renderTreeAffordance() {\n    const tree = this.state?.tree;\n    if (!tree?.enabled) return null;\n    if (!this.row?.data) return null;\n    if (!tree.isGroupColumn(this.column.key)) return null;\n\n    const data = this.row.data;\n    const meta = tree.getMeta(data);\n    if (!meta) return null;\n\n    const indent = meta.depth * tree.childIndent;\n    const expanded = tree.isExpanded(data);\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!meta.hasChildren) return;\n      void tree.toggleRow(data);\n    };\n\n    const chevron = meta.hasChildren\n      ? html`<button\n          type=\"button\"\n          part=\"tree-toggle\"\n          aria-label=${\n            expanded ? this.state.localize('row.collapse') : this.state.localize('row.expand')\n          }\n          aria-expanded=${expanded ? 'true' : 'false'}\n          @click=${handleClick}\n        >\n          <svg\n            part=\"tree-chevron\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            width=\"14\"\n            height=\"14\"\n          >\n            <path\n              d=\"M9 6l6 6-6 6\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>`\n      : html`<span part=\"tree-spacer\" aria-hidden=\"true\"></span>`;\n\n    return html`<span\n        part=\"tree-indent\"\n        aria-hidden=\"true\"\n        style=${`inline-size: ${indent}px`}\n      ></span>${chevron}`;\n  }\n\n  /**\n   * Resolves the value to display for the cell. Synthesized tree parents\n   * (those that appear only as a path segment with no backing data) render\n   * their last path segment in the group column and nothing elsewhere.\n   */\n  protected resolveDisplayValue(): unknown {\n    const tree = this.state?.tree;\n    if (tree?.enabled && this.row?.data && tree.isSynthesized(this.row.data)) {\n      return tree.isGroupColumn(this.column.key) ? tree.getLabel(this.row.data) : '';\n    }\n    return this.value;\n  }\n\n  protected renderCellBody() {\n    if (this.column.cellTemplate) {\n      return this.column.cellTemplate(this.context as ApexCellContext<T> as never);\n    }\n    const typeRenderer = getColumnTypeRenderer<T>(this.column.type);\n    if (typeRenderer?.display) {\n      // Synthesized parents have no real backing data — route them through\n      // a plain text render instead of the typed renderer.\n      const tree = this.state?.tree;\n      if (tree?.enabled && this.row?.data && tree.isSynthesized(this.row.data)) {\n        return html`${this.resolveDisplayValue()}`;\n      }\n      return typeRenderer.display(this.context as never);\n    }\n    return html`${this.resolveDisplayValue()}`;\n  }\n\n  protected override render() {\n    const error = this.renderError();\n    if (this.isEditing) {\n      return html`${this.renderEditor()}${error}`;\n    }\n    const affordance = this.renderTreeAffordance();\n    if (affordance) {\n      return html`${affordance}<span part=\"tree-cell-content\"\n          >${this.renderCellBody()}</span\n        >${error}`;\n    }\n    return html`${this.renderCellBody()}${error}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridCell.tagName]: ApexGridCell<object>;\n  }\n}\n"]}
+{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../src/components/cell.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { getColumnTypeRenderer } from '../internal/column-types.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_CELL_TAG } from '../internal/tags.js';\nimport type {\n  ApexCellContext,\n  ApexEditorContext,\n  ColumnConfiguration,\n  PropertyType,\n} from '../internal/types.js';\nimport { styles } from '../styles/body-cell/body-cell.css.js';\nimport type ApexGridRow from './row.js';\n\n/**\n * A spreadsheet-style error value (e.g. the enterprise formula engine's\n * `#VALUE!` / `#DIV/0!`). Duck-typed so core carries no dependency on the\n * enterprise layer: any value that is an object carrying a `#...` string `code`\n * is rendered as that code, even in a typed (currency / number) column whose\n * numeric renderer would otherwise coerce it to `NaN` and show nothing.\n */\nfunction isErrorLike(value: unknown): value is { code: string } {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as { code?: unknown }).code === 'string' &&\n    (value as { code: string }).code.startsWith('#')\n  );\n}\n\n/**\n * Component representing a DOM cell of the Apex grid.\n *\n * @csspart cell - The cell host element.\n * @csspart editor - The editor wrapper rendered while the cell is in edit mode.\n */\nexport default class ApexGridCell<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_CELL_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridCell);\n  }\n\n  /**\n   * The value which will be rendered by the component.\n   */\n  @property({ attribute: false })\n  public value!: PropertyType<T>;\n\n  /**\n   * A reference to the column configuration object.\n   */\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /**\n   * Indicates whether this is the active cell in the grid.\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Whether the cell is currently in edit mode. Set by the parent row from the\n   * editing controller's state so cells re-render on edit state changes.\n   */\n  @property({ type: Boolean, reflect: true })\n  public editing = false;\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  /**\n   * The parent row component holding this cell.\n   */\n  public row!: ApexGridRow<T>;\n\n  @query('input, [data-apex-editor]')\n  protected editorElement!: HTMLElement | null;\n\n  protected get context(): ApexCellContext<T> {\n    const ctx = {\n      parent: this,\n      row: this.row,\n      column: this.column,\n      value: this.value,\n    } as unknown as {\n      parent: ApexGridCell<T>;\n      row: ApexGridRow<T>;\n      column: ColumnConfiguration<T>;\n      value: PropertyType<T>;\n      commit?: (value: unknown) => Promise<boolean>;\n    };\n    // Only expose `commit` when the column is editable — non-editable\n    // interactive widgets should render as read-only.\n    if (this.isEditable) {\n      ctx.commit = (next: unknown) =>\n        this.editingController.commitImmediate(this.row.index, this.column.key, next);\n    }\n    return ctx as unknown as ApexCellContext<T>;\n  }\n\n  protected get editingController() {\n    return this.state.editing;\n  }\n\n  protected get isEditing(): boolean {\n    return this.editing;\n  }\n\n  protected get isEditable(): boolean {\n    if (!this.editingController) return false;\n    return this.editingController.isEditable(this.column);\n  }\n\n  /**\n   * 1-based column index used to populate `aria-colindex`. Accounts for the\n   * auto-rendered selection + expansion columns ahead of the data columns.\n   */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Reactive token forwarded from {@link StateController.decorationVersion}.\n   * Changing it re-runs {@link willUpdate} so module-driven cell decoration is\n   * re-evaluated when it changes (e.g. while dragging a selection range). Stays\n   * `0` for the community grid, so cells are never re-decorated there.\n   */\n  @property({ attribute: false, type: Number })\n  public decorationVersion = 0;\n\n  /**\n   * Reactive token forwarded from {@link EditingController.validationVersion}.\n   * Changing it re-runs {@link willUpdate} so the cell re-reads its validation\n   * errors and toggles `aria-invalid` / the inline error node. Stays `0` until\n   * the first validation failure.\n   */\n  @property({ attribute: false, type: Number })\n  public validationVersion = 0;\n\n  /** Decoration attribute keys applied on the previous update, for cleanup. */\n  #decoratedKeys: string[] = [];\n\n  /** DOM id of the inline error node, referenced by `aria-errormessage`. */\n  static readonly #ERROR_ID = 'apex-cell-error';\n\n  /** Validation errors resolved in {@link willUpdate}, consumed in render. */\n  #errors: readonly string[] | null = null;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'gridcell');\n    this.addEventListener('click', this.#handleClick);\n    this.addEventListener('dblclick', this.#handleDoubleClick);\n    this.addEventListener('keydown', this.#handleCellKeydown);\n    this.addEventListener('focusout', this.#handleCellFocusOut);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.#handleClick);\n    this.removeEventListener('dblclick', this.#handleDoubleClick);\n    this.removeEventListener('keydown', this.#handleCellKeydown);\n    this.removeEventListener('focusout', this.#handleCellFocusOut);\n    super.disconnectedCallback();\n  }\n\n  protected override willUpdate() {\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    } else {\n      this.removeAttribute('aria-colindex');\n    }\n    // Roving tabindex: the active cell is the grid body's single tab stop, so\n    // real focus (not just `aria-current`) tracks keyboard navigation and\n    // screen readers follow arrow-key movement cell to cell.\n    this.tabIndex = this.active ? 0 : -1;\n    if (this.active) {\n      this.setAttribute('aria-current', 'true');\n    } else {\n      this.removeAttribute('aria-current');\n    }\n    // Reflect tree-expanded state on the group cell so the SCSS chevron\n    // rotation triggers from this attribute (cheaper than per-render style\n    // mutations and keeps the SVG transform purely declarative).\n    const tree = this.state?.tree;\n    const isGroup = tree?.enabled && this.row?.data && tree.isGroupColumn(this.column.key);\n    if (isGroup && tree.isExpanded(this.row.data)) {\n      this.setAttribute('data-tree-expanded', '');\n    } else {\n      this.removeAttribute('data-tree-expanded');\n    }\n\n    this.#applyValidation();\n    this.#applyDecoration();\n  }\n\n  /**\n   * Reflects the cell's validation state from the editing controller: stores the\n   * current error messages for {@link render} and toggles `aria-invalid` +\n   * `aria-errormessage` + `data-invalid` on the host. Inert for cells whose\n   * column has no validators (the lookup returns `null`).\n   */\n  #applyValidation(): void {\n    const errors =\n      this.state && this.row?.data\n        ? (this.editingController?.getCellErrors(this.row.data, this.column.key) ?? null)\n        : null;\n    this.#errors = errors && errors.length > 0 ? errors : null;\n\n    if (this.#errors) {\n      this.setAttribute('aria-invalid', 'true');\n      this.setAttribute('aria-errormessage', ApexGridCell.#ERROR_ID);\n      this.setAttribute('data-invalid', '');\n      this.setAttribute('title', this.#errors.join('; '));\n    } else {\n      this.removeAttribute('aria-invalid');\n      this.removeAttribute('aria-errormessage');\n      this.removeAttribute('data-invalid');\n      this.removeAttribute('title');\n    }\n  }\n\n  /**\n   * The inline error node surfaced when the cell is invalid. `role=\"alert\"`\n   * announces the message when it appears, covering the cross-shadow gap where\n   * an `aria-errormessage` IDREF on the host can't reach this node.\n   */\n  protected renderError() {\n    if (!this.#errors) return null;\n    return html`<span\n      part=\"cell-error\"\n      id=${ApexGridCell.#ERROR_ID}\n      role=\"alert\"\n      >${this.#errors.join('; ')}</span\n    >`;\n  }\n\n  /**\n   * Reflects module-contributed decoration attributes (see {@link CellDecorator})\n   * onto the cell host, reconciling against the previous update so attributes\n   * that are no longer present are removed. Inert for the community grid:\n   * `state.decorateCell` returns `null` with no modules, so nothing is set.\n   */\n  #applyDecoration(): void {\n    const decoration =\n      this.state && this.row\n        ? this.state.decorateCell({\n            row: this.row.data,\n            rowIndex: this.row.index,\n            column: this.column,\n            value: this.value as unknown,\n          })\n        : null;\n    const next = decoration?.attributes ?? {};\n\n    // Remove anything we set last time that's gone (or explicitly cleared).\n    for (const key of this.#decoratedKeys) {\n      if (next[key] == null) this.removeAttribute(key);\n    }\n\n    const applied: string[] = [];\n    for (const [key, value] of Object.entries(next)) {\n      if (value == null) {\n        this.removeAttribute(key);\n      } else {\n        this.setAttribute(key, value);\n        applied.push(key);\n      }\n    }\n    this.#decoratedKeys = applied;\n  }\n\n  protected override updated(changed: PropertyValues<this>) {\n    if (this.isEditing) {\n      const editor = this.editorElement;\n      editor?.focus();\n      if (editor instanceof HTMLInputElement) {\n        if (editor.type === 'text' || editor.type === 'number') {\n          editor.select();\n        }\n      }\n      return;\n    }\n    // A keyboard-committed (or cancelled) edit removes the focused editor from\n    // the DOM; hand focus back to the cell host so grid navigation continues\n    // from where the user was. Pointer-driven exits (blur / outside click)\n    // never set the flag, so they don't steal focus from the click target.\n    if (changed.get('editing') === true && this.#refocusAfterEdit) {\n      this.#refocusAfterEdit = false;\n      this.focus();\n    }\n  }\n\n  #handleClick = (event: MouseEvent) => {\n    if (this.isEditing) {\n      // Don't let clicks inside the editor bubble into navigation / outside-click commits.\n      event.stopPropagation();\n      return;\n    }\n    if (!this.isEditable) return;\n    // Boolean cells handle interaction in their display widget — clicking the\n    // checkbox commits inline via `ctx.commit`. We never enter edit mode for\n    // booleans, which avoids the visual reflow between display/editor markup\n    // and lets a single click toggle the value.\n    if (this.column.type === 'boolean') return;\n    if (this.editingController.trigger !== 'click') return;\n    this.#startEdit();\n  };\n\n  #handleDoubleClick = (event: MouseEvent) => {\n    if (this.isEditing) {\n      event.stopPropagation();\n      return;\n    }\n    if (!this.isEditable) return;\n    if (this.column.type === 'boolean') return;\n    if (this.editingController.trigger !== 'doubleClick') return;\n    this.#startEdit();\n  };\n\n  #startEdit() {\n    if (!this.row) return;\n    this.editingController.editCell(this.row.index, this.column.key);\n  }\n\n  #pendingValue: unknown;\n\n  /** Set by keyboard-driven commit/cancel so `updated` refocuses the cell host. */\n  #refocusAfterEdit = false;\n\n  #commitWith = async (value?: unknown): Promise<boolean> => {\n    return this.editingController.commitCell(value ?? this.#pendingValue);\n  };\n\n  #cancel = () => {\n    this.editingController.cancelCell();\n  };\n\n  #handleKeydown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        this.#refocusAfterEdit = true;\n        this.#commitWith();\n        return;\n      case 'Escape':\n        event.preventDefault();\n        this.#refocusAfterEdit = true;\n        this.#cancel();\n        return;\n      case 'Tab':\n        // Commit first; navigation moves to the next/prev cell. Editing of the\n        // landed cell stays manual (Enter to re-edit) for predictability.\n        event.preventDefault();\n        this.#refocusAfterEdit = true;\n        this.#commitWith();\n        return;\n      default:\n        return;\n    }\n  };\n\n  #handleBlur = () => {\n    if (!this.isEditing) return;\n    if (this.editingController.mode === 'cell') {\n      this.#commitWith();\n    } else {\n      // Row mode — stash the value and exit the cell editor; the row stays open.\n      this.editingController.commitCell(this.#pendingValue);\n    }\n  };\n\n  /**\n   * Cell-level keydown that catches keys bubbling out of registry-built\n   * editors (the default editor stops propagation on its own input).\n   *\n   * - Escape always cancels the edit.\n   * - Tab commits (or closes when there's no draft — `commitCell()` with\n   *   `undefined` value is treated as \"no change\" by the controller).\n   *\n   * Per-editor `keydown` handlers that need to consume Enter (e.g. the\n   * built-in `<select>` editor) still get the first crack — they call\n   * `event.stopPropagation()` and we never see those keys here.\n   */\n  #handleCellKeydown = (event: KeyboardEvent) => {\n    if (!this.isEditing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.#refocusAfterEdit = true;\n      this.#cancel();\n      return;\n    }\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      this.#refocusAfterEdit = true;\n      this.#commitWith();\n    }\n  };\n\n  /**\n   * Cell-level focus-out: commits the active edit when focus truly leaves\n   * the cell (clicking another cell, tabbing past the editor, blurring to\n   * the document body). The default editor's input also has `@blur` which\n   * commits first; by that time `isEditing` is false and this is a no-op.\n   *\n   * For built-in registry editors `commitCell()` with no explicit value\n   * resolves to the current data value — same shape as \"no change\", so\n   * losing focus without picking discards the open editor without writing\n   * spurious data.\n   */\n  #handleCellFocusOut = (event: FocusEvent) => {\n    if (!this.isEditing) return;\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.contains(next) || this.shadowRoot?.contains(next))) return;\n    if (this.editingController.mode === 'cell') {\n      this.#commitWith();\n    } else {\n      this.editingController.commitCell(this.#pendingValue);\n    }\n  };\n\n  #handleTextInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    if (this.column.type === 'number') {\n      // An empty (or non-parseable) number field clears the value to null rather\n      // than committing NaN, which would render as the text \"NaN\".\n      const numeric = target.valueAsNumber;\n      this.#pendingValue = target.value === '' || Number.isNaN(numeric) ? null : numeric;\n      return;\n    }\n    this.#pendingValue = target.value;\n  };\n\n  #handleCheckboxChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.#pendingValue = target.checked;\n    // Booleans commit immediately — toggling is the whole interaction.\n    this.#commitWith(target.checked);\n  };\n\n  protected renderDefaultEditor() {\n    const value = this.value as unknown;\n    if (this.column.type === 'boolean') {\n      this.#pendingValue = Boolean(value);\n      return html`<input\n        type=\"checkbox\"\n        part=\"editor\"\n        data-apex-editor\n        ?checked=${Boolean(value)}\n        @change=${this.#handleCheckboxChange}\n        @keydown=${this.#handleKeydown}\n        @blur=${this.#handleBlur}\n      />`;\n    }\n    if (this.column.type === 'number') {\n      this.#pendingValue = value;\n      return html`<input\n        type=\"number\"\n        part=\"editor\"\n        data-apex-editor\n        .value=${value == null ? '' : String(value)}\n        @input=${this.#handleTextInput}\n        @keydown=${this.#handleKeydown}\n        @blur=${this.#handleBlur}\n      />`;\n    }\n    this.#pendingValue = value;\n    return html`<input\n      type=\"text\"\n      part=\"editor\"\n      data-apex-editor\n      .value=${value == null ? '' : String(value)}\n      @input=${this.#handleTextInput}\n      @keydown=${this.#handleKeydown}\n      @blur=${this.#handleBlur}\n    />`;\n  }\n\n  protected renderEditor() {\n    const template = this.column.editorTemplate;\n    const ctx = {\n      parent: this,\n      row: this.row,\n      column: this.column,\n      value: this.value,\n      commit: (next: unknown) => this.editingController.commitCell(next),\n      cancel: () => this.editingController.cancelCell(),\n    };\n    if (template) {\n      // For custom editors we don't know the draft shape; reset pending so\n      // cell-level commit doesn't write a stale value from a previous edit.\n      this.#pendingValue = this.value;\n      return template(ctx as unknown as ApexEditorContext<T> as never);\n    }\n    const typeRenderer = getColumnTypeRenderer<T>(this.column.type);\n    if (typeRenderer?.editor) {\n      this.#pendingValue = this.value;\n      return typeRenderer.editor(ctx as never);\n    }\n    return this.renderDefaultEditor();\n  }\n\n  /**\n   * Renders the tree affordance — depth-based indent + a chevron toggle (or\n   * leaf spacer) — that prefixes the group cell when {@link ApexGrid.tree}\n   * is enabled. Returns `nothing` for every other cell.\n   */\n  protected renderTreeAffordance() {\n    const tree = this.state?.tree;\n    if (!tree?.enabled) return null;\n    if (!this.row?.data) return null;\n    if (!tree.isGroupColumn(this.column.key)) return null;\n\n    const data = this.row.data;\n    const meta = tree.getMeta(data);\n    if (!meta) return null;\n\n    const indent = meta.depth * tree.childIndent;\n    const expanded = tree.isExpanded(data);\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!meta.hasChildren) return;\n      void tree.toggleRow(data);\n    };\n\n    const chevron = meta.hasChildren\n      ? html`<button\n          type=\"button\"\n          part=\"tree-toggle\"\n          aria-label=${\n            expanded ? this.state.localize('row.collapse') : this.state.localize('row.expand')\n          }\n          aria-expanded=${expanded ? 'true' : 'false'}\n          @click=${handleClick}\n        >\n          <svg\n            part=\"tree-chevron\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            width=\"14\"\n            height=\"14\"\n          >\n            <path\n              d=\"M9 6l6 6-6 6\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>`\n      : html`<span part=\"tree-spacer\" aria-hidden=\"true\"></span>`;\n\n    return html`<span\n        part=\"tree-indent\"\n        aria-hidden=\"true\"\n        style=${`inline-size: ${indent}px`}\n      ></span>${chevron}`;\n  }\n\n  /**\n   * Resolves the value to display for the cell. Synthesized tree parents\n   * (those that appear only as a path segment with no backing data) render\n   * their last path segment in the group column and nothing elsewhere.\n   */\n  protected resolveDisplayValue(): unknown {\n    const tree = this.state?.tree;\n    if (tree?.enabled && this.row?.data && tree.isSynthesized(this.row.data)) {\n      return tree.isGroupColumn(this.column.key) ? tree.getLabel(this.row.data) : '';\n    }\n    return this.value;\n  }\n\n  protected renderCellBody() {\n    if (this.column.cellTemplate) {\n      return this.column.cellTemplate(this.context as ApexCellContext<T> as never);\n    }\n    // A formula error is a first-class cell value: render its code as text so it\n    // stays visible in typed columns (a currency/number renderer would coerce it\n    // to NaN and show an empty cell).\n    const value = this.resolveDisplayValue();\n    if (isErrorLike(value)) {\n      return html`${value.code}`;\n    }\n    const typeRenderer = getColumnTypeRenderer<T>(this.column.type);\n    if (typeRenderer?.display) {\n      // Synthesized parents have no real backing data — route them through\n      // a plain text render instead of the typed renderer.\n      const tree = this.state?.tree;\n      if (tree?.enabled && this.row?.data && tree.isSynthesized(this.row.data)) {\n        return html`${this.resolveDisplayValue()}`;\n      }\n      return typeRenderer.display(this.context as never);\n    }\n    return html`${this.resolveDisplayValue()}`;\n  }\n\n  protected override render() {\n    const error = this.renderError();\n    if (this.isEditing) {\n      return html`${this.renderEditor()}${error}`;\n    }\n    const affordance = this.renderTreeAffordance();\n    if (affordance) {\n      return html`${affordance}<span part=\"tree-cell-content\"\n          >${this.renderCellBody()}</span\n        >${error}`;\n    }\n    return html`${this.renderCellBody()}${error}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridCell.tagName]: ApexGridCell<object>;\n  }\n}\n"]}

package/components/filter-row.js

@@ -24,13 +24,51 @@ export default class ApexFilterRow extends LitElement {
         this.column = DEFAULT_COLUMN_CONFIG;
         this.#handleDropdownItemClick = (event) => {
             event.stopPropagation();
-            const target = event.target.closest('[data-value]');
-            if (!target)
+            this.#selectOption(event.target.closest('[data-value]'));
+        };
+        this.#handleTriggerKeydown = (event) => {
+            if (event.key !== 'ArrowDown' && event.key !== 'Down')
                 return;
-            const value = target.dataset.value;
-            this.#applyCondition(value);
-            this.dropdownOpen = false;
-            this.input?.focus();
+            event.preventDefault();
+            event.stopPropagation();
+            this.dropdownOpen = true;
+            this.#focusDropdownOption();
+        };
+        this.#handleDropdownKeydown = (event) => {
+            const options = this.#dropdownOptions();
+            const current = options.findIndex((option) => option.matches(':focus'));
+            switch (event.key) {
+                case 'ArrowDown':
+                case 'Down':
+                    event.preventDefault();
+                    event.stopPropagation();
+                    options[Math.min(current + 1, options.length - 1)]?.focus();
+                    return;
+                case 'ArrowUp':
+                case 'Up':
+                    event.preventDefault();
+                    event.stopPropagation();
+                    options[Math.max(current - 1, 0)]?.focus();
+                    return;
+                case 'Home':
+                    event.preventDefault();
+                    event.stopPropagation();
+                    options[0]?.focus();
+                    return;
+                case 'End':
+                    event.preventDefault();
+                    event.stopPropagation();
+                    options[options.length - 1]?.focus();
+                    return;
+                case 'Enter':
+                case ' ':
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.#selectOption(options[current] ?? null);
+                    return;
+                default:
+                    return;
+            }
         };
         this.#handleOutsidePointer = (event) => {
             const path = event.composedPath();
@@ -91,7 +129,26 @@ export default class ApexFilterRow extends LitElement {
         }
         this.requestUpdate();
     }
+    #selectOption(target) {
+        if (!target)
+            return;
+        const value = target.dataset.value;
+        this.#applyCondition(value);
+        this.dropdownOpen = false;
+        this.input?.focus();
+    }
     #handleDropdownItemClick;
+    #dropdownOptions() {
+        return Array.from(this.dropdown?.querySelectorAll('[role="option"]') ?? []);
+    }
+    #focusDropdownOption() {
+        requestAnimationFrame(() => {
+            const options = this.#dropdownOptions();
+            (options.find((option) => option.matches('[aria-selected="true"]')) ?? options[0])?.focus();
+        });
+    }
+    #handleTriggerKeydown;
+    #handleDropdownKeydown;
     #handleOutsidePointer;
     #handleDocumentKey;
     #handleInput(event) {
@@ -271,6 +328,7 @@ export default class ApexFilterRow extends LitElement {
       aria-label=${this.state.localize('filter.conditionList')}
       ?hidden=${!this.dropdownOpen}
       @click=${this.#handleDropdownItemClick}
+      @keydown=${this.#handleDropdownKeydown}
     >
       ${Object.entries(getFilterOperandsFor(this.column)).map(([key, operand]) => html `
           <li
@@ -298,6 +356,7 @@ export default class ApexFilterRow extends LitElement {
       aria-haspopup="listbox"
       aria-expanded=${this.dropdownOpen ? 'true' : 'false'}
       @click=${this.#openDropdownList}
+      @keydown=${this.#handleTriggerKeydown}
     >
       <span>${conditionLabel}</span>
       ${renderIcon('chevron-down')}

package/components/filter-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-row.js","sourceRoot":"","sources":["../../src/components/filter-row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport type { GridLocaleKey } from '../i18n/index.js';\nimport { DEFAULT_COLUMN_CONFIG } from '../internal/constants.js';\nimport { renderIcon } from '../internal/icons.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_FILTER_ROW_TAG } from '../internal/tags.js';\nimport type { ColumnConfiguration } from '../internal/types.js';\nimport { getFilterOperandsFor } from '../internal/utils.js';\nimport { watch } from '../internal/watch.js';\nimport type { FilterExpression, FilterOperation, OperandKeys } from '../operations/filter/types.js';\nimport { styles } from '../styles/filter-row/filter-row.css.js';\n\ntype ExpressionChipProps<T> = {\n  expression: FilterExpression<T>;\n  selected: boolean;\n  onRemove: (e: Event) => Promise<void>;\n  onSelect: (e: Event) => Promise<void>;\n};\n\nexport default class ApexFilterRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_FILTER_ROW_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(ApexFilterRow);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  protected get isNumeric() {\n    return this.column.type === 'number';\n  }\n\n  protected get filterController() {\n    return this.state.filtering;\n  }\n\n  protected get condition() {\n    return this.expression.condition as FilterOperation<T>;\n  }\n\n  @property({ attribute: false })\n  public active = false;\n\n  /** Bounding rect of the filter icon that opened this panel. Used for positioning. */\n  @property({ attribute: false })\n  public triggerRect: DOMRect | null = null;\n\n  @query('input')\n  public input!: HTMLInputElement;\n\n  @query('#condition')\n  public conditionElement!: HTMLElement;\n\n  @query('[part~=\"dropdown\"]')\n  public dropdown!: HTMLElement;\n\n  @state()\n  protected dropdownOpen = false;\n\n  @property({ attribute: false })\n  public column: ColumnConfiguration<T> = DEFAULT_COLUMN_CONFIG as ColumnConfiguration<T>;\n\n  @property({ attribute: false })\n  public expression!: FilterExpression<T>;\n\n  #setDefaultExpression() {\n    this.expression = this.filterController.getDefaultExpression(this.column);\n  }\n\n  #removeExpression(expression: FilterExpression<T>) {\n    this.filterController.removeExpression(expression);\n  }\n\n  #applyCondition(key: OperandKeys<T[typeof this.column.key]>) {\n    // XXX: Types\n    this.expression.condition = (getFilterOperandsFor(this.column) as any)[key] as FilterOperation<\n      T[keyof T]\n    >;\n\n    if (this.input?.value || this.expression.condition.unary) {\n      this.filterController.filterWithEvent(this.expression, 'modify');\n    }\n\n    this.requestUpdate();\n  }\n\n  #handleDropdownItemClick = (event: Event) => {\n    event.stopPropagation();\n    const target = (event.target as HTMLElement).closest<HTMLElement>('[data-value]');\n    if (!target) return;\n    const value = target.dataset.value as OperandKeys<T[typeof this.column.key]>;\n    this.#applyCondition(value);\n    this.dropdownOpen = false;\n    this.input?.focus();\n  };\n\n  #handleOutsidePointer = (event: PointerEvent) => {\n    const path = event.composedPath();\n\n    // Close the condition dropdown if clicking outside it.\n    if (this.dropdownOpen) {\n      if (!path.includes(this.dropdown) && !path.includes(this.conditionElement)) {\n        this.dropdownOpen = false;\n      }\n      return;\n    }\n\n    // Close the whole panel if clicking outside it.\n    if (this.active && !path.includes(this)) {\n      this.active = false;\n    }\n  };\n\n  #handleDocumentKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape') return;\n\n    if (this.dropdownOpen) {\n      event.stopPropagation();\n      this.dropdownOpen = false;\n      this.conditionElement?.focus();\n      return;\n    }\n\n    if (this.active) {\n      event.stopPropagation();\n      this.active = false;\n    }\n  };\n\n  #handleInput(event: Event) {\n    event.stopPropagation();\n\n    const raw = (event.target as HTMLInputElement).value ?? '';\n    const value = this.isNumeric ? Number.parseFloat(raw) : raw;\n    const shouldUpdate = this.isNumeric ? !Number.isNaN(value as number) : !!value;\n    const type = this.filterController.get(this.expression.key)?.has(this.expression)\n      ? 'modify'\n      : 'add';\n\n    if (shouldUpdate) {\n      this.expression.searchTerm = value as any;\n      this.filterController.filterWithEvent(this.expression, type);\n    } else {\n      this.#removeExpression(this.expression);\n    }\n\n    this.requestUpdate();\n  }\n\n  #handleKeydown(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    switch (event.key) {\n      case 'Enter':\n        if (this.input) this.input.value = '';\n        this.#setDefaultExpression();\n        return;\n      case 'Escape':\n        this.active = false;\n        return;\n      default:\n        return;\n    }\n  }\n\n  #handleResetClick() {\n    this.filterController.removeAllExpressions(this.column.key);\n    this.#setDefaultExpression();\n    this.requestUpdate();\n  }\n\n  #openDropdownList = () => {\n    this.dropdownOpen = !this.dropdownOpen;\n  };\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('pointerdown', this.#handleOutsidePointer, true);\n    document.addEventListener('keydown', this.#handleDocumentKey, true);\n  }\n\n  public override disconnectedCallback(): void {\n    document.removeEventListener('pointerdown', this.#handleOutsidePointer, true);\n    document.removeEventListener('keydown', this.#handleDocumentKey, true);\n    super.disconnectedCallback();\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected async activeChanged() {\n    if (this.active && this.triggerRect) {\n      const panelWidth = 240;\n      const viewportWidth = window.innerWidth;\n      let left = this.triggerRect.left;\n      // Clamp so the panel doesn't overflow the right edge of the viewport.\n      if (left + panelWidth > viewportWidth - 8) {\n        left = Math.max(8, viewportWidth - panelWidth - 8);\n      }\n      this.style.setProperty('--fp-top', `${this.triggerRect.bottom + 4}px`);\n      this.style.setProperty('--fp-left', `${left}px`);\n      this.setAttribute('data-active', '');\n      await this.updateComplete;\n      this.input?.select();\n    } else {\n      this.removeAttribute('data-active');\n      this.style.removeProperty('--fp-top');\n      this.style.removeProperty('--fp-left');\n      this.column = DEFAULT_COLUMN_CONFIG as ColumnConfiguration<T>;\n    }\n\n    this.state.host.requestUpdate();\n  }\n\n  #chipCriteriaFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      expression.criteria = expression.criteria === 'and' ? 'or' : 'and';\n      this.filterController.filterWithEvent(expression, 'modify');\n      this.requestUpdate();\n    };\n  }\n\n  #chipSelectFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.expression = expression;\n      await this.updateComplete;\n      this.input?.select();\n    };\n  }\n\n  #chipRemoveFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.#removeExpression(expression);\n\n      if (this.active && this.expression === expression) {\n        this.#setDefaultExpression();\n        await this.updateComplete;\n        this.input?.focus();\n      }\n\n      this.requestUpdate();\n    };\n  }\n\n  protected renderCriteriaButton(expr: FilterExpression<T>, index: number) {\n    return index\n      ? html`<button\n          type=\"button\"\n          part=\"criteria\"\n          @click=${this.#chipCriteriaFor(expr)}\n        >\n          ${expr.criteria}\n        </button>`\n      : nothing;\n  }\n\n  protected renderExpressionChip(props: ExpressionChipProps<T>) {\n    const { name, unary } = props.expression.condition as FilterOperation<T>;\n    const { searchTerm: term } = props.expression;\n\n    return html`<div\n      part=\"expression-chip\"\n      ?selected=${props.selected}\n    >\n      <button\n        part=\"chip-body\"\n        type=\"button\"\n        @click=${props.onSelect}\n      >\n        ${renderIcon(name)}\n        <span>${unary ? name : term}</span>\n      </button>\n      <button\n        part=\"chip-remove\"\n        type=\"button\"\n        aria-label=${this.state.localize('filter.removeFilter')}\n        @click=${props.onRemove}\n      >\n        ${renderIcon('close')}\n      </button>\n    </div>`;\n  }\n\n  protected renderActiveChips() {\n    const state = this.filterController.get(this.column.key);\n\n    return !state\n      ? nothing\n      : Array.from(state).map((expression, idx) => {\n          const props: ExpressionChipProps<T> = {\n            expression,\n            selected: this.expression === expression,\n            onRemove: this.#chipRemoveFor(expression),\n            onSelect: this.#chipSelectFor(expression),\n          };\n\n          return html`${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(\n            props\n          )}`;\n        });\n  }\n\n  protected renderFilterActions() {\n    return html`\n      <button\n        id=\"reset\"\n        type=\"button\"\n        part=\"action\"\n        @click=${this.#handleResetClick}\n      >\n        ${renderIcon('refresh')} ${this.state.localize('filter.reset')}\n      </button>\n      <button\n        id=\"close\"\n        type=\"button\"\n        part=\"action\"\n        @click=${() => {\n          this.active = false;\n        }}\n      >\n        ${renderIcon('close')} ${this.state.localize('filter.close')}\n      </button>\n    `;\n  }\n\n  protected renderDropdown() {\n    return html`<ul\n      part=\"dropdown\"\n      role=\"listbox\"\n      aria-label=${this.state.localize('filter.conditionList')}\n      ?hidden=${!this.dropdownOpen}\n      @click=${this.#handleDropdownItemClick}\n    >\n      ${Object.entries(getFilterOperandsFor(this.column)).map(\n        ([key, operand]) => html`\n          <li\n            part=\"dropdown-item\"\n            role=\"option\"\n            tabindex=\"-1\"\n            data-value=${key}\n            aria-selected=${this.condition.name === key}\n            ?selected=${this.condition.name === key}\n          >\n            ${renderIcon(key)}<span\n              >${this.state.localize(\n                `filter.operator.${key}` as GridLocaleKey,\n                undefined,\n                operand?.label ?? key\n              )}</span\n            >\n          </li>\n        `\n      )}\n    </ul>`;\n  }\n\n  protected renderDropdownTarget() {\n    const conditionLabel = this.state.localize(\n      `filter.operator.${this.condition.name}` as GridLocaleKey,\n      undefined,\n      (this.condition as FilterOperation<T>).label ?? this.condition.name\n    );\n    return html`<button\n      id=\"condition\"\n      type=\"button\"\n      part=\"condition-trigger\"\n      aria-label=${this.state.localize('filter.changeCondition')}\n      aria-haspopup=\"listbox\"\n      aria-expanded=${this.dropdownOpen ? 'true' : 'false'}\n      @click=${this.#openDropdownList}\n    >\n      <span>${conditionLabel}</span>\n      ${renderIcon('chevron-down')}\n    </button>`;\n  }\n\n  protected renderActiveState() {\n    const hasChips = Boolean(this.filterController.get(this.column.key)?.length);\n    return html`\n      <div part=\"panel\">\n        <div part=\"condition-row\">\n          ${this.renderDropdownTarget()}\n          ${this.renderDropdown()}\n        </div>\n        ${\n          !this.condition.unary\n            ? html`<div part=\"panel-input-row\">\n              <input\n                part=\"filter-input\"\n                type=\"text\"\n                .value=${(this.expression?.searchTerm as string) ?? ''}\n                placeholder=${this.state.localize('filter.inputPlaceholder')}\n                @input=${this.#handleInput}\n                @keydown=${this.#handleKeydown}\n              />\n            </div>`\n            : nothing\n        }\n        ${hasChips ? html`<div part=\"chips-row\">${this.renderActiveChips()}</div>` : nothing}\n        <div part=\"panel-footer\">${this.renderFilterActions()}</div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this.active ? this.renderActiveState() : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexFilterRow.tagName]: ApexFilterRow<object>;\n  }\n}\n"]}
+{"version":3,"file":"filter-row.js","sourceRoot":"","sources":["../../src/components/filter-row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport type { GridLocaleKey } from '../i18n/index.js';\nimport { DEFAULT_COLUMN_CONFIG } from '../internal/constants.js';\nimport { renderIcon } from '../internal/icons.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_FILTER_ROW_TAG } from '../internal/tags.js';\nimport type { ColumnConfiguration } from '../internal/types.js';\nimport { getFilterOperandsFor } from '../internal/utils.js';\nimport { watch } from '../internal/watch.js';\nimport type { FilterExpression, FilterOperation, OperandKeys } from '../operations/filter/types.js';\nimport { styles } from '../styles/filter-row/filter-row.css.js';\n\ntype ExpressionChipProps<T> = {\n  expression: FilterExpression<T>;\n  selected: boolean;\n  onRemove: (e: Event) => Promise<void>;\n  onSelect: (e: Event) => Promise<void>;\n};\n\nexport default class ApexFilterRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_FILTER_ROW_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(ApexFilterRow);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  protected get isNumeric() {\n    return this.column.type === 'number';\n  }\n\n  protected get filterController() {\n    return this.state.filtering;\n  }\n\n  protected get condition() {\n    return this.expression.condition as FilterOperation<T>;\n  }\n\n  @property({ attribute: false })\n  public active = false;\n\n  /** Bounding rect of the filter icon that opened this panel. Used for positioning. */\n  @property({ attribute: false })\n  public triggerRect: DOMRect | null = null;\n\n  @query('input')\n  public input!: HTMLInputElement;\n\n  @query('#condition')\n  public conditionElement!: HTMLElement;\n\n  @query('[part~=\"dropdown\"]')\n  public dropdown!: HTMLElement;\n\n  @state()\n  protected dropdownOpen = false;\n\n  @property({ attribute: false })\n  public column: ColumnConfiguration<T> = DEFAULT_COLUMN_CONFIG as ColumnConfiguration<T>;\n\n  @property({ attribute: false })\n  public expression!: FilterExpression<T>;\n\n  #setDefaultExpression() {\n    this.expression = this.filterController.getDefaultExpression(this.column);\n  }\n\n  #removeExpression(expression: FilterExpression<T>) {\n    this.filterController.removeExpression(expression);\n  }\n\n  #applyCondition(key: OperandKeys<T[typeof this.column.key]>) {\n    // XXX: Types\n    this.expression.condition = (getFilterOperandsFor(this.column) as any)[key] as FilterOperation<\n      T[keyof T]\n    >;\n\n    if (this.input?.value || this.expression.condition.unary) {\n      this.filterController.filterWithEvent(this.expression, 'modify');\n    }\n\n    this.requestUpdate();\n  }\n\n  #selectOption(target: HTMLElement | null) {\n    if (!target) return;\n    const value = target.dataset.value as OperandKeys<T[typeof this.column.key]>;\n    this.#applyCondition(value);\n    this.dropdownOpen = false;\n    this.input?.focus();\n  }\n\n  #handleDropdownItemClick = (event: Event) => {\n    event.stopPropagation();\n    this.#selectOption((event.target as HTMLElement).closest<HTMLElement>('[data-value]'));\n  };\n\n  #dropdownOptions(): HTMLElement[] {\n    return Array.from(this.dropdown?.querySelectorAll<HTMLElement>('[role=\"option\"]') ?? []);\n  }\n\n  /** Moves focus into the dropdown, landing on the selected (or first) option. */\n  #focusDropdownOption() {\n    requestAnimationFrame(() => {\n      const options = this.#dropdownOptions();\n      (options.find((option) => option.matches('[aria-selected=\"true\"]')) ?? options[0])?.focus();\n    });\n  }\n\n  /** ArrowDown on the condition trigger opens the listbox and focuses into it. */\n  #handleTriggerKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'ArrowDown' && event.key !== 'Down') return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.dropdownOpen = true;\n    this.#focusDropdownOption();\n  };\n\n  /** Listbox keyboard pattern: arrows/Home/End rove, Enter/Space pick. */\n  #handleDropdownKeydown = (event: KeyboardEvent) => {\n    const options = this.#dropdownOptions();\n    const current = options.findIndex((option) => option.matches(':focus'));\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Down':\n        event.preventDefault();\n        event.stopPropagation();\n        options[Math.min(current + 1, options.length - 1)]?.focus();\n        return;\n      case 'ArrowUp':\n      case 'Up':\n        event.preventDefault();\n        event.stopPropagation();\n        options[Math.max(current - 1, 0)]?.focus();\n        return;\n      case 'Home':\n        event.preventDefault();\n        event.stopPropagation();\n        options[0]?.focus();\n        return;\n      case 'End':\n        event.preventDefault();\n        event.stopPropagation();\n        options[options.length - 1]?.focus();\n        return;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        event.stopPropagation();\n        this.#selectOption(options[current] ?? null);\n        return;\n      default:\n        return;\n    }\n  };\n\n  #handleOutsidePointer = (event: PointerEvent) => {\n    const path = event.composedPath();\n\n    // Close the condition dropdown if clicking outside it.\n    if (this.dropdownOpen) {\n      if (!path.includes(this.dropdown) && !path.includes(this.conditionElement)) {\n        this.dropdownOpen = false;\n      }\n      return;\n    }\n\n    // Close the whole panel if clicking outside it.\n    if (this.active && !path.includes(this)) {\n      this.active = false;\n    }\n  };\n\n  #handleDocumentKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape') return;\n\n    if (this.dropdownOpen) {\n      event.stopPropagation();\n      this.dropdownOpen = false;\n      this.conditionElement?.focus();\n      return;\n    }\n\n    if (this.active) {\n      event.stopPropagation();\n      this.active = false;\n    }\n  };\n\n  #handleInput(event: Event) {\n    event.stopPropagation();\n\n    const raw = (event.target as HTMLInputElement).value ?? '';\n    const value = this.isNumeric ? Number.parseFloat(raw) : raw;\n    const shouldUpdate = this.isNumeric ? !Number.isNaN(value as number) : !!value;\n    const type = this.filterController.get(this.expression.key)?.has(this.expression)\n      ? 'modify'\n      : 'add';\n\n    if (shouldUpdate) {\n      this.expression.searchTerm = value as any;\n      this.filterController.filterWithEvent(this.expression, type);\n    } else {\n      this.#removeExpression(this.expression);\n    }\n\n    this.requestUpdate();\n  }\n\n  #handleKeydown(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    switch (event.key) {\n      case 'Enter':\n        if (this.input) this.input.value = '';\n        this.#setDefaultExpression();\n        return;\n      case 'Escape':\n        this.active = false;\n        return;\n      default:\n        return;\n    }\n  }\n\n  #handleResetClick() {\n    this.filterController.removeAllExpressions(this.column.key);\n    this.#setDefaultExpression();\n    this.requestUpdate();\n  }\n\n  #openDropdownList = () => {\n    this.dropdownOpen = !this.dropdownOpen;\n  };\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('pointerdown', this.#handleOutsidePointer, true);\n    document.addEventListener('keydown', this.#handleDocumentKey, true);\n  }\n\n  public override disconnectedCallback(): void {\n    document.removeEventListener('pointerdown', this.#handleOutsidePointer, true);\n    document.removeEventListener('keydown', this.#handleDocumentKey, true);\n    super.disconnectedCallback();\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected async activeChanged() {\n    if (this.active && this.triggerRect) {\n      const panelWidth = 240;\n      const viewportWidth = window.innerWidth;\n      let left = this.triggerRect.left;\n      // Clamp so the panel doesn't overflow the right edge of the viewport.\n      if (left + panelWidth > viewportWidth - 8) {\n        left = Math.max(8, viewportWidth - panelWidth - 8);\n      }\n      this.style.setProperty('--fp-top', `${this.triggerRect.bottom + 4}px`);\n      this.style.setProperty('--fp-left', `${left}px`);\n      this.setAttribute('data-active', '');\n      await this.updateComplete;\n      this.input?.select();\n    } else {\n      this.removeAttribute('data-active');\n      this.style.removeProperty('--fp-top');\n      this.style.removeProperty('--fp-left');\n      this.column = DEFAULT_COLUMN_CONFIG as ColumnConfiguration<T>;\n    }\n\n    this.state.host.requestUpdate();\n  }\n\n  #chipCriteriaFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      expression.criteria = expression.criteria === 'and' ? 'or' : 'and';\n      this.filterController.filterWithEvent(expression, 'modify');\n      this.requestUpdate();\n    };\n  }\n\n  #chipSelectFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.expression = expression;\n      await this.updateComplete;\n      this.input?.select();\n    };\n  }\n\n  #chipRemoveFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.#removeExpression(expression);\n\n      if (this.active && this.expression === expression) {\n        this.#setDefaultExpression();\n        await this.updateComplete;\n        this.input?.focus();\n      }\n\n      this.requestUpdate();\n    };\n  }\n\n  protected renderCriteriaButton(expr: FilterExpression<T>, index: number) {\n    return index\n      ? html`<button\n          type=\"button\"\n          part=\"criteria\"\n          @click=${this.#chipCriteriaFor(expr)}\n        >\n          ${expr.criteria}\n        </button>`\n      : nothing;\n  }\n\n  protected renderExpressionChip(props: ExpressionChipProps<T>) {\n    const { name, unary } = props.expression.condition as FilterOperation<T>;\n    const { searchTerm: term } = props.expression;\n\n    return html`<div\n      part=\"expression-chip\"\n      ?selected=${props.selected}\n    >\n      <button\n        part=\"chip-body\"\n        type=\"button\"\n        @click=${props.onSelect}\n      >\n        ${renderIcon(name)}\n        <span>${unary ? name : term}</span>\n      </button>\n      <button\n        part=\"chip-remove\"\n        type=\"button\"\n        aria-label=${this.state.localize('filter.removeFilter')}\n        @click=${props.onRemove}\n      >\n        ${renderIcon('close')}\n      </button>\n    </div>`;\n  }\n\n  protected renderActiveChips() {\n    const state = this.filterController.get(this.column.key);\n\n    return !state\n      ? nothing\n      : Array.from(state).map((expression, idx) => {\n          const props: ExpressionChipProps<T> = {\n            expression,\n            selected: this.expression === expression,\n            onRemove: this.#chipRemoveFor(expression),\n            onSelect: this.#chipSelectFor(expression),\n          };\n\n          return html`${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(\n            props\n          )}`;\n        });\n  }\n\n  protected renderFilterActions() {\n    return html`\n      <button\n        id=\"reset\"\n        type=\"button\"\n        part=\"action\"\n        @click=${this.#handleResetClick}\n      >\n        ${renderIcon('refresh')} ${this.state.localize('filter.reset')}\n      </button>\n      <button\n        id=\"close\"\n        type=\"button\"\n        part=\"action\"\n        @click=${() => {\n          this.active = false;\n        }}\n      >\n        ${renderIcon('close')} ${this.state.localize('filter.close')}\n      </button>\n    `;\n  }\n\n  protected renderDropdown() {\n    return html`<ul\n      part=\"dropdown\"\n      role=\"listbox\"\n      aria-label=${this.state.localize('filter.conditionList')}\n      ?hidden=${!this.dropdownOpen}\n      @click=${this.#handleDropdownItemClick}\n      @keydown=${this.#handleDropdownKeydown}\n    >\n      ${Object.entries(getFilterOperandsFor(this.column)).map(\n        ([key, operand]) => html`\n          <li\n            part=\"dropdown-item\"\n            role=\"option\"\n            tabindex=\"-1\"\n            data-value=${key}\n            aria-selected=${this.condition.name === key}\n            ?selected=${this.condition.name === key}\n          >\n            ${renderIcon(key)}<span\n              >${this.state.localize(\n                `filter.operator.${key}` as GridLocaleKey,\n                undefined,\n                operand?.label ?? key\n              )}</span\n            >\n          </li>\n        `\n      )}\n    </ul>`;\n  }\n\n  protected renderDropdownTarget() {\n    const conditionLabel = this.state.localize(\n      `filter.operator.${this.condition.name}` as GridLocaleKey,\n      undefined,\n      (this.condition as FilterOperation<T>).label ?? this.condition.name\n    );\n    return html`<button\n      id=\"condition\"\n      type=\"button\"\n      part=\"condition-trigger\"\n      aria-label=${this.state.localize('filter.changeCondition')}\n      aria-haspopup=\"listbox\"\n      aria-expanded=${this.dropdownOpen ? 'true' : 'false'}\n      @click=${this.#openDropdownList}\n      @keydown=${this.#handleTriggerKeydown}\n    >\n      <span>${conditionLabel}</span>\n      ${renderIcon('chevron-down')}\n    </button>`;\n  }\n\n  protected renderActiveState() {\n    const hasChips = Boolean(this.filterController.get(this.column.key)?.length);\n    return html`\n      <div part=\"panel\">\n        <div part=\"condition-row\">\n          ${this.renderDropdownTarget()}\n          ${this.renderDropdown()}\n        </div>\n        ${\n          !this.condition.unary\n            ? html`<div part=\"panel-input-row\">\n              <input\n                part=\"filter-input\"\n                type=\"text\"\n                .value=${(this.expression?.searchTerm as string) ?? ''}\n                placeholder=${this.state.localize('filter.inputPlaceholder')}\n                @input=${this.#handleInput}\n                @keydown=${this.#handleKeydown}\n              />\n            </div>`\n            : nothing\n        }\n        ${hasChips ? html`<div part=\"chips-row\">${this.renderActiveChips()}</div>` : nothing}\n        <div part=\"panel-footer\">${this.renderFilterActions()}</div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this.active ? this.renderActiveState() : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexFilterRow.tagName]: ApexFilterRow<object>;\n  }\n}\n"]}

package/components/grid.d.ts

@@ -1506,6 +1506,11 @@ export declare class ApexGrid<T extends object> extends EventEmitterBase<ApexGri
     moveColumn(fromKey: Keys<T>, toKey: Keys<T>, position?: ColumnDropPosition): Promise<boolean>;
     protected bodyClickHandler(event: MouseEvent): void;
     protected bodyKeydownHandler(event: KeyboardEvent): void;
+    /**
+     * Tabbing into the grid body lands on the scroll container; forward focus to
+     * the active cell (when one exists) so the roving tab stop is honored.
+     */
+    protected bodyFocusHandler(event: FocusEvent): void;
     /**
      * Forwards body-cell pointer interactions (press / drag-over / release) to
      * feature modules via {@link StateController.handleCellInteraction}. Gated on