apex-grid 3.4.0 → 3.5.0

package/components/header-row.js

@@ -134,11 +134,19 @@ export default class ApexGridHeaderRow extends LitElement {
                 void selection.clear();
             }
         };
+        const forwardToCheckbox = (event) => {
+            const target = event.target;
+            if (target instanceof HTMLInputElement)
+                return;
+            event.currentTarget instanceof HTMLElement &&
+                event.currentTarget.querySelector('input[type="checkbox"]')?.click();
+        };
         return html `<div
       part="selection-header"
       role="columnheader"
       aria-colindex="1"
       data-pinned="start"
+      @click=${forwardToCheckbox}
     >
       <input
         type="checkbox"

package/components/header-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-row.js","sourceRoot":"","sources":["../../src/components/header-row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing, type PropertyValueMap } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_ROW_TAG } from '../internal/tags.js';\nimport type { ColumnConfiguration } from '../internal/types.js';\nimport { columnLetter, getPinEdge } from '../internal/utils.js';\nimport { styles } from '../styles/header-row/header-row.base.css.js';\nimport ApexGridHeader from './header.js';\n\nexport default class ApexGridHeaderRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_ROW_TAG;\n  }\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeaderRow, ApexGridHeader);\n  }\n\n  @queryAll(ApexGridHeader.tagName)\n  protected _headers!: NodeListOf<ApexGridHeader<T>>;\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  /** Cumulative pin offsets (px) keyed by column key. */\n  @property({ attribute: false })\n  public pinOffsets: Map<unknown, number> = new Map();\n\n  /** Reveal the spreadsheet coordinates (row-number header spacer + column letters). */\n  @property({ attribute: false })\n  public coordinateHints = false;\n\n  public get headers() {\n    return Array.from(this._headers);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('role', 'row');\n    this.setAttribute('aria-rowindex', '1');\n  }\n\n  protected override updated(): void {\n    // The column header is row 1, or row 2 when a group header row precedes it.\n    const depth = this.state?.host?.columnGroupDepth ?? 0;\n    this.setAttribute('aria-rowindex', String(depth + 1));\n  }\n\n  protected override shouldUpdate(props: PropertyValueMap<this> | Map<PropertyKey, this>): boolean {\n    for (const header of this.headers) {\n      header.requestUpdate();\n    }\n\n    return super.shouldUpdate(props);\n  }\n\n  /**\n   * Header cell for the built-in expansion (chevron) column. Renders an\n   * \"expand all\" toggle that expands every row in the current view, or\n   * collapses every expanded row when at least one is open.\n   */\n  protected renderExpansionHeader() {\n    const expansion = this.state?.expansion;\n    if (!expansion?.showToggleColumn) return nothing;\n    const someExpanded = expansion.expanded.size > 0;\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (someExpanded) {\n        void expansion.collapseAll();\n      } else {\n        void expansion.expandAll();\n      }\n    };\n    const selection = this.state?.selection;\n    const colindex = selection?.showCheckboxColumn ? 2 : 1;\n    return html`<div\n      part=\"expansion-header\"\n      role=\"columnheader\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n    >\n      <button\n        type=\"button\"\n        part=\"expansion-toggle\"\n        aria-label=${\n          someExpanded\n            ? this.state.localize('header.collapseAll')\n            : this.state.localize('header.expandAll')\n        }\n        aria-expanded=${someExpanded ? 'true' : 'false'}\n        @click=${handleClick}\n      >\n        <svg\n          part=\"expansion-chevron\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          width=\"14\"\n          height=\"14\"\n          style=${someExpanded ? 'transform: rotate(90deg)' : ''}\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    </div>`;\n  }\n\n  /**\n   * Header cell for the built-in selection (checkbox) column. Renders a\n   * \"select all on this page\" checkbox in multi-select mode; nothing in\n   * single-select mode (selecting all rows isn't meaningful there).\n   */\n  /**\n   * Corner spacer aligning the header with the body's leading row-number gutter\n   * (formula coordinate hints). Shows a small \"#\" glyph.\n   */\n  protected renderRowNumberHeader() {\n    if (!this.coordinateHints) return nothing;\n    return html`<div part=\"row-number-header\" data-pinned=\"start\" aria-hidden=\"true\">#</div>`;\n  }\n\n  /**\n   * Empty corner spacer aligning the header with the body's leading grip-handle\n   * column. Rendered only in row-reorder handle mode.\n   */\n  protected renderReorderHandleHeader() {\n    if (!this.state?.rowReorder?.showHandleColumn) return nothing;\n    return html`<div part=\"reorder-handle-header\" data-pinned=\"start\" aria-hidden=\"true\"></div>`;\n  }\n\n  protected renderSelectionHeader() {\n    const selection = this.state?.selection;\n    if (!selection?.showCheckboxColumn) return nothing;\n    if (selection.mode === 'single') {\n      // Reserve the track so cells below line up — but no select-all\n      // affordance in single-row-selection mode.\n      return html`<div part=\"selection-header\" data-pinned=\"start\"></div>`;\n    }\n    const allChecked = selection.allSelected();\n    const indeterminate = selection.someSelected();\n    const syncIndeterminate = (el: Element | undefined) => {\n      if (el instanceof HTMLInputElement) {\n        el.indeterminate = indeterminate;\n      }\n    };\n    const handleChange = (event: Event) => {\n      const checked = (event.target as HTMLInputElement).checked;\n      if (checked) {\n        void selection.selectAll();\n      } else {\n        void selection.clear();\n      }\n    };\n    return html`<div\n      part=\"selection-header\"\n      role=\"columnheader\"\n      aria-colindex=\"1\"\n      data-pinned=\"start\"\n    >\n      <input\n        type=\"checkbox\"\n        part=\"selection-checkbox\"\n        aria-label=${this.state.localize('header.selectAll')}\n        .checked=${allChecked}\n        ${ref(syncIndeterminate)}\n        @change=${handleChange}\n      />\n    </div>`;\n  }\n\n  /**\n   * Floating \"ghost\" element that follows the cursor while a header is\n   * being dragged. Positioned via `position: fixed` so it escapes the\n   * header row's sticky containing block and follows the viewport.\n   */\n  protected renderDragGhost() {\n    const state = this.state.reordering.state;\n    if (!state) return nothing;\n    return html`<div\n      part=\"drag-ghost\"\n      style=${styleMap({\n        left: `${state.ghostX}px`,\n        top: `${state.ghostY}px`,\n        width: `${state.ghostWidth}px`,\n        height: `${state.ghostHeight}px`,\n      })}\n    >\n      ${state.label}\n    </div>`;\n  }\n\n  protected override render() {\n    const reorderState = this.state.reordering.state;\n\n    // Track aria-colindex across the auto chrome columns (selection + expansion)\n    // and the data columns so the same numbering is consistent across rows.\n    let colCursor = 0;\n    if (this.state?.selection.showCheckboxColumn) colCursor++;\n    if (this.state?.expansion.showToggleColumn) colCursor++;\n    // Spreadsheet column letter index: counts only visible data columns (A = the\n    // first one), independent of the aria/chrome numbering above.\n    let coordCol = 0;\n\n    // Keyed by column.key so the same `<apex-grid-header>` DOM element\n    // follows its column across a live reorder swap — critical for pointer\n    // capture to stay bound to the dragged column as it moves.\n    return html`${this.renderRowNumberHeader()}${this.renderReorderHandleHeader()}${this.renderSelectionHeader()}${this.renderExpansionHeader()}${repeat(\n      this.columns,\n      (column) => String(column.key),\n      (column, index) => {\n        if (column.hidden) return nothing;\n        const offset = this.pinOffsets.get(column.key);\n        const pinStyle =\n          column.pinned && typeof offset === 'number' ? `--apex-pin-offset:${offset}px` : '';\n        const edge = getPinEdge(this.columns, index);\n        const isDragSource = reorderState?.sourceKey === column.key;\n        const ariaColindex = ++colCursor;\n        const coordinateLetter = this.coordinateHints ? columnLetter(coordCol) : '';\n        coordCol += 1;\n        return html`<apex-grid-header\n          part=${partNameMap({\n            filtered: this.state.filtering.state.has(column.key),\n            'pinned-start': column.pinned === 'start',\n            'pinned-end': column.pinned === 'end',\n            dragging: isDragSource,\n          })}\n          data-pinned=${column.pinned ?? 'none'}\n          data-pin-edge=${edge ?? 'none'}\n          style=${pinStyle}\n          .column=${column}\n          .colindex=${ariaColindex}\n          .coordinateLetter=${coordinateLetter}\n        ></apex-grid-header>`;\n      }\n    )}${this.renderDragGhost()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeaderRow.tagName]: ApexGridHeaderRow<object>;\n  }\n}\n"]}
+{"version":3,"file":"header-row.js","sourceRoot":"","sources":["../../src/components/header-row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing, type PropertyValueMap } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_ROW_TAG } from '../internal/tags.js';\nimport type { ColumnConfiguration } from '../internal/types.js';\nimport { columnLetter, getPinEdge } from '../internal/utils.js';\nimport { styles } from '../styles/header-row/header-row.base.css.js';\nimport ApexGridHeader from './header.js';\n\nexport default class ApexGridHeaderRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_ROW_TAG;\n  }\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeaderRow, ApexGridHeader);\n  }\n\n  @queryAll(ApexGridHeader.tagName)\n  protected _headers!: NodeListOf<ApexGridHeader<T>>;\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  /** Cumulative pin offsets (px) keyed by column key. */\n  @property({ attribute: false })\n  public pinOffsets: Map<unknown, number> = new Map();\n\n  /** Reveal the spreadsheet coordinates (row-number header spacer + column letters). */\n  @property({ attribute: false })\n  public coordinateHints = false;\n\n  public get headers() {\n    return Array.from(this._headers);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('role', 'row');\n    this.setAttribute('aria-rowindex', '1');\n  }\n\n  protected override updated(): void {\n    // The column header is row 1, or row 2 when a group header row precedes it.\n    const depth = this.state?.host?.columnGroupDepth ?? 0;\n    this.setAttribute('aria-rowindex', String(depth + 1));\n  }\n\n  protected override shouldUpdate(props: PropertyValueMap<this> | Map<PropertyKey, this>): boolean {\n    for (const header of this.headers) {\n      header.requestUpdate();\n    }\n\n    return super.shouldUpdate(props);\n  }\n\n  /**\n   * Header cell for the built-in expansion (chevron) column. Renders an\n   * \"expand all\" toggle that expands every row in the current view, or\n   * collapses every expanded row when at least one is open.\n   */\n  protected renderExpansionHeader() {\n    const expansion = this.state?.expansion;\n    if (!expansion?.showToggleColumn) return nothing;\n    const someExpanded = expansion.expanded.size > 0;\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (someExpanded) {\n        void expansion.collapseAll();\n      } else {\n        void expansion.expandAll();\n      }\n    };\n    const selection = this.state?.selection;\n    const colindex = selection?.showCheckboxColumn ? 2 : 1;\n    return html`<div\n      part=\"expansion-header\"\n      role=\"columnheader\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n    >\n      <button\n        type=\"button\"\n        part=\"expansion-toggle\"\n        aria-label=${\n          someExpanded\n            ? this.state.localize('header.collapseAll')\n            : this.state.localize('header.expandAll')\n        }\n        aria-expanded=${someExpanded ? 'true' : 'false'}\n        @click=${handleClick}\n      >\n        <svg\n          part=\"expansion-chevron\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n          width=\"14\"\n          height=\"14\"\n          style=${someExpanded ? 'transform: rotate(90deg)' : ''}\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    </div>`;\n  }\n\n  /**\n   * Header cell for the built-in selection (checkbox) column. Renders a\n   * \"select all on this page\" checkbox in multi-select mode; nothing in\n   * single-select mode (selecting all rows isn't meaningful there).\n   */\n  /**\n   * Corner spacer aligning the header with the body's leading row-number gutter\n   * (formula coordinate hints). Shows a small \"#\" glyph.\n   */\n  protected renderRowNumberHeader() {\n    if (!this.coordinateHints) return nothing;\n    return html`<div part=\"row-number-header\" data-pinned=\"start\" aria-hidden=\"true\">#</div>`;\n  }\n\n  /**\n   * Empty corner spacer aligning the header with the body's leading grip-handle\n   * column. Rendered only in row-reorder handle mode.\n   */\n  protected renderReorderHandleHeader() {\n    if (!this.state?.rowReorder?.showHandleColumn) return nothing;\n    return html`<div part=\"reorder-handle-header\" data-pinned=\"start\" aria-hidden=\"true\"></div>`;\n  }\n\n  protected renderSelectionHeader() {\n    const selection = this.state?.selection;\n    if (!selection?.showCheckboxColumn) return nothing;\n    if (selection.mode === 'single') {\n      // Reserve the track so cells below line up — but no select-all\n      // affordance in single-row-selection mode.\n      return html`<div part=\"selection-header\" data-pinned=\"start\"></div>`;\n    }\n    const allChecked = selection.allSelected();\n    const indeterminate = selection.someSelected();\n    const syncIndeterminate = (el: Element | undefined) => {\n      if (el instanceof HTMLInputElement) {\n        el.indeterminate = indeterminate;\n      }\n    };\n    const handleChange = (event: Event) => {\n      const checked = (event.target as HTMLInputElement).checked;\n      if (checked) {\n        void selection.selectAll();\n      } else {\n        void selection.clear();\n      }\n    };\n    // As in the body's selection cell: the 14x14 checkbox is under the 24x24\n    // WCAG 2.2 AA minimum (2.5.8), so the header cell forwards clicks to it\n    // rather than the mark growing. Clicks on the checkbox pass through\n    // untouched, or the forward would toggle twice.\n    const forwardToCheckbox = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (target instanceof HTMLInputElement) return;\n      event.currentTarget instanceof HTMLElement &&\n        event.currentTarget.querySelector<HTMLInputElement>('input[type=\"checkbox\"]')?.click();\n    };\n    return html`<div\n      part=\"selection-header\"\n      role=\"columnheader\"\n      aria-colindex=\"1\"\n      data-pinned=\"start\"\n      @click=${forwardToCheckbox}\n    >\n      <input\n        type=\"checkbox\"\n        part=\"selection-checkbox\"\n        aria-label=${this.state.localize('header.selectAll')}\n        .checked=${allChecked}\n        ${ref(syncIndeterminate)}\n        @change=${handleChange}\n      />\n    </div>`;\n  }\n\n  /**\n   * Floating \"ghost\" element that follows the cursor while a header is\n   * being dragged. Positioned via `position: fixed` so it escapes the\n   * header row's sticky containing block and follows the viewport.\n   */\n  protected renderDragGhost() {\n    const state = this.state.reordering.state;\n    if (!state) return nothing;\n    return html`<div\n      part=\"drag-ghost\"\n      style=${styleMap({\n        left: `${state.ghostX}px`,\n        top: `${state.ghostY}px`,\n        width: `${state.ghostWidth}px`,\n        height: `${state.ghostHeight}px`,\n      })}\n    >\n      ${state.label}\n    </div>`;\n  }\n\n  protected override render() {\n    const reorderState = this.state.reordering.state;\n\n    // Track aria-colindex across the auto chrome columns (selection + expansion)\n    // and the data columns so the same numbering is consistent across rows.\n    let colCursor = 0;\n    if (this.state?.selection.showCheckboxColumn) colCursor++;\n    if (this.state?.expansion.showToggleColumn) colCursor++;\n    // Spreadsheet column letter index: counts only visible data columns (A = the\n    // first one), independent of the aria/chrome numbering above.\n    let coordCol = 0;\n\n    // Keyed by column.key so the same `<apex-grid-header>` DOM element\n    // follows its column across a live reorder swap — critical for pointer\n    // capture to stay bound to the dragged column as it moves.\n    return html`${this.renderRowNumberHeader()}${this.renderReorderHandleHeader()}${this.renderSelectionHeader()}${this.renderExpansionHeader()}${repeat(\n      this.columns,\n      (column) => String(column.key),\n      (column, index) => {\n        if (column.hidden) return nothing;\n        const offset = this.pinOffsets.get(column.key);\n        const pinStyle =\n          column.pinned && typeof offset === 'number' ? `--apex-pin-offset:${offset}px` : '';\n        const edge = getPinEdge(this.columns, index);\n        const isDragSource = reorderState?.sourceKey === column.key;\n        const ariaColindex = ++colCursor;\n        const coordinateLetter = this.coordinateHints ? columnLetter(coordCol) : '';\n        coordCol += 1;\n        return html`<apex-grid-header\n          part=${partNameMap({\n            filtered: this.state.filtering.state.has(column.key),\n            'pinned-start': column.pinned === 'start',\n            'pinned-end': column.pinned === 'end',\n            dragging: isDragSource,\n          })}\n          data-pinned=${column.pinned ?? 'none'}\n          data-pin-edge=${edge ?? 'none'}\n          style=${pinStyle}\n          .column=${column}\n          .colindex=${ariaColindex}\n          .coordinateLetter=${coordinateLetter}\n        ></apex-grid-header>`;\n      }\n    )}${this.renderDragGhost()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeaderRow.tagName]: ApexGridHeaderRow<object>;\n  }\n}\n"]}

