apex-grid 3.1.0 → 3.3.0

package/components/cell.js

@@ -4,6 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var _a;
 import { consume } from '@lit/context';
 import { html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
@@ -12,14 +13,16 @@ 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';
-export default class ApexGridCell extends LitElement {
+class ApexGridCell extends LitElement {
     constructor() {
         super(...arguments);
         this.active = false;
         this.editing = false;
         this.colindex = 0;
         this.decorationVersion = 0;
+        this.validationVersion = 0;
         this.#decoratedKeys = [];
+        this.#errors = null;
         this.#handleClick = (event) => {
             if (this.isEditing) {
                 event.stopPropagation();
@@ -122,7 +125,7 @@ export default class ApexGridCell extends LitElement {
     }
     static { this.styles = styles; }
     static register() {
-        registerComponent(ApexGridCell);
+        registerComponent(_a);
     }
     get context() {
         const ctx = {
@@ -148,6 +151,8 @@ export default class ApexGridCell extends LitElement {
         return this.editingController.isEditable(this.column);
     }
     #decoratedKeys;
+    static #ERROR_ID = 'apex-cell-error';
+    #errors;
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', 'gridcell');
@@ -184,8 +189,37 @@ export default class ApexGridCell extends LitElement {
         else {
             this.removeAttribute('data-tree-expanded');
         }
+        this.#applyValidation();
         this.#applyDecoration();
     }
+    #applyValidation() {
+        const errors = this.state && this.row?.data
+            ? (this.editingController?.getCellErrors(this.row.data, this.column.key) ?? null)
+            : null;
+        this.#errors = errors && errors.length > 0 ? errors : null;
+        if (this.#errors) {
+            this.setAttribute('aria-invalid', 'true');
+            this.setAttribute('aria-errormessage', _a.#ERROR_ID);
+            this.setAttribute('data-invalid', '');
+            this.setAttribute('title', this.#errors.join('; '));
+        }
+        else {
+            this.removeAttribute('aria-invalid');
+            this.removeAttribute('aria-errormessage');
+            this.removeAttribute('data-invalid');
+            this.removeAttribute('title');
+        }
+    }
+    renderError() {
+        if (!this.#errors)
+            return null;
+        return html `<span
+      part="cell-error"
+      id=${_a.#ERROR_ID}
+      role="alert"
+      >${this.#errors.join('; ')}</span
+    >`;
+    }
     #applyDecoration() {
         const decoration = this.state && this.row
             ? this.state.decorateCell({
@@ -321,7 +355,7 @@ export default class ApexGridCell extends LitElement {
             ? html `<button
           type="button"
           part="tree-toggle"
-          aria-label=${expanded ? 'Collapse row' : 'Expand row'}
+          aria-label=${expanded ? this.state.localize('row.collapse') : this.state.localize('row.expand')}
           aria-expanded=${expanded ? 'true' : 'false'}
           @click=${handleClick}
         >
@@ -371,16 +405,21 @@ export default class ApexGridCell extends LitElement {
         return html `${this.resolveDisplayValue()}`;
     }
     render() {
+        const error = this.renderError();
         if (this.isEditing) {
-            return this.renderEditor();
+            return html `${this.renderEditor()}${error}`;
         }
         const affordance = this.renderTreeAffordance();
         if (affordance) {
-            return html `${affordance}<span part="tree-cell-content">${this.renderCellBody()}</span>`;
+            return html `${affordance}<span part="tree-cell-content"
+          >${this.renderCellBody()}</span
+        >${error}`;
         }
-        return this.renderCellBody();
+        return html `${this.renderCellBody()}${error}`;
     }
 }
+_a = ApexGridCell;
+export default ApexGridCell;
 __decorate([
     property({ attribute: false })
 ], ApexGridCell.prototype, "value", void 0);
@@ -406,4 +445,7 @@ __decorate([
 __decorate([
     property({ attribute: false, type: Number })
 ], ApexGridCell.prototype, "decorationVersion", void 0);
+__decorate([
+    property({ attribute: false, type: Number })
+], ApexGridCell.prototype, "validationVersion", void 0);
 //# sourceMappingURL=cell.js.map

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  /** Decoration attribute keys applied on the previous update, for cleanup. */\n  #decoratedKeys: string[] = [];\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.#applyDecoration();\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=${expanded ? 'Collapse row' : 'Expand row'}\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    if (this.isEditing) {\n      return this.renderEditor();\n    }\n    const affordance = this.renderTreeAffordance();\n    if (affordance) {\n      return html`${affordance}<span part=\"tree-cell-content\">${this.renderCellBody()}</span>`;\n    }\n    return this.renderCellBody();\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 } 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"]}

package/components/filter-row.d.ts

@@ -1,7 +1,6 @@
 import { LitElement, nothing } from 'lit';
 import { type StateController } from '../controllers/state.js';
 import type { ColumnConfiguration } from '../internal/types.js';
-import type { FilterExpressionTree } from '../operations/filter/tree.js';
 import type { FilterExpression, FilterOperation } from '../operations/filter/types.js';
 type ExpressionChipProps<T> = {
     expression: FilterExpression<T>;
@@ -19,6 +18,8 @@ export default class ApexFilterRow<T extends object> extends LitElement {
     protected get filterController(): import("../controllers/filter.js").FilterController<T>;
     protected get condition(): FilterOperation<T>;
     active: boolean;
+    /** Bounding rect of the filter icon that opened this panel. Used for positioning. */
+    triggerRect: DOMRect | null;
     input: HTMLInputElement;
     conditionElement: HTMLElement;
     dropdown: HTMLElement;
@@ -27,18 +28,14 @@ export default class ApexFilterRow<T extends object> extends LitElement {
     expression: FilterExpression<T>;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    protected activeChanged(): void;
+    protected activeChanged(): Promise<void>;
     protected renderCriteriaButton(expr: FilterExpression<T>, index: number): import("lit-html").TemplateResult<1> | typeof nothing;
     protected renderExpressionChip(props: ExpressionChipProps<T>): import("lit-html").TemplateResult<1>;
     protected renderActiveChips(): typeof nothing | import("lit-html").TemplateResult<1>[];
     protected renderFilterActions(): import("lit-html").TemplateResult<1>;
     protected renderDropdown(): import("lit-html").TemplateResult<1>;
     protected renderDropdownTarget(): import("lit-html").TemplateResult<1>;
-    protected renderInputArea(): import("lit-html").TemplateResult<1>;
     protected renderActiveState(): import("lit-html").TemplateResult<1>;
-    protected renderInactiveChips(column: ColumnConfiguration<T>, state: FilterExpressionTree<T>): import("lit-html").TemplateResult<1>[];
-    protected renderFilterState(column: ColumnConfiguration<T>): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<1>[];
-    protected renderInactiveState(): import("lit-html").TemplateResult<1>;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/filter-row.js

@@ -7,19 +7,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from '@lit/context';
 import { html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import { gridStateContext } from '../controllers/state.js';
 import { DEFAULT_COLUMN_CONFIG } from '../internal/constants.js';
 import { renderIcon } from '../internal/icons.js';
 import { registerComponent } from '../internal/register.js';
 import { GRID_FILTER_ROW_TAG } from '../internal/tags.js';
-import { getDisplayColumns, getFilterOperandsFor, getPinEdge } from '../internal/utils.js';
+import { getFilterOperandsFor } from '../internal/utils.js';
 import { watch } from '../internal/watch.js';
 import { styles } from '../styles/filter-row/filter-row.css.js';
 export default class ApexFilterRow extends LitElement {
     constructor() {
         super(...arguments);
         this.active = false;
+        this.triggerRect = null;
         this.dropdownOpen = false;
         this.column = DEFAULT_COLUMN_CONFIG;
         this.#handleDropdownItemClick = (event) => {
@@ -33,18 +33,29 @@ export default class ApexFilterRow extends LitElement {
             this.input?.focus();
         };
         this.#handleOutsidePointer = (event) => {
-            if (!this.dropdownOpen)
-                return;
             const path = event.composedPath();
-            if (path.includes(this.dropdown) || path.includes(this.conditionElement))
+            if (this.dropdownOpen) {
+                if (!path.includes(this.dropdown) && !path.includes(this.conditionElement)) {
+                    this.dropdownOpen = false;
+                }
                 return;
-            this.dropdownOpen = false;
+            }
+            if (this.active && !path.includes(this)) {
+                this.active = false;
+            }
         };
         this.#handleDocumentKey = (event) => {
-            if (this.dropdownOpen && event.key === 'Escape') {
+            if (event.key !== 'Escape')
+                return;
+            if (this.dropdownOpen) {
                 event.stopPropagation();
                 this.dropdownOpen = false;
                 this.conditionElement?.focus();
+                return;
+            }
+            if (this.active) {
+                event.stopPropagation();
+                this.active = false;
             }
         };
         this.#openDropdownList = () => {
@@ -73,14 +84,9 @@ export default class ApexFilterRow extends LitElement {
     #removeExpression(expression) {
         this.filterController.removeExpression(expression);
     }
-    async #show() {
-        this.active = true;
-        await this.updateComplete;
-        this.input?.select();
-    }
     #applyCondition(key) {
         this.expression.condition = getFilterOperandsFor(this.column)[key];
-        if (this.input.value || this.expression.condition.unary) {
+        if (this.input?.value || this.expression.condition.unary) {
             this.filterController.filterWithEvent(this.expression, 'modify');
         }
         this.requestUpdate();
@@ -109,7 +115,8 @@ export default class ApexFilterRow extends LitElement {
         event.stopPropagation();
         switch (event.key) {
             case 'Enter':
-                this.input.value = '';
+                if (this.input)
+                    this.input.value = '';
                 this.#setDefaultExpression();
                 return;
             case 'Escape':
@@ -121,13 +128,12 @@ export default class ApexFilterRow extends LitElement {
     }
     #handleResetClick() {
         this.filterController.removeAllExpressions(this.column.key);
+        this.#setDefaultExpression();
         this.requestUpdate();
     }
     #openDropdownList;
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('role', 'row');
-        this.setAttribute('aria-rowindex', '2');
         document.addEventListener('pointerdown', this.#handleOutsidePointer, true);
         document.addEventListener('keydown', this.#handleDocumentKey, true);
     }
@@ -136,9 +142,24 @@ export default class ApexFilterRow extends LitElement {
         document.removeEventListener('keydown', this.#handleDocumentKey, true);
         super.disconnectedCallback();
     }
-    activeChanged() {
-        this.style.display = this.active ? 'flex' : '';
-        if (!this.active) {
+    async activeChanged() {
+        if (this.active && this.triggerRect) {
+            const panelWidth = 240;
+            const viewportWidth = window.innerWidth;
+            let left = this.triggerRect.left;
+            if (left + panelWidth > viewportWidth - 8) {
+                left = Math.max(8, viewportWidth - panelWidth - 8);
+            }
+            this.style.setProperty('--fp-top', `${this.triggerRect.bottom + 4}px`);
+            this.style.setProperty('--fp-left', `${left}px`);
+            this.setAttribute('data-active', '');
+            await this.updateComplete;
+            this.input?.select();
+        }
+        else {
+            this.removeAttribute('data-active');
+            this.style.removeProperty('--fp-top');
+            this.style.removeProperty('--fp-left');
             this.column = DEFAULT_COLUMN_CONFIG;
         }
         this.state.host.requestUpdate();
@@ -166,7 +187,7 @@ export default class ApexFilterRow extends LitElement {
             if (this.active && this.expression === expression) {
                 this.#setDefaultExpression();
                 await this.updateComplete;
-                this.input.focus();
+                this.input?.focus();
             }
             this.requestUpdate();
         };
@@ -200,7 +221,7 @@ export default class ApexFilterRow extends LitElement {
       <button
         part="chip-remove"
         type="button"
-        aria-label="Remove filter"
+        aria-label=${this.state.localize('filter.removeFilter')}
         @click=${props.onRemove}
       >
         ${renderIcon('close')}
@@ -229,7 +250,7 @@ export default class ApexFilterRow extends LitElement {
         part="action"
         @click=${this.#handleResetClick}
       >
-        ${renderIcon('refresh')} Reset
+        ${renderIcon('refresh')} ${this.state.localize('filter.reset')}
       </button>
       <button
         id="close"
@@ -239,7 +260,7 @@ export default class ApexFilterRow extends LitElement {
             this.active = false;
         }}
       >
-        ${renderIcon('close')} Close
+        ${renderIcon('close')} ${this.state.localize('filter.close')}
       </button>
     `;
     }
@@ -247,7 +268,7 @@ export default class ApexFilterRow extends LitElement {
         return html `<ul
       part="dropdown"
       role="listbox"
-      aria-label="Filter condition"
+      aria-label=${this.state.localize('filter.conditionList')}
       ?hidden=${!this.dropdownOpen}
       @click=${this.#handleDropdownItemClick}
     >
@@ -260,109 +281,55 @@ export default class ApexFilterRow extends LitElement {
             aria-selected=${this.condition.name === key}
             ?selected=${this.condition.name === key}
           >
-            ${renderIcon(key)}<span>${operand?.label ?? key}</span>
+            ${renderIcon(key)}<span
+              >${this.state.localize(`filter.operator.${key}`, undefined, operand?.label ?? key)}</span
+            >
           </li>
         `)}
     </ul>`;
     }
     renderDropdownTarget() {
+        const conditionLabel = this.state.localize(`filter.operator.${this.condition.name}`, undefined, this.condition.label ?? this.condition.name);
         return html `<button
       id="condition"
       type="button"
       part="condition-trigger"
-      aria-label="Change filter condition"
+      aria-label=${this.state.localize('filter.changeCondition')}
       aria-haspopup="listbox"
       aria-expanded=${this.dropdownOpen ? 'true' : 'false'}
       @click=${this.#openDropdownList}
     >
-      ${renderIcon(this.condition.name)}
+      <span>${conditionLabel}</span>
+      ${renderIcon('chevron-down')}
     </button>`;
     }
-    renderInputArea() {
-        return html `<div part="filter-field">
-      ${this.renderDropdownTarget()}
-      <input
-        part="filter-input"
-        type="text"
-        .value=${ifDefined(this.expression.searchTerm)}
-        placeholder="Add filter value"
-        ?readonly=${this.condition.unary}
-        @input=${this.#handleInput}
-        @keydown=${this.#handleKeydown}
-      />
-      ${this.renderDropdown()}
-    </div>`;
-    }
     renderActiveState() {
-        return html `<div part="active-state">
-      <div part="filter-row-input">${this.renderInputArea()}</div>
-      <div part="filter-row-filters">${this.renderActiveChips()}</div>
-      <div part="filter-row-actions">${this.renderFilterActions()}</div>
-    </div> `;
-    }
-    renderInactiveChips(column, state) {
-        return Array.from(state).map((expression, idx) => {
-            const props = {
-                expression,
-                selected: false,
-                onRemove: this.#chipRemoveFor(expression),
-                onSelect: async (e) => {
-                    e.stopPropagation();
-                    this.column = column;
-                    this.expression = expression;
-                    this.#show();
-                },
-            };
-            return html `${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(props)}`;
-        });
-    }
-    renderFilterState(column) {
-        const state = this.filterController.get(column.key);
-        const partial = state && state.length < 3;
-        const hidden = state && state.length >= 3;
-        const open = () => {
-            this.column = column;
-            this.#setDefaultExpression();
-            this.#show();
-        };
-        const count = hidden ? html `<span part="filter-chip-count">${state.length}</span>` : nothing;
-        const chip = html `<button
-      part="filter-chip"
-      type="button"
-      data-column=${column.key}
-      @click=${open}
-    >
-      ${renderIcon('filter')}<span>Filter</span>${count}
-    </button>`;
-        return partial ? this.renderInactiveChips(column, state) : chip;
-    }
-    renderInactiveState() {
-        const pinOffsets = this.state.pinOffsets;
-        const displayColumns = getDisplayColumns(this.state.host.columns);
-        const selectionPlaceholder = this.state.selection.showCheckboxColumn
-            ? html `<div part="filter-row-preview" data-pinned="start"></div>`
-            : nothing;
-        const expansionPlaceholder = this.state.expansion.showToggleColumn
-            ? html `<div part="filter-row-preview" data-pinned="start"></div>`
-            : nothing;
-        return html `${selectionPlaceholder}${expansionPlaceholder}${displayColumns.map((column, index) => {
-            if (column.hidden)
-                return nothing;
-            const offset = pinOffsets.get(column.key);
-            const pinStyle = column.pinned && typeof offset === 'number' ? `--apex-pin-offset:${offset}px` : '';
-            const edge = getPinEdge(displayColumns, index);
-            return html `<div
-          part="filter-row-preview"
-          data-pinned=${column.pinned ?? 'none'}
-          data-pin-edge=${edge ?? 'none'}
-          style=${pinStyle}
-        >
-          ${column.filter ? this.renderFilterState(column) : nothing}
-        </div>`;
-        })}`;
+        const hasChips = Boolean(this.filterController.get(this.column.key)?.length);
+        return html `
+      <div part="panel">
+        <div part="condition-row">
+          ${this.renderDropdownTarget()}
+          ${this.renderDropdown()}
+        </div>
+        ${!this.condition.unary
+            ? html `<div part="panel-input-row">
+              <input
+                part="filter-input"
+                type="text"
+                .value=${this.expression?.searchTerm ?? ''}
+                placeholder=${this.state.localize('filter.inputPlaceholder')}
+                @input=${this.#handleInput}
+                @keydown=${this.#handleKeydown}
+              />
+            </div>`
+            : nothing}
+        ${hasChips ? html `<div part="chips-row">${this.renderActiveChips()}</div>` : nothing}
+        <div part="panel-footer">${this.renderFilterActions()}</div>
+      </div>
+    `;
     }
     render() {
-        return html `${this.active ? this.renderActiveState() : this.renderInactiveState()}`;
+        return html `${this.active ? this.renderActiveState() : nothing}`;
     }
 }
 __decorate([
@@ -372,6 +339,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], ApexFilterRow.prototype, "active", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexFilterRow.prototype, "triggerRect", void 0);
 __decorate([
     query('input')
 ], ApexFilterRow.prototype, "input", void 0);