package/components/header.js

@@ -13,6 +13,7 @@ import { renderIcon, renderSortArrows } from '../internal/icons.js';
 import { partNameMap } from '../internal/part-map.js';
 import { registerComponent } from '../internal/register.js';
 import { GRID_HEADER_TAG } from '../internal/tags.js';
+import { isRTL } from '../internal/utils.js';
 import { styles } from '../styles/header-cell/header-cell.css.js';
 const DRAG_THRESHOLD_PX = 4;
 export default class ApexGridHeader extends LitElement {
@@ -22,9 +23,10 @@ export default class ApexGridHeader extends LitElement {
         this.coordinateLetter = '';
         this.menuOpen = false;
         this.#handleResize = ({ clientX }) => {
-            const { left } = this.getBoundingClientRect();
-            const width = Math.max(clientX - left, MIN_COL_RESIZE_WIDTH);
-            const x = this.offsetLeft + width;
+            const rect = this.getBoundingClientRect();
+            const rtl = isRTL(this);
+            const width = Math.max(rtl ? rect.right - clientX : clientX - rect.left, MIN_COL_RESIZE_WIDTH);
+            const x = rtl ? this.offsetLeft + this.offsetWidth - width : this.offsetLeft + width;
             this.resizeController.resize(this.column, width, x);
         };
         this.#handlePointerLost = () => {

package/components/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/components/header.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport { renderIcon, renderSortArrows } from '../internal/icons.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_TAG } from '../internal/tags.js';\nimport type { ApexHeaderContext, ColumnConfiguration } from '../internal/types.js';\nimport { styles } from '../styles/header-cell/header-cell.css.js';\n\n/** Pixels of pointer travel before a hold turns into a drag — avoids\n * accidental drags on click. */\nconst DRAG_THRESHOLD_PX = 4;\n\nexport default class ApexGridHeader<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeader);\n  }\n\n  protected get context(): ApexHeaderContext<T> {\n    return {\n      parent: this,\n      column: this.column,\n    };\n  }\n\n  protected get isSortable() {\n    // Sort affordances are hidden while a manual row order is active (F5):\n    // sorting and manual order are mutually exclusive.\n    return Boolean(this.column.sort) && !this.state?.rowReorder?.hasManualOrder;\n  }\n\n  protected get isFilterable() {\n    return Boolean(this.column.filter);\n  }\n\n  protected get hasActiveFilter() {\n    return Boolean(this.state?.filtering?.state.has(this.column.key));\n  }\n\n  protected get resizeController() {\n    return this.state.resizing;\n  }\n\n  protected get reorderController() {\n    return this.state.reordering;\n  }\n\n  protected get isDraggable() {\n    return Boolean(this.state?.reordering?.isDraggable(this.column));\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /** 1-based column index passed in by the parent header row for `aria-colindex`. */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Spreadsheet column letter (A, B, C, ...) shown as a prefix while formula\n   * coordinate hints are active. Empty string hides it.\n   */\n  @property({ attribute: false })\n  public coordinateLetter = '';\n\n  @state()\n  protected menuOpen = false;\n\n  #addResizeEventHandlers() {\n    const config: AddEventListenerOptions = { once: true };\n\n    this.addEventListener(\n      'gotpointercapture',\n      () => {\n        this.resizeController.indicatorActive = true;\n      },\n      config\n    );\n    this.addEventListener('lostpointercapture', this.#handlePointerLost, config);\n    this.addEventListener('pointerup', (e) => this.releasePointerCapture(e.pointerId), config);\n    this.addEventListener('pointermove', this.#handleResize);\n  }\n\n  #handleClick(e: MouseEvent) {\n    e.stopPropagation();\n    // Ctrl/Cmd+click appends to a multi-column sort; a plain click sorts by\n    // this column alone. Keyboard activation (Enter/Space) fires a click whose\n    // modifier flags mirror the keys held, so Ctrl/Cmd+Enter is additive too.\n    this.state.sorting.sortFromHeaderClick(this.column, e.ctrlKey || e.metaKey);\n  }\n\n  #handleResize = ({ clientX }: PointerEvent) => {\n    const { left } = this.getBoundingClientRect();\n    const width = Math.max(clientX - left, MIN_COL_RESIZE_WIDTH);\n    const x = this.offsetLeft + width;\n\n    this.resizeController.resize(this.column, width, x);\n  };\n\n  #handleResizeStart(ev: PointerEvent) {\n    const { target, pointerId } = ev;\n\n    ev.preventDefault();\n    // Resize takes priority over reorder — stop the event so the header's\n    // pointerdown listener doesn't also start arming a drag.\n    ev.stopPropagation();\n\n    this.#addResizeEventHandlers();\n    this.resizeController.start(this);\n\n    (target as HTMLElement).setPointerCapture(pointerId);\n  }\n\n  #handlePointerLost = () => {\n    this.resizeController.indicatorActive = false;\n    this.removeEventListener('pointermove', this.#handleResize);\n    this.resizeController.stop();\n  };\n\n  #handleAutosize = () => this.resizeController.autosize(this.column, this);\n\n  // --- Reorder (pointer-driven) ------------------------------------------\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n  #dragPointerId = -1;\n  #isDragging = false;\n\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    if (!this.isDraggable) return;\n    if (event.button !== 0) return;\n    // Skip if the user grabbed an interactive sub-part of the header — the\n    // resize handle, sort/action icons, filter button, menu button, or the\n    // column menu dropdown. Those have their own handlers and should not arm\n    // a drag.\n    const path = event.composedPath();\n    const target = path[0];\n    if (\n      target instanceof Element &&\n      target.closest?.('[part~=\"resizable\"], [part~=\"action\"], [part~=\"col-menu\"]')\n    ) {\n      return;\n    }\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    this.#dragPointerId = event.pointerId;\n    this.addEventListener('pointermove', this.#handleReorderPointerMove);\n    this.addEventListener('pointerup', this.#handleReorderPointerUp);\n    this.addEventListener('pointercancel', this.#handleReorderPointerUp);\n  };\n\n  #handleReorderPointerMove = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    if (!this.#isDragging) {\n      const dx = event.clientX - this.#dragStartX;\n      const dy = event.clientY - this.#dragStartY;\n      if (Math.hypot(dx, dy) < DRAG_THRESHOLD_PX) return;\n      // Threshold crossed — start the drag in earnest.\n      this.#isDragging = true;\n      this.setPointerCapture(event.pointerId);\n      this.setAttribute('data-dragging', '');\n      const rect = this.getBoundingClientRect();\n      const label = this.column.headerText ?? String(this.column.key);\n      this.reorderController.start(\n        this.column.key,\n        rect,\n        this.#dragStartX,\n        this.#dragStartY,\n        label\n      );\n    }\n    this.reorderController.move(event.clientX, event.clientY);\n  };\n\n  #handleReorderPointerUp = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    this.removeEventListener('pointermove', this.#handleReorderPointerMove);\n    this.removeEventListener('pointerup', this.#handleReorderPointerUp);\n    this.removeEventListener('pointercancel', this.#handleReorderPointerUp);\n    try {\n      if (this.hasPointerCapture(event.pointerId)) {\n        this.releasePointerCapture(event.pointerId);\n      }\n    } catch {\n      /* capture was already released */\n    }\n    if (this.#isDragging) {\n      this.#isDragging = false;\n      this.removeAttribute('data-dragging');\n      this.reorderController.end();\n    }\n    this.#dragPointerId = -1;\n  };\n\n  // --- Filter button --------------------------------------------------\n\n  #handleFilterClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    this.state.filtering.setActiveColumn(this.column, rect);\n  };\n\n  // --- Column menu button ---------------------------------------------\n\n  #handleMenuClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    // Offer the column menu to a feature module first: the enterprise context\n    // menu opens its richer, shared menu (sort / pin / hide / group / chart)\n    // anchored at this button and calls preventDefault(). When nothing handles\n    // it (the community grid), fall back to the built-in inline menu below.\n    // Event name is a stable string contract (mirrored in the enterprise\n    // context-menu controller), like the native 'contextmenu'.\n    const request = new CustomEvent('apex-grid-column-menu', {\n      detail: { column: this.column, anchor: e.currentTarget as HTMLElement },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    this.dispatchEvent(request);\n    if (request.defaultPrevented) return;\n    this.menuOpen = !this.menuOpen;\n  };\n\n  #handleMenuOutside = (e: PointerEvent) => {\n    if (!this.menuOpen) return;\n    if (e.composedPath().includes(this)) return;\n    this.menuOpen = false;\n  };\n\n  /** ArrowDown on the kebab opens the menu and moves focus to its first item. */\n  #handleMenuTriggerKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'ArrowDown' && e.key !== 'Down') return;\n    e.preventDefault();\n    e.stopPropagation();\n    if (!this.menuOpen) {\n      // Route through the same module-first contract as a click.\n      this.#handleMenuClick(e as unknown as MouseEvent);\n    }\n    this.#focusMenuItem(0);\n  };\n\n  #menuItems(): HTMLElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLElement>('[role=\"menuitem\"]'));\n  }\n\n  #focusMenuItem(index: number) {\n    requestAnimationFrame(() => {\n      const items = this.#menuItems();\n      if (!items.length) return;\n      items[(index + items.length) % items.length]?.focus();\n    });\n  }\n\n  #closeMenu(returnFocus = false) {\n    this.menuOpen = false;\n    if (returnFocus) {\n      requestAnimationFrame(() =>\n        this.renderRoot.querySelector<HTMLElement>('[part~=\"menu-btn\"]')?.focus()\n      );\n    }\n  }\n\n  /** Menu keyboard pattern: arrows/Home/End rove, Escape closes and restores focus. */\n  #handleColMenuKeydown = (e: KeyboardEvent) => {\n    const items = this.#menuItems();\n    const current = items.findIndex((item) => item.matches(':focus'));\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current + 1) % items.length]?.focus();\n        return;\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current - 1 + items.length) % items.length]?.focus();\n        return;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        items[0]?.focus();\n        return;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        items[items.length - 1]?.focus();\n        return;\n      case 'Escape':\n        e.preventDefault();\n        e.stopPropagation();\n        this.#closeMenu(true);\n        return;\n      case 'Tab':\n        this.#closeMenu();\n        return;\n      default:\n        return;\n    }\n  };\n\n  protected override updated() {\n    // Mirror the column's data type onto the host so the header label can match\n    // the body cell alignment by default (numeric/currency cells right-align,\n    // so their headers should too). Kept in sync on every update because the\n    // column config can change at runtime (reorder, reconfigure).\n    this.setAttribute('data-cell-type', this.column.type ?? 'string');\n    // Reflect reorderability as an attribute so SCSS can show the grab\n    // cursor only on columns that can actually be dragged. Tracks both the\n    // grid-level `columnReordering` flag (arriving via context) and the\n    // per-column `reorderable: false` opt-out at runtime.\n    if (this.isDraggable) {\n      this.setAttribute('data-reorderable', '');\n    } else {\n      this.removeAttribute('data-reorderable');\n    }\n    // aria-colindex stays in sync with the parent header row's numbering.\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    }\n    // aria-sort communicates current sort direction for this column to AT.\n    if (this.isSortable) {\n      const sort = this.state?.sorting.state.get(this.column.key);\n      const dir = sort?.direction;\n      this.setAttribute(\n        'aria-sort',\n        dir === 'ascending' ? 'ascending' : dir === 'descending' ? 'descending' : 'none'\n      );\n    } else {\n      this.removeAttribute('aria-sort');\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'columnheader');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.addEventListener('pointerdown', this.#handleMenuOutside, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.removeEventListener('pointerdown', this.#handleMenuOutside, true);\n    super.disconnectedCallback();\n  }\n\n  protected renderSortPart() {\n    const state = this.state.sorting.state.get(this.column.key);\n    const idx = Array.from(this.state.sorting.state.values()).indexOf(state!);\n    const attr = this.state.host.sortConfiguration.multiple\n      ? idx > -1\n        ? idx + 1\n        : nothing\n      : nothing;\n    const direction = state?.direction ?? 'none';\n\n    const label =\n      state?.direction === 'ascending'\n        ? this.state.localize('header.sortedAscending')\n        : state?.direction === 'descending'\n          ? this.state.localize('header.sortedDescending')\n          : this.state.localize('header.notSorted');\n\n    return state || this.isSortable\n      ? this.isSortable\n        ? html`<button\n            type=\"button\"\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-label=${label}\n            @click=${this.#handleClick}\n          >\n            ${renderSortArrows()}\n          </button>`\n        : html`<span\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-hidden=\"true\"\n          >\n            ${renderSortArrows()}\n          </span>`\n      : nothing;\n  }\n\n  protected renderFilterButton() {\n    if (!this.isFilterable) return nothing;\n    const count = this.state?.filtering?.state.get(this.column.key)?.length ?? 0;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'filter-btn': true, 'filter-active': this.hasActiveFilter })}\n      aria-label=${this.state.localize('header.filterColumn')}\n      @click=${this.#handleFilterClick}\n    >\n      ${renderIcon('filter')}\n      ${count > 1 ? html`<span part=\"filter-count\">${count}</span>` : nothing}\n    </button>`;\n  }\n\n  protected renderMenuButton() {\n    // Suppress the kebab entirely when the grid opts out.\n    if (this.state?.host?.columnMenu === false) return nothing;\n    // Show the kebab when this column has built-in menu items (sort / autosize)\n    // or when a feature module provides a richer column menu (the enterprise\n    // context menu: pin / hide / group / chart), so the affordance appears even\n    // on columns that are neither sortable nor resizable.\n    const hasMenuItems =\n      this.isSortable || this.column.resizable || Boolean(this.state?.hasColumnMenu);\n    if (!hasMenuItems) return nothing;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'menu-btn': true })}\n      aria-label=${this.state.localize('header.columnMenu')}\n      aria-expanded=${this.menuOpen ? 'true' : 'false'}\n      aria-haspopup=\"menu\"\n      @click=${this.#handleMenuClick}\n      @keydown=${this.#handleMenuTriggerKeydown}\n    >\n      ${renderIcon('more-vert')}\n    </button>`;\n  }\n\n  protected renderColumnMenu() {\n    if (!this.menuOpen) return nothing;\n    return html`<div part=\"col-menu\" role=\"menu\" @keydown=${this.#handleColMenuKeydown}>\n      ${\n        this.isSortable\n          ? html`\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'ascending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-asc')} ${this.state.localize('contextMenu.sortAsc')}\n            </button>\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'descending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-desc')} ${this.state.localize('contextMenu.sortDesc')}\n            </button>\n          `\n          : nothing\n      }\n      ${\n        this.column.resizable\n          ? html`<button\n            type=\"button\"\n            part=\"col-menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            @click=${() => {\n              this.state.resizing.autosize(this.column, this);\n              this.menuOpen = false;\n            }}\n          >\n            ${renderIcon('arrow-upward')} ${this.state.localize('header.autosizeColumn')}\n          </button>`\n          : nothing\n      }\n    </div>`;\n  }\n\n  protected renderContentPart() {\n    const defaultContent = this.column.headerText ?? this.column.key;\n    const template = this.column.headerTemplate;\n\n    return html`\n      <span part=\"title\">\n        ${\n          this.coordinateLetter\n            ? html`<span part=\"coord-letter\" aria-hidden=\"true\">${this.coordinateLetter}</span>`\n            : nothing\n        }\n        <span>${template ? template(this.context) : html`${defaultContent}`}</span>\n      </span>\n    `;\n  }\n\n  protected renderResizePart() {\n    return this.column.resizable\n      ? html`<span\n          part=\"resizable\"\n          @dblclick=${this.#handleAutosize}\n          @pointerdown=${this.#handleResizeStart}\n        ></span>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partNameMap({\n          content: true,\n          sortable: this.isSortable,\n          resizing: this.resizeController.indicatorActive,\n        })}\n      >\n        ${this.renderContentPart()}\n        <div part=\"actions\">\n          ${this.renderSortPart()}\n          ${this.renderFilterButton()}\n          ${this.renderMenuButton()}\n        </div>\n      </div>\n      ${this.renderResizePart()}\n      ${this.renderColumnMenu()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeader.tagName]: ApexGridHeader<object>;\n  }\n}\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/components/header.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport { renderIcon, renderSortArrows } from '../internal/icons.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_TAG } from '../internal/tags.js';\nimport type { ApexHeaderContext, ColumnConfiguration } from '../internal/types.js';\nimport { isRTL } from '../internal/utils.js';\nimport { styles } from '../styles/header-cell/header-cell.css.js';\n\n/** Pixels of pointer travel before a hold turns into a drag — avoids\n * accidental drags on click. */\nconst DRAG_THRESHOLD_PX = 4;\n\nexport default class ApexGridHeader<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeader);\n  }\n\n  protected get context(): ApexHeaderContext<T> {\n    return {\n      parent: this,\n      column: this.column,\n    };\n  }\n\n  protected get isSortable() {\n    // Sort affordances are hidden while a manual row order is active (F5):\n    // sorting and manual order are mutually exclusive.\n    return Boolean(this.column.sort) && !this.state?.rowReorder?.hasManualOrder;\n  }\n\n  protected get isFilterable() {\n    return Boolean(this.column.filter);\n  }\n\n  protected get hasActiveFilter() {\n    return Boolean(this.state?.filtering?.state.has(this.column.key));\n  }\n\n  protected get resizeController() {\n    return this.state.resizing;\n  }\n\n  protected get reorderController() {\n    return this.state.reordering;\n  }\n\n  protected get isDraggable() {\n    return Boolean(this.state?.reordering?.isDraggable(this.column));\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /** 1-based column index passed in by the parent header row for `aria-colindex`. */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Spreadsheet column letter (A, B, C, ...) shown as a prefix while formula\n   * coordinate hints are active. Empty string hides it.\n   */\n  @property({ attribute: false })\n  public coordinateLetter = '';\n\n  @state()\n  protected menuOpen = false;\n\n  #addResizeEventHandlers() {\n    const config: AddEventListenerOptions = { once: true };\n\n    this.addEventListener(\n      'gotpointercapture',\n      () => {\n        this.resizeController.indicatorActive = true;\n      },\n      config\n    );\n    this.addEventListener('lostpointercapture', this.#handlePointerLost, config);\n    this.addEventListener('pointerup', (e) => this.releasePointerCapture(e.pointerId), config);\n    this.addEventListener('pointermove', this.#handleResize);\n  }\n\n  #handleClick(e: MouseEvent) {\n    e.stopPropagation();\n    // Ctrl/Cmd+click appends to a multi-column sort; a plain click sorts by\n    // this column alone. Keyboard activation (Enter/Space) fires a click whose\n    // modifier flags mirror the keys held, so Ctrl/Cmd+Enter is additive too.\n    this.state.sorting.sortFromHeaderClick(this.column, e.ctrlKey || e.metaKey);\n  }\n\n  #handleResize = ({ clientX }: PointerEvent) => {\n    const rect = this.getBoundingClientRect();\n    // The inline-start edge stays put and the inline-end edge follows the\n    // pointer. Under `dir=\"rtl\"` inline-end is the *physical left* side, so the\n    // column grows as the pointer moves left and the width is measured from the\n    // fixed right edge instead.\n    const rtl = isRTL(this);\n    const width = Math.max(rtl ? rect.right - clientX : clientX - rect.left, MIN_COL_RESIZE_WIDTH);\n    // The indicator is drawn with `translateX`, which is physical either way, so\n    // it needs the physical x of the edge being dragged.\n    const x = rtl ? this.offsetLeft + this.offsetWidth - width : this.offsetLeft + width;\n\n    this.resizeController.resize(this.column, width, x);\n  };\n\n  #handleResizeStart(ev: PointerEvent) {\n    const { target, pointerId } = ev;\n\n    ev.preventDefault();\n    // Resize takes priority over reorder — stop the event so the header's\n    // pointerdown listener doesn't also start arming a drag.\n    ev.stopPropagation();\n\n    this.#addResizeEventHandlers();\n    this.resizeController.start(this);\n\n    (target as HTMLElement).setPointerCapture(pointerId);\n  }\n\n  #handlePointerLost = () => {\n    this.resizeController.indicatorActive = false;\n    this.removeEventListener('pointermove', this.#handleResize);\n    this.resizeController.stop();\n  };\n\n  #handleAutosize = () => this.resizeController.autosize(this.column, this);\n\n  // --- Reorder (pointer-driven) ------------------------------------------\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n  #dragPointerId = -1;\n  #isDragging = false;\n\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    if (!this.isDraggable) return;\n    if (event.button !== 0) return;\n    // Skip if the user grabbed an interactive sub-part of the header — the\n    // resize handle, sort/action icons, filter button, menu button, or the\n    // column menu dropdown. Those have their own handlers and should not arm\n    // a drag.\n    const path = event.composedPath();\n    const target = path[0];\n    if (\n      target instanceof Element &&\n      target.closest?.('[part~=\"resizable\"], [part~=\"action\"], [part~=\"col-menu\"]')\n    ) {\n      return;\n    }\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    this.#dragPointerId = event.pointerId;\n    this.addEventListener('pointermove', this.#handleReorderPointerMove);\n    this.addEventListener('pointerup', this.#handleReorderPointerUp);\n    this.addEventListener('pointercancel', this.#handleReorderPointerUp);\n  };\n\n  #handleReorderPointerMove = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    if (!this.#isDragging) {\n      const dx = event.clientX - this.#dragStartX;\n      const dy = event.clientY - this.#dragStartY;\n      if (Math.hypot(dx, dy) < DRAG_THRESHOLD_PX) return;\n      // Threshold crossed — start the drag in earnest.\n      this.#isDragging = true;\n      this.setPointerCapture(event.pointerId);\n      this.setAttribute('data-dragging', '');\n      const rect = this.getBoundingClientRect();\n      const label = this.column.headerText ?? String(this.column.key);\n      this.reorderController.start(\n        this.column.key,\n        rect,\n        this.#dragStartX,\n        this.#dragStartY,\n        label\n      );\n    }\n    this.reorderController.move(event.clientX, event.clientY);\n  };\n\n  #handleReorderPointerUp = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    this.removeEventListener('pointermove', this.#handleReorderPointerMove);\n    this.removeEventListener('pointerup', this.#handleReorderPointerUp);\n    this.removeEventListener('pointercancel', this.#handleReorderPointerUp);\n    try {\n      if (this.hasPointerCapture(event.pointerId)) {\n        this.releasePointerCapture(event.pointerId);\n      }\n    } catch {\n      /* capture was already released */\n    }\n    if (this.#isDragging) {\n      this.#isDragging = false;\n      this.removeAttribute('data-dragging');\n      this.reorderController.end();\n    }\n    this.#dragPointerId = -1;\n  };\n\n  // --- Filter button --------------------------------------------------\n\n  #handleFilterClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    this.state.filtering.setActiveColumn(this.column, rect);\n  };\n\n  // --- Column menu button ---------------------------------------------\n\n  #handleMenuClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    // Offer the column menu to a feature module first: the enterprise context\n    // menu opens its richer, shared menu (sort / pin / hide / group / chart)\n    // anchored at this button and calls preventDefault(). When nothing handles\n    // it (the community grid), fall back to the built-in inline menu below.\n    // Event name is a stable string contract (mirrored in the enterprise\n    // context-menu controller), like the native 'contextmenu'.\n    const request = new CustomEvent('apex-grid-column-menu', {\n      detail: { column: this.column, anchor: e.currentTarget as HTMLElement },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    this.dispatchEvent(request);\n    if (request.defaultPrevented) return;\n    this.menuOpen = !this.menuOpen;\n  };\n\n  #handleMenuOutside = (e: PointerEvent) => {\n    if (!this.menuOpen) return;\n    if (e.composedPath().includes(this)) return;\n    this.menuOpen = false;\n  };\n\n  /** ArrowDown on the kebab opens the menu and moves focus to its first item. */\n  #handleMenuTriggerKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'ArrowDown' && e.key !== 'Down') return;\n    e.preventDefault();\n    e.stopPropagation();\n    if (!this.menuOpen) {\n      // Route through the same module-first contract as a click.\n      this.#handleMenuClick(e as unknown as MouseEvent);\n    }\n    this.#focusMenuItem(0);\n  };\n\n  #menuItems(): HTMLElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLElement>('[role=\"menuitem\"]'));\n  }\n\n  #focusMenuItem(index: number) {\n    requestAnimationFrame(() => {\n      const items = this.#menuItems();\n      if (!items.length) return;\n      items[(index + items.length) % items.length]?.focus();\n    });\n  }\n\n  #closeMenu(returnFocus = false) {\n    this.menuOpen = false;\n    if (returnFocus) {\n      requestAnimationFrame(() =>\n        this.renderRoot.querySelector<HTMLElement>('[part~=\"menu-btn\"]')?.focus()\n      );\n    }\n  }\n\n  /** Menu keyboard pattern: arrows/Home/End rove, Escape closes and restores focus. */\n  #handleColMenuKeydown = (e: KeyboardEvent) => {\n    const items = this.#menuItems();\n    const current = items.findIndex((item) => item.matches(':focus'));\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current + 1) % items.length]?.focus();\n        return;\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current - 1 + items.length) % items.length]?.focus();\n        return;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        items[0]?.focus();\n        return;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        items[items.length - 1]?.focus();\n        return;\n      case 'Escape':\n        e.preventDefault();\n        e.stopPropagation();\n        this.#closeMenu(true);\n        return;\n      case 'Tab':\n        this.#closeMenu();\n        return;\n      default:\n        return;\n    }\n  };\n\n  protected override updated() {\n    // Mirror the column's data type onto the host so the header label can match\n    // the body cell alignment by default (numeric/currency cells right-align,\n    // so their headers should too). Kept in sync on every update because the\n    // column config can change at runtime (reorder, reconfigure).\n    this.setAttribute('data-cell-type', this.column.type ?? 'string');\n    // Reflect reorderability as an attribute so SCSS can show the grab\n    // cursor only on columns that can actually be dragged. Tracks both the\n    // grid-level `columnReordering` flag (arriving via context) and the\n    // per-column `reorderable: false` opt-out at runtime.\n    if (this.isDraggable) {\n      this.setAttribute('data-reorderable', '');\n    } else {\n      this.removeAttribute('data-reorderable');\n    }\n    // aria-colindex stays in sync with the parent header row's numbering.\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    }\n    // aria-sort communicates current sort direction for this column to AT.\n    if (this.isSortable) {\n      const sort = this.state?.sorting.state.get(this.column.key);\n      const dir = sort?.direction;\n      this.setAttribute(\n        'aria-sort',\n        dir === 'ascending' ? 'ascending' : dir === 'descending' ? 'descending' : 'none'\n      );\n    } else {\n      this.removeAttribute('aria-sort');\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'columnheader');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.addEventListener('pointerdown', this.#handleMenuOutside, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.removeEventListener('pointerdown', this.#handleMenuOutside, true);\n    super.disconnectedCallback();\n  }\n\n  protected renderSortPart() {\n    const state = this.state.sorting.state.get(this.column.key);\n    const idx = Array.from(this.state.sorting.state.values()).indexOf(state!);\n    const attr = this.state.host.sortConfiguration.multiple\n      ? idx > -1\n        ? idx + 1\n        : nothing\n      : nothing;\n    const direction = state?.direction ?? 'none';\n\n    const label =\n      state?.direction === 'ascending'\n        ? this.state.localize('header.sortedAscending')\n        : state?.direction === 'descending'\n          ? this.state.localize('header.sortedDescending')\n          : this.state.localize('header.notSorted');\n\n    return state || this.isSortable\n      ? this.isSortable\n        ? html`<button\n            type=\"button\"\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-label=${label}\n            @click=${this.#handleClick}\n          >\n            ${renderSortArrows()}\n          </button>`\n        : html`<span\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-hidden=\"true\"\n          >\n            ${renderSortArrows()}\n          </span>`\n      : nothing;\n  }\n\n  protected renderFilterButton() {\n    if (!this.isFilterable) return nothing;\n    const count = this.state?.filtering?.state.get(this.column.key)?.length ?? 0;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'filter-btn': true, 'filter-active': this.hasActiveFilter })}\n      aria-label=${this.state.localize('header.filterColumn')}\n      @click=${this.#handleFilterClick}\n    >\n      ${renderIcon('filter')}\n      ${count > 1 ? html`<span part=\"filter-count\">${count}</span>` : nothing}\n    </button>`;\n  }\n\n  protected renderMenuButton() {\n    // Suppress the kebab entirely when the grid opts out.\n    if (this.state?.host?.columnMenu === false) return nothing;\n    // Show the kebab when this column has built-in menu items (sort / autosize)\n    // or when a feature module provides a richer column menu (the enterprise\n    // context menu: pin / hide / group / chart), so the affordance appears even\n    // on columns that are neither sortable nor resizable.\n    const hasMenuItems =\n      this.isSortable || this.column.resizable || Boolean(this.state?.hasColumnMenu);\n    if (!hasMenuItems) return nothing;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'menu-btn': true })}\n      aria-label=${this.state.localize('header.columnMenu')}\n      aria-expanded=${this.menuOpen ? 'true' : 'false'}\n      aria-haspopup=\"menu\"\n      @click=${this.#handleMenuClick}\n      @keydown=${this.#handleMenuTriggerKeydown}\n    >\n      ${renderIcon('more-vert')}\n    </button>`;\n  }\n\n  protected renderColumnMenu() {\n    if (!this.menuOpen) return nothing;\n    return html`<div part=\"col-menu\" role=\"menu\" @keydown=${this.#handleColMenuKeydown}>\n      ${\n        this.isSortable\n          ? html`\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'ascending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-asc')} ${this.state.localize('contextMenu.sortAsc')}\n            </button>\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'descending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-desc')} ${this.state.localize('contextMenu.sortDesc')}\n            </button>\n          `\n          : nothing\n      }\n      ${\n        this.column.resizable\n          ? html`<button\n            type=\"button\"\n            part=\"col-menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            @click=${() => {\n              this.state.resizing.autosize(this.column, this);\n              this.menuOpen = false;\n            }}\n          >\n            ${renderIcon('arrow-upward')} ${this.state.localize('header.autosizeColumn')}\n          </button>`\n          : nothing\n      }\n    </div>`;\n  }\n\n  protected renderContentPart() {\n    const defaultContent = this.column.headerText ?? this.column.key;\n    const template = this.column.headerTemplate;\n\n    return html`\n      <span part=\"title\">\n        ${\n          this.coordinateLetter\n            ? html`<span part=\"coord-letter\" aria-hidden=\"true\">${this.coordinateLetter}</span>`\n            : nothing\n        }\n        <span>${template ? template(this.context) : html`${defaultContent}`}</span>\n      </span>\n    `;\n  }\n\n  protected renderResizePart() {\n    return this.column.resizable\n      ? html`<span\n          part=\"resizable\"\n          @dblclick=${this.#handleAutosize}\n          @pointerdown=${this.#handleResizeStart}\n        ></span>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partNameMap({\n          content: true,\n          sortable: this.isSortable,\n          resizing: this.resizeController.indicatorActive,\n        })}\n      >\n        ${this.renderContentPart()}\n        <div part=\"actions\">\n          ${this.renderSortPart()}\n          ${this.renderFilterButton()}\n          ${this.renderMenuButton()}\n        </div>\n      </div>\n      ${this.renderResizePart()}\n      ${this.renderColumnMenu()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeader.tagName]: ApexGridHeader<object>;\n  }\n}\n"]}

package/components/row.js

@@ -150,12 +150,32 @@ export default class ApexGridRow extends LitElement {
             }
         }
         else {
-            this.removeAttribute('aria-level');
-            if (this.state?.expansion.enabled) {
-                this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');
+            const aria = this.state?.describeRow(this.data, {
+                columns: this.columns,
+                rowIndex: this.index,
+            });
+            if (aria) {
+                if (typeof aria.level === 'number') {
+                    this.setAttribute('aria-level', String(aria.level));
+                }
+                else {
+                    this.removeAttribute('aria-level');
+                }
+                if (typeof aria.expanded === 'boolean') {
+                    this.setAttribute('aria-expanded', aria.expanded ? 'true' : 'false');
+                }
+                else {
+                    this.removeAttribute('aria-expanded');
+                }
             }
             else {
-                this.removeAttribute('aria-expanded');
+                this.removeAttribute('aria-level');
+                if (this.state?.expansion.enabled) {
+                    this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');
+                }
+                else {
+                    this.removeAttribute('aria-expanded');
+                }
             }
         }
     }
@@ -257,11 +277,19 @@ export default class ApexGridRow extends LitElement {
                 return;
             }
         };
+        const forwardToCheckbox = (event) => {
+            const target = event.target;
+            if (target instanceof HTMLInputElement)
+                return;
+            event.currentTarget instanceof HTMLElement &&
+                event.currentTarget.querySelector('input[type="checkbox"]')?.click();
+        };
         return html `<div
       part="selection-cell"
       role="gridcell"
       aria-colindex=${colindex}
       data-pinned="start"
+      @click=${forwardToCheckbox}
     >
       <input
         type="checkbox"

package/components/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/components/row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport type { RowGhostInit } from '../controllers/row-reorder.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport type { PresentedRow } from '../internal/feature-module.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_ROW_TAG } from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration, Keys } from '../internal/types.js';\nimport { getPinEdge } from '../internal/utils.js';\nimport { styles } from '../styles/body-row/body-row.css.js';\nimport ApexGridCell from './cell.js';\n\n/** The six-dot grip drawn inside the row-reorder drag handle. */\nconst GRIP_ICON = html`<svg\n  part=\"reorder-grip\"\n  viewBox=\"0 0 16 16\"\n  width=\"16\"\n  height=\"16\"\n  aria-hidden=\"true\"\n>\n  <circle cx=\"6\" cy=\"3.5\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"3.5\" r=\"1.25\" />\n  <circle cx=\"6\" cy=\"8\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"8\" r=\"1.25\" />\n  <circle cx=\"6\" cy=\"12.5\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"12.5\" r=\"1.25\" />\n</svg>`;\n\n/**\n * Component representing the DOM row in the Apex grid.\n */\nexport default class ApexGridRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_ROW_TAG;\n  }\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridRow, ApexGridCell);\n  }\n\n  @queryAll(ApexGridCell.tagName)\n  protected _cells!: NodeListOf<ApexGridCell<T>>;\n\n  @property({ attribute: false })\n  public data!: T;\n\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  /** Cumulative pin offsets (px) keyed by column key. */\n  @property({ attribute: false })\n  public pinOffsets: Map<unknown, number> = new Map();\n\n  public get cells() {\n    return Array.from(this._cells);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public activeNode!: ActiveNode<T>;\n\n  @property({ attribute: false, type: Number })\n  public index = -1;\n\n  /** Reflects current selection state so SCSS can highlight the row. */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /** Reflects current expansion state so SCSS can rotate the chevron. */\n  @property({ type: Boolean, reflect: true })\n  public expanded = false;\n\n  /** Reflects pointer-drag state (row reorder) so SCSS can dim the source. */\n  @property({ type: Boolean, reflect: true })\n  public dragging = false;\n\n  /** Reflects keyboard-grab state (row reorder) so SCSS can outline the row. */\n  @property({ type: Boolean, reflect: true })\n  public grabbed = false;\n\n  /** Reveal the spreadsheet row-number gutter cell (transient formula coordinate hint). */\n  @property({ type: Boolean })\n  public coordinateHints = false;\n\n  /** The column key currently being edited in this row, or `null`. */\n  @property({ attribute: false })\n  public editingKey: Keys<T> | null = null;\n\n  /**\n   * Reactive token from {@link StateController.decorationVersion}, forwarded to\n   * each cell so a decoration-only change re-renders the row's cells. Stays `0`\n   * for the community grid.\n   */\n  @property({ attribute: false, type: Number })\n  public decorationVersion = 0;\n\n  /**\n   * Reactive token from {@link EditingController.validationVersion}, forwarded to\n   * each cell so a validation-only change re-renders the row's cells (toggling\n   * `aria-invalid` and the inline error node). Stays `0` until the first\n   * validation failure.\n   */\n  @property({ attribute: false, type: Number })\n  public validationVersion = 0;\n\n  /**\n   * Result of the feature-module row presenter for the current update, or\n   * `null` when no module renders this row full-width (the normal case).\n   * Computed in {@link willUpdate} and consumed in {@link render}.\n   */\n  #presented: PresentedRow | null = null;\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n\n  /**\n   * Arms a row drag. In handle mode only the grip starts one; in whole-row mode\n   * a press anywhere except an interactive sub-part does. The move / up plumbing\n   * lives on the grid host (see {@link RowReorderController.armPointerDrag}), so\n   * a live-swap that recycles this row's DOM can't break the gesture.\n   */\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    const reorder = this.state?.rowReorder;\n    if (!reorder?.enabled || event.button !== 0 || !this.data) return;\n    // Pinned rows are not reorder sources (F4 scope).\n    if (this.state.rowPin.isPinned(this.data)) return;\n\n    const path = event.composedPath();\n    const onHandle = path.some(\n      (node) =>\n        node instanceof Element && (node.getAttribute?.('part') ?? '').includes('reorder-handle')\n    );\n\n    if (reorder.handleMode) {\n      // Handle mode: only the grip starts a drag. The rest of the row stays free\n      // for selection / editing / text selection.\n      if (!onHandle) return;\n      // Own the gesture: keep the grid's body handler from treating the press as\n      // a cell interaction, and suppress native text/element drag-selection.\n      event.preventDefault();\n      event.stopPropagation();\n    } else {\n      // Whole-row mode: a drag begins anywhere except an interactive sub-part\n      // (editor, checkbox, button).\n      const target = path[0];\n      if (\n        target instanceof Element &&\n        target.closest?.('input, button, a, select, textarea, [data-apex-editor]')\n      ) {\n        return;\n      }\n    }\n\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    // The controller snapshots the ghost the instant the drag engages (the row\n    // is still in place then), seeded from the original press point.\n    reorder.armPointerDrag(\n      this.data,\n      () => this.#captureGhost(this.#dragStartX, this.#dragStartY),\n      event\n    );\n  };\n\n  /**\n   * Snapshots the row's visible cells (text, width, alignment) and bounding rect\n   * so the controller can paint a faithful floating ghost. Invoked once, at the\n   * moment the drag engages.\n   */\n  #captureGhost(clientX: number, clientY: number): RowGhostInit {\n    const rect = this.getBoundingClientRect();\n    const cells = this.cells.map((cell) => {\n      const el = cell as unknown as HTMLElement;\n      return {\n        text: (el.textContent ?? '').replace(/\\s+/g, ' ').trim(),\n        width: el.getBoundingClientRect().width,\n        align: getComputedStyle(el).textAlign,\n      };\n    });\n    return { rect, clientX, clientY, cells };\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('exportparts', 'cell');\n    this.setAttribute('role', 'row');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * The number of \"chrome\" rows (header + filter) above the body. Used to\n   * derive `aria-rowindex` from {@link index}. Set by the parent grid.\n   */\n  @property({ attribute: false, type: Number })\n  public ariaRowOffset = 1;\n\n  protected override willUpdate() {\n    this.setAttribute('aria-rowindex', String(this.index + this.ariaRowOffset + 1));\n\n    // Ask feature modules whether this row is rendered full-width (e.g. an\n    // enterprise group header). When one owns it, the row is not a selectable\n    // data row — it carries its own level/expanded semantics and skips the\n    // selection/tree aria below.\n    this.#presented = this.state\n      ? this.state.presentRow(this.data, { columns: this.columns, rowIndex: this.index })\n      : null;\n    if (this.#presented) {\n      this.selected = false;\n      this.removeAttribute('aria-selected');\n      if (typeof this.#presented.level === 'number') {\n        this.setAttribute('aria-level', String(this.#presented.level));\n      } else {\n        this.removeAttribute('aria-level');\n      }\n      if (typeof this.#presented.expanded === 'boolean') {\n        this.setAttribute('aria-expanded', this.#presented.expanded ? 'true' : 'false');\n      } else {\n        this.removeAttribute('aria-expanded');\n      }\n      return;\n    }\n\n    this.selected = Boolean(this.state?.selection.isSelected(this.data));\n    this.expanded = Boolean(this.state?.expansion.isExpanded(this.data));\n    if (this.state?.selection.enabled) {\n      this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n    } else {\n      this.removeAttribute('aria-selected');\n    }\n\n    // Tree mode reports aria-level (1-based depth) and aria-expanded for\n    // parent rows; expansion mode shares the same attribute on detail-panel\n    // rows. Tree wins when both are enabled since it's the more structural\n    // semantic (the row represents a tree node).\n    const tree = this.state?.tree;\n    const treeMeta = tree?.enabled ? tree.getMeta(this.data) : undefined;\n    if (treeMeta) {\n      this.setAttribute('aria-level', String(treeMeta.depth + 1));\n      if (treeMeta.hasChildren) {\n        this.setAttribute('aria-expanded', tree!.isExpanded(this.data) ? 'true' : 'false');\n      } else {\n        this.removeAttribute('aria-expanded');\n      }\n    } else {\n      this.removeAttribute('aria-level');\n      if (this.state?.expansion.enabled) {\n        this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');\n      } else {\n        this.removeAttribute('aria-expanded');\n      }\n    }\n  }\n\n  /**\n   * Leading row-number gutter cell (transient spreadsheet coordinate hint). Shown\n   * only while `coordinateHints` is on; pinned rows render an empty spacer (their\n   * band-local index is not a meaningful A1 row number) so the track stays\n   * aligned. Presentational: the accessible row index is `aria-rowindex`.\n   */\n  protected renderRowNumber() {\n    if (!this.coordinateHints) return nothing;\n    const pinned = Boolean(this.state?.rowPin?.isPinned(this.data));\n    return html`<div part=\"row-number-cell\" data-pinned=\"start\" aria-hidden=\"true\">\n      ${pinned ? nothing : html`<span part=\"row-number\">${this.index + 1}</span>`}\n    </div>`;\n  }\n\n  /**\n   * Leading drag-handle (grip) cell. Rendered only in handle mode; pinned rows\n   * get an empty spacer so the grid track stays aligned. The cell is\n   * presentational (`aria-hidden`) — the accessible reorder path is the keyboard\n   * grab flow, not this pointer affordance.\n   */\n  protected renderReorderHandle() {\n    const reorder = this.state?.rowReorder;\n    if (!reorder?.showHandleColumn) return nothing;\n    const draggable = !this.state?.rowPin?.isPinned(this.data);\n    return html`<div part=\"reorder-handle-cell\" data-pinned=\"start\" aria-hidden=\"true\">\n      ${draggable ? html`<span part=\"reorder-handle\">${GRIP_ICON}</span>` : nothing}\n    </div>`;\n  }\n\n  protected renderExpansionToggle(colindex: number) {\n    const expansion = this.state?.expansion;\n    if (!expansion?.showToggleColumn) return nothing;\n    const canExpand = expansion.canExpand(this.data) || expansion.isExpanded(this.data);\n    const expanded = this.expanded;\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!canExpand) return;\n      void expansion.toggleRow(this.data);\n    };\n    return html`<div\n      part=\"expansion-cell\"\n      role=\"gridcell\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n    >\n      <button\n        type=\"button\"\n        part=\"expansion-toggle\"\n        aria-label=${\n          expanded ? this.state.localize('row.collapse') : this.state.localize('row.expand')\n        }\n        aria-expanded=${expanded ? 'true' : 'false'}\n        ?disabled=${!canExpand}\n        @click=${handleClick}\n      >\n        <svg\n          part=\"expansion-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    </div>`;\n  }\n\n  protected renderDetailPanel() {\n    const expansion = this.state?.expansion;\n    if (!expansion?.isExpanded(this.data)) return nothing;\n    const template = this.state.host.expansion?.detailTemplate;\n    if (typeof template !== 'function') return nothing;\n    const content = template({\n      data: this.data,\n      rowIndex: this.index,\n      parent: this.state.host,\n    });\n    return html`<div part=\"detail-panel\" role=\"region\" aria-label=${this.state.localize('row.detail')}>${content}</div>`;\n  }\n\n  protected renderSelectionCell(colindex: number) {\n    if (!this.state?.selection.showCheckboxColumn) return nothing;\n    const selected = this.selected;\n    const handleChange = (event: Event) => {\n      const mouseEvent = event as Event & {\n        shiftKey?: boolean;\n        ctrlKey?: boolean;\n        metaKey?: boolean;\n      };\n      // The native `change` event on a checkbox doesn't expose modifier keys\n      // — they're carried on the preceding `click`. We handle Shift/Ctrl in\n      // the click listener below; the change handler covers keyboard toggles\n      // (Space on a focused checkbox) which always behave as plain toggles.\n      void mouseEvent;\n      this.state.selection.toggleRow(this.data);\n    };\n    const handleClick = (event: MouseEvent) => {\n      // Prevent the click from bubbling to the grid's body click handler\n      // (which would otherwise re-target the active cell to a non-existent\n      // selection column).\n      event.stopPropagation();\n      if (event.shiftKey && this.state.selection.mode === 'multiple') {\n        event.preventDefault();\n        void this.state.selection.rangeToggle(this.data);\n        return;\n      }\n      if ((event.ctrlKey || event.metaKey) && this.state.selection.mode === 'multiple') {\n        event.preventDefault();\n        void this.state.selection.additiveToggle(this.data);\n        return;\n      }\n      // Plain click: let the default checkbox toggle proceed; `change` will\n      // commit the new state via `toggleRow`.\n    };\n    return html`<div\n      part=\"selection-cell\"\n      role=\"gridcell\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n    >\n      <input\n        type=\"checkbox\"\n        part=\"selection-checkbox\"\n        aria-label=${this.state.localize('row.select')}\n        .checked=${selected}\n        @click=${handleClick}\n        @change=${handleChange}\n      />\n    </div>`;\n  }\n\n  protected override render() {\n    // Full-width module-rendered row (e.g. a group header): render the module's\n    // content spanning all columns, like the master-detail panel, and skip the\n    // normal selection/expansion/cell grid.\n    if (this.#presented) {\n      return html`<div part=${this.#presented.part ?? 'group-row'} style=\"grid-column: 1 / -1\">\n        ${this.#presented.content}\n      </div>`;\n    }\n\n    // A row index can transiently fall beyond the current data — e.g. while a\n    // server-side / infinite row model resizes `data` on a filter or sort\n    // change, the virtualizer may render a stale index for a frame. Render\n    // nothing until the real item arrives, rather than dereferencing undefined.\n    if (this.data == null) return nothing;\n\n    const { column: key, row: index } = this.activeNode;\n\n    // Track aria-colindex (1-based) across the auto chrome columns and the\n    // data columns. Selection comes first, then expansion, then data.\n    let colCursor = 0;\n    const selectionCol = this.state?.selection.showCheckboxColumn ? ++colCursor : 0;\n    const expansionCol = this.state?.expansion.showToggleColumn ? ++colCursor : 0;\n\n    // Keyed by column.key so the same `<apex-grid-cell>` follows its\n    // column through a reorder swap — required for the column-reorder FLIP\n    // animation in ReorderController to track motion per cell.\n    return html`\n      ${this.renderRowNumber()}\n      ${this.renderReorderHandle()}\n      ${this.renderSelectionCell(selectionCol)}\n      ${this.renderExpansionToggle(expansionCol)}\n      ${repeat(\n        this.columns,\n        (column) => String(column.key),\n        (column, colIndex) => {\n          if (column.hidden) return nothing;\n          const offset = this.pinOffsets.get(column.key);\n          const pinStyle =\n            column.pinned && typeof offset === 'number' ? `--apex-pin-offset:${offset}px` : '';\n          const edge = getPinEdge(this.columns, colIndex);\n          const editing = this.editingKey === column.key;\n          const ariaColindex = ++colCursor;\n          return html`<apex-grid-cell\n            part=\"cell\"\n            data-pinned=${column.pinned ?? 'none'}\n            data-pin-edge=${edge ?? 'none'}\n            data-cell-type=${column.type ?? 'string'}\n            style=${pinStyle}\n            .active=${key === column.key && index === this.index}\n            .editing=${editing}\n            .column=${column}\n            .row=${this as ApexGridRow<T>}\n            .value=${this.data[column.key]}\n            .colindex=${ariaColindex}\n            .decorationVersion=${this.decorationVersion}\n            .validationVersion=${this.validationVersion}\n          ></apex-grid-cell>`;\n        }\n      )}\n      ${this.renderDetailPanel()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridRow.tagName]: ApexGridRow<object>;\n  }\n}\n"]}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/components/row.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport type { RowGhostInit } from '../controllers/row-reorder.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport type { PresentedRow } from '../internal/feature-module.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_ROW_TAG } from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration, Keys } from '../internal/types.js';\nimport { getPinEdge } from '../internal/utils.js';\nimport { styles } from '../styles/body-row/body-row.css.js';\nimport ApexGridCell from './cell.js';\n\n/** The six-dot grip drawn inside the row-reorder drag handle. */\nconst GRIP_ICON = html`<svg\n  part=\"reorder-grip\"\n  viewBox=\"0 0 16 16\"\n  width=\"16\"\n  height=\"16\"\n  aria-hidden=\"true\"\n>\n  <circle cx=\"6\" cy=\"3.5\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"3.5\" r=\"1.25\" />\n  <circle cx=\"6\" cy=\"8\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"8\" r=\"1.25\" />\n  <circle cx=\"6\" cy=\"12.5\" r=\"1.25\" />\n  <circle cx=\"10\" cy=\"12.5\" r=\"1.25\" />\n</svg>`;\n\n/**\n * Component representing the DOM row in the Apex grid.\n */\nexport default class ApexGridRow<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_ROW_TAG;\n  }\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridRow, ApexGridCell);\n  }\n\n  @queryAll(ApexGridCell.tagName)\n  protected _cells!: NodeListOf<ApexGridCell<T>>;\n\n  @property({ attribute: false })\n  public data!: T;\n\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  /** Cumulative pin offsets (px) keyed by column key. */\n  @property({ attribute: false })\n  public pinOffsets: Map<unknown, number> = new Map();\n\n  public get cells() {\n    return Array.from(this._cells);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public activeNode!: ActiveNode<T>;\n\n  @property({ attribute: false, type: Number })\n  public index = -1;\n\n  /** Reflects current selection state so SCSS can highlight the row. */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /** Reflects current expansion state so SCSS can rotate the chevron. */\n  @property({ type: Boolean, reflect: true })\n  public expanded = false;\n\n  /** Reflects pointer-drag state (row reorder) so SCSS can dim the source. */\n  @property({ type: Boolean, reflect: true })\n  public dragging = false;\n\n  /** Reflects keyboard-grab state (row reorder) so SCSS can outline the row. */\n  @property({ type: Boolean, reflect: true })\n  public grabbed = false;\n\n  /** Reveal the spreadsheet row-number gutter cell (transient formula coordinate hint). */\n  @property({ type: Boolean })\n  public coordinateHints = false;\n\n  /** The column key currently being edited in this row, or `null`. */\n  @property({ attribute: false })\n  public editingKey: Keys<T> | null = null;\n\n  /**\n   * Reactive token from {@link StateController.decorationVersion}, forwarded to\n   * each cell so a decoration-only change re-renders the row's cells. Stays `0`\n   * for the community grid.\n   */\n  @property({ attribute: false, type: Number })\n  public decorationVersion = 0;\n\n  /**\n   * Reactive token from {@link EditingController.validationVersion}, forwarded to\n   * each cell so a validation-only change re-renders the row's cells (toggling\n   * `aria-invalid` and the inline error node). Stays `0` until the first\n   * validation failure.\n   */\n  @property({ attribute: false, type: Number })\n  public validationVersion = 0;\n\n  /**\n   * Result of the feature-module row presenter for the current update, or\n   * `null` when no module renders this row full-width (the normal case).\n   * Computed in {@link willUpdate} and consumed in {@link render}.\n   */\n  #presented: PresentedRow | null = null;\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n\n  /**\n   * Arms a row drag. In handle mode only the grip starts one; in whole-row mode\n   * a press anywhere except an interactive sub-part does. The move / up plumbing\n   * lives on the grid host (see {@link RowReorderController.armPointerDrag}), so\n   * a live-swap that recycles this row's DOM can't break the gesture.\n   */\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    const reorder = this.state?.rowReorder;\n    if (!reorder?.enabled || event.button !== 0 || !this.data) return;\n    // Pinned rows are not reorder sources (F4 scope).\n    if (this.state.rowPin.isPinned(this.data)) return;\n\n    const path = event.composedPath();\n    const onHandle = path.some(\n      (node) =>\n        node instanceof Element && (node.getAttribute?.('part') ?? '').includes('reorder-handle')\n    );\n\n    if (reorder.handleMode) {\n      // Handle mode: only the grip starts a drag. The rest of the row stays free\n      // for selection / editing / text selection.\n      if (!onHandle) return;\n      // Own the gesture: keep the grid's body handler from treating the press as\n      // a cell interaction, and suppress native text/element drag-selection.\n      event.preventDefault();\n      event.stopPropagation();\n    } else {\n      // Whole-row mode: a drag begins anywhere except an interactive sub-part\n      // (editor, checkbox, button).\n      const target = path[0];\n      if (\n        target instanceof Element &&\n        target.closest?.('input, button, a, select, textarea, [data-apex-editor]')\n      ) {\n        return;\n      }\n    }\n\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    // The controller snapshots the ghost the instant the drag engages (the row\n    // is still in place then), seeded from the original press point.\n    reorder.armPointerDrag(\n      this.data,\n      () => this.#captureGhost(this.#dragStartX, this.#dragStartY),\n      event\n    );\n  };\n\n  /**\n   * Snapshots the row's visible cells (text, width, alignment) and bounding rect\n   * so the controller can paint a faithful floating ghost. Invoked once, at the\n   * moment the drag engages.\n   */\n  #captureGhost(clientX: number, clientY: number): RowGhostInit {\n    const rect = this.getBoundingClientRect();\n    const cells = this.cells.map((cell) => {\n      const el = cell as unknown as HTMLElement;\n      return {\n        text: (el.textContent ?? '').replace(/\\s+/g, ' ').trim(),\n        width: el.getBoundingClientRect().width,\n        align: getComputedStyle(el).textAlign,\n      };\n    });\n    return { rect, clientX, clientY, cells };\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('exportparts', 'cell');\n    this.setAttribute('role', 'row');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * The number of \"chrome\" rows (header + filter) above the body. Used to\n   * derive `aria-rowindex` from {@link index}. Set by the parent grid.\n   */\n  @property({ attribute: false, type: Number })\n  public ariaRowOffset = 1;\n\n  protected override willUpdate() {\n    this.setAttribute('aria-rowindex', String(this.index + this.ariaRowOffset + 1));\n\n    // Ask feature modules whether this row is rendered full-width (e.g. an\n    // enterprise group header). When one owns it, the row is not a selectable\n    // data row — it carries its own level/expanded semantics and skips the\n    // selection/tree aria below.\n    this.#presented = this.state\n      ? this.state.presentRow(this.data, { columns: this.columns, rowIndex: this.index })\n      : null;\n    if (this.#presented) {\n      this.selected = false;\n      this.removeAttribute('aria-selected');\n      if (typeof this.#presented.level === 'number') {\n        this.setAttribute('aria-level', String(this.#presented.level));\n      } else {\n        this.removeAttribute('aria-level');\n      }\n      if (typeof this.#presented.expanded === 'boolean') {\n        this.setAttribute('aria-expanded', this.#presented.expanded ? 'true' : 'false');\n      } else {\n        this.removeAttribute('aria-expanded');\n      }\n      return;\n    }\n\n    this.selected = Boolean(this.state?.selection.isSelected(this.data));\n    this.expanded = Boolean(this.state?.expansion.isExpanded(this.data));\n    if (this.state?.selection.enabled) {\n      this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n    } else {\n      this.removeAttribute('aria-selected');\n    }\n\n    // Tree mode reports aria-level (1-based depth) and aria-expanded for\n    // parent rows; expansion mode shares the same attribute on detail-panel\n    // rows. Tree wins when both are enabled since it's the more structural\n    // semantic (the row represents a tree node).\n    const tree = this.state?.tree;\n    const treeMeta = tree?.enabled ? tree.getMeta(this.data) : undefined;\n    if (treeMeta) {\n      this.setAttribute('aria-level', String(treeMeta.depth + 1));\n      if (treeMeta.hasChildren) {\n        this.setAttribute('aria-expanded', tree!.isExpanded(this.data) ? 'true' : 'false');\n      } else {\n        this.removeAttribute('aria-expanded');\n      }\n    } else {\n      // A module may attach tree/expansion ARIA to a normal cell-rendered row\n      // (e.g. pivoting's expandable parent rows, which keep their value cells).\n      const aria = this.state?.describeRow(this.data, {\n        columns: this.columns,\n        rowIndex: this.index,\n      });\n      if (aria) {\n        if (typeof aria.level === 'number') {\n          this.setAttribute('aria-level', String(aria.level));\n        } else {\n          this.removeAttribute('aria-level');\n        }\n        if (typeof aria.expanded === 'boolean') {\n          this.setAttribute('aria-expanded', aria.expanded ? 'true' : 'false');\n        } else {\n          this.removeAttribute('aria-expanded');\n        }\n      } else {\n        this.removeAttribute('aria-level');\n        if (this.state?.expansion.enabled) {\n          this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');\n        } else {\n          this.removeAttribute('aria-expanded');\n        }\n      }\n    }\n  }\n\n  /**\n   * Leading row-number gutter cell (transient spreadsheet coordinate hint). Shown\n   * only while `coordinateHints` is on; pinned rows render an empty spacer (their\n   * band-local index is not a meaningful A1 row number) so the track stays\n   * aligned. Presentational: the accessible row index is `aria-rowindex`.\n   */\n  protected renderRowNumber() {\n    if (!this.coordinateHints) return nothing;\n    const pinned = Boolean(this.state?.rowPin?.isPinned(this.data));\n    return html`<div part=\"row-number-cell\" data-pinned=\"start\" aria-hidden=\"true\">\n      ${pinned ? nothing : html`<span part=\"row-number\">${this.index + 1}</span>`}\n    </div>`;\n  }\n\n  /**\n   * Leading drag-handle (grip) cell. Rendered only in handle mode; pinned rows\n   * get an empty spacer so the grid track stays aligned. The cell is\n   * presentational (`aria-hidden`) — the accessible reorder path is the keyboard\n   * grab flow, not this pointer affordance.\n   */\n  protected renderReorderHandle() {\n    const reorder = this.state?.rowReorder;\n    if (!reorder?.showHandleColumn) return nothing;\n    const draggable = !this.state?.rowPin?.isPinned(this.data);\n    return html`<div part=\"reorder-handle-cell\" data-pinned=\"start\" aria-hidden=\"true\">\n      ${draggable ? html`<span part=\"reorder-handle\">${GRIP_ICON}</span>` : nothing}\n    </div>`;\n  }\n\n  protected renderExpansionToggle(colindex: number) {\n    const expansion = this.state?.expansion;\n    if (!expansion?.showToggleColumn) return nothing;\n    const canExpand = expansion.canExpand(this.data) || expansion.isExpanded(this.data);\n    const expanded = this.expanded;\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!canExpand) return;\n      void expansion.toggleRow(this.data);\n    };\n    return html`<div\n      part=\"expansion-cell\"\n      role=\"gridcell\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n    >\n      <button\n        type=\"button\"\n        part=\"expansion-toggle\"\n        aria-label=${\n          expanded ? this.state.localize('row.collapse') : this.state.localize('row.expand')\n        }\n        aria-expanded=${expanded ? 'true' : 'false'}\n        ?disabled=${!canExpand}\n        @click=${handleClick}\n      >\n        <svg\n          part=\"expansion-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    </div>`;\n  }\n\n  protected renderDetailPanel() {\n    const expansion = this.state?.expansion;\n    if (!expansion?.isExpanded(this.data)) return nothing;\n    const template = this.state.host.expansion?.detailTemplate;\n    if (typeof template !== 'function') return nothing;\n    const content = template({\n      data: this.data,\n      rowIndex: this.index,\n      parent: this.state.host,\n    });\n    return html`<div part=\"detail-panel\" role=\"region\" aria-label=${this.state.localize('row.detail')}>${content}</div>`;\n  }\n\n  protected renderSelectionCell(colindex: number) {\n    if (!this.state?.selection.showCheckboxColumn) return nothing;\n    const selected = this.selected;\n    const handleChange = (event: Event) => {\n      const mouseEvent = event as Event & {\n        shiftKey?: boolean;\n        ctrlKey?: boolean;\n        metaKey?: boolean;\n      };\n      // The native `change` event on a checkbox doesn't expose modifier keys\n      // — they're carried on the preceding `click`. We handle Shift/Ctrl in\n      // the click listener below; the change handler covers keyboard toggles\n      // (Space on a focused checkbox) which always behave as plain toggles.\n      void mouseEvent;\n      this.state.selection.toggleRow(this.data);\n    };\n    const handleClick = (event: MouseEvent) => {\n      // Prevent the click from bubbling to the grid's body click handler\n      // (which would otherwise re-target the active cell to a non-existent\n      // selection column).\n      event.stopPropagation();\n      if (event.shiftKey && this.state.selection.mode === 'multiple') {\n        event.preventDefault();\n        void this.state.selection.rangeToggle(this.data);\n        return;\n      }\n      if ((event.ctrlKey || event.metaKey) && this.state.selection.mode === 'multiple') {\n        event.preventDefault();\n        void this.state.selection.additiveToggle(this.data);\n        return;\n      }\n      // Plain click: let the default checkbox toggle proceed; `change` will\n      // commit the new state via `toggleRow`.\n    };\n    // The checkbox itself is 14x14, well under the 24x24 WCAG 2.2 AA minimum\n    // (2.5.8), and growing it would make a chunky box out of a deliberately\n    // small mark. Instead the whole cell is the target: a click anywhere in it\n    // forwards to the checkbox, which is both compliant and what people expect\n    // of a selection column. Clicks that land on the checkbox are left alone,\n    // or the forward would toggle twice and cancel out.\n    const forwardToCheckbox = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (target instanceof HTMLInputElement) return;\n      event.currentTarget instanceof HTMLElement &&\n        event.currentTarget.querySelector<HTMLInputElement>('input[type=\"checkbox\"]')?.click();\n    };\n    return html`<div\n      part=\"selection-cell\"\n      role=\"gridcell\"\n      aria-colindex=${colindex}\n      data-pinned=\"start\"\n      @click=${forwardToCheckbox}\n    >\n      <input\n        type=\"checkbox\"\n        part=\"selection-checkbox\"\n        aria-label=${this.state.localize('row.select')}\n        .checked=${selected}\n        @click=${handleClick}\n        @change=${handleChange}\n      />\n    </div>`;\n  }\n\n  protected override render() {\n    // Full-width module-rendered row (e.g. a group header): render the module's\n    // content spanning all columns, like the master-detail panel, and skip the\n    // normal selection/expansion/cell grid.\n    if (this.#presented) {\n      return html`<div part=${this.#presented.part ?? 'group-row'} style=\"grid-column: 1 / -1\">\n        ${this.#presented.content}\n      </div>`;\n    }\n\n    // A row index can transiently fall beyond the current data — e.g. while a\n    // server-side / infinite row model resizes `data` on a filter or sort\n    // change, the virtualizer may render a stale index for a frame. Render\n    // nothing until the real item arrives, rather than dereferencing undefined.\n    if (this.data == null) return nothing;\n\n    const { column: key, row: index } = this.activeNode;\n\n    // Track aria-colindex (1-based) across the auto chrome columns and the\n    // data columns. Selection comes first, then expansion, then data.\n    let colCursor = 0;\n    const selectionCol = this.state?.selection.showCheckboxColumn ? ++colCursor : 0;\n    const expansionCol = this.state?.expansion.showToggleColumn ? ++colCursor : 0;\n\n    // Keyed by column.key so the same `<apex-grid-cell>` follows its\n    // column through a reorder swap — required for the column-reorder FLIP\n    // animation in ReorderController to track motion per cell.\n    return html`\n      ${this.renderRowNumber()}\n      ${this.renderReorderHandle()}\n      ${this.renderSelectionCell(selectionCol)}\n      ${this.renderExpansionToggle(expansionCol)}\n      ${repeat(\n        this.columns,\n        (column) => String(column.key),\n        (column, colIndex) => {\n          if (column.hidden) return nothing;\n          const offset = this.pinOffsets.get(column.key);\n          const pinStyle =\n            column.pinned && typeof offset === 'number' ? `--apex-pin-offset:${offset}px` : '';\n          const edge = getPinEdge(this.columns, colIndex);\n          const editing = this.editingKey === column.key;\n          const ariaColindex = ++colCursor;\n          return html`<apex-grid-cell\n            part=\"cell\"\n            data-pinned=${column.pinned ?? 'none'}\n            data-pin-edge=${edge ?? 'none'}\n            data-cell-type=${column.type ?? 'string'}\n            style=${pinStyle}\n            .active=${key === column.key && index === this.index}\n            .editing=${editing}\n            .column=${column}\n            .row=${this as ApexGridRow<T>}\n            .value=${this.data[column.key]}\n            .colindex=${ariaColindex}\n            .decorationVersion=${this.decorationVersion}\n            .validationVersion=${this.validationVersion}\n          ></apex-grid-cell>`;\n        }\n      )}\n      ${this.renderDetailPanel()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridRow.tagName]: ApexGridRow<object>;\n  }\n}\n"]}

package/components/virtualizer.d.ts

@@ -1,9 +1,13 @@
 import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
+import type { PropertyValues } from 'lit';
 export default class ApexVirtualizer extends LitVirtualizer {
+    #private;
     static get tagName(): "apex-virtualizer";
     static register(): void;
     scroller: boolean;
-    connectedCallback(): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/virtualizer.js

@@ -1,21 +1,91 @@
 import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
 import { registerComponent } from '../internal/register.js';
 import { GRID_BODY } from '../internal/tags.js';
+const SIZER_ATTRIBUTE = 'virtualizer-sizer';
+const MAX_RECOVERY_ATTEMPTS = 3;
 export default class ApexVirtualizer extends LitVirtualizer {
     constructor() {
         super(...arguments);
+        this.#viewportObserver = null;
+        this.#visibleHeight = 0;
+        this.#pendingCheck = 0;
+        this.#recoveryAttempts = 0;
         this.scroller = false;
     }
+    #viewportObserver;
+    #visibleHeight;
+    #pendingCheck;
+    #recoveryAttempts;
     static get tagName() {
         return GRID_BODY;
     }
     static register() {
         registerComponent(ApexVirtualizer);
     }
-    async connectedCallback() {
-        await super.layoutComplete;
+    connectedCallback() {
         super.connectedCallback();
         this.setAttribute('tabindex', '0');
+        this.#observeViewport();
+    }
+    disconnectedCallback() {
+        this.#viewportObserver?.disconnect();
+        this.#viewportObserver = null;
+        this.#visibleHeight = 0;
+        if (this.#pendingCheck) {
+            cancelAnimationFrame(this.#pendingCheck);
+            this.#pendingCheck = 0;
+        }
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        super.updated(changed);
+        this.#scheduleViewportCheck();
+    }
+    #observeViewport() {
+        if (this.#viewportObserver || typeof IntersectionObserver === 'undefined')
+            return;
+        this.#viewportObserver = new IntersectionObserver((entries) => {
+            this.#visibleHeight = entries.at(-1)?.intersectionRect.height ?? 0;
+            this.#recoveryAttempts = 0;
+            this.#scheduleViewportCheck();
+        });
+        this.#viewportObserver.observe(this);
+    }
+    #scheduleViewportCheck() {
+        if (this.#pendingCheck || !this.isConnected)
+            return;
+        if (!this.items?.length || this.#hasRenderedRows())
+            return;
+        this.#pendingCheck = requestAnimationFrame(() => {
+            this.#pendingCheck = requestAnimationFrame(() => {
+                this.#pendingCheck = 0;
+                this.#recoverIfStale();
+            });
+        });
+    }
+    #recoverIfStale() {
+        if (!this.isConnected)
+            return;
+        const items = this.items;
+        if (!Array.isArray(items) || items.length === 0)
+            return;
+        if (this.#hasRenderedRows()) {
+            this.#recoveryAttempts = 0;
+            return;
+        }
+        if (this.#visibleHeight <= 0)
+            return;
+        if (this.#recoveryAttempts >= MAX_RECOVERY_ATTEMPTS)
+            return;
+        this.#recoveryAttempts++;
+        this.items = items.slice();
+    }
+    #hasRenderedRows() {
+        for (let child = this.firstElementChild; child; child = child.nextElementSibling) {
+            if (!child.hasAttribute(SIZER_ATTRIBUTE))
+                return true;
+        }
+        return false;
     }
 }
 //# sourceMappingURL=virtualizer.js.map